@charset "utf-8";
/**
 * @framework:	CFF - Classy Frontend Framework
 * @author:		Angelo Dini
 * @copyright:	http://www.divio.ch under the BSD Licence
 */

/*##################################################|*/
/* #CSS RESET# */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,textarea,table,caption,tbody,tfoot,thead,tr,th,td,cite,pre,strong,em,img,a,p,blockquote,q,code,dfn,samp,kbd,var,del,ins,sub,sup,acronym,abbr,address,applet,object,iframe,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	font:inherit; font-size:100%; font-style:normal; font-weight:inherit;
	text-align:left; vertical-align:baseline;
	margin:0; padding:0;
	border:none; background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

/* #CLEAR/CLEARFIX# */
.clear { clear:both; display:block; width:0; height:0; overflow:hidden; visibility:hidden; }
.clearfix:after { clear:both; content:"\0020"; display:block; font-size:0; height:0; line-height:0; visibility:hidden; }
html>body .clearfix { display:block; } .clearfix { display:inline-block; }
/* hides from IE-Mac \*/
* html .clearfix, *:first-child+html .clearfix { height:1%; }

/*##################################################|*/
/* #GLOBAL SETTINGS <create 12px base># */
/* html { min-height:101%; } show scrollbar */
html {
	font-size:100.01%;
	-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; text-size-adjust:100%;
	-webkit-tap-highlight-color:inherit;
	overflow-y:scroll;
}
body {
	color:#000;
	font:75%/1.6 sans-serif; *font-size:small; /* <@line-height: (*1.35(round) = line height)> */
	margin:0; background:#fff;
}

/*##################################################|*/
/* #TEXT SETUP# <@base: 12px> */
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, fieldset li { margin-bottom:15px; }
div { outline:0 none; }

address, cite, code, dfn, kbd, samp, var { white-space:normal; }
abbr, acronym { cursor:help; border-bottom:1px dotted #999; }

sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

ins { background-color:#ff9; color:#000; text-decoration: none; }
del { text-decoration:line-through }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

blockquote,q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:""; content:none; }

/* #TEXT SETUP/Style# */
strong { font-weight:bold; }
em { font-style:italic; }
.u { text-decoration:underline; }
.o { text-decoration:line-through; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
pre, code, kbd, samp { font-family:monospace, sans-serif; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* #TEXT SETUP/Images# */
img, object, applet, iframe { outline:0 none; }

/* #TEXT SETUP/Breaks# */
hr { height:1px; border:none; padding:0; margin:15px 0; clear:both;
	 border-top-width:1px; border-bottom:1px dotted #000; } /* margin needs ie fix (-5px) */

/* #TEXT SETUP/Lists# */
ul { margin-left:15px; list-style:disc; }
ol { margin-left:15px; list-style:decimal; }
ol, ul li { padding-left:5px; list-style-image:none; }

dl {}
dt { font-weight:bold; }
dd { padding-left:20px; }

/* #TEXT SETUP/Highlight# */
::selection { background:#afd7ff; } ::-moz-selection { background:#afd7ff; }
img::selection { background:transparent; } img::-moz-selection { background:transparent; }
*:focus { outline:none; }

/*##################################################|*/
/* #ANCHOR SETUP# <@base: 12px> */
a { text-decoration:underline; cursor:pointer; }
a:hover { text-decoration:none; }
a:active { text-decoration:underline; }
a:hover, a:hover { outline:0 none; }
a:link { -webkit-tap-highlight-color:#eee; }
a:focus, a:visited {}

/*##################################################|*/
/* #TABLE SETUP# <@base: 12px> */
table { font-size:100%; width:auto; border-collapse:collapse; border-spacing:0; border-color:#fff; }
caption { text-align:left; }
th, caption { font-weight:bold; }
th, td { font-size:inherit; text-align:left; vertical-align:middle; }
.tbl_default { width:100%; }

/*##################################################|*/
/* #FORM SETUP# <@base: 12px> */
fieldset {}
fieldset ol { list-style:none; padding:0; margin:0; }
fieldset ol li { list-style:none; }

fieldset legend { font-weight:bold; text-transform:uppercase; padding:0 0 15px; }
fieldset label { cursor:pointer; }
fieldset label span { cursor:help; }
fieldset select { padding:2px; }
fieldset option { padding-left:5px; }

.align-horizontal {} /* - */
.align-horizontal li { clear:both; overflow:hidden; zoom:1; } /* clear hack */
.align-horizontal label { float:left; width:25%; padding-top:5px; }
.align-horizontal div { float:left; width:75%; }
.align-horizontal div label { float:none !important; width:auto !important; margin-right:10px; }

.align-vertical {} /* | */
.align-vertical .disable,
.align-vertical .disabled { display:none; }

/* use for nested labels, breaks horizontal flow */
.hbreak div p { line-height:1; }
.hbreak div label { float:none !important; width:auto !important; position:relative; left:0; top:1px; padding:0 15px 0 2px; }
.hbreak div input { float:none !important; width:auto !important; }
.radiocheck, .radiocheck input { border:none !important; background:none !important; }

/* #FORM SETUP/Fields# */
input, textarea, select {
	font:99% sans-serif; color:inherit; font-weight:normal;
	vertical-align:middle;
	padding:0; margin:0;
	border:1px solid #000;
	background:#fff;
}
textarea { overflow:auto; }
input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover, /* skip ie < 6 */
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {/* color:#000; border:1px solid #000; */}

.input_text { width:auto; }
.input_select { cursor:pointer; }
.input_checkbox, .input_radio { cursor:pointer; border:none; background:none; }

input:valid, textarea:valid {}
input:invalid, textarea:invalid {
	-moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;
}
input[type="text"], input[type="password"], textarea { -webkit-appearance:none; }

/*##################################################|*/
/* #BUTTON SETUP# <@base: 12px> */
.btn, .btn input, .btn span { float:none;
	display:-moz-inline-box; display:-moz-inline-stack; -moz-display:inline-block;
	display:inline-block; zoom:1;
	cursor:pointer; word-wrap:break-word;
	text-align:left; vertical-align:top; text-decoration:none;
	width:auto; overflow:visible;
	padding:0; margin:0; line-height:1.3; /* required for anchor */
	border:none; background:none;
}
.btn {
	text-decoration:none !important;
	height:25px; overflow:hidden;
	/* image left */
}
.btn input, .btn span {
	font-size:12px; /* ie6 font-fix */
	padding:4px 10px;
	/* image right */
}
.btn span { padding:5px 10px; }

/* image button */
.btn-image input { padding:0; margin:0; border:none; background:none; }

/* inContentMedia */
.gallery-in-Content,
.video-in-Content,
.audio-in-Content { margin: 0 0 15px!important; padding: 0!important; }

/*##################################################|*/
/* #HELPERS# <@base: 12px> */
.left { float:left; }
.right { float:right !important; }
.align-left { text-align:left !important; }
.align-right { text-align:right !important;; }
.align-center { text-align:center !important; }
.nofloat { float:none !important; }
.nospace { margin:0 !important; padding:0 !important; }
.nowrap { white-space:nowrap; }
.hidden { display:none; }
.offset { text-indent:-9999px; overflow:hidden; }
.print { display:none; }
.uppercase { text-transform:uppercase; }
.disable,.disabled { cursor:default; }
.fullwidth { width:100%; }
.small { font-size:0.90em; }
.inline-block { display:-moz-inline-box; display:-moz-inline-stack; -moz-display:inline-block; display:inline-block; zoom:1; }
.jsrequired { display:none; }
.relative { position:relative; left:0; top:0; }
.light { font-weight: normal; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }

.padding-top { padding-top:15px !important; }
.padding-bot { padding-bottom:15px !important; }
.padding { padding-top:15px !important; margin-bottom:15px !important; }
.margin-top { margin-top:15px !important; }
.margin-bot { margin-bottom:15px !important; }
.margin { margin-top:15px !important; margin-bottom:15px !important; }


/* ############################################ */
/* bad recaptcha fix*/
div.survey a#recaptcha_audio_play_again,
div.survey a#recaptcha_audio_download {
	margin-top: -20px;
	display: table;
}