/* jquery sidr */
.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}


/*  Main text color: #091c5a */
/*  Top of page color: #ccccff */
/*  Borders color: #444488 */
/*  Background-color: #cceeff */

/* Body background color and gradient, on the sides of the page */

html {
	background-color: #b5dada;
}

div#debug {
	background-color: #fff;
}
body{
background-image: linear-gradient(bottom, #b5dada 28%, #8ba7a6 64%);
background-image: -o-linear-gradient(bottom, #b5dada 28%, #8ba7a6 64%);
background-image: -moz-linear-gradient(bottom, #b5dada 28%, #8ba7a6 64%);
background-image: -webkit-linear-gradient(bottom, #b5dada 28%, #8ba7a6 64%);
background-image: -ms-linear-gradient(bottom, #b5dada 28%, #8ba7a6 64%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.28, #b5dada),
	color-stop(0.64, #8ba7a6)
);
}


/* Background color for page */
div#page-wrapper {
	background-color: #F0F8F8;
	border: 1px solid #4f81bd;
}

div#header {
	box-sizing: border-box;
	border-top: 2px solid #4f81bd;
	border-bottom: 2px solid #4f81bd;
	background-color: #fff;
	padding-top: 20px;
	margin-bottom: 10px;
	height: 131px;
	overflow: visible;
}

div#header h1 {
	width: 120px;
	position: relative;
}
div#header a#logo { 
	margin: -10px 10px 10px 20px;
	width: 90px;
}

div#header a#logo  img { 
	margin: 0;
	width: 100%;
	height: auto;
}
div#header #menu {
	margin-top: 29px;
	width: 100%;
}
div#header #menu li {
	display: block;
	float: left;
	position: relative;
}
div#header #menu li span.current,
div#header #menu li a {
	font-size: 18px;
	line-height: 24px;
	padding: 2px 5px;
	color: #551A8B;
	text-decoration: none;
}
div#header #menu li a:hover {
	color: #000;
}


div#header #menu ul.menu_1 > li:first-child {
	padding-left: 0;
}
div#header #menu li.current > span {
	font-weight: normal;
	text-decoration: underline;
}
#mobile-menu {
	display: none;
}


div#header #menu ul.more {
	display: none;
}

div#header #menu ul.menu_2 {
	display: none;
	margin: 0px;
	box-shadow: 0px 0px 7px #000;
	position: absolute;
	background: #FFF;
	left: 0;
	width: 200px;
}
div#header #menu ul.menu_2 li {
	display: block;
	float: none;
}
div#header #menu ul.menu_2 li a {
	display: block;
	padding: 5px 20px;
	font-size: 16px;
}
div#header #menu ul.menu_2 li span {
	padding: 0;
	display: inline-block;
}
div#header #menu ul.menu_1 > li:hover > span > a {
	color: #4f81bd;
}

div#header #menu ul.menu_1 > li:hover ul.menu_2 {
	display: block;
}


div#inner-wrapper {
	width: 100%;
}
div#content-col {
	float: right;
	width: 750px;
}

form#searchform { float:right; width:165px; }
form#searchform input {
	box-sizing: border-box;
	font-size: 12px !important;
	height: 22px !important;
	line-height: 1em !important;
	font-family: "Arial" !important;
	background: #fff;
	padding: 0 4px;
	border: 2px solid #ccc;
	outline: none;
}

form#searchform input.halfbox { width:65%; float:left; }
form#searchform input.button {
	width:auto;
	float:left;
	padding: 0 4px;
	background: #4f81bd;
	color: #FFF;
	border: none;
}
@media screen and (min-width: 1024px) {
form#searchform input.halfbox { box-shadow: 1px 1px 5px #ccc; border-radius: 8px 0 0 8px; }
form#searchform input.button { box-shadow: 1px 1px 5px #ccc; border-radius: 0px 8px 8px 0; margin-left: -3px;}
}

/* Background color for blocks inside columns */
/* Needs padding only if colour different from page-wrapper background */

#left-col > div, #right-col > div, #content-col > div , #content-col > form {
	background-color: #fff;
	padding:5px 10px;
}

#content-col > div#homepage {
	background-color: transparent;
}
div#homepage div.block {
	min-height: 288px;
	background-color: #fff;
	width: 48%;
	margin-bottom: 20px;
	float: left;
	padding: 15px 20px 10px 20px;
	box-sizing: border-box;
	box-shadow: 1px 1px 10px #ccc;
}
div#homepage div.block .imagecenter,
div#homepage div.block .object-center {
	display: none;
}
div#homepage div.block div img {
	max-width: 100px;
	height: auto;
	float: left;
	margin-right: 0.5em;
}

div#homepage div.block.right {
	float: right;
}
div#homepage div.block.clear {
	clear: both;
}

div#homepage div.block > h1,
div#homepage div.block > h2 {
	font-size: 138.5%;
	margin: 0 0 1em 0;
}

div#homepage div.block > h2.nomargin {
	margin: 0;
}

div#homepage .content-intro-view {
	margin-bottom: 20px;
}
div#homepage div.block .content-intro-view h2 {
	margin-bottom: 10px;
}
div#homepage div.block p.readmore {
	display: none;
	margin: 0 ;
	text-align: right;
}
div#homepage div.block .content-intro-view div+p.readmore {
	margin: 10px 0 0 0;
}

div#homepage div.block .content-intro-view p.readmore {
	text-align: left;
}

div#homepage .content-intro-view .imagetop img {
	width: 100%;
	height: auto;
}

div#homepage div.block dt a,
div#homepage div.block p.readmore a {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 3px;
	background: #4f81bd;
	color: #FFF;
	text-decoration: none;
	box-shadow: 1px 1px 5px #000;
}

div#homepage div.block dt {
	text-align: right;
}

div#homepage div.block dt a {
	position: relative;
	background: #4f81bd;
	border: 1px solid #000;
	box-shadow: none;
}
div#homepage div.block dt a:after, div#homepage div.block dt a:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div#homepage div.block dt a:after {
	border-width: 5px;
	margin-top: -5px;
}
div#homepage div.block dt a:before {
	border-width: 6px;
	margin-top: -6px;
}

div#homepage div.block dt a:hover {
	background: #000;
	border: 1px solid #4f81bd;
}

div#homepage div.block dt a:after,
div#homepage div.block dt a:hover:before {
	border-color: rgba(79, 129, 189, 0);
	border-left-color: #4f81bd;
}

div#homepage div.block dt a:before,
div#homepage div.block dt a:hover:after {
	border-color: rgba(0, 0, 0, 0);
	border-left-color: #000;
}
div#homepage div.block p:empty {
	display: none;
}

div.intro-image {
	float: left;
	margin: 0 1em 1em 0;
}

/*#left-col #menu {
	font-weight: bold;
}

#left-col #menu ul.menu_2 {
	font-weight: normal;
}
*/

#left-col #menu li.current > span { 
	background-color: #9aecff; 
}

/* Menu moved to top */
div#outer-wrapper {
	padding: 0 10px;
}
#top-path {
	padding: 0 0 0 12px;
}
/* Full width pages */
.full div#content-col {
	width: 100%;
	float: none;
}

div#main-content.folder {
	background-color: #4f81bd;
	color: #fff;
}

div#main-content div+p {
	margin-top: 1em;
}


h2 > a { 
	color: #444;
}

h2 > a:visited { 
	color: #555;
}

#left-col li a:hover {
	background-color: #8ba7a6;
	color: #fff;
}

#left-col .linkblocks li > a, #left-col  .linkblocks li  > span {
	border-top: 1px solid #e8f8f8;
	border-bottom: 1px solid e8f8f8;
}

#right-col > div {
	background-color: #fff;
}

#right-col  ul li a:hover {
	background-color: #8ba7a6;
	color: #fff;
}

#right-col .linkblocks li > a, #right-col .linkblocks li  > span {
	border-top: 1px solid #e8f8f8;
	border-bottom: 1px solid #e8f8f8;
}

div.username {
	margin: -5px -10px 0;
	width: 100%;
	padding: 5px 10px;
	background-color: #2E9A44;
	color: #fff;
}

.wrapper {
	width: 974px;
	box-sizing: border-box;
	margin: 20px auto 0 auto;
}
#footer {
	background-color: #4f81bd;
	padding: 20px;
	color: #FFF;
	border: 1px solid #fff;
    overflow: auto;
}
#footer a {
	color: #FFF;
}

#footer .white {
	background: #FFF;
	margin: 10px;
	padding: 10px;
}

#copyright {
	clear: both;
	padding-left: 0;
}

input.halfbox, input.box, input.ezcc-user, textarea {
	background-color: #E5F0F1;
}

#mobile-links {
	position: absolute;
	right: 10px;
	top: 10px;
}

#footer .vertical-menu {
	width: 20%;
	float: left;
}
.vertical-menu ul {
	margin: 0;
	list-style: none;
}
.vertical-menu li {
	padding: 0;
}

div#footer-links {
	float: right;
	margin: 0;
	width: 66.6%;
}

div#partners {
	clear: both;
	margin: 20px 0;
}
div#partners h2 {
	font-size: 20px;
}
div#partners a {
	display: block;
	font-size: 110%;
	line-height: 1.7em;
	margin-bottom: 5px;
}


/* Hamburger */
/**
 * Style 4
 *
 * Hamburger to right-arrow (htra). Hamburger menu transforms to a
 * right-pointing arrow. Usually indicates an off canvas menu sliding in from 
 * right that will be close on re-click of the icon.
 */
.cmn-toggle-switch {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 54px;
  height: 52px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  -webkit-transition: background 0.3s;
          transition: background 0.3s;
}

.cmn-toggle-switch:focus {
  outline: none;
}

.cmn-toggle-switch span {
  display: block;
  position: absolute;
  top: 24px;
  left: 10px;
  right: 10px;
  height: 6px;
  background: white;
}

.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 6px;
  background-color: #fff;
  content: "";
}

.cmn-toggle-switch span::before {
  top: -14px;
}

.cmn-toggle-switch span::after {
  bottom: -14px;
}

.cmn-toggle-switch__htra {
  background-color: #4f81bd;
}

.cmn-toggle-switch__htra span {
  -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
}

.cmn-toggle-switch__htra span::before {
  -webkit-transform-origin: top left;
      -ms-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, top 0.3s;
          transition: transform 0.3s, width 0.3s, top 0.3s;
}

.cmn-toggle-switch__htra span::after {
  -webkit-transform-origin: bottom left;
      -ms-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s, width 0.3s, bottom 0.3s;
          transition: transform 0.3s, width 0.3s, bottom 0.3s;
}

/* active state, i.e. menu open */
.sidr-open .cmn-toggle-switch__htra {
  background-color: #555;
}

.sidr-open .cmn-toggle-switch__htra span {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.sidr-open .cmn-toggle-switch__htra span::before,
.sidr-open .cmn-toggle-switch__htra span::after {
  width: 50%;
}

.sidr-open .cmn-toggle-switch__htra span::before {
  top: 0;
  -webkit-transform: translateX(-6px) translateY(3px) rotate(-45deg);
      -ms-transform: translateX(-6px) translateY(3px) rotate(-45deg);
          transform: translateX(-6px) translateY(3px) rotate(-45deg);
}

.sidr-open .cmn-toggle-switch__htra span::after {
  bottom: 0;
  -webkit-transform: translateX(-6px) translateY(-3px) rotate(45deg);
      -ms-transform: translateX(-6px) translateY(-3px) rotate(45deg);
          transform: translateX(-6px) translateY(-3px) rotate(45deg);
}

.clearfix:after {
   content: " "; /* Older browser do not support empty content */
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

@media screen and (max-width: 1023px) {
	div.wrapper {
		width: 750px;
	}
	
	div#content-col {
		width: 100%;
	}
	div#left-col {
		display: none;
	}
	
	div#mobile-links {
		display: block;
		margin: 5px 0;
	}
	
	div#topmenus {
		text-align: left;
	}
	
	#header div.horizontal-menu {
		display: block;
		float: none;
	}
	

	form#searchform {
		float: none;
	}
	
	form#searchform input.halfbox,
	form#searchform input.button {
		display: block;
		float: none;
	}
	
	div#topmenus {
		position: relative;
		float: left;
	}
	
	div#header #menu {
		display: none;
	}
	
	div#header a#logo {
		width: 60px;
	}
	
}

@media screen and (max-width:799px) {
	div.wrapper {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		border: none !important;
	}
	div#homepage div.block {
		width: 100%;
		float: none !important;
		margin: 0 0 20px 0 !important;
	}
	#footer .vertical-menu {
		margin: 0 0 20px 0;
		float: none;
		width: 90%;
	}
	div#footer-links {
		margin: 0 0 20px 0;
		float: none;
		width: 90%;
	}
	
}

@media screen and (max-width: 512px) {
	.imagecenter img {
		width: 100%;
	}
	div.intro-image {
		float: none !important;
		width: 100%;
	}
	div.intro-image img {
		width: 100%;
		height: auto;
	}


}

@media screen and (max-width: 360px) {
	.imageleft {
		float: none;
	}

}