/* 
 * Global definitions
 */

img {
    border: 0;
    padding: 0;
    margin: 0;
}

body {
    background-color: #d0d0d0; /*#e0e0e0;*/
    margin: 0px;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

font {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    color: black;
    text-decoration: none;
}

p {
    text-align: justify;
    /*text-justify: newspaper;*/
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 11pt;
	margin-top: 25px;
	margin-bottom: 7px;
}

h3.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 9pt;
	margin-top: 5px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 15px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	padding: 0;
	color: black;
	margin-top: 10px;
	margin-bottom: 5px;
	text-decoration: underline;
	font-weight: normal;
}

a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	color:#29803F;
}

a:visited {
	color: #29803F;
	text-decoration: none;
}

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

a:active {
	color: red;
	text-decoration: none;
}

ul {
	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

li {
	padding: 1px;
}










/*
 * Main containers
 */

/* for the IE 5.5 and 6.0 pngfix found at http://www.twinhelix.com/css/iepngfix/demo/ */
img, div, ul { behavior: url(pngfix/iepngfix.htc) }

#mainContainer {
	background-color: #d0d0d0;
	text-align: center;
	width: 100%;	
}


/* wrappers to simulate the fixed-width property on the page in
   browsers that do not support 'min-width' -- IE */

#mainWrapper1 {
	width: 90%;
	min-width: 900px;
	background-color: #d0d0d0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 10px;
	text-align:left;
}

#mainWrapper2 {
	border-left: 900px solid #d0d0d0;
}

#mainWrapper3 {
	margin-left: -900px;
	position:relative; /* ADDED */

}

/*\*/
* html #mainWrapper2, * html #mainWrapper3 {
	height: 1px;
}
/**/


/* content wrapper -- inside which all the pages are */

#contentWrapper {
	background-color: white;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
	padding: 0 10px 10px 10px;
	overflow: auto;
}




/*
 * Content -- includes de left menu and the contentCenter
 */

#content {
	_width: 100%;
	overflow: hidden;
}

#contentCenter {
	margin-left: 210px;
	padding: 0px 10px 10px 15px;
}

/* h2 is the title of each page */
#contentCenter h2 {
	font-size: 1.2em;
	/*font-variant: small-caps;*/
	text-align: left;
	border-bottom: 1px dotted #a0a0a0;
	font-weight: bold;
	margin: 8px 0 0px 0;
	padding: 5px 0 3px 5px;
}






/*
 * Left menu on all pages
 */

#leftMenu {
	border-right: 1px dotted #d0d0d0;
	float: left;
	width: 200px;
	padding-top: 5px;
	padding-right: 10px;
	margin-right: 5px;
}

/* title of each section in the menu  */
#leftMenu h3 {
	border-bottom: 1px solid #a0a0a0;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-top: 1px;
	margin-bottom: 5px;
	margin-top: 10px;
	font-size: 1.1em;
	text-align: left;
	/*font-variant: small-caps;*/
}

#leftMenu a {
	color: black;
	display: block;
	padding: 4px;
	margin: 0;
	text-indent:0.4em;
	margin-left: 2px;
	width: 91%;
	_width: 98%;
	text-decoration: none;
	font-size: 0.9em;
	border-left: 3px solid white;
}

#leftMenu a:hover {
	background-color: #D0E2D4;
	border-left: 3px solid #D0E2D4;
}

#leftMenu a.selected {
	background-color: #f0f0f0;
	border-left: 3px solid #f0f0f0;
}














/*
 * Page header
 */
#header {
}

#headerLogo {
	text-align: center;
	_width: 100%;
	padding-top: 50px;
	clear: none;
	overflow: hidden;
	background-color: white;
}

#headerStripe {
	background-color: #606060;
	text-align: center;
	clear: both;
	line-height: 3em;
	height:45px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0;
	padding-top: 15px;
	_padding-bottom: 10px;

    /* mozilla rounded borders */
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

#headerStripe font {
	font-weight: bold;
	font-size: 1.5em;
	color: white;
}


/*
 * Table with the important dates in the header
 */
#headerDates {
	width: 33%;
	float: right;
	padding: 0;
	/*border: 1px dashed #A0A0A0;*/
	background-color: white;
	margin: 7px;
}

#headerDates font {
	font-size: 7pt;	
}

#headerDates h3 {
	margin: 0px;
	font-size: 0.6em;
	color: #c02020;
	padding: 3px;
	font-weight: bold;
	text-align: left;
}

#headerDates td.title {
    padding:2px;
    border-top: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    text-align: center;
}

#headerDates td.footer {
    border-top: 1px dotted #c0c0c0;
    padding:2px;
    text-align: right;
}

#headerDates td.leftCol {
	width: 80%;
	text-indent: 0.5em;
}

#headerDates td.rightCol {
	width: 20%;
	text-align: center;
}

#headerDates td.leftCol2 {
	width: 80%;
	background-color: #f0f0f0;
	text-indent: 0.5em;
}

#headerDates td.rightCol2 {
	width: 20%;
	background-color: #f0f0f0;
	text-align: center;
}







/*
 * Footer
 */

#footer {
	clear: both;
	background-color: #ffffff;
	text-align: left;
	border: 1px solid #c0c0c0;
	margin-top: 10px;
	overflow: auto;
    padding: 10px 20px 15px 20px;
	_width: 100%;
}

#footer a:hover {
	border-bottom: 1px solid #808080;
}

#footer div.box {
	float: right;
	/*display: block;*/
	text-align: center;
	padding-left: 20px;
}

#footer ul.images {
	margin: 0;
	padding: 0;
}

#footer ul.images li {
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 3px;
	padding-right: 3px;
	vertical-align: middle;	
}


/* Footer top - stripe at the top of the footer */

#footerTop {
	clear: both;
	text-align: left;
	margin: 0;
	margin-top: 0px;
	padding: 10px 20px 10px 20px;
	font-size: 7pt;
	background-color: #f0f0f0;
	border-left: 1px solid #a0a0a0;
	border-right: 1px solid #a0a0a0;
}

#footerTop a {
	color: #606060;
	font-size: 7pt;
}

#footerTop a:hover {
	color: #c00000;
}

#footerTop font.title {
	font-weight: bold;
	font-size: 7pt;
}

#footerTop div.rightBox {
	float: right;
	font-style:italic;
}

#footerTop div.rightBox font {
	color: #808080;
	font-size: 7pt;
}







/*
 * General classes and ids
 */

/* table with important dates */
table.importantDates {
	background-color:#f0f0f0;
	border: 1px solid #c0c0c0;
	margin: 0px;
	padding: 5px;
	background-image: url('images/icon-calendar2.png');
	background-repeat: no-repeat;
	background-position: left top;
}

table.importantDates td.leftCol {
	text-align: right;
    padding:3px;
    padding-right:10px;
}

/* Box with the "back to index" text at pages with lists */
div.boxBackToIndex {
	text-align:right;
	padding-top: 5px;
}

/* ul with bigger spaces between li's */
ul.largeLiSpace li {
	padding:3px;
	padding-left: 5px;
}

/* standard grey box */
table.greyBox, div.greyBox {
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
	margin: 0px;
	padding: 5px;
}


/* image boxes */

div.imgBoxRight {
	float: right;
	border: 1px solid #b0b0b0;
	background-color: #f0f0f0;
	padding: 5px;
	margin-left: 10px;
}

div.imgBoxLeft {
	float: left;
	border: 1px solid #b0b0b0;
	background-color: #f0f0f0;
	padding: 5px;
	margin-right: 10px;
}

div.imgBoxCenter { 
	border: 1px solid #b0b0b0;
	background-color: #f0f0f0;
	padding: 5px;
	margin: 5px;
}


/* image boxes with content */

div.imgAndContentBoxRight {
	float: right;
	border: 1px solid #b0b0b0;
	background-color: #f0f0f0;
	padding: 5px;
	margin-left: 10px;
}

div.imgAndContentBoxRight img {
	margin-bottom: 7px;
}

div.imgAndContentBoxLeft {
	float: left;
	border: 1px solid #b0b0b0;
	background-color: #f0f0f0;
	padding: 5px;
	margin-right: 10px;
}

div.imgAndContentBoxLeft img {
	margin-bottom: 7px;
}


/* Transparent box */

div.imgAndContentBoxCenter_transp { 
	padding: 5px;
	margin: 5px;
	text-align: center;
}

div.imgAndContentBoxCenter_transp img {
	margin-bottom: 7px;
}







/*
 * Colored boxes at the top of the pages with important info
 */

/* Normal box */
div.announcementTop {
	text-align:right;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	margin: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #CECE8E;
	border-top: 1px solid #CECE8E;
	background-color:#FFFFDC;
}

/* Bigger box */
div.announcementTopBig {
	padding:3px 0px 3px 0px;
	margin: 5px;
	margin-top: 10px;
	border-top: 1px solid #CECE8E;
	border-bottom: 1px solid #CECE8E;
}
div.announcementTopBigContent {
	padding:10px;
	background-color:#FFFFDC;
}
div.announcementTopBigContent h3 {
	padding: 3px;
	padding-left: 5px;
	margin: 0;
	margin-bottom: 5px;	
	font-weight: normal;	
	font-size: 10pt;
	background-color:#F7F7CE;
	border-top: 1px solid #CECE8E;
	border-bottom: 1px solid #CECE8E;
}
div.announcementTopBigContent a {
	color: #006000;
}
div.announcementTopBigContent a:hover {
	color: #c00000;
	text-decoration: underline;
}
div.announcementTopBigContent a:active {
	color: red;
	text-decoration: none;
}

/* Same as the top announcement but to be used at the middle
   of the page, with centered text */
div.announcementMiddle {
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	margin: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #CECE8E;
	border-top: 1px solid #CECE8E;
	background-color: #FFFFDC;
}





/*
 * Texts, paragraphs, fonts...
 */


font.red {
    color:#c00000;
}

font.small, a.small {
	font-size: 7pt;
	text-decoration: none;
}

font.big {
	font-size: 11pt;
	text-decoration: none;
	font-weight: bold;
}

p.code {
	background-color: #f0f0f0;
	margin-left: 15px;
	padding: 5px;
	font-size: 8pt;
}






/* Dates */

font.dateSoon {
	font-weight: bold;
}

font.dateToday {
	font-weight: bold;
	color: #c02020;
}

font.datePast {
	text-decoration: line-through;
}

font.iconSoon {
	padding: 0;
	padding-left:2px;
	padding-right:2px;
	border: 1px solid #C1C17D;
	color: black;/*#7B7B3C;*/
	font-size: 7pt;
	background-color: #FFFFAB;
}

font.iconToday {
	padding: 0;
	padding-left:2px;
	padding-right:2px;
	border: 1px solid #C17D7D;
	color: black;
	font-size: 7pt;
	background-color: #FFBDAB;
}

font.iconWarning {
	padding: 1px;
	padding-left:3px;
	padding-right:3px;
	border: 1px solid #C1C17D;
	color: #7B7B3C;
	font-size: 7pt;
	background-color: #FFFFAB;
}







/* Attractions page */

div.attractionsMovieBox {
    float:left;
    margin-right:10px;
    margin-bottom:2px;
}




/*  Index table at accepted workshops page  */

table#accWorkshopsIndex {
    border: 0;
    padding: 0;
    padding-left: 0px;
    margin: 0;
    border-spacing: 0;
}

table#accWorkshopsIndex td {
    display: table-cell;
    padding-bottom: 3px;
    padding-right: 10px;
    vertical-align: top;
}

table#accWorkshopsIndex td.acronym {
    width: 110px;
    text-align: right;
}

table#accWorkshopsIndex td.acronym a {
    font-weight: bold;
}



/*  Index table at keynote speakers page  */

table#keynotesIndex {
    border: 0;
    padding: 0;
    padding-left: 0px;
    margin: 0;
    border-spacing: 0;
}

table#keynotesIndex td {
    display: table-cell;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
    /*border-bottom: 1px dotted #c0c0c0;*/
}

table#keynotesIndex td.odd {
    display: table-cell;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
    background-color:#f6f6d1;
}

table#keynotesIndex td.acronym {
    width: 130px;
    text-align: right;
}

table#keynotesIndex td.acronym a {
    font-weight: bold;
}




table#tutorialsIndex {
    border: 0;
    padding: 0;
    padding-left: 0px;
    margin: 0;
    border-spacing: 0;
}

table#tutorialsIndex td {
    display: table-cell;
    padding: 7px;
    vertical-align: top;
}

table#tutorialsIndex td.odd {
    display: table-cell;
    padding-bottom: 5px;
    padding-top: 5px;
    padding-right: 5px;
    vertical-align: top;
    background-color:#f6f6d1;
}




/* Description of workshops at accepted workshops  */

div.accWorkshopsDescCell {
    padding: 10px;
    border-bottom: 1px dotted #c0c0c0;
}

div.accWorkshopsDescCellGrey {
    background-color: #f5f5f5;
    padding: 10px;
    border-bottom: 1px dotted #c0c0c0;
}


/* Description of tutorials  */

div.tutorialsCell {
    padding: 10px;
    border-bottom: 1px dotted #c0c0c0;
}

div.tutorialsCell h3 {
    margin: 0;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 7px;
}

div.tutorialsCell div.author {
    margin: 0;
    padding: 0;
    margin-left: 20px;
}

div.tutorialsCell div.author div.from {
    margin: 0;
    padding: 0;
    margin-left: 15px;
}



/* Right box at the home page */

#homeRightBox { 
	float: right;
	text-align: left;
	width: 260px;
	background-color:#f0f0f0;
	/*border-bottom: 1px solid #ADCDB4;
	border-left: 1px solid #ADCDB4;
	border-top: 1px solid #ADCDB4; */
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
}

#homeRightBoxHeader { 
	padding: 5px;
	text-align: left;
	background-color: #ffffff;
	border-bottom: 1px solid #c0c0c0;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #c0c0c0;
	width: 240px;
	float:right;
	margin-top:10px;
}

#homeRightBoxHeader font { 
	color: #000000;
	font-size: 9pt;
}

#homeRightBoxContent { 
	padding: 10px;
	clear:right;
    text-align: center;
}

/* central area at the home page */

#homeCentralArea { 
	margin-right:280px;
}


/* Boxes for news - at home and news pages */

div.newsBox, div.newsBoxTop {
    margin-top: 15px;
}

div.newsBox div.content, div.newsBoxTop div.content {
	padding-left: 45px;
	font-size: 6pt;
	min-height: 35px;
	_height: 35px;
	background-image: url('images/icon-calendar.png');
	background-repeat: no-repeat;
	background-position: left top;
	text-align: justify;
	margin-top: -30px;
}

div.newsBox div.month, div.newsBoxTop div.month {
	color: white;
	font-size: 6pt;
	font-weight: bold;
	position: relative;
	left: 12px;
	top: -4px;
	width: 30px;
}

div.newsBox div.day, div.newsBoxTop div.day {
	width: 30px;
	font-size: 8pt;
	font-weight: bold;
	position: relative;
	top: -1px;
	left: 12px;
	color: #808080;
}

div.newsBoxTop div.day {
	color: #800000;
}



/* Index table at keynote speakers   */

table#keynoteIndex {
	display:inline;
}

table#keynoteIndex td {
	text-align:center;
	vertical-align: top;
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
	border-right: 1px solid #E5E5C9;
}

table#keynoteIndex img {
	padding: 4px;
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
	margin-bottom: 5px;
	margin-top: 5px;
}


/* Program committee list */

ul#listPCommittee {
	list-style-type: none;
	padding-left: 2px;
	_padding-left:0px;
}

ul#listPCommittee li {
	padding:3px;
	padding-left: 5px;
	border-bottom: 1px dotted #c0c0c0;
}



/* Boxes with content at the publicity page */

.publicityBox {
    padding-left:20px;
}



/* Table with prices at registration page */

.registrationTable {
	border: 1px solid #b0b0b0;
	background-color: #f0f0f0;
	padding: 2px;
	margin: 5px;
    width: 450px;
}

.registrationTable td {
	padding: 2px;
    text-align: center;
}

.registrationTable td.header {
	background-color: #94B39B;/*#9F3737;*/
	font-weight: bold;
}

.registrationTable td.header font {
	color: white;
}

.registrationTable td.header2 {
	font-weight: bold;
    border-right: 1px dotted #c0c0c0;
}

.registrationTable td.withBorder {
    border-right: 1px dotted #c0c0c0;
}




/* List of accepted papers */

ul.accPapersList {
	list-style-type: none;
	padding-left: 2px;
	_padding-left:0px;
}

ul.accPapersList li {
	padding:7px;
	padding-left: 5px;
	border-bottom: 1px dotted #c0c0c0;
}

ul.accPapersList li.dark {
	background-color: #f5f5f5;
}











/*
div.announcementMiddle2 {
	text-align:center;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	margin: 5px;
	border-bottom: 1px solid #d0d0d0;
	border-top: 1px solid #d0d0d0;
	margin-top: 10px;

	background-color: #f0f0f0;
}
*/

/* Top announcement in red */
/*
div.announcementTopRedCenter {
	text-align: center;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	margin: 5px;
	margin-top: 10px;
	border-bottom: 1px solid #799B80;
	border-top: 1px solid #799B80;
	background-color:#D0E2D4;
}
div.announcementTopRedCenter a {
	color: #a00000;
}
*/

/* old footer
#footerTop {
	clear: both;
	text-align: left;
	margin: 0;
	margin-top: 0px;
	padding: 10px 20px 10px 20px;
	font-size: 6pt;
	background-color: #f0f0f0;
	border-left: 1px dotted #808080;
	border-right: 1px dotted #808080;
}
#footerTop a {
	color: #606060;
	font-size: 7pt;
}
#footerTop a:hover {
	color: #c00000;
}
#footerTop .title {
	font-weight: bold;
	font-size: 7pt;
}



OLD

.boxSuccess { 
	background-color: #7DF090;
	margin: 10px;
	padding: 10px;
	border: 1px dotted #52C865;
}

.boxError { 
	background-color: #F07D7D;
	margin: 10px;
	padding: 10px;
	border: 1px dotted #88161B;
}

.smallObs {
	color: #808080;
	font-style:italic;
	font-size: 8pt;
}
.emphasis {
	color: #a00000;
	font-style:italic;
}

.emphasis2 {
	color: #a00000;
}

.textIndent {
	margin-left: 10px;
}

.fontDisabled {
	color: #d0d0d0;
}


*/