/*
    Document   : css stylesheet for doceng2003
    Created on : april, 18 2003, 16:50
    Author     : vincent kober
	Mail	   : vincent.kober@inrialpes.fr
    Description:
    Purpose of the stylesheet follows.
*/
/* suppress the right bar for printing and manage printing */
@media print {
    body {
		background: white;
		font-size: 12pt;
		padding-right: 0;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		}
	.rightbar {
    	display:none;
		}
	.footer {
    	display:none;
		}
	/* the 'must' parts of the forms but not printed*/
	.mustButNoPrint {
	display: none;
	color: red;
	}
    div.main, div.body, div.header {
		width: auto;
		padding-right: 0;
		padding-left: 0;
		padding-top: 0;
		padding-bottom: 0;
		margin-right: 0;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 0;
		border: transparent;
		float: none;
		color: black;
		background: transparent;
    	border-style:hidden;
    	border-width: none;
    	border-color: transparent;
		}
	a:link, a:visited {
		color: #520;
		background: transparent;
		font-weight: bold;
		text-decoration: underline;
		}
	a:link:after, a:visited:after {
		content: "    (" attr(href) ")    ";
		font-size: 80%;
		}
	*.noDisplay {
		display : block;
	}
	/* if the link is inside of the website : adding
	the first part of the link */
	a[href^="/"]:after {
		content: "    (http://wam.inrialpes.fr/doceng2003" attr(href) ")    ";
		font-size: 80%;
		}
	}
	
/* end printing management

/* the links management */
a:link {
    color: rgb(26,55,85);
	text-decoration: underline;
	background-color: transparent;
}

a:visited {
    color: rgb(26,55,90);
	text-decoration: underline;
	background-color: transparent;
}

/* define the rules for the whole document */
body div.main div.rightbar div.body {
	display: block;
	font-family: verdana, "new century schoolbook", serif ;
 }

body div.header div.footer  {
	display: inline;
	font-family: verdana, "new century schoolbook", serif ;
 }


/* define the main block which contain the other */
div.main {
    top: 0.5em;
    bottom: 0.5em;
    left: 0.5em;
    right: 0.5em;
	height : auto;
    background-image: url("images/chamrousse.jpg");
    background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 0%;
    padding-right: 1em ;
    padding-left: 1em ;
    /* to see the top of the most beautiful Mountains
	in France ;O) */
	padding-top: 3em ;
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);

}

/* define the program page */
div.program h2 {
	font-weight: bold;
	padding: 0.25em;
    background-color: rgb(238,250,255);
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
}
div.program h3 {
	font-weight: bold;
	padding: 0.25em;
    background-color: rgb(138,182,247);
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
}

/* font-style on list type for the whole site */
div.main p ,td  {
	font-size : 80% ;
}
/* font-style on list type for the whole site */
*.form>ol>li {
	font-size : 80% ;
}
div.main ul li {
	list-style-type: circle;
	font-size : 80% ;
}
div.body>ul>li {
	padding-top: 1em;
}
/* manage the space in all the table of the document */
div.main td {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	width: auto;
}

/* the 'must' parts of the forms */
.must, .mustButNoPrint{
	color: red;
}

/* each li is bold */
div.main ol li, ul li {
	font-weight: bold;
}

/* each em which follow li or li in
2nd position is normal */
div.main li ul li, li em {
	font-weight: normal;
}

/* each li in second position in ol
 is with letter */
div.main ol li ol li {
	list-style-type: lower-alpha;
}
/* each li in third position in ol
 is with numeric */
div.main ol li ol li ol li{
	list-style-type: decimal;
	font-weight: normal;
}

/* class shift is for part of formular with no display
for screen */
*.noDisplay {
	display : none;
	}

/* classes for the Accepted Papers Page */
p.APtitle {
	font-weight: bold;
	margin-top: 1.5em;
	padding: 0.5em;
    border-width: thin ;
    border-style: dashed ;
    border-color: rgb(26,55,85);
}

p.APauthors {
	padding-left: 2em;
	font-style: italic;
}



/* the header of the document with an images
and the title of Doceng Conference in h2 and h3*/
div.header {
	color: #00043a;
    background-color: rgb(219,224,246);
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
	padding-left: 0.25em;
}

/* prevent the logo to be bigger than the block
in which it is inserted by placing a   in
a spacer class */
.spacer {
  clear: both;
}

div.header h2 {
	text-align: center;
	font-size : 130% ;
    /* centering the title between the logo and
	the rightbar */
	padding-left: 10.5em ;
	padding-right: 10.5em ;
	}

div.header h3 {
	text-align: center;
	font-size : 110% ;
    /* centering the title between the logo and
	the rightbar */
	padding-left: 10.5em ;
	padding-right: 10.5em ;
	}

/* the logo of header */
div.header img.logo {
	padding-left: 1em;
	padding-top: 1em;
	vertical-align: middle;
	float: left ;
}

div.body {
	color: #00043a;
	text-align: justify;
    left: 1.5em;
    right: 1.5em;
	height : auto;
    background-color: rgb(244,247,255);
    padding-right: 13em ;
    padding-left: 1em ;
    padding-top: 1em ;
    padding-bottom: 1em ;
    margin-top: 1em ;
    margin-right: 0em ;
	border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
}

/* img in the body*/
div.body img {
    border-style: none ;
}

/* title in the body */
div.body h1 {
	color: #00043a;
	font-size: 130% ;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 1em;
	background-color: transparent;
	}

/* subtitle in the body */
div.body h2 {
	color: #00043a;
	font-size: 120% ;
	text-align: center;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*background-color: transparent;*/
	}

/* little top right of the page to link
to the top of the page */
div.body a.top {
	color: #00043a;
	float: right;
	font-size: 80% ;
	text-align: right;
	margin-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 1em;
	background-color: transparent;
	}

/* each table in the document */
div.body table, caption {
	margin-top: 0.5em;
	margin-bottom: 1em;
	width: auto ;
	/* THE solution to center these elements */
	margin-right: auto;
	margin-left:auto;
	}

/* table management for submission information
in cfp and dates pages
for highlighting the date in function
of the submission rules 
comment and decomment the correct lines (beginning by div)
below following the good date...
red and bold ...*/
/* ...when the site is up*/
/*div.body tr.lpabstract, tr.ppabstract, tr.spdue {*/
/* ...from may 28, 2003 */
/*div.body tr.lpdue, tr.ppdue, tr.spdue {*/
/* ...from june 7, 2003 */
/*div.body tr.lpaccept, tr.ppaccept, tr.spdue {*/
/* ...from august 21, 2003 */
/*div.body tr.lprevised, tr.pprevised, tr.lpaccept, tr.ppaccept, tr.spaccept {*/
/* ...from september 13, 2003 */
div.body tr.lprevised, tr.pprevised, tr.sprevised {
	color: #CC01A0;
	font-weight: bold;
	background-color: transparent;
	}

/* define the rightbar with the menu */
/* Overrides 'absolute' below : fix the rightbar
when scrolling the page */
div.endmatter>div.rightbar {
	position: fixed;
}

/* define rightbar management */
div.rightbar {
	color: #00043a;
    line-height: 1.1;
    text-align: center;
	position: absolute;
    top: 1em;
	float: right;
    width: 10em;
	height: auto;
    right: 1em;
	margin-top: 1.5em;
    background-color: white ;
    background-image: url("images/inriaright.jpg");
    background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top center;
	padding-right: 0.5em ;
    padding-left: 0.5em ;
    /* necessary for IE but not for Moz or Konq */
	padding-top: 0.8em ;
    padding-bottom: 1em ;
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
}

/* definition of the current page */
div.rightbar p {
    font-weight: bold;
	color: rgb(26,55,85);
	background-color: transparent;
}

/* definition of the other linked pages */
div.rightbar p a {
    font-weight: normal;
	background-color: transparent;
}

/* definition of the no linked pages
eg : pages which are not still activated */
div.rightbar p.nolinks {
    font-weight: lighter;
	color: black;
	background-color: transparent;
}

/* definition of images in the rightbar */
div.rightbar img {
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
	/* THE solution to center these elements */
	margin-right: auto;
	margin-left:auto;
}

/* definition of the footer which describe the
webmaster mailto link, the page updates infos
and the logos of W3C validation services */
div.footer {
	color: #00043a;
	width: auto;
	height : auto;
    background-color: rgb(215,229,253);
	padding-right: 10em ;
	padding-left: 1em ;
    margin-top: 1em ;
	margin-bottom: 1em ;
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
}

/* img in the footer */
div.footer img {
    border-style: none ;
	vertical-align: middle;
}

div.footer p {
	font-size : 70% ;
}

div.warning {
	margin: 3em;
    background-color: white ;
	padding: 1em ;
    border-width: thin ;
    border-style: ridge ;
    border-color: rgb(26,55,85);
	font-size : 90% ;
}