body {
	/*width: 1024px;*/
	padding: 0px;
	margin: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 0.8em;
	background-color: #fff;
	text-align: center;
	background-color: #dbdcf0;
}

body.admin {
	background-color: #fee;
}

/* ------- definitions of all the parts of the page (DIV IDs) -------- */
.shadow {
	width: 980px;
	display: block; 
	background: #ccc; 
	border: 1px solid #ddd; 
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}

#webpage {
	width: 970px;
	border: 3px solid #f90;
	background-color: #fff;
	/*margin: 5px auto;*/
	padding: 10px;
	text-align: left;
	position: relative;
	left: -10px;
	top: -7px;
}

#header {
	margin: 0;
	height: 104px;
	background-color: #fff;
}

#header-top {
	margin: 0;
	width: 100%;
	height: 64px;
	padding: 0 0 1px 0;
	background-color: #fff;
}

#header-bottom {
	margin: 0;
	width: 100%;
	height: 40px;
	background-color: #fff;
	font-size: 0.8em;
	color: #4444cc;
	display: inline;
}

#header-bottom p {
	margin: 0;
	padding : 0;
	text-align: right;
	float: right;
}

#footer {
	clear: both;
}

#content {
	background-color: #fff;
	color: #44c;
	/*height: 1%;*/
	margin: 0;
	padding: 2px 0 0 0;
}

#titlediv {
	background-color: #fff;
	color: #44c;
	height: 2em;
	width: 100%;
	margin: 0;
	padding: 0;
	/*border-top: solid 1px #f90;*/
}

/* language selection (update form) */
#language_selection {
	border: 1px solid #f90;
	background-color: #eee;
	padding: 4px;
	color: #99c;
	font-weight: bold;	
	font-size: 0.8em;  	
}

#language_selection form {
	margin: 0;
	padding: 0;
	display: inline;
}

/* from http://www.thescripts.com/forum/thread100629.html and http://www.positioniseverything.net/easyclearing.html */
/* resources.cgi has only 2 floats which don't contribute to the height of the page - Firefox */
/* class clearfix is used in the content DIV */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/*.clearfix {
	display: inline-block;
}*/

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --------------- FORMS --------------- */
form.login {
	width: 460px;
	height: 44px;
	float: right;
	border: 0;
	background-color: #fff;
	color: #777;
	padding: 0 0 4px 0;
	margin: 0;
	display: inline;
	text-align: right;
	font-weight: bold;
	font-size: 0.7em;
}

form.tlcform {
	margin: 5px;
	padding: 4px;
	border: 1px solid #f90;
	background-color: #eee;
	color: #99c;
	font-weight: bold;
	font-size: 0.9em;           
}

form.tlcform fieldset {
	border: 1px dotted #339;
	margin-top: 6px;
	margin-bottom: 4px;
	padding: 4px;
}

form.tlcform legend {
	background-color: #eee;
	font-weight: bold;
	font-size: 1.2em;
	color: #f90;	
}

form.tlcform p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top:3px;
}

form.tlcform p label {
	float: left;
	width: 15em;
	color: #339;
	font-size: 1.0em;
}

form.tlcform .outcome {
	display: block;
	padding-left: 15em;
}

form.tlcform .outfield {
	float: left;
	margin: 0;
	padding: 0;
	width: 15em;
}

/* used for recognising spam machines */
#not_human {
	visibility:hidden;
	display:none;
}


/* --------------------------------- TABLES -------------------------------*/

/* resource list table => resource_list.cgi */
table.resourcelist {
	width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
	height: 620px;
	padding: 2px;
	margin: 2px;
}

table.resourcelist>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	width: 99%;
	height: 620px;	
	padding: 2px;
	overflow-x: hidden;
}
	
table.resourcelist thead th	{
	font-size: 1.0em;
	text-align: left;
	background-color: #f90;
	color: #44c;
	position: relative; 
}	

table.resourcelist tr { /* for IE7 because tr gets height of tbody */
	height: 1%;
}

table.resourcelist tr.resourcetype {
	background-color: #ccdeff;
	text-align: left;
	text-transform: capitalize;
	font-size: 1.0em;
	font-weight: bold;
}

table.resourcelist tr.resource {
	background-color: #fff;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

table.resourcelist td.resource {
	background-color: #fff;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: normal;	
	padding-right: 12px;
}

/* myresource list => my_resources.cgi */
table.my_resourcelist {
	width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
	padding: 2px;
	margin: 2px;
}

table.my_resourcelist>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	padding: 2px;
}
	
table.my_resourcelist thead th	{
	height: 1.1em;
	font-size: 1.0em;
	text-align: center;
	background-color: #f90;
	color: #44c;
}	

table.my_resourcelist tr td.resourcetype {
	background-color: #ccdeff;
	text-align: left;
	text-transform: capitalize;
	font-size: 1.0em;
	font-weight: bold;
}

table.my_resourcelist tr.resource {
	height: 1.0em;
	background-color: #fff;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
}

table.my_resourcelist td.resource {
	height: 1.0em;
	background-color: #fff;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: normal;	
}

table.my_resourcelist td.resource_actions {
	height: 1.0em;
	text-align: right;
	background-color: #fff;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: normal;	
}

/* horizantal graph table */
table.horgraph {
	width: 470px;
	border: solid 1px #f90;
	background-color: #ebecfa;
	color: #44c;
	padding: 2px;
	margin: 2px;	
}

table.horgraph td.legend {
	width: 180px;
	border: 0;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
}

table.horgraph td.bar {
	/*background-image: url(gridline.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	padding:0;
	border-bottom: none;
	background-color:transparent;	*/
	/*width: 200px;	
	background-color:#fff;
	color: #fff;
	border: solid 1px #44c;*/
}

table.horgraph td.bar img {
	vertical-align: middle;
	/*margin: 2px 2px 2px 0;*/
}

table.horgraph td.bar p {
	color: #fff;
}

table.searchresults {
	width: 98%;
	border-bottom: solid 1px #f90;
	background-color: #fff;
	color: #44c;
	padding: 2px;
	margin: 12px;	
}

table.searchresults tr.resource_title {
	background-color: #eee;
	padding: 0;
	margin: 0;
}

table.searchresults tr.resource_info {
	padding-bottom: 14px;
	margin: 0;	
}

table.searchresults tr.resource_info_exp {
	background-color: #fea;
	padding-bottom: 14px;
	margin: 0;
}

table.searchresults tr.resource_title td {
	/*border-top: solid 1px #f90;
	border-bottom: solid 1px #f90;*/
	border: solid 1px #f90;
	background-color: #dbdcf0;
	padding: 0;
	margin: 0;
}

table.searchresults tr.resource_info td {
	padding-bottom: 14px;
	margin: 0;	
}

table.searchresults tr.resource_info td.resource_thumbnail {
	padding-bottom: 14px;
	vertical-align: top;
	margin: 0;
}

/* LOM search results table */
table.lomtable {
	border-collapse: separate;
	font-size: 0.9em;
	text-align: center;
	padding: 0;
	empty-cells: show;
}

table.lomtable thead th {
	background-color: #f90;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	color: #339;
}

table.lomtable tr.white {
	background-color: #fff;
	color: #000;
}

table.lomtable tr.odd {
	background-color: #ccdef0;
	color: #339;
}

table.lomtable tr.even {
	background-color: #ccdeff;
	color: #339;
}

table.lomtable td {
	vertical-align: top;
	padding: 0;
}

table.lomtable td.white {
	background-color: #fff;
	color: #000;
}

table.lomtable td.odd {
	background-color: #ffc;
}

table.lomtable td.even {
	background-color: #ff9;
}

/* ID Card Table */
table.idcard {
	width: 100%;
	padding: 0;
	border-collapse : collapse;
}

table.idcard thead th {
	background-color: #dbdcf0;
}

table.idcard td.category {
	/*width: 12em;*/
	background-color: #fff;
	border-top: 1px dashed #999;
	border-right: 1px dashed #f60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: normal;
	text-align: left;
	font-weight: bold;
	font-variant: small-caps;
	color: #f90;
}

table.idcard td.categoryfill {
	background-color: #fff;
	border-top: 1px dashed #999;
}

table.idcard td.parameter {
	width: 12em;
	padding-right: 4px;
	background-color: #fff;
	border-right: 1px dashed #f60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	line-height: normal;
	vertical-align: top;
	text-align: right;
}

table.idcard td.info {
	/* border-top: 1px dashed #999;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: normal;
	padding-left: 12px;	
}

table.idcardheader td.actions {
	background-color: #fff;
	border-top: 1px solid #f00;
}

table.idcardadditional {
	width: 100%;
	padding-top: 4px;
	background-color: #dbdcf0;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
}

/* TLCentre user table */
table.tlcuser {
	width: 100%;
	padding: 3px;
	/*border-collapse: collapse;*/
	text-align: left;
}

table.tlcuser thead th {
	background-color: #dbdcf0;
}

table.tlcuser tbody td {
	text-align: left;
}

table.tlcuser tbody td.image {
	width: 100px;
	max-width: 100px;
	min-width: 100px;
}

table.tlcuser tbody td.biography {
	padding-left: 3px;
	vertical-align: bottom;
	text-align: left;
}

table.tlcuser tbody td.topvertical {
	padding-left: 3px;
	vertical-align: top;
	text-align: left;
}

table.tlcuser tbody td.parameter {
	width: 100px;
	padding-right: 3px;
	font-weight: bold;
	text-align: right;
}

/* Administration tables */
table.admin {
	width: 100%;
	font-size: 0.9em;
	text-align: center;
	margin: 5px;
	empty-cells: show;
	border: 1px solid #f00;
}

table.admin thead th {
	background-color: #bdb;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center;
	color: #339;
	padding: 5px;
}

table.admin tbody tr.administratorodd {
	background-color: #fee;
}

table.admin tbody tr.administratoreven {
	background-color: #fdd;
}

table.admin tbody tr.boardodd {
	background-color: #efe;
}

table.admin tbody tr.boardeven {
	background-color: #dfd;
}

table.admin tbody tr.editorodd {
	background-color: #eee;
}

table.admin tbody tr.editoreven {
	background-color: #ddd;
}

table.admin tbody tr.deletedresource {
	background-color: #fee;
}

/* ------------------------------- ULs -------------------------------- */
/* - for all the pages */
ul.elene {
	margin: 0;
	padding: 3px 0 3px 0px;
	border-top: 1px solid #f90;
	border-bottom: 1px solid #f90;
	background-color: #dbdcf0;
	list-style-image: url(../images/pointer_01.gif);
	list-style-position: inside;
	list-style-type: square;
}

ul.elene li {
	padding-left: 5px;
	margin-left: 2px;
}

ul.simple {
	margin: 0;
	padding: 3px 0 3px 3px;
	border: 0;
	background-color: #fff;
	list-style-image: url(../images/pointer_01.gif);
	list-style-position: inside;
	list-style-type: square;
}

ul.simpleout { /* used in homepage */
	margin-left: 15px;
	padding: 0;
	border: 0;
	background-color: #fff;
	list-style-image: url(../images/pointer_01.gif);
	list-style-position: outside;
	list-style-type: square;
}

ul.simpleout li {
	padding: 0 0 4px 0;
	margin-left: 2px;
}

/* ------------------------------ LINKS ------------------------------ */
a:link {  
	color: #c60; /*#6b6bb6; */
	text-decoration: none;
}

a:visited {
	color: #c60; /*#6b6bb6; */
	text-decoration: none;
}

a:hover {
	color: #339;
	text-decoration: underline; 
}

/* ---------------------- Text variations ---------------------------- */

h3.notification {
	padding: 0;
}

p.legal {
	font-size: 0.7em;
	color: #888;
	margin: 5px;
}

.smallcaps {
	font-variant: small-caps;
}

.darkblue {
	color: #44c;
}

.orange {
	color: #f90;
}

.red {
	color: #c44;
}

.errorMsg {
	color: #c44;
	font-weight: bold;
}

.akey {
	text-decoration: underline;
}

.important {
	font-weight: bold;
}

.small {
	font-size: 0.8em;
}

.big {
	font-size: 1.2em;
}

.dropcap {
	font-size: 40px; 
	color: #f90; 
	font-weight: bold; 
	float: left; 
	height: 34px; 
	line-height: 34px; 
	margin-top: 2px; 
	margin-right: 1px;
}

.smalldropcap {
	font-size: 3em; 
	color: #44c; 
	font-weight: bold; 
	float: left; 
	height: 30px; 
	line-height: 30px; 
	margin-top: 2px; 
	margin-right: 1px;
}


/* ---------------------------------- IMAGES -------------------------------- */
img.resource_thumbnail {
	border: 1px solid #f90;
}

/* --------------------------------- TOOLTIP -------------------------------- */
.tooltip {
  /*width: 261px;
  w\idth: 196px;
  height: 150px;
  he\ight: 140px;*/
  padding: 5px;
  border: 1px solid #f90;
  background-color: #f0e686;
  font-size: 90%;
  color: #44c;
  font-family: Arial, Helvetica, sans-serif;
}

/* ---------------------------- TAB MENU (ID Card) -------------------------- */
.tabs {
	position: relative;
	height: 1.1em;
	margin: 2px;
	padding: 0; 
}

.tabs li {
	display: inline;
}

.tabs li a:hover{
	background: #dbdcf0; 
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
}

 .tabs li a.tab-active {
	background: #dbdcf0; 
	text-decoration: none;
	font-weight: bold;
} 

.tabs li a {
	height: 0.9em; 
  position: relative; 
  padding: 2px 10px 2px 10px; 
  margin: 0;
  margin-top: 4px;
  color: #f60;
  /*border-right: 1px solid #fff;
  border-left: 1px solid #fff;*/
  text-decoration: none;
  font-size: 0.8em;
  font-variant: small-caps;
}
 
.tab-container {
	/* border: 1px solid #f90;*/
	border-top: 0;
}
.tab-panes { 
	margin: 3px;
}

/* --------------------------------- TAG CLOUD ------------------------------ */
#tagcloud { 
	margin: 1px;
	padding: 2px; 
	line-height: 2.0em; 
	text-align: center;
	border: 1px solid #f90;
}

#tagcloud a { 
	padding: 0px; 
}

#tagcloud li { 
	display: inline; 
}

#tagcloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#tagcloud a.tag2 { font-size: 0.8em; font-weight: 200; }
#tagcloud a.tag3 { font-size: 0.9em; font-weight: 300; }
#tagcloud a.tag4 { font-size: 1.0em; font-weight: 400; }
#tagcloud a.tag5 { font-size: 1.2em; font-weight: 500; }
#tagcloud a.tag6 { font-size: 1.4em; font-weight: 600; }
#tagcloud a.tag7 { font-size: 1.6em; font-weight: 700; }
#tagcloud a.tag8 { font-size: 1.8em; font-weight: 800; }
#tagcloud a.tag9 { font-size: 2.2em; font-weight: 900; }
#tagcloud a.tag10 { font-size: 2.5em; font-weight: 900; }
#tagcloud a.tag11 { font-size: 2.5em; font-weight: 900; color:#f90;}