/* noticeboard */

.noticeboardContent
{
	margin-top: 20px;
}

.noticeboardMessage 
{
	width: 100%;
	height: 5em;
	font-weight: normal;
}


.inputFile
{
	cursor:pointer;
}

/* file list table */

.listTable
{
	width: 100%;
	border: 1px solid #CCC;
	
}

table#file_list_table.listTable th
{
	text-align: left;
	border: 1px solid #CCC;
}

table#file_list_table.listTable td
{
	padding: 7px;
	border: 1px solid #CCC;
}


.postcontent .listTable a
{
	text-decoration: none;
	color: #000;
}

.postcontent .listTable a:link
{
  text-decoration: none;
  color: #000;
}

.postcontent .listTable a:visited, .postcontent .listTable a.visited
{
  color: #000;
}

.postcontent  .listTable a:hover, .postcontent .listTable a.hover
{
  text-decoration: underline;
  color: #B6B4BB;
}


.folderName
{
	width: 50%;
}

/* sign in page */
.signInForm .signInUsername,
.signInForm .signInPassword
{
	margin: 5px 0;
}


.signInForm .signInUsername label,
.signInForm .signInPassword label
{
	display: inline-block;
	width: 20%;
}

.signInForm .signInUsername input,
.signInForm .signInPassword input
{
	width: 40%;
}



/* error message */

.message    
{
	color: #00F;
	font-weight: bold;
	font-size:120%;
}

/* My Account */

.adminAccountList
{
	width: 100%;
}

.accountPassword, .accountTitle, .accountFirstname, .accountSurname, .accountTel, .accountFax, .accountMob, .accountDir, .accountNotify, .accountSubmit, .accountRequiredKey
{
	margin: 10px 0;
}

input#directory, input#notify
{
	margin: 0 10px 0 0;
}

img.logo {
	float: right;
	margin: 0;
}

.accountUsername .label, 
.accountPassword label,
.accountTitle label,
.accountFirstname label,
.accountSurname label,
.accountTel label,
.accountFax label,
.accountMob label
{
	display:inline-block;
	width: 30%;
}

.accountUsername input, 
.accountPassword input,
.accountTitle input,
.accountFirstname input,
.accountSurname input,
.accountTel input,
.accountFax input,
.accountMob input
{
	display:inline-block;
	width: 40%;
}

.accountNotify
{
	margin-bottom:10px;
}



#page-background-glare
{ width: 1600px;
}


/* .post li 
{
	color: #000;
}

ol
{
	list-style-position:outside;
} */



a.fileType            {background:transparent url(/images/basic/btn-icons.png) no-repeat 2px 4px; padding-left:25px;}
a.btn-add { background-position: 2px 4px;  }
a.btn-cancel, a.btn-signOut { background-position: 2px -61px;  }
a.btn-delete {background-position: 1px -130px; width:124px }
a.btn-deleteConfirm { background-position: 2px -198px;  }
a.btn-docFileSm { background-position: 2px -264px;  }
a.btn-docPdfSm { background-position: 2px -1428px;  }
a.btn-fileAddLg { background-position: 2px -330px;  }
a.btn-fileUpload { background-position: 2px -400px; width:90px }
a.btn-folder { background-position: 2px -470px;  }
a.btn-folderNew { background-position: 2px -531px;  }
a.btn-folderNewLg { background-position: 2px -602px;  }
a.btn-folderUpLevelLg { background-position: 4px -676px;  }
a.btn-folderUpLevelLgDisabled { background-position: 4px -751px;  }
a.btn-folderUpLevelSm { background-position: 2px -824px;  }
a.btn-folderUpLevelSmDisabled { background-position:2px -890px;  }
a.btn-contacts { background-position: 2px -951px;  }
a.btn-myAccount { background-position: 2px -951px;  }
a.btn-notices { background-position: 2px -1018px;  }
a.btn-project { background-position: 2px -1086px;  }
a.btn-projectSelected { background-position: 2px -1154px;  }
a.btn-projectStandard { background-position: 2px -1220px;  }
a.btn-submit { background-position: 2px -1286px;  }
a.btn-view { background-position: 2px -1352px;  }




/* my account page */













html {
  overflow-y: scroll;
}

hr
{
	border: 2px solid #4995e9;
}

p
{
	text-align: justify !important;
}

.header
{
	
	background-color: #fff;
}

/* Transition animation - vmenu */
ul.vmenu a:hover
{
	transition: background 0.4s ease 0s, color 0.4s ease 0s, padding 0.4s ease 0s;
}



/* Transition animation - nav */
.nav a
{
	transition: background 0.4s ease 0s, color 0.4s ease 0s, padding 0.4s ease 0s;
}

.homepage-banner
{
	margin-bottom: 10px;
	height: 330px;
	width: 920px;
}

.footer
{
	width: 960px !important;
	background-color: #0061AA !important;
	
}

.footer-eu-logos
{
	width: 960px;
	background-color: #fff;
	margin: 0 auto;
}

.footer-logo
{
	margin: 0 auto;
	width: 200px;
	height: 70px;
}

/* Homepage Styling */

/* Page panels */

.columns-beta  .element-panel-alpha-header
{
	background-color: #0061AA;
	color: #fbfbfb;
	padding: 0 10px;
	height: 38px;	
	line-height: 38px;	
}

/* Column Inline for the homepage find out more links */
.inline-block .columns-beta
{
	display: inline-block;
}

.columns-beta .ContentEditor p
{
	text-align: justify !important;
}

/* Page Panel h2 */
.columns-beta .element-panel-alpha-header h2, .columns-beta .element-panel-alpha-header .postcontent h2, .columns-beta .element-panel-alpha-header a, .columns-beta .element-panel-alpha-header .postcontent a, .columns-beta .element-panel-alpha-header h2 a:hover
{
	color: #fbfbfb !important;
	font-size: 18px !important;
	line-height: 38px !important;
	margin: 0 !important;
	text-decoration: none !important;
}



/* Column Alpha */
.columns-beta .column-alpha 
{
	width: 320px !important;
}
.columns-beta .column-alpha .element-panel-alpha-inner
{
	width: 280px;
	padding: 0;
	margin: 0;
	
}
.columns-beta .column-alpha .element-panel-alpha-outer
{
	padding: 0 40px 0 0;
	margin: 0;
}



/* Column Beta */
.columns-beta .column-beta 
{
	width: 280px !important;	
}
.columns-beta .column-beta .element-panel-alpha-inner
{
	width: 280px;
	padding: 0;
	margin: 0;	
}
.columns-beta .column-beta .element-panel-alpha-outer
{
	padding: 0;
	margin: 0;
}

/* Column Gamma */
.columns-beta .column-gamma 
{
	width: 320px !important;
}
.columns-beta .column-gamma .element-panel-alpha-inner
{
	width: 280px;	
}
.columns-beta .column-gamma .element-panel-alpha-outer
{
	padding: 0 0 0 40px;
	margin: 0;
}

/* Column Content */
.columns-beta .ContentEditor
{
	
}

/* News Columns */

.columns-alpha .panel-delta
{
}

.columns-alpha .panel-delta .panel-header-inner
{
	background-color: #4995e9;
}

.columns-alpha .panel-delta h2.panel-header
{
	color: #fbfbfb !important;
	font-size: 16px;
	height: 38px;
	line-height: 38px;
	padding-left: 10px;
}

.columns-alpha .column-alpha .column-inner
{
	padding-right: 10px;
}

.columns-alpha .column-beta .column-inner
{
	padding-left: 10px;
}

.columns-alpha .panel-body-outer
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fbfbfb;
	border-left: 1px solid rgb(204, 204, 204);
	border-right: 1px solid rgb(204, 204, 204);
	border-bottom: 1px solid rgb(204, 204, 204);
}

/* Project Partners Page Panel - Beta*/
/* Title */
.partners-panel .element-panel-beta-header-inner h2
{
	padding-bottom: 5px;
	border-bottom: 1px solid #c8c9ce;
}

.partners-panel img
{	
	padding-top: 20px;
	border-top: 1px solid #e2e8ee;
}
h2.element-panel-beta-header
{
	text-transform: uppercase;	
}
/* Dividers */
.element-panel-beta-outer
{
	border-top: 2px solid #0061AA;
	/*border-bottom: 1px solid #e2e8ee;*/
	margin-top: 20px;
	width: 100%;
	display: inline-block;
}
.postcontent h2.element-panel-beta-header
{
	line-height: 40px !important;
}

/* Find out more button */
.findOutMoreButton
{
	background-color: #0061AA;
	height: 36px;
	width: 270px;
	cursor: pointer;
	line-height: 36px;
	padding-left: 10px;
	position: relative;
	font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; !important;	
}

.findOutMoreButton p
{
	color: #fbfbfb;
	font-family: Arimo,Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
	text-transform: uppercase;
}

.findOutMoreButton a:hover
{
	background-color: #a5a5a5;
	color: #fbfbfb !important;
	text-decoration: none !important;
	font-family: Arimo,Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
	transition: background 0.3s ease 0s, color 0.3s ease 0s, padding 0.3s ease 0s;	
}
.findOutMoreButton a:visited
{
	color: #fbfbfb !important;
	text-decoration: none !important;
	font-family: Arimo,Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
}

.findOutMoreButton .oAssetInline
{
	position: absolute;
	height: 22px;
	width: 22px;
	top: 7px;
	right: 10px;
	line-height: 0px;
}
.findOutMoreButton .oAssetInline .asset
{
	width: 22px;
	height:22px;
	position: absolute;
	top: 0px;
	line-height: 0px;
}

.findOutMoreButton a
{
	display: block;
	position: absolute;
	height: 36px;
	width: 270px;
	left: 0;
	top: 0;
	padding-left: 10px;
	color: #fbfbfb !important;
	line-height: 36px !important;
	font-family: Arimo,Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
	text-transform: uppercase !important;
	transition: background 0.4s ease 0s, color 0.4s ease 0s, padding 0.4s ease 0s;
}

div.findOutMoreButton .content .postcontent-0 .layout-item-0
{
	padding: 0 !important;
	margin: 0 !important;
}

/* Login */
.login-area
{
	width: 80px;
	position: absolute;
	right: 20px;
	top: 0;
	text-align: center;
	height: 30px;
	line-height: 30px;
	text-decoration: none;	
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	font-family: Arimo,Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
	z-index: 100;
	
}



.login-area span a
{
	color: #fbfbfb;
	text-decoration: none !important;
	font-family: Arimo,Arial,'Arial Unicode MS',Helvetica,Sans-Serif !important;
	width: 80px;
	height: 30px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	background-color: #0061AA;
	display: block;
	transition: background 0.4s ease 0s, color 0.4s ease 0s, padding 0.4s ease 0s;
		
}

.login-area span a:hover
{
	background-color: #4184cf;	
	transition: background 0.4s ease 0s, color 0.4s ease 0s, padding 0.4s ease 0s;
}

/* DATE */
span.datetime
{
	font-style: italic;
}

/* FORM */
div.oDataFormElement
{
	display: table;
}

/* IMAGES */
/* Caption */
div.caption
{
	background-color: #4a4a4a;
	border: 1px solid #3a3a3a;
}

div.caption span.oAssetInlineCaption
{
	color: #fff;
	text-align: center;
	width: 100%;
	display: block;
}

/* Postcontent Title Overrides */
.postcontent h1
{
	margin: 0px 0px 20px 0 !important; 
}

/* Forms */

/* Contact buttons */
.oDataElementContainer .fields
{
	margin-top: 10px !important;
}

/* Homepage News RSS Styling */
.columns-beta .oBoxItemSummary
{
	display: block;
}

/* begin: slideshow */
.slideshow {
position:relative;
padding:0;
margin:0;
}
.slideshow a img {
border:none;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:330px;
margin:0;
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
display:none;
}
.slideshow .buttons {
display:block;
position:absolute;
z-index:100;
right:0px;
bottom:20px;
margin:0;
}
.slideshow .buttons li {
float:left;
display:inline;
width:30px;
height:30px;
margin:0;
padding-right:11px;
line-height:30px;
background-image:url('buttonBg.png');
background-repeat:no-repeat;
}
.slideshow .buttons li a {
float:left;
text-decoration:none;
width:30px;
height:30px;
color:#fff;
outline:0;
}

.slideshow ul.buttons li a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active a {
color:#666666;
}

/* Banner li fix */
.postcontent ul.slides > li.slide, .post ul.slides > li.slide
{
	padding-left: 0 !important;
}
.postcontent li.slide, .post li.slide
{
	margin-top: 0 !important;
}
.postcontent ul.slides >li.slide:before, .post ul.slides >li.slide:before, .textblock ul.slides > li.slide:before
{
	content:normal !important;
}

.postcontent .slideshow ul.buttons>li, .post .slideshow ul.buttons>li
{
	padding-left: 0;
}

.postcontent .slideshow ul>li:before, .post .slideshow ul>li:before, .textblock .slideshow ul>li:before
{
	content: normal !important;
}

/* end: slideshow */

/* News */

/* List - News Page */
.news-list-menu span.oBoxItemTitle
{
	padding: 10px 10px 0 10px;
}

.news-list-menu span.oBoxItemTitle a 
{
	color: #fff;
	font-size: 1.2em;
}

.news-list-menu span.oBoxItemDate
{
	color: #fbfbfb;
	font-size: 0.75em;
	padding: 0 10px 0 10px;
}

.news-list-menu li.oBoxItem .oBoxItemOuter
{
	height: 64px;
	display: inline-block;
	width: 607px;	
}

.news-list-menu li.oBoxItem .oBoxItemInner
{
	height: 66px;
	display: inline-block;
	width: 607px;
	margin-left: 1px;
	background: #939A9F;
	
	
}

.news-list-menu span.oBoxItemImage
{
	float: left;
}

.news-list-menu span.oBoxItemTitle, .news-list span.oBoxItemDate
{
	display: block;	
}

.postcontent .news-list-menu li, .post .news-list li .oBoxItem
{
	margin: 0 0 1px 0 !important;
	height: 66px;
}

.postcontent .news-list-menu ul>li, .post .news-list ul>li
{
	padding-left: 0 !important;
}

.postcontent .news-list-menu ul>li:before, .post .news-list ul>li:before, .textblock .news-list ul>li:before
{
	content: normal !important;
}

.postcontent .news-list-menu ul, .post .news-list ul
{
	margin: 0 !important;
}

/* List - Homepage */

.news-list li.oBoxItem .oBoxItemOuter
{
	height: 64px;
	display: inline-block;
	width: 210px;
	border: 1px solid #F1F1F1;	
	background: #FAFAFA;
}

.news-list li.oBoxItem .oBoxItemInner
{
	height: 64px;
	display: inline-block;
	width: 205px;	
	padding-left: 6px;
	padding-top: 6px;
	
}

.news-list span.oBoxItemImage
{
	float: left;
	margin-right: 1px;
}

.news-list span.oBoxItemTitle, .news-list span.oBoxItemDate
{
	display: block;	
}

.postcontent .news-list li, .post .news-list li .oBoxItem
{
	margin: 0 0 1px 0 !important;
}

.postcontent .news-list ul>li, .post .news-list ul>li
{
	padding-left: 0 !important;
}

.postcontent .news-list ul>li:before, .post .news-list ul>li:before, .textblock .news-list ul>li:before
{
	content: normal !important;
}

.postcontent .news-list ul, .post .news-list ul
{
	margin: 0 !important;
}



a img { border: none; }

.partners-panel img
{
	border: none !important;
}