/* ToolMaven, March 2005 
   Copyright 2005 Olivier Massot
   File: maven.css */

/* basic layout
****************/
html, body { height: 101%; margin: 0px; padding:0px; } /* Height adds scrollbar */

body {
	margin:auto;
	padding:0px;
	width:100%;
	height:auto;
	color:#3d3d3d;
	background-color:transparent;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:100%;
}

.wrapper { background-color:transparent; width:720px; height:auto; margin: auto; }

.page {
	width:710px;
	height:100%;
	padding:0px;
	margin:5px 0px 0px 10px;
	vertical-align:bottom;
	background-color:transparent;
}
 
/* page backbone
****************/
.header { text-align:left; margin:0px; padding-bottom:20px; }
.nav { position:relative; float:left; color:#a0a0a0; font-size:x-small; margin-left:0px; padding:5px 0px 0px 0px; }
.nav1 { position:relative; float:left; color:#a0a0a0; font-size:x-small; margin:0px; padding:0px 0px 0px 12px; }
.nav2 { position:relative; float:left; color:#a0a0a0; font-size:x-small; margin:0px; padding:10px 0px 0px 30px; }
.nav3 { position:relative; color:#808080; font-size:x-small; margin:0px; padding:0px; padding:5px 0px 0px 30px; }
.content { height:auto; padding-top:0px; margin:0px; }
.footer { font-size:xx-small; color:#C6C6C6; text-align:left; margin:0px; padding:0px; }
.leftcol { position:relative; float:left; width:46%; padding-right:3%; }
.rightcol { position:relative; float:right; width:50%; }


/* content
***********/
#logo {
	position:relative;
	float:right;
	width:176px;
	height:45px;
	border:none;
	margin:3px 30px 3px 3px;	
}

#maven {
	position:relative;
	float:right;
	width:221px;
	height:37px;
	border:none;
	margin:5px 20px 0px 0px;
}

.email {
	position: relative;
	float: right;
	margin-right:30px;
	font-size:xx-small; 
	padding:0px; letter-spacing:.02em;
}

h1,h2,h3,h4,h5,h6 {
	font-family:arial,helvetica,sans-serif;
	margin:0px;
	padding:0px;
	text-align:left;
}

h1 {
	font-size:1.2em;
	font-style:italic;
	color:#999;
	text-align:left;
	/* background-image: url(images/toolmaven_symbol.gif);
	background-repeat: no-repeat; */
	margin:0px 0px 0px 0px;
}

h2 {
	font-size:1em;
	color:#999; /* #5f1400 */
	/*text-indent:.8em;*/
	text-decoration:none;
	margin-top:10px;
}

h3 {
	font-size:.8em;
	color:#3d3d3d;
	vertical-align:middle;
	margin-top:18px;
}

h4 {
	font-size:.7em;
	color:#000;
	text-decoration:none;
	margin-top:5px;
}

h5 { 
	font-size:x-small;
	font-style: italic;
	color:#5f1400;
	letter-spacing:1px;
	text-decoration:none;
	margin-top:5px;
}

h6 {
	font-size:.5em;
	color:#000;
	text-decoration:none;
	margin-top:10px;
}

p {
	font-size:.8em;
	text-align:left;
	line-height:1.4em;
	margin:3px 0px 12px 0px;
}

.note { font-size:x-small; margin-top:5px; padding:0px; letter-spacing:.02em; }
.fine { font-size:xx-small; margin:0px; padding:0px; letter-spacing:.02em; }

/* modes
**********/
.mode1 { text-indent: 1.5em; background-image: url(images/magenta_bullet.gif); background-repeat: no-repeat; }
.mode2 { text-indent: 1.5em; background-image: url(images/yellow_bullet.gif); background-repeat: no-repeat; }
.mode3 { text-indent: 1.5em; background-image: url(images/green_bullet.gif); background-repeat: no-repeat; }


/* images
*********/
img { font-size:xx-small; padding:0px; margin:0px; vertical-align:bottom; }
.right { position:relative; float:right; }
.left { position:relative; float:left; }
.pageicon { visibility: hidden; position:absolute; top:46px; left:70%; margin:0px; padding:0px; }
.callout { font-size: xx-small; margin-top:0px; color:red; height:4px; }
.callout2 { text-align:left; margin:15px 0px 0px 5px; width:320px; height:15px; }
.greybox { margin:0px; border:1px solid #e9e9e9; height:auto; }

/* img lists
************/
ol.row { margin:0px 0px 0px 0px; padding:0px; list-style-type:none; }
ol.row li { margin:0px 3px 0px 0px; padding:0px; display:inline; list-style-type:none; line-height:62px; }

/* basic lists
*************/
ul {
	font-size:medium;
	line-height:1em;
	list-style-type:none;
	padding:0px;
	margin:0px;
	
}

ul li {
	vertical-align:top;
	font-size:small;
	list-style-type:none;
	padding-bottom:5px;
	margin-left:30px;
}

ol {
	font-size:small;
	list-style-type: lower-roman;
	color:#3d3d3d;
	padding:0px;
	margin-left:30px;
	height:auto;
}

ol li {
	vertical-align:top;
	list-style-type:lower-roman;
	list-style-position:outside;
	margin:0px;
	padding-bottom:3px;
}

ol ol li {
	vertical-align:top;
	list-style-image:none;
	margin:0px;
	padding-bottom:5px;	
}

/* tables
**********/
table { margin:10px 0px 10px 10px; padding:1px 0px; font-family: "verdana", sans-serif; font-size:x-small; border:1px solid #f6deb8; border-left:1px solid #f6deb8; background-color:#f6deb8;  vertical-align:middle; }
table th { padding:5px; text-decoration:underline; font-size:x-small; border-bottom: 1px solid #999696; }
.col1 { width:540px; }
.col2 { width:150px; }
table td { padding:4px 10px; border-bottom: 1px solid #999696; }
table .beige { background-color:#fff7ed; }
table .drkbeige { background-color:#ffedd6; }

/* link rules
  ************/
a:link, a:visited { font-weight:bold; background-color:transparent; }
a:link, a:visited { color:#006699; text-decoration:underline; }
a:hover, a:visited:hover { color:#006699; text-decoration:none; }
a:link img, a:visited img { margin:0px 1px 8px 1px; padding:0px; border:1px solid #999696; vertical-align:text-bottom; }
a:hover img, a:visited:hover img { border:1px dotted red; }
.nav a:link.current,.nav2 a:link.current, .nav3 a:link.current, .nav a:visited.current, .nav2 a:visited.current, .nav3 a:visited.current { color:#ef460e; text-decoration:none; }
.email a:link, .email a:visited { color:#999696; text-decoration:underline; font-weight:normal; }

/* deco and typography etc.
**************************/
.center { text-align:center; }
.bbloc { border-top:1px dashed #e8e8e8; }
hr { width:100%; height:0px; border:none; border-bottom:1px solid #e9e9e9; text-align:left; margin:0px; padding:15px 0px; }
#spacer { width:100%; height:15px; color:#355b8c; padding:0px; }
.pgbk { page-break-before:always; }
.emph { color:red; }

/* Hack: left scroll bar always on
***************************************/
#scroll { 
position:absolute;
visibility: hidden;
font-size: 12px;
top:0; 
bottom:-0.1px; 
width:1em; 
z-index:-1; 
}