@import url("misctables.css");

/**
 * cetra2026.css
 **
 **
 * Copyright (c) 2025 Ivo Haladin
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * Cetra 2026 theme stylesheet.
 *
 * $Id$
 */

 /*html, body, #container, #body, #sidebar, #leftSidebar, #rightSidebar {
	height: 100%;
 }*/
 
body {
	background-color: #023867;
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	background: #023867 url(body_bg_cetra2026.jpg) no-repeat fixed center top;
}
body-comments {
width: 960px;
}


.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.group { display: inline-block; clear: both; }
/* start commented backslash hack \*/ * html .group { height: 1%; } .group { display: block; } /* close commented backslash hack */

a {
	text-decoration: none;
}

a:link {
	color: #f7941d;
	font-weight: bold;
	text-decoration: none;
}

a:active {
	background-color: #f7941d !important;
	color: #fff;
}

a:visited {
	font-weight: normal;
	color: #f7941d;
}

a:hover {
	text-decoration: underline;
	background-color: transparent;
}

a:visited:active {
	color: #fff;
}

label.error {
	color: #f60;
}


input.defaultButton {
	font-weight: normal;
}

#container {
	width: 960px !important; 
	margin: 0 auto;
	margin-bottom: 20px;
	background:
		url(containerBg.png) repeat-y 0 200px,
		linear-gradient(rgba(127,213,235,0) 200px, rgba(127,213,235,1) 400px) ;
	font-size: 1em;
	border: 12px solid transparent;
	border-bottom: 0;
	/* border-bottom-color: #7984a4; */
	box-shadow: 0 12px #7fd5eb;
	border-top-width: 0px;
	height: auto;
}

#header {
	position: relative;
	height: 200px;
	/* background-color: #fcf0d2; */
	background: 
		url(header2026.svg) no-repeat center top,
		url(header2026bg.jpg) no-repeat fixed center top;
}

#headerImage2012,
#headerImage2014,
#headerBackLeft2014,
#headerBackRight2014,
#headerBackBottom2014 {
	display: none;
}

/*#headerImage2012 {
	visibility:hidden;
	position: absolute;
	top: -500px;
	left: 0;
}

#headerBackLeft2014 {
	position:absolute;
	top:0;
	width:0px;
	height: 350px;
	background-image: url(header_back_left.png);
	background-repeat: no-repeat;
	padding-left: 480px;
	margin-left: -480px;
}

#headerBackRight2014 {
	position:absolute;
	top:0;
	right: 0px;
	width: 0px;
	height: 350px;
	background-image: url(header_back_right.png);
	background-repeat: no-repeat;
	padding-right: 480px;
	margin-right: -480px;
}

#headerBackBottom2014 {
	position:absolute;
	top: 175px;
	right: 0;
	width: 455px;
	height: 118px;
	background-image: url(header_back_bottom.png);
	background-repeat: no-repeat;
}*/

#headerTitle {
	text-align: center;
	height: 210px;
}

#header h1 {
	line-height: 210px;
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 10px;
	font-size: 0em;
	/*background-color: #069;*/
	color: rgba(255, 255, 255, 0);
}

#logo, #logopng {
	width: 210px;
	height: 121px;
	position: absolute;
	top: 27px;
}

#naziv, #nazivpng {
	width: 620px;
	height: 50px;
	position: absolute;
	left: 340px;
	top: 100px;
}

#social2012 {
	visibility: hidden;
	position: absolute;
	top: -500px;
	left: 0;
	}
/*Social 2012 - hidden in 2014
#social {
	width: 108px;
	height: 37px;
	position: absolute;
	right: 0px;
	top: 21px;
}

#social ul {
	list-style: none;
	margin: 0;
	display: block;
	width: 108px;
	height: 37px;
	padding: 0;
}

#social ul li {
	display: block;
	float: right;
	height: 37px;
	margin: 0;
	padding: 0;
}

#social a {
	background-image: url(social.png);
	background-repeat: no-repeat;
	display: block;
}

#social a.language {
	width: 36px;
	height: 34px;
	text-align: center;
	padding: 3px 4px 0 0;
}

#social a.language:hover { background-position: 0 -37px; text-decoration: none; color: #fff; }
#social a.language:active { background-position: 0 -74px; }

#social a.twitter, #social a.facebook { width: 28px; height: 29px; }

#social a.twitter { background-position: -46px 0; 	margin: 0 6px; }
#social a.twitter:hover { background-position: -46px -37px; }
#social a.twitter:active { background-position: -46px -74px; }

#social a.facebook { background-position: -80px 0; }
#social a.facebook:hover { background-position: -80px -37px; }
#social a.facebook:active { background-position: -80px -74px; }
*/




/* PAST CONFERENCE OLD
#cetra2010 {
	width: 122px;
	height: 30px;
	padding: 0 5px 30px 0px;
	float:right;
}

#cetra2010 ul {
	list-style: none;
	margin: 0;
	display: block;
	width: 122px;
	height: 30px;
	padding: 0;
}

#cetra2010 ul li {
	display: block;
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
}

#cetra2010 a {
	background-image: url(past_conference_hr.png);
	background-repeat: no-repeat;
	display: block;
}

#cetra2010 a.video {
	width: 30px;
	height: 30px;
	padding: 0 5px 0 22px;
}

#cetra2010 a.video:hover { background-position: 0 -30px; }
#cetra2010 a.video:active { background-position: 0 -60px; }

#cetra2010 a.gallery {
	width: 30px;
	height: 30px;
	padding: 0 5px 0 0;
	background-position: -57px 0; 	
}

#cetra2010 a.gallery:hover { background-position: -57px -30px; }
#cetra2010 a.gallery:active { background-position: -57px -60px; }

#cetra2010 a.book_pdf { 
	width: 30px; 
	height: 30px; 
	background-position: -92px 0; }
#cetra2010 a.book_pdf:hover { background-position: -92px -30px; }
#cetra2010 a.book_pdf:active { background-position: -92px -60px; }
*/
#logopng {background-image: url(CETRA2012logo.png);}
#nazivpng {background-image: url(nazivKonferencije.png);}

#body {
	position: relative;
	padding-top: 25px;
}

#footerContent {
	color:  #fff;
}

#main, #rightSidebar, #leftSidebar {
	padding-top: 0;
	font-size: inherit;
}

#main {
	width: 500px;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 1;
}

#main strong {
	font-weight: bold;
	color: #023867;
}


#main-comments {
	width: 500px;
	height: auto;
	margin: 10px auto 10px auto;
	padding-left: 20px;
	padding-right: 20px;
}
#main h1 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #023867;
	padding: 0 0 0 0;
	margin: 10px 0 10px 0;
}

#main h2, #main h3, #main h4 #content h2, #content h3, #content h4{
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #023867;
	background-image: url(bullet.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-indent: 37px;
	padding: 0 0 0 0;
	margin: 20px 0 0 0;
}

#content h2, #content h3, #content h4 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	text-indent: 0;
	background-image: none;
}

#main h4, #content h4 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	margin-top: 10px;
	font-size: 12px;

}

#main h3, #content h3 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	font-size: 14px;
}

#main p {
	text-align: justify;
}

#main blockquote {
font-family: Georgia, serif;
font-size: 14px;
font-style: italic;
width: 420px;
margin: 0.25em 0;
padding: 0.25em 40px;
line-height: 1.45;
position: relative;
color: #383838;
}
#main blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -5px;
top: -20px;
color: #7a7a7a;
}
#main blockquote cite {
color: #999999;
font-size: 12px;
display: block;
margin-top: 5px;
}
 
#main blockquote cite:before {
content: "\2014 \2009";
}


#rightSidebar ul, #leftSidebar ul {
	margin-left: 0px;
	padding-left: 0px;
}

#rightSidebar li, #leftSidebar li {
	list-style-type: none;
}

#rightSidebar, #leftSidebar {
	margin-left: 0;
	margin-right: 0;
	height: auto;
}

#leftSidebar {
	width: 200px;
	padding-left: 10px;
	padding-right: 0;
	/* background-color: #023867; */
	float: left;
}


#leftSidebar #book {
	width: 200px;
	height: 199px;
	background-image: url(book_sidebar1a.png);
	background-repeat: no-repeat;
	padding-bottom: 20px;
}

#leftSidebar #sponsorship2012 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}
#leftSidebar #sponsorship2014 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}

#leftSidebar #sponsorship2016 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}
#leftSidebar #sponsorship2018 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}
#leftSidebar #sponsorship2020 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}

#leftSidebar #sponsorship2022 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}

#leftSidebar #sponsorship2024 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}
#leftSidebar #sponsorship2028 {
	visibility: hidden;
	position: absolute;
	left: -12px;
	top: -5000px;
	width: 222px;
}

/*SPONSORSHIP 2026*/
#leftSidebar #sponsorship2026 {
	position: absolute;
	left: 0px;
/* 	top: -5000px;
 */	width: 222px;
}

#leftSidebar #sponsorship2026 a{
	text-decoration: none;
	background-color: transparent;
	padding: 0;
	margin: 0;
	display: block;
}
#leftSidebar #sponsorship2026 a img{
	border: none;
	background-color: transparent;
}


#leftSidebar #sponsorship2026 a:active img{
	background-color: transparent;
}

#leftSidebar #sponsorship2026 #underAuspice {
	width: 192px;
	/* height: 150px; */
	background: radial-gradient(ellipse at 15% 15%, #EBEEF0 0%, #DAE0E7 100%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 7px 10px 7px 10px;
	margin: 10px 10px 10px 0;
	position: relative;
	left: -12px;
} 
#leftSidebar #sponsorship2026 #mediaPartners {
	width: 192px;
	/* height: 135px; */
	background: radial-gradient(ellipse at 15% 15%, #EBEEF0 0%, #DAE0E7 100%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 7px 10px 7px 10px;
	margin: 10px 10px 10px 0;
	position: relative;
	/* top: 350px; */
	left: -12px;
} 

#leftSidebar #sponsorship2026 #mediaPartners #social2026 {
	/* position: absolute; */
	/* top: -500px; */
	left: 0;
	margin-top: 3px;
	margin-bottom: 10px;
}

#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa {
    padding: 5px;
    font-size: 25px;
    width: 25px;
	height: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	display: inline-block;
 }

#leftSidebar #sponsorship2026 #mediaPartners #social2026 .ai {
    padding: 5px;
    font-size: 25px;
    width: 25px;
	height: 25px;
    text-align: center;
    text-decoration: none;
    border-radius: 50%;
	display: inline-block;
}
/* Add a hover effect if you want */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa:hover {
    opacity: 0.7;
}
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .ai:hover {
    opacity: 0.7;
}

/* Set a specific color for each brand */

/* Facebook */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa-facebook {
    background: #3B5998;
    color: white;
}

/* Twitter */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa-twitter {
    background: #55ACEE;
    color: white;
}

/* LinkedIn */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa-linkedin {
    background: #007bb5;
    color: white;
}

/* Researchgate */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .ai-researchgate {
    background: #00D0AF;
    color: white;
}

/* Instagram */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa-instagram {
    background: #DE0DC4;
    color: white;
}

/* Youtube */
#leftSidebar #sponsorship2026 #mediaPartners #social2026 .fa-youtube {
    background: #BB0000;
    color: white;
}


#leftSidebar #sponsorship2026 #generalDonors {
	width: 190px;
	height: 80px;
	background: radial-gradient(ellipse at 15% 30%, #FFFFFF 0%, #E1DEFB 100%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 3px solid #FF681E;	
	padding: 10px;
	margin: 0 10px 10px 0;
	position: relative;
    /* top: 500px; */
	left: -12px;
} 

#leftSidebar #sponsorship2026 #goldenDonors {
	width: 192px;
	height: 150px;
	background: radial-gradient(ellipse at 15% 30%, #FEFDC0 0%, #FEF76B 100%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
	margin: 0 10px 10px 0;
	position: relative;
    /* top: 620px; */
	left: -12px;
} 

#leftSidebar #sponsorship2026 #silverDonors {
	width: 192px;
	/* height: 150px; */
	background: radial-gradient(ellipse at 15% 30%, #ffffff 0%, #bbbbbb 100%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
	margin: 0 10px 10px 0;
	position: relative;
    /* top: 620px; */
	left: -12px;
} 

#leftSidebar #sponsorship2026 #bronzeDonors {
	width: 192px;
	/* height: 300px; */
	background: radial-gradient(ellipse at 15% 15%, #FBDDB2 0%, #EC9748 100%);
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	padding: 10px;
	margin: 0 10px 10px 0;
	position: relative;
    /* top: 760px; */
	left: -12px;
} 



#rightSidebar {
	width: 190px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	float: right;
}

#rightSidebar p {
	margin: 0 0 10px 0;
}

#rightSidebar h2 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #023867;
	/*background-image: url(bullet.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	text-indent: 37px;*/
	padding: 0 0 3px 0;
	margin: 20px 0 0 0;
}

#rightBarInfo2012 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
#rightBarInfo2014 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
	
#rightBarInfo2016 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
#rightBarInfo2018 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
	
#rightBarInfo2020 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
	
#rightBarInfo2022 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
	
#rightBarInfo2024 {
	visibility: hidden;
	position: absolute;
	top: -5000px;
	left: 0;
	}
	
	

#deadlines {
	width: 190px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid #000;
}

#deadlines td {
	background-image: url(rightSidebarTD.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#deadlines td.new {
	background-image: url(rightSidebarTD_new.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#deadlines tr:first-child td {
	background-image: none;
}

#deadlines p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#deadlines p:first-child {
	margin: 3px 0 0 0;
}

#deadlines p:first-child + p {
	margin: 0 0 3px 0;
	font-weight: bold;
	background-image: url("strelica.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    text-indent: 18px;
}
#deadlines p:first-child + p + p{
	margin: 0 0 3px 0;
	font-weight: bold;
	background-image: url("strelica.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    text-indent: 18px;
}

#files {
	width: 190px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px solid #000;
}

#files td {
	background-image: url(rightSidebarTD.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#files td.new {
	background-image: url(rightSidebarTD_new.png);
	background-position: bottom;
	background-repeat: no-repeat;
}

#files tr:first-child td {
	background-image: none;
}

#files p {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#files p:first-child {
	margin: 3px 0 0 0;
}

#files p:first-child + p {
	margin: 0 0 3px 0;
	font-weight: bold;
	background-image: url("strelica.png");
    background-position: 0 3px;
    background-repeat: no-repeat;
    text-indent: 18px;
}


#rightSidebar #gf {
	display: block;
	width: 190px;
	/*height: 47px;*/
	background-image: url(gflogo.png);
	background-repeat: no-repeat;
	padding: 116px 0 0 0;
	margin: 0;
	text-decoration: none;
	/*font-size: 1.4em;
	font-weight: bold;*/
	color: #000;
}

#rightSidebar #irf {
	display: block;
	width: 190px;
	/*height: 47px;*/
	background-image: url(IRF-logo-web.png);
	background-repeat: no-repeat;
	padding: 83px 0 0 0;
	margin: 10px 0 0 0;
	text-decoration: none;
	/*font-size: 1.4em;
	font-weight: bold;*/
	color: #000;
	
}

#rightSidebar #fehrl {
	display: block;
	width: 190px;
	/*height: 47px;*/
	background-image: url(fehrl.png);
	background-repeat: no-repeat;
	padding: 60px 0 0 0;
	margin: 10px 0 0 0;
	text-decoration: none;
	/*font-size: 1.4em;
	font-weight: bold;*/
	color: #000;
}

#rightSidebar #eib {
	display: block;
	width: 190px;
	/*height: 47px;*/
	background-image: url(EIB-white-logo.png);
	background-repeat: no-repeat;
	padding: 106px 0 0 0;
	margin: 10px 0 0 0;
	text-decoration: none;
	/*font-size: 1.4em;
	font-weight: bold;*/
	color: #000;
}

#sidebarUser {
	margin-top:20px;
}

#sidebar {
	width: 960px;
	float: left;
	background-color: transparent;
	/*position: absolute;*/
}

#navbar {
	position: relative;
	border-bottom: none;
	padding: 0 0 0 0;
}

#navbar .menu {
	list-style: none;
}

#navbar .menu li {
	padding: 0 0 0 0;
	display: block;
	height: 30px;
	/*height: 30px;
	padding: 8px 0 0 10px;*/
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}

/*#navbar .menu li:nth-child(2n+1) {
	background-color: #e6ead4;
}*/

#navbar .menu li:nth-child(2n+1) {
	background-color: #023867;
}

#navbar .menu a {
	position: absolute;
	background-color: transparent;
	/*display: block;*/
	text-transform: none;
	color: #fff;
	font-size: 0.92em;
	font-weight: bold;
	height: 22px;
	width: 190px;
	margin: 0 0 0 0px;
	padding: 8px 0 0 10px;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}

#navbar .menu a:hover {
	background-color: #fff;
	color: #023867;
}

#navbar .menu a:active {
	color: #fff;
	background-color: #f7941d;
}

/* NEW ITEMS - MENU */
/* #menu-new3{ */
	/* position: absolute; */
	/* background-image: url(new.png); */
	/* width: 30px; */
	/* height: 12px; */
	/* top: 150px; */
	/* left: 168px; */
/* } */
/* #menu-new2 { */
	/* position: absolute; */
	/* background-image: url(new.png); */
	/* width: 30px; */
	/* height: 12px; */
	/* top: 190px; */
	/* left: 168px; */
/* } */
	
	
/* #menu-new{ */
	/* position: absolute; */
	/* background-image: url(new.png); */
	/* width: 30px; */
	/* height: 12px; */
	/* top: 430px; */
	/* left: 168px;	} */
	
/*#hrButton{
	position: absolute;
	background-image: url(hrButton.png);
	width: 61px;
	height: 30px;
	top: 90px;
	right: 0px;
}
 */
 
 #submitAbstract {
	display: block;
	width: 83px;
	height: 47px;
	background-image: url(submitAbstract.png);
	background-repeat: no-repeat;
	padding: 70px 95px 0 12px;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF0D9;
}

#submitAbstract:hover {
	background-position: 0 -117px;
	color: #FFF;
}

 #registerAttendance {
	display: block;
	width: 83px;
	height: 47px;
	background-image: url(sidebarButtonRegister.png);
	background-repeat: no-repeat;
	padding: 70px 95px 0 12px;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	background-position: 0 -117px;
	color: #FFF0D9;
}

#registerAttendance:hover {
	background-position: 0 0;
	color: #f7941d;
}

 #bookAccommodation {
	display: block;
	width: 83px;
	height: 47px;
	background-image: url(sidebarButtonBooking.png);
	background-repeat: no-repeat;
	padding: 70px 95px 0 12px;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	background-position: 0 -117px;
	color: #FFF0D9;
}

#bookAccommodation:hover {
	background-position: 0 0;
	color: #f7941d;
}


#finalProgramme {
	display: block;
	width: 83px;
	height: 47px;
	background-image: url(programme.jpg);
	background-repeat: no-repeat;
	padding: 70px 95px 0 12px;
	margin: 0;
	text-decoration: none;
	font-size: 1.4em;
	font-weight: bold;
	color: #f7941d;
}

#finalProgramme:hover {
	background-position: 0 -117px;
	color: #000;
}

#participantRegister {
	display: block;
	width: 281px;
	height: 78px;
	background-image: url(participantRegister.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px 100px;
}

#participantRegister:hover {
	background-position: 0 -78px;
}

#participantRegisterHr {
	display: block;
	width: 281px;
	height: 78px;
	background-image: url(participantRegisterHr.jpg);
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px 100px;
}

#participantRegisterHr:hover {
	background-position: 0 -78px;
}


#accommodationBooking {
	display: block;
	width: 281px;
	height: 78px;
	background-image: url(accommodationBooking.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px 100px;
}

#accommodationBooking:hover {
	background-position: 0 -78px;
}


#accommodationBookingHr {
	display: block;
	width: 281px;
	height: 78px;
	background-image: url(accommodationBookingHr.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 20px 100px;
}

#accommodationBookingHr:hover {
	background-position: 0 -78px;
}

#breadcrumb {
	display: block;
	background-color: #ebebeb;
	padding: 0 7px 3px 0;
	height: 20px;
	font-size: inherit;
	/*border: 1px dotted #000;*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	/*padding-top: 0;*/
}

#breadcrumb a {
	color: #666;
	display: inline-block;
	background-color: transparent;
	padding: 2px 7px 3px 7px;
	height: 18px;
}

#breadcrumb a:hover {
	/*color: #fff;*/
	background-color: #f5f5f5;
}

#breadcrumb a:first-child {
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
}

#breadcrumb a:active {
	color: #fff;
}

#content {
	border-top: 0px dotted #000;
	font-size: 1em;
}

/*#content h3 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	text-transform: uppercase;
}

#content h4 {
	font-family: Helvetica, "Segoe UI", Verdana, Geneva, Arial, sans-serif;
	text-transform: uppercase;
}

#content h5 {
	text-transform: uppercase;
}*/

#content li {
	text-align: justify;
}

table.announcements {
	width: 500px;
	/*border: 1px dotted #000;
	padding: 5px;*/
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
}

table.announcements tr > td {
	padding: 0;
}

table.announcements tr > td.headseparator {
	width: 500px;
	height: 20px;
	border-top: 0px solid black;
}

table.announcements tr > td.title {
	width: 500px;
	padding: 5px 5px 0 5px;
	border: 1px dashed black;
	border-bottom: none;
	border-top-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
}

table.announcements tr > td.description {
	width: 500px;
	padding: 0 5px 0 5px;
	border: 1px dashed black;
	border-top: none;
	border-bottom: none;
}

table.announcements tr > td.posted {
	width: 500px;
	padding: 0 5px 5px 5px;
	border: 1px dashed black;
	border-top: none;
	border-bottom-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

table.announcements tr > td.separator {
	width: 500px;
	height: 20px;
	border: 0;
}

table.announcements tr > td.endseparator {
	border: 0;
}

table.announcements tr > td.more {
	display: none;
	overflow: hidden;
}

#footer {
	position: relative;
	/* top: -200px; */
	height: 317px;
	background-color: transparent;
	background-image: url(footer2026.jpg);
	background-position: right;
	background-repeat: no-repeat;
	/* margin-top: -200px; */
	z-index: 0;
	color: #000;
	font-size: 10px;
	
}

#copyright, #design {
	position: absolute;
	display: block;
	top: 300px;
}

#copyright {
	left: 20px;
}

#design {
	left: 60px;
}

span.highlight {
	border-bottom: 1px dotted #069;
}

table.listing tr.highlight {
	background: #fcff64;
}

table.listing tr.fastTracked {
	background-color: #EEEEFF;
}

table.listing td.headseparator {
	border-top: 1px dotted #069;
}

table.listing td.endseparator {
	border-top: 1px dotted #069;
}

span.formError {
	color: #f60;
}

ul.formErrorList {
	color: #f60;
}

div.separator {
	border-bottom: 1px dotted #069;
}

#sizer a {
	width: 20px;
	height: 20px;
	background-image: url(fontSizeButtons.png);
}

#sizer a:hover {
	background-color: transparent;
}

a.smallFont {
	margin: 0 5px 0 0;
	background-position: -20px 0;
}

a.smallFont:hover {
	background-position: -20px -20px;
}

a.defaultFont {
	margin: 0 5px 0 0;
	background-position: -40px 0;
}

a.defaultFont:hover {
	background-position: -40px -20px;
}

a.largeFont:hover {
	background-position: 0 -20px;
}

input.textField, select.selectMenu, input.button, a.button, textarea {
	display: block;
	border: 0px solid transparent !important;
	background-color: #fff !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	padding: 3px 7px 3px 7px;
	color: #023867;
	margin: 0 0 5px 0;
}

#main input.textField, #main select.selectMenu, #main textarea {
	box-shadow: 2px 2px 3px #a8a8a8 inset;
	-moz-box-shadow: 2px 2px 3px #a8a8a8 inset;
	-webkit-box-shadow: 2px 2px 3px #a8a8a8 inset;
}

#main-comments input.textField, #main-comments select.selectMenu, #main-comments textarea {
	box-shadow: 2px 2px 3px #a8a8a8 inset;
	-moz-box-shadow: 2px 2px 3px #a8a8a8 inset;
	-webkit-box-shadow: 2px 2px 3px #a8a8a8 inset;
}


input.button, a.button {
	background-color: #023867 !important;
	padding: 3px 10px 3px 10px;
	color: #fff;
	box-shadow: 2px 2px 3px #a8a8a8;
	-moz-box-shadow: 2px 2px 3px #a8a8a8;
	-webkit-box-shadow: 2px 2px 3px #a8a8a8;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.45em;
}

input.button:hover, a.button:hover {
	background-color: #fff !important;
	color: #023867;
	text-decoration: none;
}

input.button:active, a.button:active {
	background-color: #f7941d !important;
	color: #fff;
}

.oldie input.textField, .oldie select.selectMenu, .oldie input.button, .oldie a.button, .oldie textarea {
	border: 1px solid #ccc !important;
}

a.tooltip {
	position:relative; /*this is the key*/
    z-index:24;
    color:#f7941d;
    text-decoration:none;
}

a.tooltip:hover{
	z-index:25; 
}

a.tooltip span{
	display: none;
}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; 
	width:150px;
    border:1px solid #f7941d;
    background-color:#fff; 
	color:#000;
    text-align: justify;
	text-indent: 0;
	padding: 3px;
}