/* this file should be cleaned up…
it contains a lot of additions that are not used anymore.
*/

.hidden-element {
		display: none;
}



body {
		background-color: #FFFFFF;
		margin: 0pt;
}

/* ============================================================*/
/* MAIN DIMENSIONS : width, margin, disposition (padding not here) */
/* total = width + padding, margin not included */
#contener {
		width:900px;
		margin: 5px auto 20px auto;
		padding:0px;
}

#header {
		padding-bottom: 10px;
}

#middle {
		margin:5px auto 5px auto;
		padding:0px;
}

#leftContent {
		float: left;
		margin: 0;
		padding: 0;
		width: 145px;
}

#menu {
		height: auto;
		margin: 0;
		width: 140px;
		padding:5px 0 0 0;
}

#logos {
		height: auto;
		margin: 10px 0;
		width: 140px;
		text-align: center;
}

#content {
		width:736px;
		margin:0px 0 0 150px;
		padding: 0 7px 7px 7px;
		min-height: 170px;
}

/*
this second container solve pbs with clear: both
http://stackoverflow.com/questions/211383/which-method-of-clearfix-is-best
*/
#main-content {
		display: inline-block;
		width: 100%;
		zoom: 1; /* new block formatting context via hasLayout for IE 6/7 */
}

.ui-menu { 
		width: auto; 
}

/* fix problem with position:fixed for the left menu */
ul.ui-menu ul.ui-menu {
		width: 18em;
		overflow: hidden; 
}

/* END OF MAIN DIMENSIONS */


/* ============================================================*/
/* MAIN FONT DECLARATIONS ARE IN main-fonts.css */
body {
		font-size: 14px;
}

h1 {
		font-style:normal;
		font-weight: bold;
		font-variant:small-caps;
		font-size:160%;
}

h2 {
		font-style:normal;
		font-weight: bold;
		font-variant:small-caps;
		font-size:130%;
}

h3 {
		font-style:normal;
		font-weight: bold;
		font-size:110%;
}

h4 {
		font-style:normal;
		font-weight: bold;
		font-size:100%;
}

h1.overtitle {
		font-style:normal;
		font-variant:normal;
		font-weight: normal;
		font-style: normal;
		font-size:140%;
		margin-top: 0px;
		margin-bottom: -5px;
		color: #5A5151;
}

h1.subtitle {
		font-style:normal;
		font-variant:normal;
		font-weight: normal;
		font-style: oblique;
		font-size:110%;
		margin-top: -8px;
		margin-bottom: 20px;
		color: #5A5151;
}

h1.subtitle-acronym {
		font-style:normal;
		font-variant:normal;
		font-weight: normal;
		font-style: normal;
		font-size:110%;
		margin-top: -15px;
		margin-bottom: 20px;
		color: #5A5151;
}

#registration-form input,
#registration-form textarea,
#registration-form select {
		font-size: 90%;
}

.credit {
		margin: 10px auto;
		font-size: 75%;
		text-align: center;
		color: #aaa;
}

small, sub, sup {
		font-size: 85%;
}
sub {
		vertical-align: sub;
}
sup {
		vertical-align: super;
}

strong {
		font-weight: bold;
}
.center {
		display: block;
		text-align: center;
		margin: 0px;
}
.email {
font-size: 110%;
}

/* END OF FONT */





/* ============================================================*/
/* COLOR FOR TEXTS */
body {
		color: #140F0F;
/*		color: #0c1c63;	*/
		background: #FFF;
}

h1, 
h2, 
h3, 
div.send-form input, 
.ui-widget, 
#menu .ui-widget-content, 
#menu .ui-widget-content a,
a, 
a:visited, 
a:link,
a:hover {
		color: #312625;
/*		color: #071164;	*/
}


/* END OF COLOR FOR TEXTS */




/* ============================================================*/
/* BORDERS */

#contener, 
#header, 
#middle, 
#content {
/*		border: solid 1px black;  */
}

#header {
/*		border-bottom: 2px solid #AAAAAA; */
}

/* END OF BORDERS */



/* ============================================================*/
/* PLACEMENT OF MAIN ELEMENTS */

h1 {
		margin:10px auto;
		text-align: center;
}

h2 {
		margin:25px auto 10px 20px;
}

h3 {
		margin:20px 8px 0 25px;
}

h4 {
		margin:20px auto 0 14px;
}

p {
		margin: 10px 5px;
		text-align: justify;
}

br.sep {
		height:30px;
}

div.smallsep {
		min-height:5px;
}

div.bigsep {
		min-height:20px;
}

ol li {
		margin-bottom:5px;
}

ul {
		margin-top:2px;
}

/*
ul li ul {
		margin-bottom:20px;
}
*/
ul li:last-child {
		margin-bottom:20px;
}
ul li ul li:last-child {
		margin-bottom:5px;
}

/* END OF PLACEMENT OF MAIN ELEMENTS */




/* ============================================================*/
/* MENU */
#ulmenu {
	border-radius: 4px;
}
.ui-menu li.ui-menu-item {
		padding: 1px 0.2em;
}

.ui-menu .ui-menu-item a {
		display: block;
		font-weight: normal;
		line-height: 1.1;
		min-height: 0;
		padding: 2px 0.4em;
		text-decoration: none;
}

#menu .ui-widget,
.ui-menu .ui-menu-item a  {
		font-weight: bold;
		font-size: 90%;
}


.ui-widget.ui-widget-content {
		background: #FAFAFA;
		border:1px solid #AAAAAA;
}

.ui-menu .ui-menu-item a.ui-state-focus, 
.ui-menu .ui-menu-item a.ui-state-active {
		font-weight: bold;
		border: 1px solid #999999;
		border-radius: 4px;
		background: none;
		background-color: #C7DBF2;
		margin: -1px;
}

.ui-icon-carat-1-e {
		background-position: -32px -15px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
		background: none;
		background-color: #C7DBF2;
		border: 1px solid #999999;
		color: #212121;
		font-weight: normal;
}
/* END OF MENU */



.ui-widget-content {
		background: none repeat scroll 0 0 #fafafa;
		border: 1px solid #aaa;
}

.ui-widget-overlay {
		background: none repeat scroll 0 0 #000;
		opacity: 0.6;
}

/* ============================================================*/
/* LOGOS */
#logos-horizontal {
		clear: both;
		margin-top: 20px;
		width: 900px;
		text-align: center;
}

#logos-horizontal table {
		border-spacing: 5px;
		margin: 0px auto;
}

#logos-horizontal table td{
/*		width: 70px;*/
		padding: 0 10px;
}
#logos-horizontal img {
		margin: 5px auto 0 auto;
		display: inline;
		height: 60px;
}

#logos img {
		margin: 5px auto 0 auto;
		display: block;
		width: 120px;
}

#logos a,
#logos-horizontal a {
		margin:0px;
		text-decoration: none;
}

#logos-vertical {
		margin-top: 10px;
		width: 140px;
		text-align: center;
}

/* END OF LOGOS */




/* ============================================================*/
/* PICTURES */
.image-row:after {
		clear: both;
		content: "";
		display: table;
}

.image-row {
		padding: 20px 0 0 0;
/*		background-color: #489688;*/
/*		background-color: #509688;*/
		margin-top: 0;
		margin-bottom: 0;
		text-align: center;
		width:100%;
}

.image-set {
/*		width:90%;
		margin: 0 auto; */
		font-size: 0;
		overflow: hidden; 
}

.image-set img,
.image-link img {
		border-radius: 3px;
}

div.image-set a {
	display:inline-block;
}

.image-link {
		border: 0 solid #5E5E5E;
		border-radius: 0;
		display: inline-block;
		line-height: 0;
		margin: 0 6px 0;
		transition: all 0.1s ease-out 0s;
}

.image-set-in-text {
		margin-top: 10px;
		margin-bottom: 0;
		text-align: center;
		width:100%;
		font-size: 0;
		}

.image-set-in-text a {
		margin: 1px;
		}

div.float-right {
	float:right;
	margin:0px 0 2px 10px;
	text-align: center;
}

div.float-left {
	float:left;
	margin:0px 10px 2px 0;
	text-align: center;
}

div.float-right a, div.float-left a, div.float-right span, div.float-left span {
	display: block;
}

div.float-right span, div.float-left span {
	font-size: 60%;
}

span.L200 {
	width: 210px;
}

span.L300 {
	width: 310px;
}

.italic {
		font-style: italic;
}

/* END OF PICTURES */


/* ============================================================*/
/* TYPO & PLACEMENT FOR UPDATE INFORMATION */
div.updated {
		font-style:oblique;
		font-size: 90%;
		margin:4px 10px 10px auto;
		text-align: right;
		display: none;
}
/* END OF TYPO & PLACEMENT FOR UPDATE INFORMATION */


div.updated-date {
		font-style:oblique;
		font-size: 90%;
		margin:4px 10px 10px auto;
		text-align: right;
}





/* ============================================================*/
/* REGISTRATION FORM */
#registration-information {
		font-weight: bold;
		font-size: 110%;
		text-align: center;
		margin:10px auto;
}

#registration-warning {
		font-weight: bold;
		font-size: 110%;
		text-align: center;
		margin:10px auto;
		padding:5px;
}

#registration-form {
		border: 2px solid #AAAAAA;
		border-radius: 4px;
}

#registration-form p {
		margin-left: 15px;
		margin-right: 15px;
		margin-bottom: 2px;
}

#registration-form h3 {
		margin:40px 0px 0 0px;
		padding: 5px 10px;
		font-size: 120%;
/*		border-bottom: 1px solid #AAAAAA;*/
		border-top: 2px solid #AAAAAA;
}

#registration-form h3:first-child {
		margin:0px 0px 0px 0px;
		border-top: none;
}

#registration-form table{
		margin-top: 5px;
		margin-left: 10px;
}

#registration-form .registration-small {
		font-size: 90%;
}

#registration-form td {
		vertical-align: top;
}

#registration-form td.td-head{
		font-weight: bold;
		font-size: 110%;
		padding-left:10px;
}

#registration-form td.td-subhead{
		font-weight: bold;
		font-size: 100%;
		padding-left:60px;
		padding-top: 20px;
}

#registration-form td.td-subhead-p{
		font-size: 100%;
		padding-left:10px;
}

#registration-form td.td-title{
		font-weight: normal;
		font-size: 100%;
		text-align: right;
		width:170px;
}

#registration-social-events,
#registration-conference-choice {
		margin:0px auto 20px 160px;
}

#registration-social-events input,
#registration-conference-choice input {
		margin:3px 5px;
}

#registration-form ul li ul {
		margin-bottom: 2px;
}

#registration-form .talk-contact ul,
#registration-form .poster-contact ul {
		margin-bottom: 2px;
}

div.send-form{
		margin: 15px 20px;
}

div.send-form input{
		font-weight: normal;
		font-size: 100%;
		margin: 0 20px;
}

div.list-contacts {
		margin:2px auto 2px 60px;
		font-size:90%;
}


div.accompanying-message {
		margin:2px auto 2px 2px;
		font-size:90%;
}

div.list-contacts p{
		margin: 0;
}

div.list-contacts ul li:last-child {
		margin-bottom: 0;
}

#PosterConferenceContacts {
		margin-bottom: 20px;
}

div.accompanying-message {
		display:none;
}

div.talk-contact-plenary,
div.poster-contact-plenary {
		display: block;
}

div.talk-contact-conference,
div.poster-contact-conference {
		display: block;
		margin-bottom:5px;
}

div.talk-contact-plenary ul,
div.poster-contact-plenary ul,
div.talk-contact-conference ul,
div.poster-contact-conference ul {
		margin-top: 0px;
		margin-bottom: 0px;
}

div.talk-contact-plenary ul li,
div.poster-contact-plenary ul li,
div.talk-contact-conference ul li,
div.poster-contact-conference ul li {
		list-style-type: none;
}
/* END OF REGISTRATION FORM */

/* google maps */

#map-canvas {
		width: 700px;
		height: 500px;
		margin: 10px auto;
}

div.hotelgmap {
		text-align: center;
		font-family: 'Ubuntu', sans-serif; 
		font-size:90%;
		height: auto;
		width: auto;
}

div.hotelgmapname {
		font-weight: bold;
		height: auto;
		width: auto;
}

#main-content iframe {
		margin: 10px auto 2px 6px;
}

#main-content a.google-maps {
		font-weight: bold;
		font-size: 90%;
		margin: 2px auto 2px 20px;
}

/* highlight */
div.highlight {
	margin: 20px 0 20px 20px;
	font-size: 120%;
	font-weight: bold;
	color: red;

}
/* highlight */
div.highlight-waiting {
	margin: 20px 0 20px 20px;
	font-size: 100%;
	font-weight: bold;
	color: black;

}
/* highlight */
div.highlight-success {
	margin: 20px 0 20px 20px;
	font-size: 120%;
	font-weight: bold;
	color: green;

}