﻿/********************************************************************************/
/*            					Balisea paragraphes <p>          		        */
/********************************************************************************/

	p.rouge{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#FF0000;}

/********************************************************************************/
/*            Pour les affichages de positionnement des codes                   */
/********************************************************************************/
	div.PV_Debug{float:left; width:550px; padding-top:10px; font-weight:bold; background-color: yellow;}
	div.PV_Debug strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}
	
	div.Info_Debug{float:left; width:650px; padding-top:10px; padding-left:4px;padding-bottom:10px;font-weight:bold; background-color: green;}
	div.Info_Debug strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}

	div.Warning_Info{float:left; width:450px; padding-top:2px; padding-left:30px;padding-bottom:10px;font-weight:bold; background-color: #fff;}
	div.Warning_Info strong {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FF0000;}
	
	/*
	div.tt_contact a:{color:#c9510b; text-decoration:underline; outline:none;}
	div.tt_contact a:hover{color:#c9510b; text-decoration:underline; outline:none;}
	*/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page Courbes.asp et annexes */ 
/*************************************************************************************************************************************************************************/
	/* toolbox */
	div.toolbox{float:left; position:relative; width:678px; margin:10px 0; background-color:#e2e2e2; z-index:20;}
	
	div.tool{float:left; height:36px; padding:13px 0 0 22px; border-right:1px solid #ccc;}
	
	div.tool_1{margin-left:-10px; width:191px; color:#808080;}
	
	div.tool_2{margin-left:-15px; width:175px; color:#808080;}
	
	div.tool_3{margin-left:-10px; width:106px; padding-left:17px;}
	
	div.tool_4{width:56px;}
	
	/* EM_Ajout 27/06/2012 : specifique pour le Medical Summary "fct-site_PV.asp" */
	div.tool_6{width:110px;}
	
	div.tool_5{margin-left:-10px; width:66px; border-right:none;}
	
	img.ui-datepicker-trigger{border:none; vertical-align:middle;}
	/*YG 6/3/2014 Change Height for date picker from 21 to 23 */
	input.datepicker{width:77px; height:23px; padding-left:6px; background:#f9f7f7; border:1px solid #d8d8d8; border-right:none; color:#0b333c; line-height:21px; vertical-align:middle;}
	
	div.tool input.datepicker{margin-left:6px;}
	
	/*
	  EM_Ajout 20120312 la date de fin de contrat d'une assurance ne peut pas etre dans le passé.
	*/
    /* YG 6/3/2014 Height change from 21 to 23 to solve display issue in insurance information*/
	input.datepickerC{width:70px; height:23px; padding-left:6px; background:#f9f7f7; border:1px solid #d8d8d8; border-right:none; color:#0b333c; line-height:21px; vertical-align:middle;}	
	div.tool input.datepickerC{margin-left:6px;}

	div.box_main div.tool label{width:auto; padding:4px 6px 0 0; color:#0b333c; font-weight:normal; text-align:left;}
	
	div.tool_4 a, 
	div.tool_5 a{background-repeat:no-repeat; background-position:right top; color:#0b333c; line-height:23px;}
	div.tool_4 a:hover, 
	div.tool_5 a:hover{color:#85b512;}
	
	div.tool_4 a{padding-right:31px; background-image:url(/images/bg-picto-pdf.gif);}
	div.tool_5 a{padding-right:21px; background-image:url(/images/bg-picto-print.gif);}
	
	/* EM_Ajout 27/06/2012 : specifique pour le Medical Summary "fct-site_PV.asp" */
	div.tool_6 a{background-repeat:no-repeat; background-position:right top; color:#0b333c; line-height:23px;}
	div.tool_6 a{padding-right:31px; background-image:url(/images/bg-picto-pdf.gif);}
	
	/* valeurs */
	div.values_1{float:left; position:relative; width:303px; z-index:10;}
	
	div.box_main div.values_1 label{width:80px; padding:4px 6px 0 0;}
	
	div.box_main div.values_1 div.champs{width:217px;}
	
	
	div.values_2{float:left; width:280px; height:92px; border:1px solid #e2e2e2; overflow:auto;}
	div.values_2Safari{float:left; width:280px; height:98px; border:1px solid #e2e2e2; overflow:auto;}
	div.values_2Chrome{float:left; width:280px; height:100px; border:1px solid #e2e2e2; overflow:auto;}
	
	div.values_2 ul{float:left; width:263px;}
	
	div.values_2 ul li{float:left; width:239px; padding:4px 12px;}
	
	div.values_2 ul li:hover, 
	div.values_2 ul li.val_selected{background-color:#e6e6e6;}
	
	div.values_2 a{color:#0b333c;}
	
	div.values_2 span{display:block;}
	
	div.values_2 .col_1{float:left;}
	
	div.values_2 .col_2{float:right;}
	
	
	div.values_bt{float:left; width:74px; padding-left:18px;}
	
	div.values_bt a{height:20px; padding-top:6px; margin-bottom:10px; background:url(/images/bg-bt-values.png) no-repeat; color:#0b333c; text-align:center; display:block;}
	div.values_bt a:hover{color:#85b512;}
	
	div.values_bt a.bt_add{width:62px; padding-left:18px; background-position:0px 0px;}
	div.values_bt a.bt_edit{width:60px; padding-left:16px; background-position:0px -26px;}
	div.values_bt a.bt_delete{width:70px; padding-left:14px; margin-bottom:0px; background-position:0px -52px;}
	
	
	/* graph */
	div.graph{float:left; width:676px; margin:10px 0 20px 0; border:1px solid #ccc;}
	
	div.graph img{border:none;}
		
/*************************************************************************************************************************************************************************/
	div.box_main .select_1, 
	div.contentPopin .select_1{width:165px;}
	div.box_info .select_1{width:235px;}
	
	div.box_main .select_2, 
	div.contentPopin .select_2, 
	div.box_info .select_2{width:45px;}
	
	div.box_main .select_3, 
	div.contentPopin .select_3, 
	div.box_info .select_3{width:100px;}

	
	
	
	ul.lk_member li a.lk_1{background-position:0px 0px;}
	ul.lk_member li a.lk_2{background-position:0px -50px;}
	ul.lk_member li a.lk_3{background-position:0px -100px;}
	ul.lk_member li a.lk_4{background-position:0px -150px;}
	ul.lk_member li a.lk_5{background-position:0px -200px;}
	ul.lk_member li a.lk_6{background-position:0px -250px;}
	ul.lk_member li a.lk_7{background-position:0px -300px;}
	ul.lk_member li a.lk_8{background-position:0px -350px;}
	ul.lk_member li a.lk_9{background-position:0px -400px;}
	
	.tab_services1 .td_1{}
	.tab_services1 .td_2{width:300px;}
	.tab_services1 .td_3{text-align:center;}
	.tab_services1 .td_4{text-align:center;}
	.tab_services1 .td_5{}
	.tab_services1 td.td_5{color:#d0540b;}
	.tab_services1 .td_bt{width:10%; align:center;}
	
/*	.tab_services1 td.no_bg{width:115px; padding-left:9px; background:none;}
	
	.tab_services1 .tr_1 td.td_5{background-color:#f0f0f0;}
*/	
	.tab_services2 .td_1{width:10%; align:center;}
	.tab_services2 .td_2{width:205px;}
	.tab_services2 .td_3{width:70px;}
	.tab_services2 td.td_3{width:70px; padding-left:34px; background:url(/images/bg-comment.gif) no-repeat 10px 50%;}	
	.tab_services2 .td_4{width:10%; text-align:center;}
	.tab_services2 .td_bt{width:10%; align:center;}
/*	
	.tab_services2 td.no_bg{width:115px; padding-left:9px; background:none;}
	
	.tab_services2 .tr_1 td.td_5{background-color:#f0f0f0;}
*/
a.bt_terminer span{background:url(/images/bg-bt-cancel.gif) no-repeat right top;}
a.bt_charger span{background:url(/images/bg-submit-changes.gif) no-repeat right top;}
		
	/* nav pv5 Menu à 6 choix */
	ul.nav_pv5 {float:left; width:700px;}
	
	ul.nav_pv5 li{float:left;}
	
	ul.nav_pv5 li a{width:175px; height:38px; padding-top:43px; background-repeat:no-repeat; font-weight:bold; text-align:center; display:block;}
	ul.nav_pv5 li a:hover,
	ul.nav_pv5 li a.lk_on{background-position:left bottom;}
  
	ul.nav_pv5 li a#bt_records{width:118px; background-image:url(/images/bg-bt-records-6.gif);}
	ul.nav_pv5 li a#bt_second{width:116px; background-image:url(/images/bg-bt-second-6.gif);}
	ul.nav_pv5 li a#bt_econsult{width:116px; background-image:url(/images/bg-bt-econsult-6.gif);}
	ul.nav_pv5 li a#bt_calendar{width:116px; background-image:url(/images/bg-bt-calendar-6.gif);}
	ul.nav_pv5 li a#bt_messages-client{width:116px; background-image:url(/images/bg-bt-messages-6.gif);}	
	ul.nav_pv5 li a#bt_stats-client{width:116px; background-image:url(/images/bg-bt-stats-6.gif);}	
	ul.nav_pv5 li a#bt_Education {width:118px; background-image:url(/images/bg-bt-education-6.gif);}
	
	/*EM_Ajout 03:07/2012 : icone pour les renouvellement de souscription */
	ul.nav_pv5 li a#bt_Renouvel{width:116px; background-image:url(/images/bg-bt-renew-6.gif);}
	
	/* administrator   */	
	ul.nav_pv5 li a#bt_user{width:118px; background-image:url(/images/bg-bt-users-6.gif);}
	ul.nav_pv5 li a#bt_groupe{width:116px; background-image:url(/images/bg-bt-groups-6.gif);}
	ul.nav_pv5 li a#bt_client{width:116px; background-image:url(/images/bg-bt-clients-6.gif);}
	ul.nav_pv5 li a#bt_patient{width:116px; background-image:url(/images/bg-bt-patient-6.gif);}
	ul.nav_pv5 li a#bt_messages{width:116px; background-image:url(/images/bg-bt-messages-s6.gif);}
	ul.nav_pv5 li a#bt_stats{width:116px; background-image:url(/images/bg-bt-stats-s6.gif);}
	
	ul.nav_pv5 li a#bt_siteconfig {width:116px; background-image:url(/images/bg-bt-config-6.gif);}
	ul.nav_pv5 li a#bt_codepromos {width:116px; background-image:url(/images/bg-bt-code-6.gif);}
	
	ul.nav_pv5 li a#bt_GestionListe {width:116px; background-image:url(/images/bg-bt-listes-pv5.gif);}
	ul.nav_pv5 li a#bt_messagescentre {width:116px; background-image:url(/images/bg-bt-messages-centre-pv5.gif);}
	ul.nav_pv5 li a#bt_statscentre {width:116px; background-image:url(/images/bg-bt-stats-centre-pv5s.gif);}
	ul.nav_pv5 li a#bt_CentreVide {width:116px; background-image:url(/images/bg-bt-vide-6.gif);}
	ul.nav_pv5 li a#bt_DroiteVide {width:118px; background-image:url(/images/bg-bt-videright-6.gif);}
	ul.nav_pv5 li a#bt_DroiteVideDroite {width:118px; background-image:url(/images/bg-bt-videright-6.gif);}
	ul.nav_pv5 li a#bt_second_l{width:118px; background-image:url(/images/bg-bt-second-l.gif);}
	ul.nav_pv5 li a#bt_groupe_l{width:118px; background-image:url(/images/bg-bt-groups-l.gif);}		
/*
	ul.nav_pv5 li.li_off {width:140px; background-image:url(/images/bg-bt-centre-vide2-pv.gif);}
	ul.nav_pv5 li.li_off_droite {width:140px; background-image:url(/images/bg-bt-droite-vide-pv.gif);}
*/
	/* bouton Export */	
	div.bt_Export a.bt_bg{float:left;}
	div.bt_Export a.bt_bg span{background:url(/images/bg-bt-plus.gif) no-repeat right top;}
	div.bt_Export{float:left; padding-top:0px;}
	div.bt_Export a.bt_back span{background:url(/images/bg-bt-back.gif) no-repeat right top;}
	div.cartouche div.bt_Export a.bt_back span{background-image:url(/images/bg-bt-back-2.gif);}
	
	/* boutons Second Opinion */	
	div.bt_SecondOpinion a.bt_bg{float:left;}
	
	div.bt_SecondOpinion{float:left; padding-top:0px;}
	div.bt_SecondOpinion a.bt_back span{background:url(/images/bg-bt-back.gif) no-repeat right top;}
	div.cartouche div.bt_SecondOpinion a.bt_back span{background-image:url(/images/bg-bt-back-2.gif);}
	
    /* EM ajout pour la gestion des listes au niveau de l'administrateur */	
	div.cartouche_Liste{float:left; width:678px; height: 32px; background:url(/images/bg-cartouche.gif) no-repeat;}
  div.cartouche_Liste div.bt_plus{padding-top:0px;}
	div.cartouche_Liste div.bt_plus a{height:32px; background-image:url(/images/bg-bt-left-2.gif);}
	div.cartouche_Liste div.bt_plus a span{height:23px; padding-top:9px; background-image:url(/images/bg-bt-plus-2.gif); cursor:pointer;}
	
	div.cartouche_Liste p.p_check_Liste{float:left; padding-top:7px; padding-left:5px;}
	div.cartouche_Liste p.p_check_Liste a{color:#fff; font-size:13px; font-weight:bold;}
	
	div.cartouche_Liste div.Import_Liste{float:left; padding-top:3px; padding-left:5px;}
	div.cartouche_Liste div.Import_Liste a{height:32px; border:none; background:url(/images/bg-submit-update.gif);  font-size:13px; font-weight:bold;}
	
	div.cartouche_Liste .bt_bg_Liste{color:#fff; line-height:24px; text-align:center; vertical-align:middle; padding: 5px}
	
	/* EM : Gest logo VeriSign */
    div#logoVerisign{float:right; width:68px;}
	
	div#logoVerisign a{width:68px; height:34px; background:url(/images/logo-verisign-66-36.gif) no-repeat;}
	
	/* EM : Gest logo VeriSign */
	/* avant  div#bottomVerisign{padding:48px 0 24px 0; font-size:11px; color:#808080; text-align:center;}
	   div#bottom{float:left; position:relative; width:960px;}   */
	div#bottomVerisign{float:left; position:relative; left:400px; top:-40px; width:80px; font-size:11px; color:#808080; text-align:center;}
	
	/* PV : classe pour pour le select des listes : Timeszone, race, etat, etc...*/
	div.box_main .select_listeval, 
	div.contentPopin .select_listeval,
	div.box_info .select_listeval{width:165px;}
	
	div.box_main .select_Listepopin, 
	div.contentPopin .select_Listepopin,
	div.box_info .select_Listepopin{width:187px;}
	
	/* PV : Pour le select des listes Educ Thera */
	div.box_main .select_EducThera, 
	div.contentPopin .select_EducThera,
	div.box_info .select_EducThera{width:187px; height:50px; size:20;}
	
	/* PV : Pour le bubble de l'heure dans fctHSideBar */
	span.bubbleHeure{position:relative; padding:20px 30px; left:-10px; top:10px; width:186px; color:#808080; background:#f0f0f0; border:1px solid #333; text-align:justify; display:none; z-index:20;}	
	/* div.champs span.bubble22{left:-100px; top:10px; width:450px;} */
	/* div.bloc_bubble22 span.bubble22{left:-30px; top:18px; width:350px;} */
	/* .tab_service .td_picto div.bloc_bubble22 span.bubble22{left:0px; top:33px;} */ 	
	a:hover + span.bubbleHeure, 
	.hovered span.bubbleHeure{display:block;}
	
	/* EM : pour le paiement */
	/* tooltips  */
	span.bubble2 {position:relative; padding:20px 30px; background:#f0f0f0; /*border:1px solid #333;*/ text-align:justify; display:none; z-index:20; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }
	
	div.champs span.bubble2{left:-100px; top:10px; width:450px;}
	div.bloc_bubble2 span.bubble2{left:-30px; top:18px; width:350px;}
	.tab_service .td_picto div.bloc_bubble2 span.bubble2{left:0px; top:33px;}
	
	a:hover + span.bubble2, 
	.hovered span.bubble2{display:block;}
	
	/* EM : pour la race */
	/* tooltips  */
	span.bubblerace{position:relative; padding:20px 30px; background:#f0f0f0; border:1px solid #333; text-align:justify; display:none; z-index:20;}
	
	div.champs span.bubblerace{left:-100px; top:10px; width:450px;}
	div.bloc_bubblerace span.bubblerace{left:-30px; top:18px; width:350px;}
	.tab_service .td_picto div.bloc_bubblerace span.bubblerace{left:0px; top:33px;}
	
	a:hover + span.bubblerace, 
	.hovered span.bubblerace{display:block;}
	
	/* Bubble pour Education Therapeuthique */
	span.bubble_EducThera{padding:30px 0 1px 10px; background:#f0f0f0; border:0px solid #333; text-align:left; display:none; z-index:-5;}	
	/* div.champs span.bubble_EducThera{left:0px; top:100px; width:450px;} */
	/* div.bloc_bubble span.bubble_EducThera{left:-30px; top:18px; width:50px;} */
	/* .tab_service .td_picto div.bubble_EducThera span.bubble_EducThera{left:0px; top:33px;}	*/
	a:hover + span.bubble_EducThera,
	.hovered span.bubble_EducThera{display:block;}
	
	div.cartouche div.bt_EducThera{padding-left:500px;padding-top:0px;} /* FR : 492 ou US : 502*/
	/* div.cartouche div.bt_EducThera a{width:300px; height:30px; background-image:url(/images/bg-bt-left-2.gif);}	*/
	div.cartouche div.bt_EducThera a span{height:22px; padding-top:9px; background-image:url(/images/bg-bt-side.gif); cursor:pointer;}

/*************************************************************************************************************************************************************************/
/*  EM Bloc css de la page de changment du Pwd à la premiere connexion */ 
/*************************************************************************************************************************************************************************/
	/* box Pwd */
	div.box_Pwd{float:left; width:700px; margin:103px 0 0 303px; background:url(/images/bg-login-bot.gif) no-repeat left bottom; display:inline;}
		
	div.box_Pwd div.tt_Pwd{float:left; top:100px; width:700px; height:25px; padding:8px 0 0 9px; background:url(/images/bg-login-top.gif) no-repeat; font-size:15px; color:#fff; font-weight:bold;}
	
	div.box_Pwd div.tt_Pwd p{float:left;}
		
	div.box_Pwd div.form_Pwd{float:left; width:700px; padding:20px 0 16px 0;}
	
/*	
	div.box_Pwd ul.flags{float:right; padding-top:3px;}
	
	div.box_Pwd ul.flags li{float:left; padding-right:10px;}
	
	div.box_Pwd ul.flags li a{float:left; width:21px; height:13px; background-repeat:no-repeat; display:block;}
	
	div.box_Pwd ul.flags li a.bt_fr{background-image:url(/images/bg-flag-fr.gif);}
	div.box_Pwd ul.flags li a.bt_us{background-image:url(/images/bg-flag-us.gif);}
*/

	div.box_Pwd label{clear:both; float:left; width:135px; padding:4px 4px 0 0; color:#808080; font-weight:bold; text-align:right;}

/*
  div.box_Pwd div.champs{float:left; width:258px; padding-bottom:6px;}
*/
/*	
	div.box_Pwd .input_1{width:131px; height:21px; padding-left:7px; background:#f9f7f7; border:1px solid #d8d8d8; line-height:21px; vertical-align:middle;}
*/	
/*	
	div.box_Pwd div.lk_pass{float:left; width:334px; padding-right:20px; text-align:right;}
*/	

	div.box_Pwd div.bt_form{padding:16px 0 0 130px;}
	
/*	
	div.box_Pwd div.lk_Pwd_bas{float:left; width:700px; padding-top:7px; margin:10px 0 0 20px; border-top:1px solid #d8d8d8; color:#0e5cae; font-weight:bold; text-align:center; display:inline;}
*/

/* Ajout_PV 20120323 : Boutons test et langues */
div#bt_TestPV{float:right;}
	
div#bt_TestPV a{float:left; height:44px; color:#fff; display:block;}

div#bt_TestPV a span{float:left; height:24px; padding:10px 36px 0 15px; background:url(/images/bg-bt-plus.gif) no-repeat right top; color:#fff; display:block; cursor:pointer;}

div#bt_TestPV a.bt_register span{padding:10px 17px 0 17px; background:url(/images/bg-bt-register.gif) no-repeat right bottom;}


/*************************************************************************************************************************************************************************/
/*  Bloc css de la page du pub à la premiere connexion */ 
/*************************************************************************************************************************************************************************/
	/* box pub */
	
	div.box_pub{
	
	float:left; 
	width:900px;
	height:430px; 
	margin:53px 0 0 30px; 
	background:url(../images/vls-shadow.png) no-repeat left bottom; 
	display:inline;
	background-color:#ffffff;
	}
		
	div.tt_Pub{
	float:left; 
	top:100px; 
	width:900px; 
	height:30px; 
	padding:0px 0 0 0px;
	background:url(../images/vls-shadow1.png) no-repeat;
	font-size:15px; 
	color:#000; 
	font-weight:bold;
	background-color:#fff000;
	align:center;
	}
	
	div.tt_Pub p{
	float:left;
	padding-left:300px;
	padding-top:10px;

	width:350px;
	
	}
		
	div.form_Pub{
	float:left; 
	width:900px;	
	background-color:#ffffff; 
	padding:0px 0 16px 0;

	} 
	
	div.ct_Pub {
	float:left;
	width:900px;	
	background-color:#ffffff;
	height:30px;
	padding:10px 0 0 0px;	
	}	
	
	div.ct_Pub p{
	float:left;
	}

	div.ct_Pic {
	float:left;
	width:900px;	
	background-color:#ffffff;
	height:325px;
	padding:0px 0 0 0px;	
	}	
		
	div.btn_form{
	padding:16px 0 0 780px;
	background-color:#ffffff;
	}
		
.picshow { z-index:444; position:relative; background-color:#e4f2fa; width: 100%; height: 250px}
.picshow_main {	position: relative; width: 690px; height: 250px}
.picshow_main .imgbig {	filter: progid:dximagetransform.microsoft.wipe(gradientsize=1.0,wipestyle=4, motion=forward); width: 900px; height: 530px}
.picshow_change {position: absolute; text-align: left; bottom: 0px; height: 30px; right: 0px; left: 600px;}
.picshow_change img {width:20px; height: 15px}
.picshow_change a {	border: 1px solid; display: block; float: left; margin-right: 5px;  -display: inline}
.picshow_active {display:block}
.picshow_unactive {display:none}
a.axx {	border-color: #555}
a.axx:hover {border-color: #000}
a.axx img {	filter: alpha(opacity=40); opacity: 0.4; -moz-opacity: 0.4}
a.axx:hover img {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0}
a.bxx {	border-color: #000}
a.bxx:hover {border-color: #000}	     
#page_push{display:none;position:relative;background:#c61c01 url(/images/sliderDown.jpg) no-repeat center ;height:424px;margin-top: 0px;margin-bottom: 0px;}

/*************************************************************************************************************************************************************************/
/*  Bloc css de la info msg  */ 
/*************************************************************************************************************************************************************************/
	div.info_msg{
	padding:16px 0 0 0px;
	width:678px;
	height:35px;
	background-color:#ffffff;
	}
	/*
	.yellow {
    color: rgb(247, 163, 40);
    }
  */  
  .tiptxt{
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;  
    color: rgb(247, 163, 40);
    }

  /* YG 11/27/2013 Confirmation message color change from rgb(255, 0, 0) to  #0E5CAE */
  .infotxt{
   /* color: rgb(255, 0, 0); */
   color:  #0E5CAE;
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;
    }         
.info-msg {
    border: 0px dotted rgb(221, 207, 143);
    padding: 10px;
    margin: 20px 5px;
    background-color: rgb(255, 255, 237);
    text-align: center;
}

.info-msgs {
    border: 0px dotted rgb(221, 207, 143);
    padding: 5px;
    margin: 5px 0px;
    background-color: rgb(255, 255, 237);
    text-align: center;
} 
.info-debug{
    border: 1px dotted rgb(221, 207, 143);
    padding: 5px;
    margin: 5px 0px;
    background-color: green;
    text-align: center;
    color:#ffffff;
}               