/**
 * @package   Zhong - accessibletemplate
 * @version   1.0.2
 * @author    Francesco Zaniol, accessibletemplate - http://www.accessibletemplate.com
 * @copyright Copyright (C) 2011-Present Francesco Zaniol
 * @license   http://ec.europa.eu/idabc/eupl.html EUPL v1.1 only
 **/
/* ------------------------
-  GENERAL TAGS style definitions and TYPOGRAPHY style definitions
------------------------ */
/* Body
--------------------------- */
body{
	font-family:"Helvetica Neue", Tahoma, Arial, Helvetica, sans-serif;
	color:#444;
	background:#E5E5E5;
	}
/* Headings
--------------------------- */
h1,h2,h3,h4,h5,h6{
	font-family:Georgia,serif;
	font-style:italic;
	font-weight:normal;
	color:#333;
	text-align:left;
	line-height:120%;
	}
h1{font-size:240%;margin:1.2em 0.6%;}
h2{font-size:200%;margin:1em 0.6%;}
h3{font-size:160%;margin:1em 0.6%;}
h4{font-size:120%;margin:0.8em 0.6%}
h5{font-size:100%;font-weight:bold;margin:0.8em 0.6%;}
h6{font-size:80%;font-weight:bold;margin:0.8em 0.6%;}
/* links
--------------------------- */
a,a:link{color:#D93A2B;text-decoration:underline;}
a:visited{color:#A62C21;text-decoration:underline;}
a:focus,a:hover{color:#82B84B;}
/* focused elements
--------------------------- */
a:focus,button:focus,input[type=button]:focus{
	outline:dashed 1px #BBB;
	outline-offset:-1px;
	}
/* Text elements
--------------------------- */
blockquote{
	margin:0.6em 0.6em 1em 0.6em;
	padding:1.4em 1.8em;
	color:#666;
	font-style:italic;
	border:2px solid #DBDBDB;
	background:#FFF;
	background-image:url('../images/quotes.png');
	background-position:98% 96%;
	background-repeat:no-repeat;
	border-radius:0.6em;
	-moz-border-radius:0.6em;
	-webkit-border-radius:0.6em;
	}
/* Tables
--------------------------- */
table{}
td,tr{border:1px solid #D9D5D0;}
tr:hover{background:#E9E9E9;}
th,td,caption{}
tfoot{font-style:italic;}
caption{background:#E0E0E0;margin:0 1%;font-style:italic;}
th{font-weight:bold;}
thead,thead tr:hover{background:#333;color:#FFF;}
thead th,thead td{border:1px solid #EEE;}
thead th a,thead th a:link{color:#CCC;}
thead th a:hover{color:#FFF;}
/* Form style
--------------------------- */
fieldset{border:1px solid #D9D5D0;}
legend{font-style:italic;}
form label{font-style:italic;}
input,textarea,select{
	background-color:#fff;
	border:1px solid #CCC8C4;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
textarea{}
form input[type=text],form input[type=password]{}
button,.button,input[type=button]{
	text-align:center;
	border:1px solid #333333;
	background:#333333;
	color:#CCCCCC;
	font-size:81%;
	text-transform:uppercase;
	text-indent:0;
	display:block;
	padding:0.26em 0.36em;
	}
form button,form .button,form input[type=button]{
	margin:0.8em 0.2em 0.4em 0.2em;
	padding:0.3em 0.5em;
	float:left;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}
button:hover,.button:hover,input[type=button]:hover{border-color:#999;background-color:#666;color:#FFF;cursor:pointer;cursor:hand;}
button:focus,.button:focus,input[type=button]:focus{border-color:#999;background-color:#666;color:#FFF;}
button:active,.button:active,input[type=button]:active{border-color:#999;background-color:#505050;color:#FFF;}
input:hover,textarea:hover,select:hover{background-color:#FFFFCC;}
input:focus,textarea:focus,select:focus{background-color:#FFFFCC;border-color:#D93322 !important;}
.checkbox:hover,.radio:hover,.checkbox:focus,.radio:focus,
input[type=checkbox]:hover,input[type=radio]:hover,
input[type=checkbox]:focus,input[type=radio]:focus{}
/* Other
--------------------------- */
hr{
	display:block;
	margin:2em 6% 1.8em 6%;
	padding:0;
	width:auto;
	height:0;
	clear:both;
	border:0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #FFF;
	}
/* ------------------------
-  SNIPPETS - use these classes at your discretion
------------------------ */
/* added typography classes
--------------------------- */
.sans-serif{font-family:Arial, Helvetica, sans-serif !important;}
.serif{font-family:Georgia, Times, "Times New Roman", serif !important;}
.monospace{font-family:Courier New, Courier, monospace !important;}
.larger-text{font-size:larger;}
.large-text{font-size:160%;line-height:120%;}
.xlarge-text{font-size:200%;line-height:140%;}
.xxlarge-text{font-size:300%;line-height:160%;}
.xxxlarge-text{font-size:400%;line-height:180%;}
.xxxxlarge-text{font-size:500%;line-height:200%;}
.smaller-text{font-size:smaller;}
.small-text{font-size:80%;}
.xsmall-text{font-size:70%;}
.xxsmall-text{font-size:60%;}
.xxxsmall-text{font-size:50%;}
.xxxxsmall-text{font-size:40%;}
.yellow-mark,.yellow-mark *{background:#FE4 !important;color:#000 !important;}
.green-mark,.green-mark *{background:#6E3 !important;color:#000 !important;}
.red-mark,.red-mark *{background:#D11 !important;color:#FFF !important;}
.violet-mark,.violet-mark *{background:#F4E !important;color:#000 !important;}
.blue-mark,.blue-mark *{background:#00F !important;color:#FFF !important;}
/* colored blocks
--------------------------- */
.highlight-grey,.highlight-green,.highlight-red,
.highlight-brown,.highlight-yellow,.highlight-blue,.highlight-black{
	display:block;
	width:auto;
	overflow:hidden;
	padding:0.6em 1%;
	margin:1em 1%;
	border:0;
	border-left-width:0.6em;
	border-left-style:solid;
	}
.highlight-grey{
	border-left-color:#CCC !important;
	background:#E9E6E9;
	color:#444;
	}
.highlight-green{
	border-left-color:#8ef26f !important;
	background-color:#cff26f;
	color:#1d4026;
	}
.highlight-red{
	border-left-color:#E96E17 !important;
	background-color:#DE4517;
	color:#E6FFFF;
	}
.highlight-brown{
	border-left-color:#E6A649 !important;
	background-color:#FD9;
	color:#840;
	}
.highlight-yellow{
	border-left-color:#BFA160 !important;
	background-color:#FFE68C;
	color:#73664E;
	}
.highlight-blue{
	border-left-color:#847FF0 !important;
	background-color:#91B2FF;
	color:#292E59;
	}
.highlight-black{
	border-left-color:#494949 !important;
	background-color:#222;
	color:#EEE;
	}
/* Alert blocks
--------------------------- */
.error,.notice,.success,.message{
	padding:.8em;
	margin:1em 0;
	border-top:2px solid #ddd;
	border-bottom:2px solid #ddd;
	}
.notice,.message{
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324 !important;
	}
.error{
	background:#FFE9C2;
	color:#8a1f11;
	border-color:#F62 !important;
	}
.success{
	background:#C4ED8F;
	color:#264409;
	border-color:#56B235 !important;
	}
.notice a,.message a{color:#514721;}
.error a{color:#8a1f11;}
.success a{color:#264409;}
/* ------------------------
-  FLOAT CLASSES
------------------------ */
.float-left{float:left;display:block;width:auto;}
.float-right{float:right;display:block;width:auto;}
/* ------------------------
-  BUTTONS
------------------------ */
	/* Common style
	--------------------------- */
	.grey-button-style,
	.grey-button-style:link,
	.grey-button-style:visited,
	.white-button-style,
	.white-button-style:link,
	.white-button-style:visited,
	.green-button-style,
	.green-button-style:link,
	.green-button-style:visited,
	.red-button-style,
	.red-button-style:link,
	.red-button-style:visited,
	.yellow-button-style,
	.yellow-button-style:link,
	.yellow-button-style:visited,
	.violet-button-style,
	.violet-button-style:link,
	.violet-button-style:visited,
	.blue-button-style,
	.blue-button-style:link,
	.blue-button-style:visited,
	.black-button-style,
	.black-button-style:link,
	.black-button-style:visited{
		display:inline-block;
		width:auto;
		padding:0.5em 0.6em;
		margin:0.4em 0.5em;
		text-align:center;
		text-decoration:none;
		background-position:3% 55%;
		background-repeat:no-repeat;
		}
	/* Grey
	--------------------------- */
	.grey-button-style,
	.grey-button-style:link,
	.grey-button-style:visited{
		color:#393939;
		border:solid 1px #CFCBC6;
		background-color:#E6E4E4;
		}
	.grey-button-style:hover,
	.grey-button-style:focus,
	.grey-button-style:active{
		background-color:#D9D6D6;
		border-color:#BFBCBC;
		color:#292929;
		text-decoration:none;
		}
	/* White
	--------------------------- */
	.white-button-style,
	.white-button-style:link,
	.white-button-style:visited{
		color:#444;
		border:solid 1px #666;
		background-color:#FFF;
		}
	.white-button-style:hover,
	.white-button-style:focus,
	.white-button-style:active{
		background-color:#E4E4E4;
		border-color:#555;
		color:#111;
		text-decoration:none;
		}
	/* Green
	--------------------------- */
	.green-button-style,
	.green-button-style:link,
	.green-button-style:visited{
		color:#29662F;
		text-shadow:1px 1px 1px #80CC4E;
		border:solid 1px #56BF61;
		background-color:#8FD95D;
		}
	.green-button-style:hover,
	.green-button-style:focus,
	.green-button-style:active{
		background-color:#B4F28A;
		border-color:#59C765;
		color:#308A32;
		text-decoration:none;
		}
	/* Red
	--------------------------- */
	.red-button-style,
	.red-button-style:link,
	.red-button-style:visited{
		color:#E6FFFF;
		border:solid 1px #C92515;
		background-color:#DE4517;
		text-shadow:1px 1px 1px #C92515;
		}
	.red-button-style:hover,
	.red-button-style:focus,
	.red-button-style:active{
		color:#E6FFFF;
		border-color:#B82213;
		background-color:#F2070A;
		text-decoration:none;
		}
	/* Yellow
	--------------------------- */
	.yellow-button-style,
	.yellow-button-style:link,
	.yellow-button-style:visited{
		color:#73664E;
		border:solid 1px #BFA160;
		background-color:#FFE68C;
		text-shadow:1px 1px 1px #FFEA7F;
		}
	.yellow-button-style:hover,
	.yellow-button-style:focus,
	.yellow-button-style:active{
		color:#B88241;
		border-color:#E6CC4E;
		background-color:#F4FF8C;
		text-decoration:none;
		}
	/* Blue
	--------------------------- */
	.blue-button-style,
	.blue-button-style:link,
	.blue-button-style:visited{
		color:#4B469E;
		text-shadow:1px 1px 1px #C2D4FF;
		border:solid 1px #847FF0;
		background-color:#91B2FF;
		}
	.blue-button-style:hover,
	.blue-button-style:focus,
	.blue-button-style:active{
		color:#212B8C;
		text-shadow:0px 0px 0px #C2D4FF;
		border-color:#4F49CA;
		background-color:#6893F7;
		text-decoration:none;
		}
	/* Violet
	--------------------------- */
	.violet-button-style,
	.violet-button-style:link,
	.violet-button-style:visited{
		color:#B03497;
		border:solid 1px #D147B5;
		background-color:#FFA0EF;
		}
	.violet-button-style:hover,
	.violet-button-style:focus,
	.violet-button-style:active{
		color:#FFF;
		text-shadow:1px 1px 1px #C659B1;
		border-color:#BB38A1;
		background-color:#FA5ADA;
		text-decoration:none;
		}
	/* Black/Red
	--------------------------- */
	.black-button-style,
	.black-button-style:link,
	.black-button-style:visited{
		border:2px solid #444;
		color:#EEE;
		background-color:#333;
		text-shadow:1px 1px 1px #111;
		}
	.black-button-style:hover,
	.black-button-style:focus,
	.black-button-style:active{
		color:#EEE;
		text-decoration:none;
		border-color:#DB2817;
		background-color:#DB2917;
		text-shadow:1px 1px 1px #C92515;
		}
	/* ADDED-CLASS for buttons
	--------------------------- */
	.rounded-corners{
		padding:0.46em 1em !important;
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		}
/* ------------------------
-  COLUMN STYLE OBJECTS
------------------------ */
	.col-style-full{
		overflow:hidden;
		display:block;
		width:auto;
		float:none;
		clear:both;
		margin:0.6em 2%;
		padding:0;
		}
	.col-style-2,.col-style-3,.col-style-4,
	.col-style-5,.col-style-6{
		overflow:hidden;
		display:block;
		float:left;
		clear:none;
		padding:0;
		}
	.col-style-2{width:46.8%;margin:0.6em 1.6%;}
	.col-style-3{width:30.9%;margin:0.6em 1.2%;}
	.col-style-4{width:23%;margin:0.6em 1%;}
	.col-style-5{width:18.4%;margin:0.6em 0.8%;}
	.col-style-6{width:15.4%;margin:0.6em 0.6%;}
/* ------------------------
-  ARTICLE IMAGES
------------------------ */
	.article-image-right,
	.article-image-left{
		border-radius:1em;
		-moz-border-radius:1em;
		-webkit-border-radius:1em;
		}
	.article-image-left{
		margin:0 0.8em 0.8em 0;
		float:left;
		}
	.article-image-right{
		margin:0 0 0.8em 0.8em;
		float:right;
		}
/* ------------------------
-  USER-MOD MODULES STYLE
------------------------ */
	.user-mod-container-wrapper{
		position:relative;
		overflow:hidden;
		width:auto;
		clear:both;
		}
	.user-mod-col-1,.user-mod-col-2,.user-mod-col-3,.user-mod-col-4{
		float:left;
		overflow:hidden;
		padding:0;
		}
	.user-mod-col-1{width:100%;}
	.user-mod-col-2{
		width:50%;
		margin:0.2em 0;
		}
	.user-mod-col-3{
		width:33.3%;
		margin:0.2em 0;
		}
	.user-mod-col-4{
		width:25%;
		margin:0.2em 0;
		}
/* ------------------------
-  MARKED BLOCKS
--------------------------- */
	.marked-block-dark,.marked-block-light{
		display:block;
		overflow:hidden;
		width:auto;
		margin:0.8em 2% 1.2em 2%;
		padding:0.6em 2% 0.8em 2%;
		border-width:3px;
		border-style:solid;
		clear:both;
		border-radius:0.6em;
		-moz-border-radius:0.6em;
		-webkit-border-radius:0.6em;
		}
	.marked-block-dark{
		color:#6a6c6c;
		border-color:#CCC !important;
		background:#EEE;
		}
	.marked-block-light{
		color:#555;
		border-color:#DEDBDB !important;
		background:#FFF;
		}
	/* HEADINGS and PARAGRAPHS inside styled blocks */
	.marked-block-dark h1,.marked-block-light h1,
	.marked-block-dark h2,.marked-block-light h2,
	.marked-block-dark h3,.marked-block-light h3,
	.marked-block-dark h4,.marked-block-light h4,
	.marked-block-dark h5,.marked-block-light h5,
	.marked-block-dark h6,.marked-block-light h6{
		display:block;
		margin:0 0.6em 0.2em 0.6em;
		padding:0.3em 0;
		border-bottom:solid 1px;
		}
	.marked-block-dark h1,.marked-block-dark h2,.marked-block-dark h3,
	.marked-block-dark h4,.marked-block-dark h5,.marked-block-dark h6{
		color:#6a6c6c;
		border-bottom-color:#CCC;
		}
	.marked-block-light h1,.marked-block-light h2,.marked-block-light h3,
	.marked-block-light h4,.marked-block-light h5,.marked-block-light h6{
		color:#555;
		border-bottom-color:#E3E1E1;
		}
	.marked-block-dark p,.marked-block-light p{
		margin:1.2em 0.8em;
		width:auto;
		}
	.marked-block-dark p{color:#6a6c6c;}
	.marked-block-light p{color:#555;}
/* COMBINATIONS
--------------------------- */
	/* Marked blocks - Column Style */
	.marked-block-dark.col-style-full,.marked-block-light.col-style-full,
	.marked-block-dark.col-style-2,.marked-block-light.col-style-2,
	.marked-block-dark.col-style-3,.marked-block-light.col-style-3,
	.marked-block-dark.col-style-4,.marked-block-light.col-style-4,
	.marked-block-dark.col-style-5,.marked-block-light.col-style-5,
	.marked-block-dark.col-style-6,.marked-block-light.col-style-6{
		clear:none;
		}
	.marked-block-dark.col-style-full,.marked-block-light.col-style-full
		{width:auto;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;}
	.marked-block-dark.col-style-2,.marked-block-light.col-style-2
		{width:42%;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;}
	.marked-block-dark.col-style-3,.marked-block-light.col-style-3
		{width:24%;margin-left:2%;margin-right:2%;padding-left:2%;padding-right:2%;}
	.marked-block-dark.col-style-4,.marked-block-light.col-style-4
		{width:18%;margin-left:1.2%;margin-right:1.2%;padding-left:1.6%;padding-right:1.6%;}
	.marked-block-dark.col-style-5,.marked-block-light.col-style-5
		{width:15%;margin-left:1.2%;margin-right:1.2%;padding-left:1.6%;padding-right:1.6%;}
	.marked-block-dark.col-style-6,.marked-block-light.col-style-6
		{width:12%;margin-left:1.2%;margin-right:1.2%;padding-left:1.6%;padding-right:1.6%;}
	/* Float - Column Style */
	.col-style-full.float-right,.col-style-2.float-right,.col-style-3.float-right,
	.col-style-4.float-right,.col-style-5.float-right,.col-style-6.float-right
		{float:right;clear:none;}