@import url("../principal.css");
body{
	font-family:  Arial,Verdana, Tahoma, "Trebuchet MS",Helvetica, sans-serif;
}
#masqueGeneral,#submitbouton{
	display:none;
}
#contenu{
	background:#DDDDDD;
	padding-top:10px;
}

#banniere .publicite{
	text-align:left;
	width:468px;
	height:60px;
	margin:5px;
	margin-top:16px;
	margin-top:0px;
	margin-left:312px;
}
#annonceur,#listePublic, #listeAdmin, #listeGoogle,#listeAdministrateur {
	border-style: solid;
    border-color: yellow;
    border-width: 0px;
	margin-left:0px;
	background-color:#EEEEEE;
	color:#444444;
	width:800px;

}

#listePublic, #listeAdmin, #listeGoogle,#listeAdministrateur {
	height:550px;


}
#listeAdministrateur {
	height:100%;
}


#info{
	border: solid 1px #009;
	width:480px;
	margin-left:100px;
	background:#DDD;
	padding:10px;
	color:#338;
	margin-top:100px;
}

#alerte{
	border: solid 1px #009;
	width:480px;
	margin-left:100px;
	background:yellow;
	color:red;	
	margin-top:100px;
}

#flashProduits {
	margin-bottom:0px;
	margin-top:10px;
	margin-left:110px;
	width:550px;
	height:75px;
}
#annonceur #raisonSociale,#annonceur #adresse,#annonceur #contact{
	float:right ;
	margin:5px;
	width:620px;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	background-color:#F5F5DC;
	font-size:14pt;
	text-align:center;
	font-style:italic;
}
#annonceur #adresse,#annonceur #contact{
	float:right;	
	width:295px;
	height:105px;
	text-align:left;
	font-size:10pt;
	padding:5px;
	font-style:normal;
	margin-left:2px;
	background-color:#DDDDDD;
}
#annonceur #adresse p,#annonceur #contact p{
	margin:2px;
}
#annonceur #adresse{
	padding-top:20px;
	height:90px;
}

#annonceur #raisonSociale .detail{
	display:none;
}
#annonceur #contact .contacter{
	width:100%;
	font-weight:bold;
	text-align:center;
	margin:0px;
	margin-top:5px;	
	margin-bottom:5px;
	/* font-style:italic; */
}
#annonceur #adresse .zip, #annonceur #adresse .ville{
	display:inline;
}
.telephone, .fax, .email{
	float:left;
	width:100%;
	margin-bottom:7px;
}
.contactLabel{
	display:inline;
	float:left;
	width:40%;
	font-size:8pt;
	font-style:italic;
	text-decoration:underline;
}
.contactContenu{
	float:left;
	font-size:10pt;
	font-weight:bold;
	text-align:center;
	}
.email .contactContenu{
	width:100%;
}
#siteInternet,#siteCommande{
	text-align:center;

	height:20px;
	padding:5px;
}
#annonceur #logo{
	margin:5px ;
	float:left ;
}
#annonceur #separation{
	clear:both;
	

}
#annonceur .descriptif,#annonceur .descriptifCourt{
	clear:both;
	margin:5px;
	padding:5px;
	border-style: solid;
    border-color: #FF8C00;
    border-width: 1px 1px 1px 1px;
	font-size:9pt;
	background-color:#DDDDDD;

	}
#annonceur .descriptifCourt{
	height:100px;
	overflow:hidden;
}
#annonceur .siteInternet .contactContenu{
	text-align:center;
}
#annonceur .publicite{
	margin-left:166px;
	margin-top: 50px;
	height:60px;
	width:468px;
}

#accesRepertoire, #indexSite, #deposerMessage{
	float:right;
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
	text-decoration:underline;
	font-style:italic;
}


	#listePublic #annonceurAdmin #adresse,#listePublic #annonceurAdmin #contact,#listePublic #annonceurAdmin #descriptif,
	#listePublic #annonceurAdmin #logo,#listePublic #annonceurAdmin #accesRepertoire,#listePublic #annonceurAdmin #indexSite,
	#listePublic #annonceurAdmin .descriptif,#listePublic #annonceurAdmin #separation
	{
		display:none;
	}
	#listePublic h1{
		color:midnightblue ;
		font-size:14pt;
		margin:5px;
	}
#listePublic #liste{
		background: #EEE url(images/liste_annuaire_fonds.png) ;
		width:795px;
	}
#listePublic #liste #annonceurAdmin{
		float:left;
		width:740px;
		height:48px;
		margin:0px;
		padding:0px;
		padding-left:15px;
		background:  #EEE url(images/liste_annuaire_fiche.png)  no-repeat ;
		cursor:pointer; 
	}
#corps #listePublic #liste .divPublicite{
		clear:left;
		margin-top:0px;			
		padding-top:16px;
		padding-left:174px;	
		width:550px;
		height:80px;
		background: url(images/liste_annuaire_publicite.png)  no-repeat;
	}


#listePublic #liste #annonceurAdmin #raisonSociale{
		float:left;
		margin:0px;
		margin-left:10px;
		padding-left:20px;
		padding-top:16px;
		border-style: none;
		font-size:11pt;
		text-align:left;
		font-style:italic;
		font-weight:bold;
		color:#228 ;
	}
	#listePublic #liste #aucuneSelection{
		width:500px;
		height:80px;
		margin-left:150px;
		background:yellow;
		color:red;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
		padding-top:50px;
	}
#listePublic #selection{
	padding-left:10px;
	overflow:hidden;
	background:#EEE url(images/liste_annuaire_fonds.png) ;
	width:786px;
	margin-top:15px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 2px;	
	}

	.lettreRecherche{
		cursor:pointer;
		font-weight:bold;
		margin-left:3px;
	}
	#listePublic #selection #titre{
		display:block;
	
	}
	#listePublic #selection #selectionAlphabetique{
		float:left;
		margin-left:0px;
		padding-left:0px;
		border-style: none;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:left;
		width:700px;
		margin-bottom:15px;

			}
	#listePublic #selection #actionAnnuaire{
		cursor:pointer;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		float:right;
		width:200px;
		height:75px;
		margin-right:40px;
		text-align:center;	
		font-size:95%;
		padding:5px;
		background:navy url(images/actionAnnuaire.png);
			}
	#listePublic #selection #explication{
	text-align:center;
	cursor:pointer;
	color:#EEE;
	}
	#listePublic #selection #titre{
		color:navy;
		margin-bottom:10px;
		font-size:120%;
	}	
	#listePublic #selection #recherchebouton a{
		display:block;	
		height:30px;
		width:90%;
		text-decoration:none;
	}
	#listePublic #selection #recherchebouton .texte{
	    display:block;

		font-size:100%;
		text-align:center;
		margin:5px;
		padding:5px;
		color:yellow;
		text-decoration:none;
	}
	

	#listePublic #selection .condition{
		margin-bottom:6px;

		margin-top:6px;
	}

	#listePublic #selection .libelleChoix {
		float:left;
		width:170px;

	}
	#listePublic #selection .libelleChoix1 {
		float:left;
		width:144px;
		margin-left:26px;

	}
		#listePublic #liste #annonceurAdmin .descriptifCourt{
		display:none;
		float:left;
		width:680px;
		height:59px;
		margin-left:5px;
		overflow:hidden;
		text-align:justify;
	}
	 #listePublic #liste  #annonceurAdmin #raisonSociale .detail{	
		display:none;

	}
	
	#listeAdmin #annonceurAdmin #adresse,#listeAdmin #annonceurAdmin #contact,#listeAdmin #annonceurAdmin #descriptif,
	#listeAdmin #annonceurAdmin #logo,#listeAdmin #annonceurAdmin #accesRepertoire,#listeAdmin #annonceurAdmin #indexSite,
	#listeAdmin #annonceurAdmin .descriptif,#listeAdmin #annonceurAdmin #separation,#listeAdmin #annonceurAdmin #administratif
	{
		display:none;
	}
	#listeAdmin h1{
		color:midnightblue ;
		font-size:14pt;
		margin:5px;
	}
	#listeAdmin #annonceurAdmin{
		background:#EEEEEE;
		float:left;
		width:250px;
		margin:3px;
		padding:0px;
	}
	#listeAdmin #annonceurAdmin #listeContrats{
		float:right;
		margin:0px;
		padding-left:2px;
		padding-top:4px;
		font-size:11pt;
		text-align:left;
		font-style:italic;
		font-weight:bold;
		width:29px;
		height:24px;
		background:  #DDDDDD url(listeContrats.gif)  no-repeat 0px 0px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 0px;
		cursor:pointer;		
	}
	#listeAdmin #annonceurAdmin #raisonSociale{
		float:left;
		margin:0px;
		padding-left:2px;
		padding-top:4px;
		border-style: none;
		font-size:9pt;
		text-align:left;
		font-style:italic;
		width:214px;		
		background:  #DDDDDD url(ficheClient.gif)  no-repeat 185px 0px;
		height:24px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 0px 1px 1px;
		cursor:pointer;
	}
	

	 #listeAdmin #annonceurAdmin #raisonSociale .detail{	
		display:none;
	}
	#listeAdmin #annonceurAdmin #modification{
		display:none;	
	}
	
	#listeAdministrateur #annonceurAdmin {
		width:100%;
	}
	#listeAdmin{
		overflow:auto;
	}	
	#listeAdministrateur #annonceurAdmin #contact,#listeAdministrateur #annonceurAdmin #descriptif,
	#listeAdministrateur #annonceurAdmin #logo,#listeAdministrateur #annonceurAdmin #accesRepertoire,#listeAdministrateur #annonceurAdmin #indexSite,
	#listeAdministrateur #annonceurAdmin .descriptif,#listeAdministrateur #annonceurAdmin #separation
	{
		display:none;
	}
	#listeAdministrateur #annonceurAdmin{
		border-top: 2px solid navy;
	}
	 #listeAdministrateur #annonceurAdmin #raisonSociale .detail{	
		display:none;
	}
	#listeAdministrateur #annonceurAdmin #raisonSociale{
		font-weight:bold;
		font-style:italic;
		font-size:115%;
		cursor:pointer;
	}
	#listeAdministrateur #annonceurAdmin #raisonSociale,
	#listeAdministrateur #annonceurAdmin #adresse{
		width:300px;
		margin-left:5px;
		margin-top:5px;
		float:left;
	}
	#listeAdministrateur #annonceurAdmin #adresse .rue,
	#listeAdministrateur #annonceurAdmin #adresse .zip,
	#listeAdministrateur #annonceurAdmin #adresse .ville{
		margin:0px;
	}
	#listeAdministrateur #annonceurAdmin #adresse{
		clear:left;
	}
	#listeAdministrateur #annonceurAdmin #administratif{
		float:left;
		width:300px;
		margin-left:5px;
		margin-top:5px;
		padding-top:10px;
	}
	#listeAdministrateur #annonceurAdmin #administratif .contact,
	#listeAdministrateur #annonceurAdmin #administratif .telephone,
	#listeAdministrateur #annonceurAdmin #administratif .email{
		margin:0px;
	}
	#listeAdministrateur #annonceurAdmin #modification{
		float:left;
		width:90px;
		margin-left:5px;
		margin-top:5px;

	}
	#listeAdministrateur #annonceurAdmin #administratif .telephoneLabel,
	#listeAdministrateur #annonceurAdmin #administratif .emailLabel
		{
		display:none;
		}
	#listeAdministrateur #annonceurAdmin #adresse .pays {
		display:none;
	}	
	#listeAdministrateur #annonceurAdmin #adresse .zip, 
	#listeAdministrateur #annonceurAdmin #adresse .ville{
		display:inline;
		margin-right:5px;
	}
#annnuaireListeContratClient_table, #annnuaireContratClient_table{
		margin-left: auto; 
		margin-right: auto;
		margin-top:15px;
		background:#FAFAD2;		
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
	}
#annnuaireContratClient_table{
		width:290px;
}

#annnuaireListeContratClient_table  #ajoutContrat{
		float:right;
	}
#annnuaireContratClient_table .nature{
		float:left;
		width:140px;
	}
#annnuaireContratClient_table .natureLabel{
		width:135px;
		text-align:left;
	}
	#annnuaireListeContratClient_table th, #annnuaireContratClient_table th{
		font-size:200%;
		padding:7px;
	}
	#annnuaireListeContratClient_table td{
		width:16%;
	}
	#annnuaireListeContratClient_table .echu{
		font-style:italic;
		color:#333333;
		font-size:90%;
	}	
	#annnuaireListeContratClient_table  .rnvltTexte{
		color:#B22222;
		}
	#texteExplication{
		margin-top:20px;
		margin-left:auto;
		margin-right:auto;
		width:600px;
		padding:10px;
		border-style: solid;
		border-color: #CCCCCC;
		border-width: 1px 1px 1px 1px;
		text-align:center;
	}
	#listeGoogle #annonceurAdmin{
		float:left;
		width:32%;
		height:100px;
		margin-left:2px;
		margin-right:2px;
		overflow:hidden;
		}
	
	#listeGoogle #annonceurAdmin #adresse,#listeGoogle #annonceurAdmin #contact,#listeGoogle #annonceurAdmin #descriptif,
	#listeGoogle #annonceurAdmin #logo,#listeGoogle #annonceurAdmin #accesRepertoire,#listeGoogle #annonceurAdmin #indexSite,
	#listeGoogle #annonceurAdmin #separation,#listeGoogle #annonceurAdmin #administratif
	
	{
		display:none;
	}
	#listeGoogle #annonceurAdmin #raisonSociale{
		text-align:center;
		font-weight:bold;
		background:#DDDDDD;
		padding:2px;
	}
	#listeGoogle #annonceurAdmin .descriptif{
		margin-left:10px ;
		font-size:7px;
	}
	#annnuaireModif{
	padding:5px;
	background:#F5F5F5;
	width:790px;
	height:550px;
	font-size:9pt;
	}
.panneauAnnuaire, .panneauListeAnnuaire{
	background:#EAECEB ;
	width:720px;
	z-index:7;
	position:absolute;
	top:130px;
	left:0px;
	padding-left:5px;
	padding-top:5px;
	height:450px;
	}
.panneauListeAnnuaire{
	top:130px;
	width:780px;
	overflow:auto;		
	}

	.panneauAnnuaire h1{
		font-size:100%;
		font-style:italic;
		text-decoration:underline;
	}
	#annuaire_commande .bouton{
	width:65px;
	margin-top:5px;
	border-style: solid;
    border-color: #FFFFFF navy navy #FFFFFF ;
    border-width: 1px 1px 1px 1px;
	background:#EEEEDD;
	text-align:center;
	font-size:7pt;
	font-style:italic;
	color:midnightblue;
}
	#annuaire_commande{
	float:right;
	}
	#annuaire_modif{
	background:#555555;
	}

	#annnuaireModif .categorie, #selection .categorie{
	float:left;
	width:330px;
	font-family: Tahoma;
}
#annnuaireModif .colonneCategorie, #selection .colonneCategorie{
	float:left;
	width:255px;
	height:250px;
	}
#selection .colonneCategorie{
margin-left:5px;
}
#selection .categorie{
	width:250px;
	padding-top:2px;
	height:23px; min-height:23px;
	}

#annnuaireModif .categorielibelle, #selection .categorielibelle{
	width:250px;
	display:block;
	float:left;
}	

#annnuaireModif .categorielibelle,#selection .categorielibelle{
	width:210px;
}
#annnuaireModif .categorielibelle,#selection .categorielibelle{
	font-size:80%;

}



#onglets{
	height:22px;
	padding:2px;	
	padding-bottom:0px ;
	background:#DADCDC;
}
.onglet, .ongletSelecte, .ongletImpossible{
	float:left;
	width: 96px;
	height:12px;
	padding:5px;
	text-align:center;
	cursor: pointer;
	background:  url(images/onglet.jpg)  no-repeat 0px 3px;
	font-size:7pt;
}
.onglet:hover{
	background:  url(images/ongletSurvol.jpg)  no-repeat 0px 3px;	
	color:midnightblue;
}
.onglet{
	color:#D3D3D3;
}
.ongletSelecte{
	background:  url(images/ongletSelecte.jpg)  no-repeat 0px 3px;
}
.ongletImpossible{		
	cursor:default ;
}


.annonces{
	background:#DDD;
	height:800px;
	}

#annonces,#annuaire{
	background:#DADDCD;
	height:700px;
	padding-top:0px;
	}

#annonces{
	background:#EEE;
	}
#annuaire{
	padding-right:30px;
	padding-left:30px;
	}
#annonces .publicite,#annuaire .publicite{

	width:468px;
	height:60px;
	margin-left:180px;
	margin-top:10px;
}

#annoncesClient .publicite,#annonces .publicite,#annuaire .publicite{
	width:728px;
	height:90px;
	margin-left:35px;
	margin-top:2px;
}
#annuaire .publicite{	
	margin-left:10px;
}
#annonces #deposeAnnonce h1{
	text-align:center;
	margin-top:0px ;
	padding:0px;
	color:#FFF;
}


#annonces #deposeAnnonce{
	padding-left:10px;
	width:390px;
	height:410px;
	float:left;
	padding:20px;
	background:#EEE url(images/annonceGauche.jpg);
	margin:0px;
	padding-top:21px;
	text-align:left;
}
#annonces #deposeAnnonce select{
	color:#800;
	font-size:9pt;
}
#annonces #deposeAnnonce #valider{
	width:80px;
	height:25px;
	background: url(images/annonceFleche.gif) no-repeat top right;
	padding-top:5px;
	cursor:pointer;
}
/* Listes Annonces client */
#annoncesClient {
	background:#FFF;
	padding-top:2px;
	padding-left:2px;
	}
#listeAnnoncesClient {
	height:800px;
	overflow:auto;
	width:795px;
	background:#EEE;
}

#listeAnnoncesClient .titreCategorie{
	width:730px;
	height:20px;
	clear:both;
	font-size:130%;
	border-top:1px;
	padding:10px;
	text-transform : capitalize;
	background: url(images/listeAnnoncesCategorie.jpg);	
	color:#337;
	color:yellow;
	margin-top:15px;	
	margin-left:10px;
	margin-bottom:7px;
}
#listeAnnoncesClient .titreCategorie .enteteCategorie{
	width:300px;
	float:left;
	font-style:italic;
}
#listeAnnoncesClient .titreCategorie .enteteNombre{
	text-align:right;
}

#listeAnnoncesClient .annonce {
	width:352px;
	float:left;
	padding:5px;
	padding-right:20px;	
	padding-left:10px;
	margin: 0px;
	height:150px;
	background: url(images/listeAnnoncesAnnonce.jpg);	
	cursor:pointer;
}
#listeAnnoncesClient .annonce .dateDemande {
	float:right;
	margin-top:10px;
	margin-right:2px;
	font-size:70%;
	color:#FFF;

}
#listeAnnoncesClient .annonce .sujet{
	font-size:110%;	
	margin-left:10px;
	margin-top:3px;
	height:17px;
	font-variant:small-caps;
	color:#FFF;
	font-weight:bold;
}
#listeAnnoncesClient .annonce .region{
	margin-left:10px;
	font-size:90%;
	font-style:italic;
	height:10px;
	color:#FFF;

}
#listeAnnoncesClient .annonce .texte{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:7px;
	height:80px;
	overflow:hidden;
	font-size:80%;

}
#listeAnnoncesClient .annonce .consulter{
	font-style:italic;
	padding-left:10px;	
	margin-top:5px;
	color:#FFF;

}
#listeAnnoncesClient .annonce .nature,#listeAnnoncesClient .annonce .categorie{
	display:none;
}
#listeAnnoncesClient .navigation{
	clear:both;
	padding-left:20px;
	padding-top:10px;
}
#annoncesClient .navigation{
	margin-left:600px;
	font-style:italic;
	font-size:80%;
	padding:0px;
}
/* Listes Annonces client FIN */

/* Listes Annonces administration */

#listeAnnoncesAdministration {
	background:#FFF;
	font-size:85%;
}

#listeAnnoncesAdministration .titreCategorie{
	clear:both;
	font-size:130%;
	border: solid 0px #007 ;
	border-top:1px;
	width:100% ;
	padding:10px;
	text-transform : capitalize;
}
#listeAnnoncesAdministration .titreCategorie .enteteCategorie{
	width:300px;
	float:left;
}
#listeAnnoncesAdministration .titreCategorie .enteteNombre{
	text-align:right;
}

#listeAnnoncesAdministration .annonce {
	float:left;
	padding:5px;
	margin: 5px;
	height:180px;
	background:#BBB;	
	cursor:pointer;
}
#listeAnnoncesAdministration .annonce .dateDemande,#listeAnnoncesAdministration .annonce .etat {
	float:right;
}
#listeAnnoncesAdministration .annonce .sujet{
	width:100%;
	font-size:110%;
	background:#EEE;
}
#listeAnnoncesAdministration .annonce .region{
	width:100%;
	font-size:90%;
	background:#EEE;
	font-style:italic;
}
#listeAnnoncesAdministration .annonce .texte{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:7px;
	height:70px;
	overflow:hidden;
}
#listeAnnoncesAdministration .annonce .demandeur_coordonnees{
	margin-left:10px;
	margin-top:10px;
	margin-bottom:7px;
	height:30px;
	overflow:hidden;
	color:#600;
}
#listeAnnoncesAdministration .annonce .consulter{
	background:#EEE;
	font-style:italic;
	padding-left:10px;
}
#listeAnnoncesAdministration .annonce .nature,#listeAnnoncesClient .annonce .categorie{
	display:none;
}
#listeAnnoncesAdministration .navigation{
	clear:both;
}
/* Listes Annonces listeAnnoncesAdministration FIN */


/*  Explication annonce Client*/
#annonces #explicationAnnonce, #annonces #formReponseAnnonce{
	margin:0px;
	text-align:justify;
	float:left;

	padding:10px;
	height:395px;
	width:340px;
	background:#EEE url(images/annonceDroite.jpg);
	padding-top:45px;
	padding-right:10px;
}
/* Explication annonce client FIN */
#annonces #formReponseAnnonce #formulaireTable{
	font-size:80%;
}
/*  explicationReponseAnnonce*/
#annonces #explicationReponseAnnonce{
	text-align:justify;
	padding:10px;
	margin:10px;
	margin-bottom:0px;
	background:#CDE;
}
/* explicationReponseAnnonce FIN */

/* Listes Detail annonce Client*/
#detailAnnonce {
	width:389px;
	height:410px;
	float:left;
	padding:20px;
	background:#E5F2B8 url(images/annonceGauche.jpg);
	margin:0px;
	padding-top:21px;
}
#detailAnnonce .enteteTable {
	width:100%;

}
#detailAnnonce .sujet {
	text-align:center;
	overflow:hidden;
	font-size:120%;
	font-weight:bold;
	font-variant:small-caps;
	color:#FFF;
}
#detailAnnonce .texte {
	text-align:justify;
	overflow:auto;
	height:150px;
	font-style:italic;
}
#detailAnnonce .demandeur {
	margin-top:10px;
	text-align:justify;
	overflow:hidden;
	height:80px;
}
/* Listes Detail annonce Client FIN */


/*  Administration */

#indexAdmin,#StatistiquesEmplacements,#StatistiquesBandeaux,#AnomalieBandeaux{
	background-color:#ededed;
	padding:5px;
}
#indexAdmin{
	padding:50px;
}
#StatistiquesEmplacements .anomalieBandeau{
	background-color:#ededed;


}
/*  Administration FIN */

#soldeClient{
	background:#AAA;
	padding:5px;
	height:100%;
}

#soldeClient h1{
	font-size:160%;
	border-top:solid 2px navy;
	border-bottom:solid 2px navy;
	background:#EEE;
	padding:3px;
}
#soldeClient h2{
	font-size:130%;
	border-top:solid 1px navy;
	background:#EEE;
	font-style:italic;
	padding:3px;
}
#soldeClient #ticket{
	float:left;
	background:#EEE url(images/ticket.jpg);
	border: solid 1px #888;		
	width:31%;
	
}
#explicationSolde{
	float:right;
	border: solid 1px #888;
	padding:5px;
	height:100%;
	background:#EEE;
	width:515px;
}