/**
Color Combo:
- Dark-green  - #2C6700
- Light-green - #92CD00
- Gray        - #E5E4D7
- Creme       - #FFCF79
*/

@darkcolor	: rgb(0,90,40);
@lightcolor	: rgb(0,50,110);
@intercolor : white;
@mntxtcolor	: yellow;
@txtcolor	: black;
@gray		: rgb(220,220,220);
@menuHeight : 50px;
@pageWidth  : 95%;
@col02      : 95%;
@borderStd  : 2px;
@col04      : 90px;

.marginZero(@size: 0px) {
	margin: @size;
	padding: @size;
	border: @size;
}
.padding(@size: 20px) {
	padding: @size;
}
.rounded-corners(@size: 20px) {
	-moz-border-radius: @size;
	-webkit-border-radius: @size;
	-khtml-border-radius: @size;
	border-radius: @size;
}
.fontStd(@size: 100%, @color: @txtcolor, @weight: normal) {
	.marginZero;
	font-family: sans-serif;
	font-size: @size;
	font-weight: @weight;
	color: @color;
}
.border(@left: 1px, @right: 1px, @top: 1px, @bottom: 1px) {
	border-left: @left;
	border-right: @right;
	border-top: @top;
	border-bottom: @bottom;
}
.centerDiv(@size: @pageWidth) {
	left: 50%;
	margin-left: -1 * (@size / 2);
}

body {
	background-color: @darkcolor;
}

#logo {
	.rounded-corners;
	.padding;
	background-color: @gray;
	heigth: 500px;
	img {
		display: block;
    	margin-left: auto;
   		margin-right: auto;
	}
}

#title {
	.rounded-corners;
	.padding;
	background-color: @lightcolor;
	h1 {
		.fontStd(300%, @mntxtcolor, bolder);
	}
	h2 {
		.fontStd(200%, @intercolor, normal);
	}
	h3 {
		.fontStd(150%, @intercolor, normal);
	}
}

#bgimage {
	.rounded-corners;
	.padding;
	background-image: url('../img/bgimage.jpg');
	background-repeat: repeat-x;
	height: 250px;
}

#footer{
	.rounded-corners;
	.padding;
	.fontStd(80%, @intercolor, bolder);
	text-align: center;
	background-color: @lightcolor;
	a {
		.fontStd(100%, @mntxtcolor, bolder);
	}
}

a {
	.fontStd(100%, @lightcolor, bolder);
}

#text{
	.rounded-corners;
	.padding;
	.fontStd(140%, @txtcolor, normal);
	text-align: justify;
	line-height: 1.5;
	background-color: @intercolor;
	padding-bottom:X%;
	h1 {
		.fontStd(250%, @darkcolor, bolder);
		.marginZero;
		margin: 0px 5px 15px 5px; /*top right bottom left*/
		text-align: left;
	}
	h2 {
		.fontStd(200%, @lightcolor, bolder);
		.marginZero;
		margin: 0px 5px 10px 5px; /*top right bottom left*/
		text-align: left;
	}
	h3 {
		.fontStd(180%, @lightcolor, normal);
		.marginZero;
		margin: 0px 5px 5px 5px; /*top right bottom left*/
		text-align: left;
	}
	p {
		.fontStd(180%, @txtcolor, normal);
		.marginZero;
		margin: 0px 5px 5px 5px; /*top right bottom left*/
	}
	ul {
		li {
			.fontStd(180%, @txtcolor, normal);
		}
	}
	img {

	}
}

#nav{
	.rounded-corners;
	.padding;
	background-color: @intercolor;
	ul {
		.marginZero;
	}
	li {
		list-style: none;
		.marginZero;
		a {
			.rounded-corners(10px);
			.marginZero;
			height: @menuHeight*3;
			line-height: @menuHeight*3;
			display: block;
			.fontStd(400%, @mntxtcolor, bolder);
			background-color: @lightcolor;
			text-align: center;
			text-decoration: none;
			margin-top: 4px;
		}
	}
}
#nav li ul {
	li {
		list-style: none;
		.marginZero;
		a {
			height: @menuHeight*2;
			line-height: @menuHeight*2;
			.fontStd(300%, @intercolor, bolder);
			background-color: @darkcolor;
			text-align: center;
			text-decoration: none;
			margin-bottom: 2px;
		}
	}
}
#menusup {
	width: 100%;
	height: @menuHeight*2;
	line-height: @menuHeight*2;
	background-image: url('../img/bgimage.jpg');
	background-repeat: repeat-x;
	a {
		height: @menuHeight*2;
		line-height: @menuHeight*2;
		.fontStd(200%, @intercolor, bolder);
	}
	h1 {
		.fontStd(180%, @darkcolor, bolder);
		.marginZero;
		text-align: center;
	}
}

#left {
	float: left;
}
#right {
	float: right;
}

#cfc {
	width: 100%;
	height: auto;
	padding-bottom: X%;
}

/**############### ############# ############### BOX ############### ############# ############### **/
.box(@width: auto, @height: auto) {
	.marginZero;
	.border(@borderStd,@borderStd,@borderStd,@borderStd);
	border-style: solid;
	border-color: @lightcolor;
	width: @width;
	height: @height;
	background-color:@intercolor;
	.centerDiv;
}
.box_committee_style {
	.box(@col02, 260px);
	margin: 5px 0px 10px 2.5%; /*top right bottom left*/
	#oc_img {
		float: left;
		width: 200px;
		img {
			width: 200px;
			height: 260px;
		}
	}
	#oc_txt {
		float: left;
		margin: 0px 0px 0px 10px; /*top right bottom left*/
		width: 60%;
		h1 {
			.marginZero;
			.fontStd(150%, @darkcolor, bolder);
			padding: 25px 10px 5px 10px; /*top right bottom left*/
		}
		h2 {
			.marginZero;
			.fontStd(130%, @lightcolor, bolder);
			padding: 0px 10px 5px 10px; /*top right bottom left*/
		}
		p {
			.marginZero;
			.fontStd(100%, @txtcolor, normal);
			padding: 0px 10px 5px 10px; /*top right bottom left*/
		}
	}
}
#box_sponsors {
	.box(@col02, auto);
	margin: 30px 0px 30px 2.5%; /*top right bottom left*/
	h1 {
		.marginZero;
		.fontStd(160%, @darkcolor, bolder);
		padding: 15px 10px 5px 10px; /*top right bottom left*/
	}
	h2 {
		.marginZero;
		.fontStd(140%, @lightcolor, bolder);
		padding: 0px 10px 5px 10px; /*top right bottom left*/
	}
	p {
		.marginZero;
		.fontStd(100%, @txtcolor, normal);
		padding: 0px 15px 5px 15px; /*top right bottom left*/
	}
}
#img_sponsor {
	.marginZero;
	margin: 5px auto 10px 40px; /*top right bottom left*/
	width: 281px;
	height: 125px;
}
#box_committee {
	.box_committee_style;
}
#box_committee_t1 {
	.box_committee_style;
	background-image: url('../img/publicityTeam.png');
	background-repeat: no-repeat;
	background-position: right top;
}

.box_cfc_style(@colsize: 245px) {
	.box(@colsize, auto);
	margin: 5px 5px 5px 75px; /*top right bottom left*/
	//display: block;
	//float: left;
	h1 {
		.marginZero;
		.fontStd(160%, @darkcolor, bolder);
		margin: 5px 5px 5px 5px; /*top right bottom left*/
	}
	h2 {
		.marginZero;
		.fontStd(120%, @lightcolor, bolder);
		margin: 0px 5px 5px 5px; /*top right bottom left*/
		a {
			.fontStd(100%, @lightcolor, bolder);
			&:hover {
				.fontStd(100%, @darkcolor, bolder);
			}
		}
	}
	p {
		.marginZero;
		.fontStd(100%, @txtcolor, normal);
		margin: 0px 5px 5px 5px; /*top right bottom left*/
	}
	img {
		.marginZero;
		margin: 5px 0px 5px 210px; /*top right bottom left*/
		width: 200px;
		heigth: 260px;
	}
}
#box_cfc {
	.box_cfc_style(620px);
}
#box_cfc_t1 {
	.box_cfc_style(620px);
	img {
		.marginZero;
		margin: 5px 0px 5px 5px; /*top right bottom left*/
		width: 610px;
		height: 88px;
	}
}

/** ########################################## Gunter ########################################## **/
/** ####### Legend ####### **/
/** also uses some styles from the Program and Accepted Papers section **/
#backLinkTop {
  clear: both;
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 15px;
}
#backLink {
  clear: both;
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 15px;
}
#paperIconsInLegend {
  clear: both;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
}
/** ####### Legend (end) ####### **/
/** ####### Program ####### **/
/** also uses some styles from the Accepted Papers section **/
.day {
  width: 796px;
  font-size: 120%;
  font-weight: bold;
  border: 2px solid #000000;
  padding: 5px;
  color: #ffffff;
  background-color: #6e6e6e;
}
.timeslot {
  clear: both;
  width: 806px;
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
  overflow: hidden;
  font-size: 100%;
}
.social {
  width: 804px;
  background-color: #ffffff;
  padding: 1px;
}
.time {
  float: left;
  width: 38px;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 1px;
  padding-left: 1px;
}
.headerPlenary {
}
.plenary {
  float: right;
  width: 740px;
  padding: 5px;
}
.tracks {
  min-height: 60px;
  border-left: 1px solid #000000;
  overflow: hidden;
}
.headerTrack {
  margin-bottom: 10px;
}
.track {
  float: right;
  width: 240px;
  padding: 5px;
}
.sessionTitle {
  font-weight: bold;
}
.sessionPerson {
}
.sessionRole {
}
p.sessionRoles {
  padding-left: 0px;
  padding-bottom: 0px;
}
.sessionType {
  font-weight: bold;
  font-style: italic;
}
.titleKeynote {
  font-weight: bold;
  font-style: italic;
}
.keynoteSpeaker {
  font-style: italic;
}
.paperTitle {
}
.paperAuthors {
  font-style: italic;
}
.paperAward {
  font-style: italic;
  color: #ff0000;
}
.paperAffiliation {
}
#paperIconsInProgram {
  padding-left: 5px;
  padding-top: 2px;
}
.paperPlenary {
  border-left: 6px solid #ff0000;
  padding-left: 4px;
  margin-bottom: 5px;
}
#paperTypePlenary {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 10px;
  border-left: 6px solid #ff0000;
  padding-left: 1px;
}
.paperResearch {
  border-left: 6px solid #00326e;
  padding-left: 4px;
  padding-bottom: 15px;
}
.paperIndustry {
  border-left: 6px solid #005a28;
  padding-left: 4px;
  padding-bottom: 15px;
}
.paperRE21 {
  border-left: 6px solid #ffff00;
  padding-left: 4px;
  padding-bottom: 15px;
}
.paperInteractive {
  border-left: 6px solid #ffffff;
  padding-left: 4px;
  margin-bottom: 5px;
}
p.creditProgram {
  clear: both;
  font-size: 100%;
  text-align: right;
  margin-top: 20px;
}
#paperTypeAllProgram {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 15px;
}
#trlsInfo {
  clear: both;
  float: right;
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 120%;
  font-weight: bold;
}
#trlsInfo img {
  vertical-align: middle;
}
#content #program {
  width: 810px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url('../img/barraTituloH1accepted.png');
  background-repeat: no-repeat;
}
/** ####### Program (end) ####### **/
/** ####### Accepted Papers ####### **/
.topic_instructions {
  clear: both;
  font-size: 120%;
  text-align: center;
  padding: 5px;
}
.topic_legend {
  text-align: center;
}
.topic_description {
  font-size: 120%;
  font-weight: bold;
  text-align: center;
  margin-left: 13px;
  margin-right: 13px;
  padding: 5px;
  background-color: #ffff00;
  display: none;
}
.paper {
  clear: both;
}
.title {
  font-size: 140%;
  color: #00326e;
  font-weight: bold;
}
.authors {
  font-size: 120%;
  font-style: italic;
}
.affiliation {
  font-size: 120%;
}
p.valueProposition {
  margin-left: 10px;
  display: none;
}
p.updateDate {
  text-align: right;
}
p.credit {
  clear: both;
  font-size: 100%;
  text-align: right;
  margin-top: 80px;
}
#toggleAllSwitch {
  clear: both;
  float: right;
  margin-top: 5px;
}
#paperTypeResearch {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 10px;
  border-left: 6px solid #00326e;
  padding-left: 1px;
}
#paperTypeIndustry {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 10px;
  border-left: 6px solid #005a28;
  padding-left: 1px;
}
#paperTypeRE21 {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 10px;
  border-left: 6px solid #ffff00;
  padding-left: 1px;
}
#paperTypeInteractive {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 30px;
  margin-right: 10px;
  border-left: 6px solid #ffffff;
  padding-left: 1px;
}
#paperTypeAll {
  float: right;
  font-size: 120%;
  font-weight: bold;
  margin-top: 10px;
  margin-right: 15px;
}
#paperTypeAll img {
  vertical-align: middle;
}
#toggleSwitch {
  float: left;
  width: 34px;
  padding-top: 5px;
  border-top:1px dotted black;
  margin-top: 5px;
}
#paperDescription {
  float: left;
  width: 576px;
  border-top:1px dotted black;
  margin-top: 5px;
}
#paperDescription.Research {
  width: 566px;
  border-right: 6px solid #00326e;
  padding-right: 4px;
}
#paperDescription.Industry {
  width: 566px;
  border-right: 6px solid #005a28;
  padding-right: 4px;
}
#paperDescription.RE21 {
  width: 566px;
  border-right: 6px solid #ffff00;
  padding-right: 4px;
}
#paperDescription.Interactive {
  width: 566px;
  border-right: 6px solid #ffffff;
  padding-right: 4px;
}
#paperIcons {
  float: right;
  width: 200px;
  text-align: right;
  padding-top: 5px;
  border-top:1px dotted black;
  margin-top: 5px;
}
#filters a {
  color: #000000;
}
#filters a:hover {
  color: #00326e;
}
#content #textaccepted {
  width: 810px;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  background-image: url('../img/barraTituloH1accepted.png');
  background-repeat: no-repeat;
}
/** ####### Accepted Papers (end) ####### **/