/* Styles - inspiration: http://stylephreak.frogrun.com/uploads/source/cssform.css */
legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #036;
	background: transparent;
	font-size: 1.3em;
	font-weight: bold;
	font-weight: normal; /* responsive design 2014 08 01 */
}

.clearer {
	clear:both;
}

fieldset {
	margin: 1em 0;
	border: none;
	border-top: 1px solid #ccc;
	padding: 0.35em 0 0.75em 0.625em;
}

form {
	margin: 0;
	padding: 0;
}

	form ul {
		/* margin-left:60px; commented out by cazoran 21/11/2016 for this:
		https://ec.europa.eu/digital-single-market/events/cf/info-day-2017-ict-14-15-16-17/item-de.cfm?stream=376
		(too much indent in list in instructions under Your presentation) */
		margin-bottom:2em;
	}
	
	form li {
		margin-bottom:0.5em;
	}
	
	form p {
		max-width:50em;
	}

	form ol {
 		margin-top:2.5em;
 		margin-bottom:2em;
	}

	form ol label {
		width:auto;
	}
	
	form ol input {
		display:inline;
		float:none;
		margin:0;
		width:1.5em;
		padding: 0 0.5em;
	}
	
	form span.instruction, form span.info {
		font-weight:normal;
		display:block;
		margin-top:0.5em;
		font-size:90%;
		color:#555;
	}
	
	form span.info {
		font-size:90%;
		color:#555;
	}

	form span.unit {
		font-size:90%;
		color:#555;
	}
	
	form div {
		margin-bottom: .5em;
		padding: 0;
		display: block;
	}

		form div input,
		form div textarea,
		form div select,
		form div .texttext {
			width: 330px;
			color: #333;
			padding: 1px;
		}

		form div .texttext {
			font-weight:bold;
			padding-bottom:5px;
		}
		
		form div input.file {
			width:auto;
		}
		
		form div input.short {
			width: 50px;
			margin-right:0.3em;
		}

		form div input.dateinput {
			width: 110px;
			margin-right:0.3em;
		}

		form div input.medium {
			width: 100px !important;
			margin-right:0.3em;
		}

		form div input[type=date], form div input[type=time], form div input[type=number] {
			width: 150px !important;
			margin-right:0.3em;
		}

		form div select {
			/*padding: 1px;*/
		}
		
		form div select option {
			width: 335px;
			width: 309px;
			overflow: hidden;
		}

		form div.multiple div {
			float:left;
			float:none;
			height:1%;
			margin: 0 0 5px 222px;
			margin: 0 0 5px 202px;
		}

			form div.multiple div label {
				display: block;
				float:none;
				clear:none;/**/
				width:auto;
				padding: 1px;
				padding: 1px 1px 1px 20px;
				text-indent: -20px;
				text-align: left;
			}

			form div.multiple div label span.info {
				/*padding-left:20px;*/
				text-indent:0;
			}
			
			form div.multiple div label.indent {
				padding-left:3em;
				margin-left:0;
			}

			form div.multiple div input
			, form#identification div.multiple div input
			, form#lostpassword div.multiple div input {
				width: 1.5em;
			}
			
			form div.multiple div.text {
				margin-left:0;
				clear:left;
			}
			
			form div.multiple div.text label {
				clear:left;
				float:left;
				display:block;
				width:80px;
				margin-top:0.5em;
			}
			
			form div.multiple div.text input,
			form div.multiple div.text select {
				display:block;
				margin-left:100px;
				margin-top:0.5em;
				width: 200px;
				width: 180px;
			}

			form div.multiple div.text input.dateinput {
				width: 110px;
			}
			
			div.indent {
				padding:1px 0 0 3em;
			}
			
	form div.required label,
	p.required,
	li.required {
		/* font-weight: bold; remove the bold - keep only the asterisk */
	}
		form div.required label:before,
		form p.required:before,
		span.required:before {
			content: "* ";
		}
		form div.required label:before,
		form p.required:before,
		span.required:before {
			font-weight: bold;
			font-size:120%;
		}
		span.required.legend:after {
			content: " are marked with an asterisk";
		}
		
	form div#status {
		position:absolute;
		text-align:right;
		left:10px;
		font-size:90%;
		color:#555;
		width:210px;
		width:190px;
	}
	
	form div#status.passed {
		color:#555;
	}

	form div#status.failed,
	form div#status.failed a:link {
		color:#911;
	}
	
	form div#status span {
		text-decoration:underline;
		cursor:pointer;
	}

form .textlabel,
label,
form div.multiple p {
	float: left;
	clear:left;/**/
	padding: 1px 10px;
	text-align: right;
	margin:0;
	width: 200px;
	width: 180px;
}

form .textlabel {
	padding:0 1em;
	height:2em;
}

form#attend {
	margin-top:1.2em;
	margin-bottom:1.2em;
}

input.action {
	border: 1px solid #333;
	padding: 2px 1em;
	background: #555;
	color: #fff;
	font-size: 100%;
	cursor:pointer;
	width:auto;
}

input.atomic {
	background: #888;
	margin-left:2em;
}

input.primary {
	margin-right:10em;
}

input.secondary {
	background: #888;
	padding:2px 0.7em;
	margin-right:1em;
}

input.stepbefore {
	padding:2px 0.3em;
	margin-right:5px;
	background: #ccc;
	color:#333;
	border-color:#888;
}

input.stepcurrent {
	margin-right:5px;
	color:#333;
	background: #ccc;
	cursor:default;
	border:3px solid #555;
}

input.stepafter {
	padding:2px 0.3em;
	margin-right:5px;
	background: #555;
	color:#fff;
	border-color:#888;
}

input.search {
	background: #309;
	margin-right:0em;
	font-weight:bold;
	height: 18px;
	width:65px;
	border:none;
	font-family: verdana;
	margin-top:0px;
}

#searchinput {
	width:75px;
	height: 13px;
	font-size:11px;
	font-weight:bold;
	margin-top:0px;
}

#ist-banner form{
		color:#91bac6;
		text-decoration:none;
		font-weight:bold;
		display:block;
		background:#309; 
		border:1px solid #91bac6;
		border-bottom:2px solid #91bac6;
		border-right:2px solid #91bac6;
		border-top:2px;
		padding:3px 10px;
		position:relative;
		top:-1px;left:-1px;
		color:#fff;
	}


.listactions {
	margin-bottom:2em;
}

.listactions input {
	background: #888;
	margin-left:2em;
}

#adddoc {
	/*text-align:center;
	width:350px;*/
	padding-left:230px;
	padding-left:210px;
}

#actions, div.actions {
	clear: both;
	padding-top: 0.5em;
	margin-top:1em;
	border-top:1px solid #555;
	margin-left:230px;
	margin-left:210px;
}

#statusActions {
	clear: both;
	padding-top: 0.5em;
	padding-left:10px;
	margin-top:2em;
	border-top:1px solid #555;
}

#clickto {
	color:#555;
	clear: both;
	margin-left:210px;
	width:auto;
}

body.rifohighlights div.CBinvalid,
body.rifohighlights div.REinvalid,
body.rifohighlights div.rifoempty,
body.rifohighlights div.rifoinvalid,
body.rifohighlights legend.rifoempty {
	background:#DD5;
}

body.rifohighlights div.rifoempty.deferrable,
body.rifohighlights legend.rifoempty.deferrable,
body.rifohighlights div.rifoinvalid.deferrable {background:#ccc}

body.rifohighlights div.rifok,
body.rifohighlights legend.rifok {background:inherit}

.miniform label {
	 width: auto;
	 text-align: left;
	 padding: 3px 1em 0pt 0pt;
}

#container {
	margin: 0 auto;
	text-align: left;
	font-size:85%;
	font-size:11px;
	/*font: 11px verdana,sans-serif;*/
}

/*
#container p {margin:1em 0 1em 10px}
#container p {margin:1em 0;}
*/
	p#fm-intro {
		margin: 0;
	}

	p.lastsaveinfo {
		padding:3px;
		position:relative;
		left:-3px;
		border:1px solid #fff;
		position:relative;
		top:0.5em;
	}
	
	p.fadeup {
		background-color:#f8efb5;
		border-color:#e7dec4;
	}

#container ol, #container ol li, #container dl, ol, ol li, dl {
	/* margin:0.5em 2em;
	commented out by cazoran 21/11/2016 for this:
	https://ec.europa.eu/digital-single-market/events/cf/workshop-between-the-european-commission-and-fp7-h2020-projects/item-de.cfm?id=19417&page=1#docsandlinks
	(too much indent in list of docs) */
}

#container dt, dt {
	margin:1.5em 0 1em 0;
	font-weight:bold;
}

#container .features dt, .features dt {font-weight:normal}

#container dd, dd {margin:0 0 1.5em 2em;}


#container h2 {text-align:left;margin:2em 0 0.5em}
#container h3 {margin:2em 0 0.5em}
#container h4 {margin:1em 0;font-size:110%;border-top:1px solid #ddd;padding-top:1em;}

#container hr {border:none;background-color:#ccc;height:1px;}

#container hr {border:none;background-color:#999;height:1px;}

#container dd p {margin:0.5em 0}

.wikiaction {float:right;padding-top:0.5em;margin-right:2em;}

#people_password_check, #people_login_check {
position:absolute;
width:100px;
padding-left:10px;
}

#dupecheck, 
.formError {
	padding:10px;
	margin:2em 0;
	font-weight:bold;
	color:#911;
	background-color:#fff3bd;
	border:1px solid #fdc57b;
	height:1%; /* trigger hasLayout, disappearing background bug in IE6 */
}

.formError p {
	margin-top:0;
}

form#identification #actions, form#lostpassword #actions {
	border:none;
	margin-left:205px;
	margin-bottom:2em;
}

form#identification input, form#lostpassword input {
	width:200px;
}

/*
 * peoplefinder
 *
**/

.pefi {}

	.pefi input.button {
		width:5em;
	}
	
	.peoplelistholder {
		height:120px;
		width:330px;
		margin:5px 0;
		margin: 2px 0 5px 202px;
	}

	.peoplesuggestholder {
		height:120px;
		width:330px;
		margin:5px 0;
		margin: 2px 0 5px 202px;
		position:absolute;
		clear:left;
		display:none;
		background:#fff;
		
	}
	
		.peoplelistbar {
			height:20px;
			border:1px solid #7f9db9;
			border-bottom:none;
			width:330px;
			padding:0 1px 0 3px;
			margin:0;
		}
		
			.peoplelistbar span {
				cursor:pointer;
				float:right;
				display:block;
			}
		
		.peoplelist {
			height:94px;
			width:330px;
			overflow:auto;
			border:1px solid #7f9db9;
			list-style:none;
			padding:3px 1px 3px 3px;
			margin:0;
		}
		
			.peoplelist span {
				cursor:pointer;
				display:block;
			}

			.peoplelist span.peoplename {
				cursor:pointer;
			}

			.peoplelist span.loginas {
				cursor:pointer;
				margin-left:1em;
				float: right;
			}
	
	.peopleinfo {
		width:180px;
		position:absolute;
		margin-top:-120px;
	}
	
		.peopleinfo p {
			width:190px;
			margin:4px;
		}
	
	#permissions {list-style-type:none}
	#permissions li {padding:5px;/*margin:0 !important;background:#f8efb5;border-bottom:1px solid #fff*/}
	#permissions li:hover {/*background:#e5dba1;*/background:#f8efb5;}

#unlinked span, #linked span {
	font-weight:bold;
	cursor:pointer;
	color:#000080;
}
#unlinked span:hover, #linked span:hover {
	text-decoration:underline;
	color:#cc6601;
}

span.error, #unlinked span.error, #linked span.error {color:#900;cursor:default;text-decoration:none;font-weight:normal}

.importantMessage {
	background-color:#eee;
	/*border:1px solid #ddd;*/
	color:#991111;
	padding:10px;
	max-width:50em;	
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	border:solid 1px #dcdcdc;
	border-radius:3px;
}

#roughstats, .roughstats {
	/*border:1px solid #ccc;*/
	padding:10px;
	margin:1em 0;
	max-width:50em;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	border:solid 1px #dcdcdc;
	border-radius:3px;
}

.messageBox {
	padding:10px;
	margin:1em 0;
	max-width:50em;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.1);
	border:solid 1px #dcdcdc;
	border-radius:3px;
	background-color:#eee;
}

hr.messageSeparator {
	border-top:1px dashed #333;
}

#reload {
		text-align:center;
		margin:2em 0;
		border-top:1px solid #ccc;
		padding:0.5em 0;
		clear:both
}

.image {margin-left:205px;}
.photoalone {text-align:center;}
.photoalone img { 
	border:2px solid #ccc;
	padding:10px
	
	}
.photoalone div { 
	color:#21176B;
	border-left:1px solid #21176B;
	border-bottom:1px solid #21176B;
	margin: 5px;
	margin-top: 10px;
}


.webpic {float:right;width:320px;padding-left:15px;}
.webpic img {border:1px solid #ccc;padding:1px}
.max60 {max-width:60em}
.max60 .clearer {clear:both}

.secondaryGallery div{float:left;padding-left:15px;padding-top:15px;padding-bottom:15px;/*width:80;*/}
.secondaryGallery img{ border:1px solid #ccc;padding:1px}

.emailbody {border:1px solid #ccc;padding:0.5em 1em;width:55em;margin:0.2em 0}
.emailtype {background:#bbb;padding:0.3em;border:1px solid #888;color:#fff;}

#fademe {padding:0.3em;border:1px solid #ccc;float:right;margin:0.5em;}

.actionlinks {text-align:center}
.actionlinks span {padding:0.5em 3em}

.peoplepic {
	float:right;
	padding-left:15px;
	width:170px;
}

.peoplepic img {
	border:1px solid #ccc;
	padding:1px;
}

table.breakdown {border:1px solid #555}
table.breakdown th {background-color:#333;color:#fff}
table.breakdown tr.even td {background-color:#ddd}

#comments, .features {}

	#comments dt, #comments dd,
	.features dt, .features dd {
		margin-left:0;
		padding-left:2em;
		padding-right:2em;
	}
	
	.features dt, .features dd {
		padding-left:0;
	}
	
	#comments dd,
	.features dd {
		margin-bottom:2em;
	}
	
	#comments dt {
		/*background:url(comment.png) no-repeat top left;	
		background:url(bullet_green.png) no-repeat top left;*/
		border-left:1px solid #777;
		margin-bottom:0;
		padding-bottom:0.5em;
	}
		
	#comments dt.off1 {
		background:#333;
		color:#eee;
	}

	dl.features, dl#comments {
		margin:0 9em 0 2em;
		/*font-size:95%;*/
		padding:2px;
	}
	
		.features dd p,
			#comments dd p {
			margin:0.2em 0;
		}
	
	#comments dd {
		border-bottom:1px solid #aaa;
		border-left:1px solid #aaa;
		margin-top:0;
	}

	.invalid {color:#bbb; font-style:italic}
	.switch {margin-left:0.7em}
	#comments dt.invalid {margin-top:0}

#welcome {text-align:right;}

#submit-your-own:before {
	content:'[';
}

#submit-your-own:after {
	content:']';
}



table#agenda td {
	padding:0.2em 0.4em;
	line-height:1.4;
	vertical-align:top;
	/*border-bottom:1px solid #ccc;*/
}

.gallery div {
	float:left;
	width:240px;
	height:240px;
	overflow:hidden;
	margin:10px 5px;
	text-align:center;
	border:1px solid #eee;
	padding-top:5px;
}

	.gallerypic {
		display:block;
		text-align:center;
		margin-bottom:5px;
		height:154px;
		overflow:hidden;
	}
	
	.gallerypic img {
		border:1px solid #aaa;
		padding:1px;
	}
	
	.galleryitem {display:block;padding:1px 5px;}

	.caption {
		margin:0.5em 0;color:#888;font-size:92%;text-align:center;
	}

.gthumb div {
	width:160px;
	height:160px;
	margin: 8px 4px;
	padding-top:4px;
}

	.gpthumb {
		margin-bottom:4px;
		height:104px;
	}
	
	.githumb {
		padding:1px 4px;
	}


/* Calendar tables */
#calendar table {width:80%;/*font-size:110%; no longer necessary in new responsive design template 01-08-2014*/}
#calendar caption {padding-bottom:1.8em;padding-top:2em;font-size:110%;text-align:left;font-weight:bold;}
#calendar th {color:#fff;background:#663300;padding-top:0.8em;padding-bottom:0.5em;text-align:center}
#calendar td {vertical-align:top;}
.caltime {background:#E6E6E6;width:160px;}
.calnumber {background:#CAB4AA;}
.caltitle {background:#F5F5F5;}
.calroom {background:#E6E6E6;}
/* Modern browsers (not IE6, about 83% of IS Portal traffic in Sep 2009) */
/* Note, I had to use a class '.newslot' instead of relying on attribute selection '[rowspan]' since, when rowspan is set to 1,
   IE7 (35%) apparently decides to remove the attribute itself from the DOM: anyway it doesn't select it. */
#calendar table td:first-child[rowspan] {color:#663300;font-weight:bold;}  /* caltime column */

#calendar table td.newslot:first-child {color:#663300;font-weight:bold;}  /* caltime column */
#calendar table td.newslot+td, #calendar td:first-child {color:#fff;font-weight:bold;} /* calnumber column */
#calendar table td+td+td {text-align:center} /* calnumber column */
#calendar table td.newslot+td+td {text-align:left} /* cancel previous when there are 4 TD. I'd use td:last-child but support is too limited */ 

#streamvenues td, #streamvenues th {border-collapse:collapse;border:1px solid #888;}

#loginform {max-width:50em;}
#loginform form {margin:3em 0;}

#registrationslist li {margin-top:0.5em;}

.footreference {
	text-align:right;
	font-size:85%;
	padding-right:5em;
	clear:both;
	margin-top: 3em;
}

#overlay-form {
	top:10px;
	background-color:#fff;
	position:fixed;
	z-index:100;
	width:98%;
	left:1%;
	bottom:20px;
	border:2px solid;
	padding:10px;
}

#overlay-form td, #overlay-form th {
	height: 37px;
	vertical-align:top;
	padding: 5px 1%;
}

#closer {
	position: absolute;
	right: 10px;
}
#opener {
	text-align:right;
}
#tablewrap {
	position:absolute;
	top:80px;
	bottom:15px;
	overflow: auto;
}

/* sprites */

.sprite-star_gray { background-position: 0 -16px; } 
.sprite-resultset_previous_gray { background-position: 0 -48px; } 
.sprite-control_stop_blue { background-position: 0 -80px; } 
.sprite-user_delete { background-position: 0 -112px; } 
.sprite-control_pause { background-position: 0 -144px; } 
.sprite-cancel_gray { background-position: 0 -176px; } 
.sprite-add { background-position: 0 -208px; } 
.sprite-cancel { background-position: 0 -240px; } 
.sprite-control_play_blue { background-position: 0 -272px; } 
.sprite-user_add { background-position: 0 -304px; } 
.sprite-user_edit { background-position: 0 -336px; } 
.sprite-resultset_last_gray { background-position: 0 -368px; } 
.sprite-add_gray { background-position: 0 -400px; } 
.sprite-resultset_last { background-position: 0 -432px; } 
.sprite-resultset_previous { background-position: 0 -464px; } 
.sprite-control_stop { background-position: 0 -496px; } 
.sprite-tick { background-position: 0 -528px; } 
.sprite-delete_gray { background-position: 0 -560px; } 
.sprite-resultset_next_gray { background-position: 0 -592px; } 
.sprite-resultset_first { background-position: 0 -624px; } 
.sprite-delete { background-position: 0 -656px; } 
.sprite-star { background-position: 0 -688px; } 
.sprite-control_play { background-position: 0 -720px; } 
.sprite-user { background-position: 0 -752px; } 
.sprite-tick_gray { background-position: 0 -784px; } 
.sprite-control_pause_blue { background-position: 0 -816px; } 
.sprite-accept { background-position: 0 -848px; } 
.sprite-resultset_first_gray { background-position: 0 -880px; } 
.sprite-accept_gray { background-position: 0 -912px; } 
.sprite-resultset_next { background-position: 0 -944px; } 

ul.clearer { /* padding:0 */}

li.docjpg, li.docpng, li.docgif, li.docjpeg, li.doctiff,
li.docdoc, li.docxls, li.docpdf, li.doczip, li.docppt,
li.docpps, li.docurl, li.docdocx, li.docxlsx, li.docpptx,
li.docppsx, li.doc {
	list-style: none;
	list-style-type:none;
	padding-left: 24px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

li.docjpg, li.docpng, li.docgif, li.docjpeg, li.doctiff {
	/*list-style-image:url(page_white_picture.png);*/
	background-image:url(fam_page_white_picture.gif);
}

li.docdoc, li.docdocx {
	/*list-style:url(page_white_word.png);*/
	background-image:url(fam_page_white_word.gif);
}


li.docxls, li.docxlsx {
	/*list-style:url(page_white_excel.png);*/
	background-image:url(fam_page_white_excel.gif);
}


li.docpdf {
	/*list-style:url(page_white_acrobat.png);*/
	background-image:url(fam_page_white_acrobat.gif);
}


li.doczip {
	/*list-style:url(page_white_compressed.png);*/
	background-image:url(fam_page_white_compressed.gif);
}


li.docppt, li.docpps, li.docpptx, lki.docppsx {
	/*list-style:url(page_white_powerpoint.png);*/
	background-image:url(fam_page_white_powerpoint.gif);
}

li.docurl {
	/*list-style-image:url(page_white_world.png);*/
	background-image:url(fam_page_white_world.gif);
}


li.doc {
	/*list-style-image:url(page_white.png);*/
	background-image:url(fam_page_white.gif);
}

.highlight {
	background-color:rgba(225,223,0,0.87);
	background-color:rgba(247,226,7,0.43);
}

.openhelp {
	cursor: pointer;
	border-bottom: 1px dashed;
}