/* P3 Database CSS Document */
/* Author: rachid lamtabbet */

body{
	padding:0; margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: normal;
	}

div, p, h1, h2, h3, ul, img{
	padding:0; margin:0;
	}

ul{
	list-style-type:none;
	}

img {
	border: 0px;
	}

input, select{
	padding : 2px 0px 2px 2px;
	background-color : #fff;
	color : #949393;
	border: 0.1em;
	border-color: #7E9FDA !important;
	border-style: solid;
	font-family : tahoma, sans-serif;
	font-size : 11px;
	font-weight : bold;
	width: 160px;
	text-align: left;
	}

input {	
	width: 160px;
	}
	
select {	
	width: 165px;
	padding : 0 0 0 2px;
	}
	
textarea { 
	height: 100px;
	border: 0.1em;
	border-color: #7E9FDA !important;
	border-style: solid;
}

input.submit {
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 2px;
	width : 60px;
	height : 20px;
	float : right;
	display: block;
	border : none;
	cursor : pointer;
	background:url(images/submit.gif) 0 0 no-repeat #ccc;
	border:none;
	color: #fff;
	text-align: center;
	}

input.button{
	background-color : #feeccf;
	color : #847543;
	border : #333 1px solid;
	text-align:center;
	}

input.submit-long {
	margin: 0px;
	padding-top:0px;
	width : 150px;
	height : 20px;
	float : right;
	display:block;
	border : none;
	cursor : pointer;
	background:url(images/submit-2.gif) 0 0 no-repeat #ccc;
	border:none;
	color:#fff;
	text-align:center;
	}

label {
	color : #555;
	font-family : tahoma, sans-serif;
	font-size : 11px;
	font-weight : bold;
	background: none;
}

.label {
	font-family : tahoma, sans-serif;
	font-weight : bold;
}

.checkboxes {
	padding: 8px;
	border: 1px solid #a29687;
}

.checkboxes input {
	width: auto;
	height: auto;
	padding : 2px 0px 2px 2px;
	vertical-align: middle; 
	background: none;
	color : #949393;
	border : none;
}

.boxes {
	padding : 2px 0px 2px 2px;
	vertical-align: middle; 
	background: none;
	color : #949393;
	border : none;
	width: auto;
}

.checkboxes input.submit-long {
	margin: 0px;
	padding-top:0px;
	width : 150px;
	height : 20px;
	float : right;
	display: block;
	border : none;
	cursor : pointer;
	background:url(images/submit-2.gif) 0 0 no-repeat #ccc;
	border:none;
	color:#fff;
	text-align:center;
	}

input.exept {
	padding : 2px 0px 2px 2px;
	background-color : #fff;
	color : #949393;
	border : #D7D7D7 1px solid;
	font-family : tahoma, sans-serif;
	font-size : 11px;
	font-weight : bold;
	width: 160px;
	text-align: left;
	}

fieldset {
	margin-top: 2px;
	padding-bottom : 10px;
	padding-left: 20px;
	margin: 0;
}


legend {
	border: 1px solid #7E9FDA;
	background: #eaeeee;
	padding: 1px 3px 2px 3px;
	top: -8px;
}

legend a {
	font-size: .8em;
}

.underdashed-text {
	border-bottom: 1px solid #999999;
	font-size: 12px;
	padding: 5px 5px 0px 15px;;
	background-image: url(images/search-graphic.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	font-weight: bold;
	width: auto;
}

tr.accepted_row input {
	border: none;
	background-color: transparent;
}

tr.accepted_row input.deletebutton {
	border: 1px solid black !important;
}

td { 
	vertical-align: top;
	text-align: left;
}

div.note {
	width: 738px;
	font-size: .8em;
	color: #333;
	text-align: justify;
	background-color: #eaeeee;
	padding: 3px 10px;
	clear: both;
}

div#disclaimer {
	width: 738px;
	font-size: .8em;
	color: #fff;
	text-align: justify;
	background-color: #9D0A0E;
	padding: 3px 10px;
	clear: both;
}


acronym {
	cursor: help;
	}

a, a:hover {
	text-decoration: none;
	}

a:link {
	color: #0066cc;
	}

a:visited {
	color: #718dab;
	}


.clearthis {
	margin : 0px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	}

/*--- HEADER ---*/

#main_header{
	width:100%;
	margin:0 auto;
	background:url(images/top-bg.gif) repeat-x #c8b9a6 top left;
	color: black;
	height:200px;
	}

#main_header #header{
	width:760px;
	margin:0 auto;
	background:url(images/epa-bg.gif) no-repeat #feeccf top left;
	color:#333;
	height:200px;
	position:relative;
	}

#main_header #header ul.title{
	background:url(images/title-bg.gif) no-repeat #c8b9a6;
	color:#5d5024;
	display:block;
	position:absolute;
	height:35px;
	width:100%;
	margin:0;
	padding:0;
	/*z-index:-1;*/
	top:3px;
	left:0px;
	}

#main_header #header ul.title li.texto {
	color:#333;
	font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	width:350px;
	margin: 0;
	padding: 12px 15px;
	}
	
/* info bar */
#main_header #header ul.info{
	color:#5d5024; 
	display:block;
	font-size:9px;
	height:20px;
	width:508px;
	padding:7px 0 0 2px;
	position:absolute;
	z-index:1000;
	top:5px;
	left:234px;
	margin:0;
	}
#main_header #header ul.info img{
	display:block;
	border: none;
	position:absolute;
	top:4px;
	left:513px;
	margin:0;
	}

#main_header #header ul.info li{
	text-align:right;
	width:508px;
	color:#5D5024;
	margin:0; 
	padding:0;
	text-transform:uppercase;
	font-weight:normal;
	}
	
#main_header #header ul.info li a{
	text-decoration:underline;
	}
	
#main_header #header ul.info li a.login{
	color:#e5f4ff; 
	font-size:9px; 
	font-weight:normal;
	text-transform:uppercase; 
	text-decoration:none;
	text-indent:0px;
	margin:0;
	padding:0 0 0 6px;
	}
/* ---------------*/

#main_header #header img{
	position:absolute;
	left:6px;
	top:45px;
	display:block;
	border:2px groove #fcfcfc;
	}

#main_header #header #logo{
	position:absolute;
	left:25px;
	top:53px;
	display:block;
	border:none;
	height:100px;
	width:100px;
	}

#main_header #header ul.nav{
	width: 740px;
	position:absolute;
	display:block;
	top:173px;
	left:80px;
	padding:0;
	margin:0;
	background:none;
	}

#main_header #header ul.nav li{
	background:url(images/saparation.gif) no-repeat right;
	height:22px;
	padding:0 14px 0 5px;
	margin:0;
	display:block;
	float:left;
	}

#main_header #header ul.nav li.li{
	background:none;
	height:22px;
	padding:0 14px 0 5px;
	margin:0;
	display:block;
	float:left;
	}

#main_header #header ul.nav li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#847543;
	text-decoration:none;
	text-indent:0px;
	padding:0 0 0 15px;
	font-weight:bold;
	margin:0; width: 100%;
	}

#main_header #header ul.nav li a.current{
	background:url(images/arrow-red.gif) no-repeat 2px 45%;
	}

#main_header #header ul.nav li a:hover{
	background:url(images/arrow-green.gif) no-repeat 2px 45%;
	}

/*--- /HEADER ---*/

/*--- MAIN BODY ---*/

#main_body{
	width:100%;
	background:#fff;
	color:#000;
	}

#page_wrapper {
	margin : 0px auto;
	padding: 0;
	width : 760px;
	text-align : justify;
	display : block;
	clear : both;
	}

.border_box {
	clear : both;
	float : none;
	margin-top : 5px;
	border : 1px solid #a29687;
	}

#page_wrapper h2{
	font:14px/16px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	color:#847543;
	margin:1px 0 5px 35px;
	font-weight:bolder;
	background-color: white;
	display:block;
	}

#page_wrapper p.welcome {
	background:url(images/logo.jpg) no-repeat white;
	color:black;
	padding:0 10px 0 100px;
	margin:0 0 0 40px;
	width:540px;
	display:block;
	font:13px/17px Verdana, Arial, Helvetica, sans-serif;
	}

#page_wrapper p span{
	color:#847543;
	font-weight:bold;
	background-color: white;
	}

#auth_form{
	padding:0px;
	margin:0;
	}

#auth_form h2{
	width:100%;
	height:20px;
	background: #feeccf;
	font-size: 12px;
	border-bottom: #A2B565 1px solid;
	margin:0;
	padding-top:5px;
	}

#auth_form td.label{
	width:125px;
	text-align: right;
	color:#847543;
	}

#auth_form input{
	width:155px;
	height:14px;
	margin-right:56px;
	}

#auth_form input.submit{
	width:60px;
	height:20px;
	margin-top:2px;
	margin-bottom:0px;

	}
/* navbar */
#navbar {
	border-left: 1px solid #a29687;
	border-bottom: 1px solid #a29687;
	background: #cfcfcf;
	float: right;
	font-size: .9em;
	width: auto;
	padding: 2px 4px 2px 4px;
	margin: 0;
}

#navbar input {
	height: .8em;
	vertical-align: middle;
	font-size: 1em;
	
}

#navbar a {
	text-decoration: underline;
}
/*--------------*/
.center{
	width:350px;
	margin: 0 auto;   /* align for good browsers */
	text-align: center; /* counter the body center */
}

#page_maincol {
	margin : 0px;
	width : 100%;
	float : left;
	}

/* Main Column Style */

#maincol_top {
	margin-top : 8px;
	width : 100%;
	height : 170px;
	overflow : hidden;
	}

#maincol_top h2 {
    font-size : 11px;
	height : 18px;
	padding : 5px 15px;
   	margin: 0px;
    background-color : #feeccf;
    background-image: url(images/arrow.gif);
	background-repeat: no-repeat;
	background-position: center left;
	border-top : 1px solid #a29687;
	border-bottom : #A2B565 1px solid;
	}

#maincol_top .sideimg {
	position : absolute;
	/*background : url(images/logo.jpg) no-repeat bottom left;*/
	width : 88px;
	height : 88px;
	}

#maincol_top .content {
	position : absolute;
	width : 720px;
	margin-left : 30px;
	padding : 0px;
	}

#maincol_top .content p {
	color : black;
	font-size : 12px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding : 5px;
	line-height : 14px;
	text-indent: 15px;
	}

#maincol_top a {
	color : #333;
	font-weight : bold;
	text-decoration : none;
	}

#maincol_top a:hover {
	text-decoration : underline;
	}

#maincol_btm {
	width : 100%;
	overflow : hidden;
	}

#maincol_btm .content h2 {
    font-size : 11px;
	background-color : #feeccf;
	border-bottom : #A2B565 1px solid;
	margin:0;
	padding:2px 5px;
	}

#maincol_btm .content {
	width : 100%;
	amrgin:0;
	padding : 0px;

	}

#maincol_btm .content p{
	color : black;
	font-size : 12px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	padding : 6px 6px;
	line-height : 14px;
	text-indent: 15px;
	}

/*--- TOOLBOX ---*/

.toolbox-main {
	background: #fff;
	margin-left: 0px;
	padding: 10px 6px;
	font-size : 12px;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height: auto;
	/* float: right;
	clear: none;
	*/
	}

.breadcrumbs {
	font:11px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	height : 18px;
	padding : 2px 5px;
   	margin: 0px;
    background-color : #feeccf;
	border-bottom : #A2B565 1px solid;
	}

.footer {
	clear: both;
	}

/* DOCUMENT VIEWER */

img {
	vertical-align: middle;
	border: none;
	}

/* DOCUMENT VIEWER */

img {
	vertical-align: middle;
	border: none;
	}

iframe {
	border: 1px solid #cfcfcf;
	margin: 0;
	padding:0;
	height: 600px;
	width: 100%;
	}

.toolbar {
	background-color: #fff;
	height: 2em;
}

.header {
	height: 2em;
	background: #fff;
	}

.tool {
	padding: .3em 1em .2em 1em;
	}

.tool-alignleft {
	float: left;
	clear: none;
	vertical-align: bottom;
	}

.tool-alignright {
	float: right;
	clear: none;
	vertical-align: bottom;
	}

/*--- TABVIEW ---*/

div.TabView div.Tabs {
    	height: 22px;
    	overflow: hidden;
    	font-size: 11px;
	}

div.TabView div.Tabs a {
    float: left;
	display: block;
	text-align: center;
	height: 22px;
	padding: 3px 6px;
	margin: 0 1px;
	vertical-align: middle;
	border: 1px solid #c0c0c0;
	border-bottom: 0 none #c0c0c0;
	text-decoration: none;
	font-family: "Arial", Serif;
	font-weight: bold;
	color: #000080;
	}

div.TabView div.Tabs a:hover, div.TabView div.Tabs a.Active {
	background-color: #eaeeee;
	}

div.TabView div.Pages {
    	clear: both;
    	border: 1px solid #c0c0c0;
    	background-color: #eaeeee;
    	overflow: hidden;
	}

div.TabView div.Pages div.Page {
    	height: 100%;
    	padding: 0;
    	overflow: hidden;
	}

div.TabView div.Pages div.Page div.Pad {
    	padding: 15px 20px;
	}

/*--- /TABVIEW ---*/

/*---  IMGBG ---*/
img.thumb {
	position: relative;
	top: -2px;
	background: url('images/frame.gif') no-repeat;
	width: 88px;
	height: 66px;
	padding: 4px;
	float: left;
	margin: 0px 14px 3px 0px;
	}

/*--- FOOTER ---*/

#page_spacing {
	clear : both;
	float : none;
	border-top : #fff 5px solid;
	}

#main_footer{
	width:100%;
	margin:0 auto;
	color: black;
	height:60px;
	}

#footer {
	width:758px;
	height:50px;
	background:url(images/footer-bg.gif) repeat-x #feeccf;
    	margin:0 auto;
	position:relative;
	border-bottom: 1px solid #a29687;
	border-left: 1px solid #a29687;
	border-right: 1px solid #a29687;
	}

#footer ul{
	width:560px;
	display:block;
	list-style-type:none;
	margin:15px auto;
	position:absolute;
	left: 130px;
	}

#footer ul li{
	display:block;
	float:left;
	}

#footer ul li a{
	font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#847543;
	background-color:#feeccf;
	text-decoration:none;
	margin:0 16px 0 16px;
	}

#footer ul li a:hover{
	text-decoration:underline;
	}

#footer ul li a.copyright:hover{
	text-decoration:none;
	}

/*--- /FOOTER ---*/