/*
LEGAL
=====
Copyright: Daemon Pty Limited 2006, http://www.daemon.com.au
Community: Mollio http://www.mollio.org $
License: Released Under the "Common Public License 1.0",
http://www.opensource.org/licenses/cpl.php
License: Released Under the "Creative Commons License",
http://creativecommons.org/licenses/by/2.5/
License: Released Under the "GNU Creative Commons License",
http://creativecommons.org/licenses/GPL/2.0/
*/
/* THE BIG GUYS */
* {margin:0;padding:0}
body {padding: 0 0 20px;background: #fff;color:#333;font:83%/1.5 arial,tahoma,verdana,sans-serif}
td {}
/*
BLU E21: 0168b5
*/

/* LINKS */
a,a:link,a:hover {text-decoration:none;cursor:pointer}
a:link {color:#0168b5}
a:visited {color:#875F9D}
a:hover,a:active {color:#069; text-decoration:underline;}

/* FORMS */
form {margin: 0 0 1.5em}
textarea, input {font-family: arial,tahoma,verdana,sans-serif; margin: 2px 0; padding: 2px;  }
textarea {font-size: 100%}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}

	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#0168b5}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}

		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */

		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#0168b5;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#0168b5;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

/* TYPOGRAPHY */
p, ul, ol {margin: 0 0 1.5em}
h1, h2, h3, h4, h5, h6 {letter-spacing: -1px;font-family: arial,verdana,sans-serif;margin: 0.5em 0 .3em;color:#993333;border-bottom: 1px solid #eee;padding-bottom: .1em}
h1 {font-size: 176%;margin-top:.6em}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%; letter-spacing: 0px;}
h6 {font-size: 96%}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#0168b5;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
	ul.related {margin-top: -1em}
ol {margin: .5em .5em 1.5em}
ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("images/li_dot.gif") no-repeat 0 0}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

/* GENERAL */
img {border:none}
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px}

/* LAYOUT - HEADER */
#header {background: #F4F7FB}

	#header #site-name {font: 265% arial;letter-spacing: -.05em;margin:0 0 -25px 20px;padding:3px 0;color:#ccc;border:none}

	/* NAV - top horizontal nav */
	#nav, #nav ul {padding: 0;margin: 0;list-style: none}
	#nav {font-weight:bold;height:2.09em;font: bold 96% arial;margin: 0 105px 0 20px}
	#nav li {position:relative;background: #666;float: left;width: 10em;display:block;margin: 0;border-bottom: 3px solid #999;border-right: 3px solid #252525;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}

	#nav li ul {border-left: 1px solid #0168b5;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}

	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#0168b5}

	#nav li.active {background: #0168b5;border-bottom: 3px solid #0168b5}
	#nav li.active ul {border:none;background: #0168b5 url("images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}

	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("images/sprites.gif") repeat-x 0 99%;color:#fff}

	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */

	/* SEARCH */
	#search {font-weight:bold; text-align: right; padding-right: 55px; margin-top: -7px;  }
	#search form {margin:0}
	#search input {width:8em;margin: 0 0 -1px;height:1.2em}
	#search label {padding:5px 0 0;display:inline}
	#search input.f-submit {width:auto;font-size:81%;margin:0 0 -.15em;height:1.95em}

	/* POWERED BY - e21 logo in this case */
	#poweredby {position:absolute;top:-98px;right:16px}

/* LAYOUT - main body of page */
#wrap {min-width:770px;max-width:1200px;margin: 0 auto;position:relative}
#content-wrap {position:relative;width:100%;padding-top:4px;}

	#utility {float: left; padding: 5px 10px 0 20px; }
	#sidebar {position:absolute;top:3.4em;right:20px;width:20%;padding-top: 1px;padding-bottom: 40px}

	#content-wrap #breadcrumb {margin: 5px 20px 0px 20px;font-size:93%;font-weight:bold;}
	#content-wrap #breadcrumb a:link, #content-wrap #breadcrumb a:visited {text-decoration:none}
	#content-wrap #breadcrumb a:hover, #content-wrap #breadcrumb a:active {text-decoration:underline}

	#content-wrap #login {font-size:120%;font-weight:bold; text-align: right;margin-left:30px;}
	#content-wrap #login a:link, #content-wrap #login a:visited {text-decoration:none}
	#content-wrap #login a:hover, #content-wrap #login a:active {text-decoration:underline}

#content {
	margin: -15px 20px 10px 20px;
	padding-top: 5px;
}

	#map {border: 5px solid #0168b5}

	#discussion #content-left {margin-right: 20px}
	#discussion #content-right-top {}
	#discussion #content-right-bottom {}
	#discussion td {vertical-align: top;}

	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #0168b5;color:#0168b5}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}

	.pagination {
        font-family: verdana;
        font-size: 80%;
        background: #f2f2f2;
        color:#666;
        padding: 4px 2px 4px 7px;
        border: 1px solid #ddd;
        margin: 15px 0 1.5em;
        text-align:right;
	overflow: hidden;
    }
	.pagination > .bar {
        margin:0;
        padding:0;
    }

    .pagination > .bar > span {
        background:#fff;
        border: 1px solid #ccc;
        margin: 0 2px;
        padding:2px 0;
    }
    .pagination > .bar > span:hover,
    .pagination > .bar > span:visited {
        background:#0168b5;
    }
    .pagination > .bar > span:hover *,
    .pagination > .bar > span:visited * {
        color:#ffffff;
        text-decoration:none;
    }
    .pagination > .bar > .current {
        background:transparent;
        border:none;
        font-weight:bold;
        color:#666666;
        font-size:1.1em;
    }
    .pagination > .bar > .current:hover {
        background:transparent;
    }

    .pagination > .userCount {
        text-align:left;
        float:left;
        padding:0;
        margin:0;
        color:#0267B5;
        font-weight:bold;
    }

    .pagination > .bar .numberLink {
        padding:0px 5px;
    }

    .pagination > .bar .prev,
    .pagination > .bar .next {
        padding:0px 5px;
    }

	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}

	/* TABLES */
	.table1 {border: 2px solid #B3D5EF;border-collapse:collapse;width:100%; margin: 25px 0 25px 0;}
		.table1 td {background: #fff; width:60px; border-bottom: 1px solid #EFEFEF;}
		.table1 td {border-left: 1px solid #D1E1EF;}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:125%;background: #B3D5EF;padding: 3px 3px}
		.table1 tbody th {color:#fff;font-size:115%;background: #B3D5EF;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#4180AF;background: #D1E1EF;padding: 6px; margin-top: 3px; border-top:3px solid #fff; }

		.table1 thead th.sub {font-size:100%;color:#4180AF;background: #D1E1EF;padding: 2px; margin-top: 3px; border-top:1px solid #fff; }
		.table1 thead.spaced { margin-top:5px }

	/* TABLES - layout */
	.table-layout {border-collapse: collapse; width: 100%}
	.table-layout td {padding: 0}


	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}

	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}

/* LAYOUT TYPE B */
	/* #type-b #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0} */
	#type-b #content {margin: 0 23px 0 235px}
        #type-b #utility {width: 200px;}

/* LAYOUT TYPE C */
	/* #type-c #content-wrap {background: transparent url("images/content_wrap_bg.gif") repeat-y 30px 0} */
	#type-c #content {margin: 0 24% 0 24%; padding-top: 0px}
	#type-c #utility {width: 20%;}
        #type-c #sidebar {width: 20%; right: 20px; padding-left: 5px;}
        
/* LAYOUT TYPE D */
	#type-d #content {margin: 0 23.5% 0 20px; padding-top: 0px;}
        

/* NAVIGATION MENU */

#tabs1 { float:left;width:100%;background:#F4F7FB;font-size:93%;line-height:normal;border-bottom:1px solid #BCD2E6;}
#tabs1 ul {margin:0;padding:10px 10px 0 20px;list-style:none;}
#tabs1 li {display:inline;margin:0;padding:0;}
#tabs1 a {float:left;background:url("images/tableft1.gif") no-repeat left top;margin:0;padding:0 0 0 4px;text-decoration:none;}
#tabs1 a span {float:left;display:block;background:url("images/tabright1.gif") no-repeat right top;padding:5px 15px 4px 6px;color:#0267B5;font-weight: bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#627EB7;}
#tabs1 a:hover {background-position:0% -42px;}
#tabs1 a:hover span {background-position:100% -42px;}
#tabs1 li.active a{border-bottom:1px solid #fff; margin-bottom:-1px;}

/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {list-style: none;margin:0;padding:0;background:#fff}
	#nav-secondary {padding-top:0;border-top: 1px solid #BCD2E6;margin-top: 1px}
	#nav-secondary a {line-height:1.8;padding: 5px 0 5px 23px;background: #fff url("images/sprites.gif") no-repeat 10px -695px;font: bold 86% arial;display:block}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer}
	#nav-secondary a:link {color:#000}
	#nav-secondary a:visited {color:#000}
	#nav-secondary a:hover {color:#0089EF;background: #DFEDFF url("images/sprites.gif") no-repeat 10px -695px}
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#0089EF}
	#nav-secondary li {border-top: 1px solid #DFF0FF;}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#666;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #0089EF}
	#nav-secondary li.active li {border: none;margin:0}

	#nav-secondary li.active li.active a:link,
	#nav-secondary li.active li.active a:visited,
	#nav-secondary li.active li.active a:hover,
	#nav-secondary li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link,
	#nav-secondary li.active li.active li a:visited,
	#nav-secondary li.active li.active li a:hover,
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link,
	#nav-secondary li.active li.active li.active a:visited,
	#nav-secondary li.active li.active li.active a:hover,
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link,
	#nav-secondary li.active li.active li.active li a:visited,
	#nav-secondary li.active li.active li.active li a:hover,
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link,
	#nav-secondary li.active li.active li.active li.active a:visited,
	#nav-secondary li.active li.active li.active li.active a:hover,
	#nav-secondary li.active li.active li.active li.active a:active {font-weight:bold}


/* LAYOUT - MAP-BOTTOM */
#map-bottom {clear:both;margin: 0 20px 0 20px;}

/* LAYOUT - FOOTER */
#footer {clear:both;margin: 35px 0 0 0;border-top: 1px solid #E3E8EE;padding: 10px 0 10px;font-size:86%;color:#666}
	#footer p {margin:0}
	#footer a:link {color:#666}



/* CAKEPHP SPECIFIC */

.cake-sql-log {
	background: #f4f4f4;
    width:90%;
    margin:0 auto;
}

.cake-sql-log th {
    width:10%;
}

.cake-sql-log td {
	border-right: 1px dashed black;
    padding: 4px 20px;
    text-align: left;
    width:4%;
}

.cake-sql-log td:nth-child(2) {
    width:80%;
    word-wrap: break-word;
}

.cake-sql-log tr:nth-child(even) {background: #CCC}
.cake-sql-log tr:nth-child(odd) {background: #FFF}

/* Debugging */
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}

pre.cake_debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 18px;
	margin: 4px 2px;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 4px 2px;
	padding: 4px;
	font-size: 120%;
	line-height: 18px;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000000;
	background-color: #F0F0F0;
	border: 1px dotted #606060;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 5px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #FFFF00;
}


.input input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0; width: 210px; }
/*.input textarea {width: 300px; }*/
/*
.input input:focus { background: #FBFFE0; margin: 2px 0; padding: 2px; }
.input textarea:focus { background: #FBFFE0; margin: 2px 0; padding: 2px; }
*/
.input input:focus { margin: 2px 0; padding: 2px; }
.input textarea:focus { margin: 2px 0; padding: 2px; }
.input label { margin-right: 15px;}
.input {clear: both; margin: 5px 0 10px 0;}



.error-init-message { border: 3px solid #BF1717; background: #FFDFDF url("../../img/icons/exclamation.png") 10px no-repeat; padding: 10px 10px 10px 35px; margin: 10px 0 15px 0; font-weight: bold; font-size: 120%; color: #BF1717; }
.warning-init-message { border: 3px solid #D5A03C; background: #FFF6CF url("../../img/icons/error.png") 10px no-repeat; padding: 10px 10px 10px 35px; margin: 10px 0 15px 0; font-style: normal; font-size: 120%; color: #D5A03C; }
.notice-init-message {  border: 3px solid #4BAF00; background: #DAFFBF url("../../img/icons/tick.png") 10px no-repeat; padding: 10px 10px 10px 35px; margin: 10px 0 15px 0; font-size: 120%; color: #367F00; }
.help-init-message {  border: 3px solid #063A9A; background: #0267B5 url("../../img/icons/help_32.png") no-repeat; padding: 5px 10px 10px 40px; margin: 10px 0 15px 0; font-size: 120%; color: #FFFFFF; font-weight: bold; }

.error-message { background: transparent url("../../img/icons/exclamation.png") left no-repeat; padding: 2px 0 0 20px; margin-top: 3px; font-weight: bold; font-size: 90%; color: red; }
.warning-message { background: transparent url("../../img/icons/error.png") left no-repeat; padding: 2px 0 0 20px; margin-top: 3px; font-style: normal; font-size: 100%; color: #D5A03C; }
.notice-message { background: transparent url("../../img/icons/tick.png") left no-repeat; padding: 2px 0 0 20px; margin-top: 3px; font-style: normal; font-size: 80%; color: black; }

#loading {display: none; height: 16px; font-weight: bold; width: 200px;}
#loadingUpload, .loadingUpload {display: none; height: 16px; font-weight: bold; width: 200px;}


.file_name { font-weight: bold; }
.file_size { font-size: 80%; color: #999; }
.file_description {font: 80% verdana; color: #666; line-height: 150%; display: block;}
.file_container {margin: 10px; padding: 3px; _padding: 5px; border: 1px solid #B3D5EF; height: 35px;}
.attachment_file_container {margin: 10px; padding: 3px; _padding: 5px; border: 1px solid #B3D5EF;}
.form_container {margin: 5px; padding: 3px; _padding: 5px; border: 1px solid #B3D5EF; }
.resources_container {margin: 5px 5px 10px 5px; padding: 3px; _padding: 5px; border: 1px solid #B3D5EF; }
img.icon_file {margin: 0 7px 0px 0; float: left;}
.toggle_description {background: #fff; border: 1px solid #B3D5EF; width: 5.2em; display: block; padding: 0px 0px 0px 4px; float: right}
.toggle_resource_description {background: #fff; border: 1px solid #B3D5EF; width: 1.5em; padding: 0px 4px 0px 4px; }


.post_body {padding: 15px 5px 10px 5px;}
stextarea {width: 90%}

#map {border: 3px solid #B3D5EF;}

#gmapmarker { font-size: 100%; }
#gmapmarker h4 { margin-top: 0px; }


.post-container {  margin: 5px 10px 0px 0px; padding-left: 7px; padding-top: 7px; border-left: 3px solid #B3D5EF; background: #F8F9FB; }
.post-container .title { font-size: 130%; font-weight: bold; color: #0168b5;}
.post-container .title a:visited {color:#0168b5;}
.post-container img.avatar { border: 2px solid #D9E6EF; width: 37px; float: left; margin-right: 5px;}
.post-container .sub-title {_padding: 3px; font-family: verdana; color: #666; font-size: 80%; line-height: 180%;}
.post-container .abstract {padding: 10px 50px 3px 3px;}
.post-container .messages-to-be-approved { background: transparent url("../../img/icons/comment-error.png") left no-repeat; padding: 2px 0 0 20px; font-style: normal; color: #D5A03C; }
.post-container .messages-considered-improper { background: transparent url("../../img/icons/bomb.png") left no-repeat; padding: 2px 0 0 20px; font-style: normal; color: #F57770; } /*ALBERTO*/
.info-title { font-size: 100%; font-weight: bold; color: #0168b5;}

#legenda {margin-top: 5px; text-align: right;}
#legenda .legenda_item { padding: 3px 0 0 5px; text-align: left; height: 23px; font-family: verdana; font-size: 80%; color: #777; }
#legenda .legenda_item img { margin-right: 5px; }

.info-messages { font-family: verdana; color: #777; font-size: 80%; line-height: 180%;}
.comment-avatar { border: 1px solid #D9E6EF; width: 17px; display: inline; margin: 0 3px -5px 0;}
img.list-members-avatar { border: 1px solid #D9E6EF; width: 32px; margin: 1px 0 -5px 2px;}
img.list-members-avatar-larger { border: 1px solid #D9E6EF; width: 64px; margin: 5px 0 1px 2px;}


/* FORMS */
.form-description {font-family: verdana; font-size: 70%; color: #888; }

#registration-form .input input {margin: -5px 0 0 0}
#registration-form .input select {margin: -5px 0 0 0; width: 200px;}
#registration-form .input textarea {margin: -5px 0 0 0}
#registration-form .input {clear: both; margin: 5px 0 0px 0}
#registration-form .field-description {font-family: verdana; font-size: 80%; color: #666 }
#registration-form .field-mandatory {font-weight: bold; color: red }


.field-mandatory {font-weight: bold; color: red; }
.description {font-family: verdana; font-size: 80%; color: #999 }
fieldset { background-color: #FCFEFF; border: 1px solid #B3D5EF; padding: 15px; margin: 10px; padding-top: 0; margin-top: 0; }
legend { font-weight: bold; font-size: 105%; color: #0267B5; padding: 5px; margin: 5px;}
.submit-big, .submit-medium {text-align: center; margin-top: 13px; }
.submit-big input { font-size: 120%; padding: 15px 35px 15px 35px;}
.submit-medium input { font-size: 100%; padding: 10px 25px 10px 25px;}

.button-big {
	text-align: center; 
	margin-top: 13px;
       	font-size: 60%; 
	padding: 15px 35px 15px 35px;
}

label {display:block;padding: 0; font-family: verdana;}
label br {clear:left}

.input {padding: 0px 0 10px 0;}
.form-input-description {font-family: verdana; font-size: 80%; color: #666; }
.mandatory-field {background: url("../../img/icons/error.png") no-repeat; padding: 0 0 3px 20px; font-weight: bold; color: #D5A03C; }



/* RESOURCES */


.anchors { /* auto clear */
    display: inline-block; /* @ IE 7 */
    _height: 1%; /* @ IE 6 */
}
.anchors a {
    float: left;
}
.anchors .tabs-disabled a {
    filter: alpha(opacity=40);
    zoom: 1; /* trigger filter */
}

/* Tabs - important styles to ensure accessibility in print */
/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen {
.tabs-hide {display: none;}
}
@media print {
.anchors { display: none; }
}

/* Tabs - not important for accessibility, just for the look of it... */

.resource-objects-tabcontainer li { margin-top: 25px; background: transparent; padding: 0 5px 0 0;}
.resource-objects-tabcontainer li.ui-tabs-selected a {background-color:#8ECAEF;color:white;}
.ui-tabs-panel.ui-widget-content {margin-top:-5px;}

.anchors {  list-style: none;margin: 0;padding: 0 0 1px; }
/* clearing without presentational markup, IE gets extra treatment */
.anchors:after { display: block;clear: both;content: " ";}
.anchors li {float: left;margin: 0 1px 0 0;}
.anchors a { display: block; position: relative;top: 1px;border: 1px solid #8ECAEF;border-bottom: 0;z-index: 2;padding: 2px 9px 1px;text-decoration: none;}
.anchors .tabs-selected a {    padding-bottom: 2px; font-weight: bold;}
.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active {    background: #F8FDFF;}

.fragment { background-color: #F8FDFF; border: 1px solid #8ECAEF;  margin-top: -1px; padding: 15px; }

.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited,
/* @ Opera, use pseudo classes otherwise it confuses cursor... */
.anchors .tabs-disabled a:link, .anchors .tabs-disabled a:visited { cursor: text; }
.anchors a:hover, .anchors a:focus, .anchors a:active { cursor: pointer; }
.anchors .tabs-disabled { opacity: .4; background: #e7e7e7;}
.anchors .tabs-disabled a:hover, .anchors .tabs-disabled a:focus, .anchors .tabs-disabled a:active { background: transparent; }

.anchors .tabs-selected .tabs-loading { padding-left: 25px; background-image: url(loading.gif); background-position: 4px 50%; background-repeat: no-repeat;}


a.remove_attachment {font-size: 70%; font-family: verdana; color: red;}


.flat_labels label { float: left; margin: 10px;  }
.flat_labels { clear: both; }


/*
	AUTOCOMPLETE
*/
.ac_results {
	padding: 0px;
	border: 1px solid #B3D5EF;
	background-color: #FCFEFF;
	overflow: hidden;
	width: 400px;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font-family: verdana;
	font-size: 100%;
	overflow: hidden;
	color: #006699;
	background-image: none;
}

.ac_loading {
	background: #FBFFE0 url('/img/ajax/ajax-loader.gif') right center no-repeat;
}

.ac_over {
	background-color: #D1E2EF;
	color: #006EBF;
}




/*
	PERMISSIONS
*/
.editable-permission {font-family: verdana; font-size: 80%; font-weight: bold;}
.editable-permission:hover {background: #FFFFCF; cursor: pointer;}

.perm-allow {color: #018F00;}
.perm-deny {color: red;}
.perm-null {color: #DFDFDF;}

.perm-select {font-family: verdana; }
.perm-select select {font-family: verdana; }
.perm-close {font-family: verdana; color: red; font-size: 90% }

.object-little {font-size: 60%; font-family: verdana; color: #fff;}
.object-name {color: #4180AF;}

.alphabet { text-align: center; border: 1px solid #E3E8EE; height: 25px; }
.letter a { display: block; float: left; padding: 4px 6px 4px 6px; font-weight: bold; font-size: 85%; }
.letter a:hover {text-decoration:none; display: block;float: left; color:  #fff; background: #0267B5; }
.selected {text-decoration:none; display: block; float: left; color: #777; background: #FFFFCF; }

.groupusers.container td {padding: 3px; border-top: 1px solid #E3E8EE;}
.groupusers.container:hover {background: #FFFFCF;}
.groupusers.firstname {font-size: 100%; font-weight: bold; color: #0267B5;}
.groupusers.subinfo {font-size: 80%;  font-family: verdana; color: #777;}
.groupusers.nousers {padding: 7px; margin: 5px 0 5px 0; border: 1px solid #E3E8EE; text-align: center; font-size: 100%; padding: 30px;font-weight: bold;  font-style: italic; color: #777;}

.feeds_results {font-size: 80%;  font-family: verdana; color: #777;}
.networks.th {font-size: 100%;  font-family: verdana; color: #4B4B4B;}

.scroll {overflow: auto; height: 200px;}

/* .groupusers.container:hover {background: #FFFFCF; cursor: pointer;} */

.search_container {padding: 7px; margin: 5px 0 5px 0; border: 1px solid #E3E8EE;}
.search_container div.input label {float:left;}
.input_loading {background: url('/img/ajax/ajax-loader.gif') right no-repeat;}

.group-tabcontainer li { margin-top: 25px; background: transparent; padding: 0 5px 0 0;}

.delete_box { width: 7em; }
.delete_box a{ color: #CF0000; font-weight: bold; font-size: 80%; }
.add_box { width: 10em; }
.add_box a{ color: #8EBB66; font-weight: bold; font-size: 80%; }
.network_box { width: 25em; }
.network_box a{ color: #8EBB66; font-weight: bold; font-size: 90%; }

.quick-alert {  width: 50%;  margin: 1em 0; padding: .5em; background: #ffa; border: 1px solid #a00; color: #a00; font-weight: bold; display: none; }

.user_result {border: 1px solid #B3D5EF; margin: 5px; padding: 4px 7px 7px 4px;}


.blockset_description { padding-left: 25px; font-size: 11px; line-height: 18px; color: #777;}
.path {font-family: "courier new"}

.block_title { color: #0267B5; font-weight: bold; font-size: 120%;}
.block_description {color: #999; font-family: verdana; font-size: 80%;}

.block_title_add { color: #0267B5; font-weight: bold; font-size: 110%;}
.owner {font-size: 80%; font-weight: normal;  font-family: verdana; color: #999;}
a.add {color: #018F00;; font-weight: bold;font-size: 80%;  }



.v_day { font-weight:bold; color: #ccc; font-size: 90%; text-align: center;}
.v_day_number {font-weight:bold; color: #ccc; font-size: 185%; text-align: center; margin-top: -7px;}
.v_month { font-weight:bold; color: #ccc; font-size: 90%; text-align: center; margin-top: -7px;}
.v_date {vertical-align:middle;font-size:110%; color:#38403F;font-weight:bold; text-align: center; }
.v_day_number h2{font-weight:bold; font-family:arial,tahoma,verdana,sans-serif; border-bottom:0px;letter-spacing:0px; color: #ccc; font-size:100%; text-align: center; margin-top: -7px;}

.points {background: url('images/point.gif') center repeat-x; width: 100%; height: 50px;}
.points2 {width: 100%; height: 50px;}

.tool_title { color: #0267B5; font-weight: bold; font-size: 120%;}
.tool_description {color: #666; font-family: verdana; font-size: 80%;}
.tool_info {padding: 5px 0 0 15px; color: #666; font-family: verdana; font-size: 70%;}
.tool_bar {background: #8EBB66; height: 23px; width: 100%;}
.tool_bar_old {width: 100%; height:23px; background:#ADADAD;}
td.tool_bar_old_container {background: #F7F7F7;}
td.tool_bar_today_container {background: #FFFBD0;}
.agenda_info {padding: 5px 0 15px 0px; font-family: verdana; font-size: 80%; line-height: 21px;}

.block_agenda_container {padding: 3px; border: 1px solid #BCD2E6; margin: 3px;}
.block_agenda_title {color: #0267B5; font-weight: bold; font-size: 100%;}
.block_agenda_info {padding: 5px 0 0 15px; color: #999; font-family: verdana; font-size: 80%;}

/*
    bargraph
*/
.row_even { background-color:#a0bbd1; }
.row_odd { background-color:#96a3b9; }

.row_even td { background:transparent;}
.row_odd td { background:transparent;}

.profilo{display:none;}

/* this is used with jquery.tooltip, leaving the original id */
#tooltip {position: absolute;z-index: 3000;border: 1px solid #111;background-color: #eee;padding: 5px;opacity: 0.85;}

pre.debug_box {display:block;background-color:#ccc;border:1px solid black;}

.corner_personal {position: absolute; width: 10px; height: 10px; background: url('/images/corners_personal.gif') no-repeat; font-size: 0%; }
.TL { top: 0; left: 0; background-position: 0 0;}
.TR { top: 0; right: 0; background-position: -10px 0; }
.BL { bottom: 0; left: 0; background-position: 0 -10px; }
.BR { bottom: 0; right: 0; background-position: -10px -10px; }

.personal{padding:10px 10px 10px 0px;background:none repeat scroll 0 0 #F4F7FB;position: relative;margin-right:20px;width:98%;margin-top:20px;}

ul.fields{margin-left:10px;}
.fields li{background-image:none;padding-left:0;}

/*** VERTICAL MENU USED IN PERSONAL TOOL ***/
ul.tabs_v_menu {
    /* reset some attributes */
    list-style-type:none;
    padding:0;
    margin:0;

    width:120px;
    margin:0 auto;
    border-bottom: 1px solid #CDDDEC;
}

.tabs_v_menu > li {
    /* reset some attributes */
    background: none;
    margin:0;
    padding:0;

    background: transparent url('/css/mollio/images/tableft1.gif') no-repeat scroll left top;
    color:#0267B5 !important;
    font-weight:bold;
    padding-left: 1px;
}

.tabs_v_menu a:visited {
    color:#0267B5 !important;
}

.tabs_v_menu a:hover {
    text-decoration:none;
    color:#627EB7 !important;
}

.tabs_v_menu .tabs_v_rgt:hover {
    color:#627EB7 !important;
    background-position:right -42px;
}

.tabs_v_menu > li > .tabs_v_rgt {
    background: transparent url('/css/mollio/images/tabright1.gif') no-repeat scroll right top;
    display:block;
    padding:2px 0px;
}

.tabs_v_menu > li > .tabs_v_rgt > * {
    display:block;
}

.tabs_v_menu > li > .tabs_v_rgt > *:hover{
    display:block;
    color:#627EB7 !important;
}

/*** END MENU VERTICAL ***/

.low-profile {
    color:#919191;
    font-style: italic;
}

/* users/listmembers */
table.users-list {
    width:100%;
}

table.users-list tr{
}

table.users-list td{
    vertical-align:top;
    text-align:center;
    padding:10px 0;
    width:20%;

}

/******************/

.wide_entry {
    width:99%;
}

.wide_area {
    width:99%;
    height:250px;
}

/* permission page */
.permissions th.help{
    cursor:help;
}

/* permalink */

.permalink {
    background-color:#D5D9E0;
    padding:5px;
    position:relative;
}

.permalink-closeBtn {
    position:absolute;
    top:0;
    right:0;
    width:16px;
    height:16px;
    line-height:16px;
    background-color:#F2F2F2;
    border-bottom:1px solid black;
    border-left:1px solid black;
    text-align:center;
}

.permalink-closeBtn:hover {
    cursor:pointer;
}

.permalink .autoselection {
    margin:5px 0;
}

/* end permalink */

/* registration fields api */

.xinputFieldHolder form, .xinputFieldHolder .input,
.xinputFieldHolder input, .xinputFieldHolder .input input:focus{
    margin:0;
    padding:0;
}

.xinputFieldHolder table{
    border-spacing: 0 !important;
}

.xinputFieldHolder .form-input-description {
    margin-top:3px;
}

.xinputFieldHolder label {
    margin-bottom:2px;
}


.xinputFieldHolder .form-input-description{
    display:none;
}

.xinputFieldHolder.mandatory .form-input-description{
    display:block;
}

.xinputFieldHolder .input.checkbox input,
.xinputFieldHolder .input.radio input{
    vertical-align:middle;
}

.xinputFieldHolder .input.checkbox label,
.xinputFieldHolder .input.radio label
{
    margin-left:5px;
    display:inline;
    vertical-align:middle;
}

.imageField .imgResetBtn, .imageField .imgDeleteBtn{
    text-decoration:underline;
    color:#006699;
}

/* end registrationfields api*/

/* cross browser inline block, see http://robertnyman.com/2010/02/24/css-display-inline-block-why-it-rocks-and-why-it-sucks/ */
.xbrowser-inline-block {

  display:inline-block; /* For modern browsers */

  *display:inline; /* Hack for IE 7 and less */

  zoom:1; /* Hack for IE */

  _height:1%; /* Hack for IE6 */

  vertical-align:top; /* Just makes sure everything is at the top */

}


/* TAB BAR

Example structure

<ul class="tabbar">
    <li class="tab"        ><a>Foo</a></li>
    <li class="tab active" ><a>Bar</a></li>
    <li class="tab"        ><a>Goo</a></li>
</ul>

*/
ul.tabbar {
    margin:0;
    padding:0 0 0 5px;

    font-size:93%;
    border-bottom:1px solid #BCD2E6;

    list-style:none;
    line-height: 1em;
}

ul.tabbar li.tab {
    margin:0 0 -1px 0;
    padding-left:4px; /* pixels based on bacground width*/

    background:url("/css/mollio/images/tableft1.gif") no-repeat 0 -42px;
    border-bottom:1px solid #BCD2E6;

    /* same code of .xbrowser-inline-block */
    display:inline-block; /* For modern browsers */
    *display:inline; /* Hack for IE 7 and less */
    zoom:1; /* Hack for IE */
    _height:1%; /* Hack for IE6 */
    vertical-align:top; /* Just makes sure everything is at the top */
}

ul.tabbar li.tab > a {
    margin-bottom:-1px;
    padding:5px 9px 5px 5px; /* 9px beacuse is 5px + specular padding of the container*/

    background:url("/css/mollio/images/tabright1.gif") repeat-x 100% -42px;
    border-bottom:1px solid #BCD2E6;

    text-decoration:none;
    display:block;
    height:100%;

    font-weight:bold;
    color:#0267B5;
}

ul.tabbar li.tab:hover     { background-position: left top;  }
ul.tabbar li.tab > a:hover { background-position: right top;
                             color:#772C8C;
                           }

ul.tabbar li.tab.active,
ul.tabbar li.tab.active > a {
    border-color: white;
}

ul.tabbar li.tab.active     { background-position: left top;  }
ul.tabbar li.tab.active > a { background-position: right top; }


/* inspired by upcoming socialmap_search_box */

.infodisc_search_box {
        background:#FFFFFF url(/img/icons/magnifier.png) no-repeat 0px 0px;
	background-position: 65px 5px; 
        width:60px;
        height:18px;
        border:1px solid #CCCCCC;
	padding:4px 22px 4px 4px;
	-webkit-transition: width 0.4s; /* For Safari 3.1 to 6.0 */
	transition: width 0.4s;
}

.infodisc_search_box:focus {
        width:200px;
	background-position: 205px 5px; 
}

.table_row{
	width:100%;
}

.title_cell{
	display:table-cell;
	width: 100%;
	padding-right: 0px;
}

.search_cell{
	display:table-cell;
}

.modify{
	font-size: 60%;
}
.search_cell #searchForm{
	margin-bottom: 0px;
}
/**  ADDED FOR SOCIALMAP PROJECT BY EMILIANO COLANGELI **/

.socialmap_search_results {width:100%;}
		.socialmap_search_results thead tr {background-color: silver;}
		.socialmap_search_results tfoot tr {background-color: silver;}
		.socialmap_search_results tr {height: 40px;}
		.socialmap_search_results td {padding: 2px 12px 2px 7px;}
		.socialmap_search_results tr.odd {background-color: #E2E4FF;}
		.socialmap_search_results tr.odd td.sorting_1 {background-color: #D3D6FF;}
		.socialmap_search_results tr.even td.sorting_1 {background-color: #EAEBFF;}
		.socialmap_search_results table tr.even.row_selected td {background-color: #B0BED9;}
		.socialmap_search_results table tr.odd.row_selected td {background-color: #B0BED9;}


.socialmap_search_box {
	background:#FFFFFF url(/img/icons/magnifier.png) no-repeat 4px 4px;
	padding:4px 4px 4px 22px;
	border:1px solid #CCCCCC;
	width:230px;
	height:18px;}


.socialmap_title{color: #0267B5; font-weight: bold; font-size: 140%; background: #fff; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF}

.socialmap_header{color: #0267B5; font-weight: bold; font-size: 110%;}

.socialmap_field{color: #000; font-weight: bold; font-size: 90%; background: #fff; border-bottom: 1px solid #EFEFEF; border-top: 1px solid #EFEFEF}

.comment_intro{color: #000; font-weight: bold; font-size: 90%;}

.infodisc_index .infodisc_map{
	width: 80%;
	float:left;
}


.infodisc_index .infodisc_legenda{
	width: 20%;
	float:left;
}

.infodisc_block_render{
	padding: 0px;
}

.infodisc_block_description  p{
	margin: 0px;
}

.block_lastdisc_forumlist li{
	background:url('/img/icons/comments.png') no-repeat scroll 0 0 transparent;
	background-position: 1px 8px;
	padding-top: 5px;
	line-height: 1.5em;
}

.block_lastdisc_forumlist a{
	font-weight: bold;
}

.block_lastdisc_only_forumlist li{
	background:url('/img/icons/comments.png') no-repeat scroll 0 0 transparent;
	background-position: 1px 8px;
	padding-top: 5px;
	line-height: 1.5em;
}

.blockLastDiscUL li{
	background:url('/img/icons/comments.png') no-repeat scroll 0 0 transparent;
	background-position: 1px 8px;
	padding-top: 5px;
	line-height: 1.5em;
}

.username {
	display: inline-block;
}

.attachment_image{
	max-width: 50%;
	/*width: auto;*/
	max-height: 64px;
	margin-left:auto;
	margin-right:auto;
}

.avatar_change_parent {
	float:left;
	padding-top: 7px;
}

.submit_change_parent {
	float: right;
}

.submit_change_parent form{
	margin: 0;
}


.wait_post{
	text-align: center;
	font-size: 130%;
}

.priority_legenda_text{
	margin-left: 30px;
}

.priority_legenda{
	width: 30px;
}

.block_share{
	text-align:right;
}

#block_preview_resize{
	width: 50%;
}

#block_preview_resize .space{
	display: inline;
	padding: 0 15px 0 15px;
}

#widthBlockPreview{
	width: 50px;

}

#heightBlockPreview{
	width: 50px;
}

#buttonBlockPreview{
	float:right;
}

#codeIframe{
	width: 90%;
	margin: 0 auto;

}

#container_iframe{
	padding-bottom: 5px;
}

.ui-resizable-helper { border: 2px dotted #00F; }

.block_share{
	vertical-align: middle;
}

.block_view {
	padding: 0px 20px 20px 20px;
}

.block_view #block_preview_resize{
	padding-bottom: 10px;
}

body.simple_body{
	background: #fff;
}

body.simple_body #content-wrap{
	box-shadow: none;
}

.dd li{
	background: none;
	line-height: normal;
}

.dd .selected{
	background: none;
	float: none;
	display: inline-block:
}

#alert-cookie-prof{
    background-color: #f2f5a9;
    left: 0;
    padding: 30px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    box-sizing: border-box;
}

#alert-cookie-close{
	position:absolute;
	right:10px;
	top:-2px;
	font-size:1.5em;
}

#alert-cookie-close a:hover{
	text-decoration:none;
}