/* layout.css */


/* CCS sections Layout */
#top_bandeau {  
	position: absolute;  left: 0; top: 0; 
	background-image: url(bandeau_background.jpg); background-repeat: repeat-x; 
	padding: 0; margin: 0; width: 100%; 
}
#top_navigation {
	position: absolute;	left: 0; top: 46px; width: 100%; height: 32px;
	background: #eff;
	border-bottom: 1px solid #cccccc;
}

#left_navi { 
	z-index: 1; position: absolute; left: 0px; top: 78px; width: 160px; 
	background-color: #eee; 
	border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
}
#content { 
	position: absolute; left: 0px; top: 78px;
	border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
	padding-left: 165px; padding-right: 2px; padding-top: 2px;
	min-width: 82%; 
	
} 
#content_wide { 
	position: absolute; left: 0px; top: 78px;
	border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
	padding-left: 2px; padding-right: 2px; padding-top: 2px;
	min-width: 98%; 
} 

#left_cmd { 
	z-index: 1; position: absolute; left: 0px; top: 78px; width: 240px; 
	background-color: #eee; 
	border-top: 1px solid #cccccc; border-right: 1px solid #cccccc;
	padding-top: 2px;
}
#content_cmd { 
	position: absolute; left: 0px; top: 78px;
	border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; 
	padding-left: 245px; padding-right: 2px; padding-top: 2px;
	min-width: 75%; 
	
} 


/* presentation classes */
.top_menu {	position: absolute; top: 26px; right: 0px; padding-left: 20px; text-align: right; color: #8ff;}
.top_menu table { border-collapse: collapse; }
.top_menu td {font-size: 9pt; padding-left: 4px; padding-right: 4px; color: #8ff; border: 1px solid #666; }
.top_menu td:hover { background: #337; color: #ff8; }
.top_menu a { font-size: 9pt; }
.top_menu a:link { color: #8ff; text-decoration: none;}
.top_menu a:visited { color: #7ee; text-decoration: none; }
.top_menu a:hover { color: #ff8; background: #337; text-decoration: none;}

.body_padded { padding: 5px; border: 1px solid #acf; font-size: 9pt; }

.top_navi { margin: 0px; padding: 0px; border: 0px; font-size: 9pt;}
.top_navi td { padding-left: 4px; padding-right: 4px; vertical-align: top; }
.top_navi a { font-weight: bold; }
.top_navi a:link { color: #00a; font-size: 9pt; }
.top_navi a:visited { color: #00a; }
.top_navi a:hover { color: #f00; }
.top_navi input { font-size: 9pt; }

td.td_underline {margin: 0; padding: 15px; border: 1px solid #bdf; }

td.td_border1_txt {
		margin: 0; padding: 5px; 
		border-width: 1px 1px 0px 0px; border-style: solid; border-color: #bdf; 
		font-size: 9pt; vertical-align: middle; text-align: left;
}

td.td_border1_img {
		margin: 0; padding: 0px; 
		border-width: 1px 1px 0px 0px; border-style: solid; border-color: #bdf;
		vertical-align: middle; text-align: center;
}

img.img_border0 {border-width: 0px;  }
a.a_blue { color: #00a; font-size: 9pt; font-weight: bold; }

.cart_sub { position: relative; top: 5px; left: 5px; width: 150px; height: 72px;} 
.cart_sub th {margin: 0px; padding: 2px; border: 1px solid #aaa; background: #f57; font-size: 9pt; text-align: center;}
.menuhead {color: #fff; background: #3d84cc; font-size: 10pt; text-align: center;}

input.bluebutton {
	vertical-align: middle; text-align: center;
	 color: #fff; background: #17b; 
	padding: 2px;  border: 2px outset #08d;
	font-family: Arial,"Adobe Helvetica",sans-serif; font-size: 9pt; font-weight: bold;
	}

a.bluebutton {
	/* color: #fff; background: #97b; */
	 padding: 4px 10px 4px 10px; 
	border: 2px outset #08d;
	vertical-align: middle; text-align: center;
	font-family: Arial,"Adobe Helvetica", sans-serif; font-size: 9pt; font-weight: bold;
	}
a.bluebutton:link { color: #fff;  background: #17b; text-decoration: none;}
a.bluebutton:visited { color: #fff;  background: #17b; text-decoration: none;}
a.bluebutton:hover { color: #ff0;  background: #17b; text-decoration: none;}

td.vir_preprint { color: #700; background: #fa8; font-family: inherit; font-size: 8pt; padding-left: 3px; padding-right: 3px;}

td.vir_usertext { color: #000; background: #fff; font-family: inherit; font-size: 9pt; font-weight: bold; padding-left: 3px; padding-right: 3px;}


/* CCS menu styles */
.menu { position: relative; top: 0px; left: 5px; font-family: Tahoma,Arial,"Adobe Helvetica",sans-serif; font-size: 8pt;}
.menu ul { margin: 0; padding: 0; list-style: none;width: 150px; border: 1px solid #aaa; } 
.menu ul li { position: relative; left: 0px; border-bottom: 0px solid #aaa; display: block; } 
.menu li ul { position: absolute; z-index: 2; left: 148px; top: -1px;  margin: 0; padding: 0; list-style: none; display: block; visibility: hidden; width: 200px;} 
.menu li:hover>ul { visibility:visible; }
.menu h2 {margin: 5px 0 0 0; padding: 0px; width: 150px; border: 1px solid #aaa; background: #3D84CC; color: #fff; text-align: center; font-size: 10pt;}

.menuup { position: relative; top: 0px; left: 5px; font-family: Tahoma,Arial,"Adobe Helvetica",sans-serif; font-size: 8pt; }
.menuup ul { margin: 0; padding: 0; list-style: none; width: 150px; border: 1px solid #aaa; } 
.menuup ul li { position: relative; left: 0px; border-bottom: 0px solid #aaa; display: block; } 
.menuup li ul { position: absolute; z-index: 2; left: 148px; bottom: -3px; margin: 0; padding: 0; list-style: none; display: block; visibility: hidden; width: 200px;} 
.menuup li:hover>ul { visibility:visible; }
.menuup h2 {margin: 5px 0 0 0; padding: 0px; width: 150px; border: 1px solid #aaa; background: #3D84CC; color: #fff; text-align: center; font-size: 10pt;}

/* Fix IE. Hide from IE Mac \*/ 
* html .menu ul li { float: left; height: 1%; } 
* html .menu ul li a { height: 1%; } 
* html .menuup ul li { float: left; height: 1%; } 
* html .menuup ul li a { height: 1%; } 
/* End */

/* Make-up styles */ 
.menu ul, li { margin: 0 0 0 0; } 
.menuup ul, li { margin: 0 0 0 0; } 
/* Styles for Menu Items */ 
.menu a:visited { color: #004 ;	} /* for IE use same color as ul a */
.menu ul a { display: block; text-decoration: none; color: #004; background: #def; padding: 3px; border: 1px solid #aaa; border-bottom: 0; } 
.menuup a:visited { color: #004 ;	} /* for IE use same color as ul a */
.menuup ul a { display: block; text-decoration: none; color: #004; background: #def; padding: 3px; border: 1px solid #aaa; border-bottom: 0; } 
/* Hover Styles */ 
.menu ul a:hover { color: #903; background: #bcf; } 
.menuup ul a:hover { color: #813; background: #bcf; } 
/* Sub Menu Styles */ 
.menu li ul a { display: block; text-decoration: none; color: #004; background: #cff;  padding: 3px; border: 1px solid #aaa; border-bottom: 0; } 
.menuup li ul a { display: block; text-decoration: none; color: #004; background: #cff;  padding: 3px; border: 1px solid #aaa; border-bottom: 0; } 
/* Sub Menu Hover Styles */ 
.menu li ul a:hover { color: #802; background: #bcf; }
.menuup li ul a:hover { color: #813; background: #bcf; }
/* Icon Styles */ 
.menu ul a.submenu {background-image:url("r_arrow.gif"); background-repeat: no-repeat; background-position: right; } 
.menuup ul a.submenu {background-image:url("r_arrow.gif"); background-repeat: no-repeat; background-position: right; }