/*************************************
 *** Default styles
 *************************************/
@font-face {
    font-family: 'webwidget-regular';
    src: url('../webfonts/widget-webfont-mobile3.eot');
    src: url('../webfonts/widget-webfont-mobile3.eot?#iefix') format('embedded-opentype'),
         url('../webfonts/widget-webfont-mobile3.woff') format('woff'),
         url('../webfonts/widget-webfont-mobile3.ttf') format('truetype'),
         url('../webfonts/widget-webfont-mobile3.svg#widget-webfont-mobile') format('svg');
    font-style: normal;
    font-weight: normal;
}

html, body {width:100%; background-color:#fff;}
body {font-size:100%;}
a {cursor:pointer; font-weight: bold;}
a, a:visited {font-weight: bold;}
h2,h3,h4,h5,h6 { margin:1em 0;}
h1 {font-size:1.25em; line-height:1.3em; margin-bottom:0.5em;}
h2 {font-size:1.0833em; line-height:1.25em;}
h3 {font-size:1em; line-height:1.3em;}
p {margin:1em 0;}
h2+p, h3+p, h4+p, h3+.float-r+p, h4+.float-r+p  {margin-top:-0.9em;}

/*************************************
 *** Header
 *************************************/
.branding {background-color:#dfdede; overflow:hidden; border-bottom:1px solid #828283;}
.branding .header {height:115px;}
.branding .logo {display:block; position:absolute; top:9px; left:3%;}
.branding .w-languages {display:block; position:absolute; top:0px; right:3%; text-align: right;}
.w-languages li {display:inline-block; list-style:none; text-transform: uppercase; padding:4px;}
.w-languages li:first-child {border-right:1px solid #ccc;}
.w-languages a {color: #777; padding: 3px; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; }
.w-languages .w-current a {color: #fff; background-color: #999;}
.w-languages .w-current a:focus {outline:none;}
.w-languages .w-current:first-child  {padding-right:8px;}
.w-languages .w-current:last-child {padding-left:8px;}

.languages {font-weight:bold; position:absolute; top:0; right:20px; width:100px; height:32px; margin:7px 0 11px 0; text-align:right; text-transform: uppercase;}
.languages li {display:inline-block; list-style:none; background-color:transparent; padding:0 3px;}
.ie7 .languages li {display:inline; min-height:1px;}
.languages li:first-child {border-right:1px solid #8c98ab; padding-right:3px; }
.languages .w-current:first-child  {padding-right:6px;}
.languages .w-current:last-child {padding-left:6px;}
.languages li a:link, .languages li a:visited {color:#43a4de; display:inline-block; padding:2px 2px 2px 3px; -webkit-border-radius: 2px; -moz-border-radius:2px; border-radius:2px; text-align:center;}
.languages li a:hover, .languages li a:focus {background-color:#83b163; color:#fff; }
.languages li a:active, .languages li.w-current a {color: #fff; background-color:#43a4de;}

/*************************************
 *** Tab Bar
 *************************************/
.tab.nav {text-align:center; padding-top:9px; background-color:transparent; position:relative; margin-top:-54px; overflow:hidden; z-index:10; }
.tab.nav li {display:inline-block; width:31%; border-bottom:1px solid #828283; position:relative; bottom:-1px;}
.tab.nav a,
.tab.nav a:visited {display:block; height:20px; color:#333; padding:11px 7px; position:relative; z-index:20; border:1px solid #bbbbbb; border-bottom:none; font-weight:bold; text-decoration:none;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5);
	-moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px;
	text-shadow: 0px 1px 0px #fff; filter: dropshadow(color=#fff, offx=0, offy=1);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
background: #e4e4e4;
background: -moz-linear-gradient(top, #e4e4e4 0%, #d7d7d7 92%, #bdbdbd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4e4e4), color-stop(92%,#d7d7d7), color-stop(100%,#bdbdbd));
background: -webkit-linear-gradient(top, #e4e4e4 0%,#d7d7d7 92%,#bdbdbd 100%);
background: -o-linear-gradient(top, #e4e4e4 0%,#d7d7d7 92%,#bdbdbd 100%);
background: -ms-linear-gradient(top, #e4e4e4 0%,#d7d7d7 92%,#bdbdbd 100%);
background: linear-gradient(top, #e4e4e4 0%,#d7d7d7 92%,#bdbdbd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4e4e4', endColorstr='#bdbdbd',GradientType=0 );
}
.tab.nav a:active, .tab.nav a:focus {color:#388BBF; outline:none; /* -moz-outline:none; */}
.tab.nav .current { border-bottom:1px solid #fff; }
.tab.nav .current a, .tab.nav .current a:visited {background:none #fff; color: #444; border:1px solid #fff; text-shadow:none; -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.9); }

/*************************************
 *** Content
 *************************************/
.main {background-color:#FFF; padding:1.5em 3% 1px 3%;}
.main h1 {text-align: center; margin: 0 35px; margin-bottom: 20px;}

/* Navigation (also used for portlet titles) */
.main .nav {margin-top: 1.5em;}
.main .nav a,
.main .nav span,
.portlet-title {color: #666; font-weight: bold; text-shadow: 0 1px 1px #fff; display: block; cursor: pointer; padding-left:13px; padding-right:34px; position:relative; line-height:19px; padding:9px; text-decoration:none; border: 1px solid #CCC; border-color:#ccc #bbb #acacac #bbb;
	/* disable slow stuff */
	/*-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(217, 217, 217, 0.7); -moz-box-shadow: 0px 2px 2px 0px rgba(217, 217, 217, 0.7); box-shadow: 0px 2px 2px 0px rgba(217, 217, 217, 0.7);*/
	background: #eee;
	background: -moz-linear-gradient(top, #fdfdfd 0%, #eeeeee 94%, #f0f0f0 95%, #f0f0f0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(94%,#eeeeee), color-stop(95%,#f0f0f0), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fdfdfd 0%,#eeeeee 94%,#f0f0f0 95%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fdfdfd 0%,#eeeeee 94%,#f0f0f0 95%,#f0f0f0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #fdfdfd 0%,#eeeeee 94%,#f0f0f0 95%,#f0f0f0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #fdfdfd 0%,#eeeeee 94%,#f0f0f0 95%,#f0f0f0 100%); /* W3C */}
.main .nav span,
.portlet-title {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* .main .nav .current a, */
.expanded .portlet-title {
	background: #777;
	background: -moz-linear-gradient(top, #ffffff 0%, #eee 94%, #eee 95%, #d8d8d8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(94%,#eee), color-stop(95%,#e0e0e0), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#eee 94%,#e0e0e0 95%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#eee 94%,#e0e0e0 95%,#e0e0e0 100%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#eee 94%,#e0e0e0 95%,#e0e0e0 100%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #ffffff 0%,#eee 94%,#e0e0e0 95%,#e0e0e0 100%); /* W3C */
    border-bottom:1px solid #cccccc;}
.main .nav span:after,
.portlet-title:after { line-height:100%; color:#bbb; font-family:'webwidget-regular', arial, helvetica, san-serif; font-size:40px; width:20px; font-weight:normal; display:block; position:absolute; top:0; right:0; bottom:0; text-align:right; padding:0 13px 0 0; margin-top:-3px; }
.main .nav span:after {content:"›";}
.portlet-title:after { content:"»";}
.expanded .portlet-title:after { content:"ˇ" }
.main .nav .current a:after { color:#999; }
.main ul {margin:1.5em 0 0;}
.main ul ul {margin:0; padding:0;}

/* Nav button */
.btn.up {display:block; float:left; margin-top: -15px; position:relative; z-index:10; max-width:45px; font-weight:normal; padding:0; font-size:78%; text-align:center; color:#666; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


/* Feed overview lists */
.news-overview, .calendar-overview { margin: 3em 0;}
.hfeed {list-style: none outside none; margin: 2em 0; padding: 0;}
.hfeed .hentry, .hfeed .vevent { border-bottom: 1px solid #EEEEEE; margin: 1em 0;}
.hfeed .summary {text-align: left;} 
.hfeed .intro {padding-bottom: 1em;}
.hfeed .hentry {padding:1em 0;}
.hentry .entry-title {margin-top: 0;}

/* Blocks */
#blocks_mobile {margin-top: 20px;}
.portlet {border: 1px solid #CCC; border-color:#ccc #bbb #acacac #bbb; background: #eee;}
.portlet.current {border: 1px solid #a1a1a1; border-bottom-color:#979797;}
.portlet-title {margin: 0; border-width: 0px 0px 0px; }
.portlet-content {display: none; padding: 9px;}
.portlet-content ul {margin: 0; padding: 0;}
.portlet-content li {list-style-type: none; }
.portlet-content h3 { margin-bottom:0.2em;}

.portlet-overview .hfeed { margin: 1em;}
.portlet-overview .hentry {border-bottom: 1px solid #bbb; border-top: 1px solid #fff; border-left: 1px solid #ddd; border-right: 1px solid #fff; margin: 0.5em 0; padding:1em 1em; background-color:#f7f7f7;}
.portlet-overview .hentry .readmore {display:block; text-decoration:underline;}
.portlet-overview .hentry a {text-decoration:none;}
.portlet-overview .pager-wrapper {padding-left:1em;}
.pager {margin:1em 0;}


/*************************************
 *** Footer
 *************************************/
#page-footer {background-color:#dfdede; margin:2em 0 0 0;}
#page-footer .nav {margin:auto 0; padding:0 3%;}
#page-footer .nav li {display:inline-block;}
#page-footer .nav a {font-weight:normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); }

/*************************************
 *** Forms (from jQuery mobile)
 *************************************/
.form input { -webkit-appearance: none; }
.form textarea { height: 50px; -webkit-transition: height 200ms linear; -moz-transition: height 200ms linear; -o-transition: height 200ms linear; transition: height 200ms linear; }
.form input,
.form textarea {
	background-image: none; padding: .4em; line-height: 1.4; font-size: 16px; display: block; width: 97%;
	-moz-border-radius: 				.6em /*{global-radii-blocks}*/;
	-webkit-border-radius: 				.6em /*{global-radii-blocks}*/;
	border-radius: 						.6em /*{global-radii-blocks}*/;
	-moz-box-shadow: inset 0px 1px 4px 		rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0px 1px 4px 	rgba(0,0,0,.2);
	box-shadow: inset 0px 1px 4px 			rgba(0,0,0,.2);
	border: 1px solid 		#B3B3B3 /*{c-body-border}*/;
	color: 					#333333 /*{c-body-color}*/;
	text-shadow: 0 /*{c-body-shadow-x}*/ 1px /*{c-body-shadow-y}*/ 0 /*{c-body-shadow-radius}*/ #fff /*{c-body-shadow-color}*/;
	background: 			#f0f0f0 /*{c-body-background-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #eee /*{c-body-background-start}*/), to( #ddd /*{c-body-background-end}*/)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(#eee /*{c-body-background-start}*/, #ddd /*{c-body-background-end}*/);
}
.form,
.form input,
.form select,
.form textarea,
.form button {
	font-family: Helvetica, Arial, sans-serif /*{global-font-family}*/;
}

/* Extra form styles */

input[type=submit] { width:auto; background:#999; color:#fff; text-shadow:none; box-shadow:none; padding:9px; border-color:#888; border-radius:5px !important;}
.w-search fieldset {border:none;}

/*************************************
 *** Extra
 *************************************/
.btn {text-decoration:none; display:inline-block; padding:9px; margin:7px 2px;}
.triangle {position:absolute; left:6px; top:50%; margin-top:-3px; display:block; width: 0; height: 0; border-left: 4px solid #828283; border-top: 4px solid transparent; border-bottom: 4px solid transparent; text-indent:-99em;}
.arrow {float:right; vertical-align:middle; line-height:1; color:#8bc312; font-family:'webwidget-regular', arial, helvetica, san-serif; font-size:40px; font-style: normal; /* text-shadow:0 1px 1px #fff; */}
.arrow.left {display:block; color:#c0c0c1; float:none; line-height:30px;}
.visible {display: inherit !important;} /* force visible */

/* Navigation */
.nav {padding:0; margin:0;}
.nav li {list-style:none; padding:0; margin:0;}
.nav a {min-height:20px; line-height:21px;}

/* Header */
.header {position:relative;}