- supper

supper

Tasarımın üzerindeki yazı:

</head> <body> <div  id="global"> <div class="header"> <div id="evitement"> <ul id="evitement_liens"> 	<li><a href="index.php?page=accueil" title="Accueil du site"  tabindex="4" accesskey="1">accueil<span> Aller à l'accueil du  site</span></a> · </li>  	<li><a href="index.php?page=site" title="Le site du BHSOH"  tabindex="8">le site<span> A propos du  site</span></a> · </li> 	<li><a href="index.php?page=access" title="Politique  d'accessibilité du site" tabindex="24"  accesskey="0">accessibilité<span> Politique d'accessibilité du  site</span></a> · </li> 	<li><a href="index.php?page=intro" title="Contenu du site"  tabindex="12" accesskey="2">contenu<span> Aller au contenu du  site</span></a> · </li>  	<li><a href="index.php?page=plan" title="Plan du site"  tabindex="20" accesskey="3">plan du site<span> Plan du  site</span></a> · </li> 	<li><a href="index.php?page=contact" title="Contact"  tabindex="16" accesskey="7">contact<span> Contacter le  BHSOH</span></a> · </li> 	<li><a href="/forum" title="Forum du BHSOH" tabindex="28"  accesskey="9" onclick="window.open(this.href,'externe'); return  false;">forum<span> Forum du BHSOH</span></a> ·  </li>  	<li><a href="" title="F11" tabindex="88">plein  ecran<span> Mode plein ecran / normal : F11 sur votre  clavier</span></a></li> </ul> </div> <h1>Boarding High School for Orphans and Helpless Youth · Le BHSOH  est une école et un orphelinat qui se situe en Thaïlande à la frontière  du Myanmar</h1> </div> <div class="menu"> <ul class="menugauche"> <li>Menu</li> <li><a href="index.php?page=intro" title="Introduction"  tabindex="32">Introduction</a></li>  <li><a href="index.php?page=histo" title="Historique"  tabindex="36">Historique</a></li> <li><a href="index.php?page=bhsoh" title="BHSOH aujourd'hui"  tabindex="40">BHSOH aujourd'hui</a></li> <li><a href="index.php?page=projet" title="Projet éducatif"  tabindex="44">Projet éducatif</a></li> <li><a href="index.php?page=org" title="Organisation et budget"  tabindex="48">Organisation et budget</a></li> <li><a href="index.php?page=ens" title="Enseigner au BHSOH"  tabindex="52">Enseigner au BHSOH</a></li> <li><a href="index.php?page=don" title="Faire un don"  tabindex="56">Faire un don</a></li> <li><a href="index.php?page=media" title="Médias du BHSOH"  tabindex="60">Photos / Video</a></li> <li><a href="index.php?page=contact" title="Contact"  tabindex="64" accesskey="7">Contact</a></li>  <li><a href="index.php?page=liens" title="Liens"  tabindex="68">Liens</a></li> <li> <form action="/switch.php" method="post" id="switcher"> <div id="habillage"> <label for="style">Choisissez un style...</label> <select id="style" name="style" title="Choisissez un style"  tabindex="72"> <option value="bambou">Bambou</option> <option value="blog">Blog</option> <option value="jungle">Jungle</option> <option value="lotus" selected="selected">Lotus</option> <option value="aucun">Aucun</option>  	</select> <input type="hidden" name="redirection"  value="http://bhsoh.free.fr/index.php?page=intro" /> <input type="submit" value="Changer" title="Changer" tabindex="76"  /> </div> </form> </li> </ul> </div> <div class="right"></div> <div class="frame"> <div id="high"></div> <h2>Introduction</h2> <h3>Quand la peur devient une habitude.</h3>

Tasarımın altındaki yazı:

<p>Depuis  1962 le pouvoir politique de la <a  href="http://fr.wikipedia.org/wiki/Myanmar" title="Définition du mot sur  Wikipédia">Birmanie</a> est aux mains d’une <a  href="http://fr.wikipedia.org/wiki/Dictature_militaire"  title="Définition du mot sur Wikipédia">junte militaire</a>. En  1988 des manifestations de mécontentement sont férocement réprimées :  plus de 10000 morts et des milliers de personnes arrêtées. La <a  href="http://fr.wikipedia.org/wiki/Myanmar" title="Définition du mot sur  Wikipédia">Birmanie</a> n’a pas d’ennemi extérieur mais  consacre 50% du budget national aux dépenses militaires. Ce pays vit à  l’heure des violations systématiques des <a  href="http://www.un.org/french/hr/" title="Site de l'ONU">Droits de  l'Homme</a> et connaît de graves difficultés économiques dues à  une gestion catastrophique des régimes militaires successifs corrompus.  La <a href="http://fr.wikipedia.org/wiki/Dictature" title="Définition  du mot sur Wikipédia">dictature</a> en place oriente  clairement sa politique vers la lutte contre « l’ennemi intérieur »,  c’est-à-dire contre les minorités <a  href="http://fr.wikipedia.org/wiki/Ethnie" title="Définition du mot sur  Wikipédia">ethniques</a> revendiquant leur <a  href="http://fr.wikipedia.org/wiki/IndÃ©pendance" title="Définition du  mot sur Wikipédia">indépendance</a> et les démocrates. Pour ces  opposants, de plus en plus nombreux, la peur est devenue une  habitude.</p>  <p>Cette situation fait l’objet d’une attention internationale  accrue :</p> <p><a href="http://fr.wikipedia.org/wiki/Prix_Nobel_de_la_Paix"  title="Définition du mot sur Wikipédia">Prix Nobel de la  paix</a> attribué à la démocrate <a  href="http://fr.wikipedia.org/wiki/Aung_San_Suu_Kyi" title="Définition  du mot sur Wikipédia">Aung Suu Kyi</a> en 1991</p> <p><a href="http://fr.wikipedia.org/wiki/Prix_Nobel_de_la_Paix"  title="Définition du mot sur Wikipédia">Les prix Nobel de la  paix</a> <a  href="http://fr.wikipedia.org/wiki/V%C3%A1clav_Havel" title="Définition  du mot sur Wikipédia">Vaclav Havel</a> et <a  href="http://fr.wikipedia.org/wiki/Desmond_Mpilo_Tutu" title="Définition  du mot sur Wikipédia">Desmond Tutu</a> appuient une action du  Conseil de Sécurité des <a  href="http://fr.wikipedia.org/wiki/Organisation_des_Nations_unies"  title="Définition du mot sur Wikipédia">Nations Unies</a> en  <a href="http://fr.wikipedia.org/wiki/Myanmar" title="Définition du  mot sur Wikipédia">Birmanie</a>.</p>  <p>Sous la pression internationale un semblant d’ouverture  démocratique a eu lieu. C’est une façade destinée à entrouvrir les  portes au tourisme (donc à la rentrée de devises) et, surtout, aux  investissements étrangers. Mais le quotidien reste un budget de  l’éducation réduit à pratiquement rien, le travail forcé et l’absence  totale de dialogue social, de <a  href="http://fr.wikipedia.org/wiki/DÃ©mocratie" title="Définition du mot  sur Wikipédia">démocratie</a>.</p>  <p>Le résultat de cette situation c’est un exode un million huit  cent milles personnes birmanes vers la <a  href="http://fr.wikipedia.org/wiki/Tha%C3%AFlande" title="Définition du  mot sur Wikipédia">Thaïlande</a> et autres pays frontaliers,  fuyant la misère et craignant pour leur vie. Parmi ces immigrés se  trouvent beaucoup d'enfants. Ils n'ont pas accès aux écoles publiques  thaïes à cause de la situation irrégulière de leurs familles. La  différence de langue et les contraintes financières sont des blocages  supplémentaires.</p>  <p>Les gens échappant à la <a  href="http://fr.wikipedia.org/wiki/Dictature_militaire"  title="Définition du mot sur Wikipédia">dictature militaire</a>  se répartissent en 3 catégories :<br/> 1 - Ceux que la loi Thaïlandaise reconnaît et qualifie de « réfugiés ».  Ils sont regroupés dans des camps de plusieurs dizaines de milliers de  personnes. Ils sont assez éloignés des zones habitées.<br/>  2 - Ceux, assez peu nombreux, qui ont des papiers d’identité et un  permis de travail en <a  href="http://fr.wikipedia.org/wiki/Tha%C3%AFlande" title="Définition du  mot sur Wikipédia">Thaïlande</a>.<br/> 3 - Les laissés pour compte, n’ayant pas obtenu le statut de  « réfugiés » et contraints, pour survivre, de se mettre sur le marché du  travail clandestin et ses vicissitudes.</p>  <p>Quelque soit leur statut, les travailleurs immigrés vivent dans  la précarité. Faible niveau de vie, brimades et risque permanent d’être  arrêté pour les clandestins. En dépit de cela, leur crainte première  est qu’on les renvoie en <a  href="http://fr.wikipedia.org/wiki/Myanmar" title="Définition du mot sur  Wikipédia">Birmanie</a>.</p> <h3>Au-delà de la peur, l’Espoir</h3>  <p>Dans un environnement aussi hostile à la démocratie et à la  liberté chère à notre monde occidental, certains îlots, certes modestes,  subsistent contre vents et marées, permettant d’entretenir l’espoir  d’un avenir meilleur.</p>  <p>Le BHSOH tel que présenté ci-après est un de ceux-ci.</p> <p>> <a href="index.php?page=histo" title="Historique du  BHSOH">Historique du BHSOH</a><br/> Boarding High School for Orphans and Helpless Youth</p> <h4><a href="#high" title="Haut de page">Haut de  page</a></h4> </div> <div id="footer"> <div class="foot_left"><a href="index.php?page=mention"  title="Mentions légales" tabindex="80" accesskey="8">© BHSOH  2008</a>  </div> <div class="foot_right"> <ul class="footer"> <li><a href="index.php?page=bonus" title="Goodies"  tabindex="84">Goodies</a> · </li> <li><a href="index.php?page=book" title="Guestbook"  tabindex="88" accesskey="5">Book</a> · </li> <li><a href="index.php?page=rec" title="Recommander le site du  BHSOH" tabindex="92">Recommander</a> · </li> <li><a  href="http://www.mozilla-europe.org/fr/products/firefox/" title="Le site  du navigateur Mozilla Firefox" tabindex="108"  onclick="window.open(this.href,'externe'); return  false;">Firefox</a> · </li>  <li><a  href="http://validator.w3.org/check?uri=http%3A//bhsoh.free.fr/"  title="Valid XHTML Strict" tabindex="100">XHTML 1.0 Strict</a> ·  </li> <li><a  href="http://jigsaw.w3.org/css-validator/validator?uri=http://bhsoh.free.fr/"  title="Valid CSS" tabindex="104">CSS</a> · </li> <li><a href="http://www.yank.fr/" title="Création de sites  internet : yank.fr" tabindex="96" >Création  yan.k</a></li></ul> </div> </div> </div> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ?  "https://ssl." : "http://www."); document.write(unescape("%3Cscript src='" + gaJsHost +  "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-3349823-7"); pageTracker._initData(); pageTracker._trackPageview(); </script>  </body> </html>

İçerik bölümünün altındaki bilgi (mesela Copyright):

CSS Kodu
(Style tagleri olmadan yazınız):

h1#title{display:  none;} h2#title span {display: none;} div.header{display: none;}  li.nav_element{list-style-type: none;} li.nav_element{display: none;}               /*  Création de sites internet : yank.fr  contact@yank.fr www.yank.fr  ////////////////////////////////////////  Création graphique et multimédia : studio76.fr  contact@studio76.fr www.studio76.fr  */  body { 	margin: 0; 	text-align: center; 	background-color: #303a40; } #global { 	position:absolute; 	left: 50%; 	top: 50%; 	width: 750px; 	height: 550px; 	margin-top: -275px; 	margin-left: -375px; 	background-color: #d9d9d9; } .header { 	height: 100px; 	background-image:  url(http://bhsoh.free.fr/visuels/lotus/ban.png); } .menu { 	left: 0px; 	width: 200px; 	position: absolute; 	height: 400px; 	background-image:  url(http://bhsoh.free.fr/visuels/lotus/menu.png); } .frame { 	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif; 	font-style: normal; 	color: #303a40; 	margin-left: 200px; 	overflow: auto; 	width: 530px; 	height: 400px; 	margin-right: 20px; } .right { 	right: 0px; 	width: 20px; 	position: absolute; 	height: 400px; 	background-image:  url(http://bhsoh.free.fr/visuels/lotus/right.png); } #footer { 	height: 50px; 	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif; 	font-size: 0.8em; 	font-style: normal; 	font-weight: normal; 	color: #ffffff; 	background-image:  url(http://bhsoh.free.fr/visuels/lotus/footer.png); } #footer a { 	font-style: normal; } .foot_left { 	float: left; 	margin-left: 5px; } .foot_right { 	float: none; 	margin-left: 175px; } a { 	text-decoration: none; 	color: #ffffff; } a:visited { 	color: #e54b17; } a:hover { 	color: #e54b17; 	background: none; /* correction d'un bug IE */ } a:active/*ie*/, a:focus/*gecko*/ { 	color: #e54b17; } .frame a { 	color: #303a40; } .frame a:visited, a:hover { 	color: #e54b17; } .frame p a { 	font-style:normal; } .frame dl { 	margin-left: 25px; } .frame dt { 	font-size: 0.9em; 	font-weight: normal; 	text-align: justify; 	font-style: normal; 	text-align: justify; } #evitement { 	position : absolute; 	top : 2px; 	right : 75px; 	text-align : right; } #evitement ul { 	margin : 0; 	padding : 0; } #evitement li { 	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif; 	font-size: 0.8em; 	list-style-type : none; 	padding : 0; 	display : inline; 	color : #303a40; } #evitement li a { 	font-style: normal; 	color: #303a40; } #evitement li a:hover { 	color : #ffffff; } a span { /* définition de la balise <span> inclue dans <a>  */ 	display: none; } a:hover span { /* définition de la balise <span> au survol */ 	display: inline; 	position: absolute; 	top: 25px; /* positions et dimensions du calque, que vous pouvez  changer à loisir */ 	right: 0px; 	width: 300px; 	height: 25px; 	text-align: right; 	color : #ffffff; } h1 { 	font-size: 1.4em; 	font-weight: bold; 	visibility: hidden; 	float: left; }  h2 { 	font-size: 1.2em; 	font-weight: bold; 	text-align: center; 	margin-top: 20px; } h2:hover { 	color: #e54b17; } h3 { 	font-size: 1em; 	font-weight: bold; 	text-align: left; 	margin-right: 20px; 	margin-left: 15px; 	margin-top: 20px; 	background-image: url(http://bhsoh.free.fr/visuels/lotus/puce.png); 	background-repeat: no-repeat; 	background-position: left center; 	text-indent: 1.5em; } p { 	font-size: 0.9em; 	font-weight: normal; 	text-align: justify; 	margin-right: 20px; 	margin-bottom: 20px; 	margin-left: 15px; 	margin-top: 20px; 	font-style: normal; } #high { } h4 { 	font-size: 0.7em; 	font-weight: normal; 	font-style: italic; 	margin-bottom: 20px; } h4 a { 	border-top-width: thin; 	border-top-style: dashed; 	border-top-color: #ffffff; } .menugauche { 	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif; 	font-style: normal; 	font-size: 0.9em; 	text-decoration: none; 	margin: 25px 0px 0px 20px; 	list-style-type: none; 	text-align: left; 	padding: 0px; } .menugauche li { 	font-size: 0.9em; 	font-weight: bold; 	color: #ffffff; 	margin-bottom: 5px; } .menugauche a { 	color: #d9d9d9; } .menugauche a:visited { 	color: #303a40; 	font-style: italic; } .menugauche a:hover { 	color: #e54b17; } .menugauche a:active/*ie*/, a:focus/*gecko*/ { 	color: #e54b17; 	font-style: italic; } .foot_right ul { 	margin : 0; 	padding : 0; } .foot_right li { 	display : inline; } .foot_right li a { 	color: #d9d9d9; 	font-style: normal; } .foot_right li a:visited { 	color: #e54b17; } .foot_right li a:hover { 	color: #e54b17; } .foot_right li a:active/*ie*/, a:focus/*gecko*/ { 	color: #e54b17; } #switcher { 	margin : 20px 0 0; 	padding : 0; } #habillage label { 	vertical-align : 50%; 	color : #ffffff; } #habillage select, input { 	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif; 	font-size: 0.9em; 	font-style: normal; 	font-weight: bold; 	color: #ffffff; 	border: 1px solid #ffffff; 	background-color: #303a40; } #habillage select:hover, input:hover { 	background-color: #e54b17; } textarea { 	color: #ffffff; 	border: 1px solid #ffffff; 	background-color: #303a40; 	overflow: auto; } fieldset { 	border: none; } img { 	border: none; }  /* Gallery */  a.gallery, a.gallery:visited { 	display:block; 	display:inline; 	text-decoration:none; 	border:1px solid #000033; 	width:75px; 	height:50px; 	float:left; 	margin:4px; 	z-index:50; } a.a { 	background:url(../http://bhsoh.free.fr/visuels/mini/ceremony.jpg); } a.b { 	background:url(../http://bhsoh.free.fr/visuels/mini/dancing.jpg); } a.c { 	background:url(../http://bhsoh.free.fr/visuels/mini/fernand.jpg); } a.d { 	background:url(../http://bhsoh.free.fr/visuels/mini/principal.jpg); } a.e { 	background:url(../http://bhsoh.free.fr/visuels/mini/play.jpg); } a.f { 	background:url(../http://bhsoh.free.fr/visuels/mini/school.jpg); } a.g { 	background:url(../http://bhsoh.free.fr/visuels/mini/song1.jpg); } a.h { 	background:url(../http://bhsoh.free.fr/visuels/mini/song2.jpg); } a.i { 	background:url(../http://bhsoh.free.fr/visuels/mini/schoolinfo.jpg); } a.j { 	background:url(../http://bhsoh.free.fr/visuels/mini/student.jpg); } a.gallery em, a.gallery span { 	display:none; } a.gallery:hover { 	border:1px solid #ffffff; } #global_top { 	position:relative; 	width:475px; 	height:350px; 	margin:1em auto; } #global_top img { 	border:0; } #global_top .thumbs { 	position:absolute; 	left:20px; 	top:0; } #global_top a.gallery:hover span { 	display:block; 	position:absolute; 	width:400px; 	height:50px; 	top:125px; 	left:5px; 	padding:5px; 	font-style:italic; 	color:#ffffff; 	z-index:50; 	text-align: center; } #global_top a.gallery:active, #global_top a.gallery:focus { 	border:1px solid #ffffff; } #global_top a.gallery:active em, #global_top a.gallery:focus em { 	display:block; 	position:absolute; 	width:300px; 	height:200px; 	top:150px; 	left:50px; 	padding:5px; 	color:#402d20; 	z-index:25; }  /* Forum */  dl.jg_dl { margin: 0 0 10px 0; padding: 0; width: 400px }  #jg_panntable tr, td { border: 0; padding: 0 } #jg_nbr { font-size: 9px; background-color: transparent; border: 0;  font-weight: bold; color: #ffffff} #jg_nbr2 { text-align: left; margin: -18px 0 0 3px }  dl.jg_pann_dl { 	margin: 0 0 20px 0; 	padding: 0; 	width: 400px; 	color: rgb(64, 45, 32); }  dd.jg_dd { margin: 0; padding: 0 10px; }  .jg_bas { margin: 0; padding: 0; height: 11px; }  dd.jg_dt { margin: 0; padding: 0; height: 11px; }  .jg_hd { float: right; width: 16px; height: 11px } .jg_bd { float: right; width: 16px; height: 11px }  .jg_comm { 	font: 400 normal 11px Verdana, Arial, Helvetica, sans-serif; 	color: #ffffff; 	padding-left: 5px; 	background-color: #303a40; 	border-right: 1px solid #ffffff; 	border-bottom: 1px solid #ffffff; 	border-left: 1px solid #ffffff; }  a.jg_link:link, a.jg_link:active, a.jg_link:visited { font: normal bold  10px Verdana,Arial,Helvetica,sans-serif; color: rgb(243, 94, 0);  text-decoration: none; background-color: transparent } a.jg_link:hover { font: normal bold 10px  Verdana,Arial,Helvetica,sans-serif; color: #ffffff; text-decoration:  none; background-color: transparent } a.jg_linkpge:link, a.jg_linkpge:active, a.jg_linkpge:visited { font:  normal bold 10px Verdana,Arial,Helvetica,sans-serif; color: rgb(243, 94,  0); text-decoration: none; background-color: transparent } a.jg_linkpge:hover { font: normal bold 10px  Verdana,Arial,Helvetica,sans-serif; color: rgb(243, 94, 0);  text-decoration: none; background-color: transparent } a.jg_linkpgef:link, a.jg_linkpgef:active, a.jg_linkpgef:visited { font:  normal bold 11px Verdana,Arial,Helvetica,sans-serif; color: rgb(243, 94,  0); text-decoration: none } a.jg_linkpgef:hover { font: normal bold 11px  Verdana,Arial,Helvetica,sans-serif; color: rgb(243, 94, 0);  text-decoration: none }  .jg_glob { 	font: bold normal 11px Verdana, Arial, Helvetica, sans-serif; 	color: rgb(255, 255, 255); 	background-color: #303a40; 	padding: 2px 10px 2px 20px; 	margin-bottom: 10px; 	border-top: 1px solid #ffffff; 	border-right: 1px solid #ffffff; 	border-left: 1px solid #ffffff; }  .jg_glob2 { 	font: 400 normal 11px Verdana, Arial, Helvetica, sans-serif; 	color: rgb(255, 255, 255); 	float: left; }  .jg_name { font: bold normal 11px Verdana, Arial, Helvetica, sans-serif; color: rgb(255, 255, 255); float: left }  .jg_note { font: normal bold 10px Verdana,Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); background-color: transparent; margin-left: 20px }  .jg_add { font: normal bold 8px Verdana,Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); background-color: transparent }  .jg_date { font: normal 400 10px Verdana,Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); background-color: transparent }  .jg_bdinf { 	font: normal bold 10px Verdana,Arial,Helvetica,sans-serif; 	color: #303a40; 	width: 95%; 	margin: 0 auto 5px auto; 	padding: 2px 5px 2px 5px; 	border-bottom: 1px solid #303a40; }  .jg_c { text-align: center; margin-bottom: 10px } .jg_pge { color: #303a40; font-size: 10px; font-family:  Verdana,Arial,Helvetica,sans-serif } .jg_pgeda { color: #303a40; font-size: 10px; font-family:  Verdana,Arial,Helvetica,sans-serif; font-weight: bold }  .jg_comm ul, li { padding: 0; margin: 0; list-style-type: none }  #jg_panntable { width: 375px; border: 0; padding: 0; background-color:  #d9d9d9; } #jg_panntable td { padding: 2px; font: 400 normal 10px Verdana, Arial,  Helvetica, sans-serif} .jg_coo { text-align: right } .jg_normal { background-color: #303a40; border: 1px solid #ffffff;  color: rgb(255, 255, 255); margin-left: 1px; padding-left: 2px; width:  100%; height: 14px; font: normal 400 10px  Verdana,Arial,Helvetica,sans-serif } .jg_txtanormal { background: #303a40; border: 1px solid #ffffff; color:  rgb(255, 255, 255); padding: 2px 0 0 0px; width: 100%; font: normal 400  10px Verdana,Arial,Helvetica,sans-serif } .jg_focus { 	background-color: rgb(255, 143, 64); 	color: rgb(255, 255, 255); 	border-left: 2px solid #ffffff; 	padding-left: 2px; 	width: 50%; 	height: 14px; 	font: normal 400 10px Verdana,Arial,Helvetica,sans-serif; 	border-top: 1px solid #ffffff; 	border-right: 1px solid #ffffff; 	border-bottom: 1px solid #ffffff; } .jg_txtfocus { 	background-color: rgb(255, 143, 64); 	border-left: 2px solid #ffffff; 	color: rgb(255, 255, 255); 	padding: 2px 0 0 2px; 	width: 100%; 	font: normal 400 10px Verdana,Arial,Helvetica,sans-serif; 	border-top: 1px solid #ffffff; 	border-right: 1px solid #ffffff; 	border-bottom: 1px solid #ffffff; } #jg_panntable tr, td { background-color: #d9d9d9; } .jg_p { width: 20%; border: 0; padding: 0 } #jg_button { 	background-color: #303a40; 	border: 1px solid #ffffff; 	color: rgb(255, 255, 255); 	width: 100%; 	height: 20px; 	margin-top: 3px; } #jg_tdbutton { text-align: right } .jg_slctnormal { background-color: #303a40; border: 0 solid #303a40;  height: 14px; color: rgb(255, 255, 255) }