/* ONGLET FORUM */

.text {
color:#ffffff; /*Couleur du texte de vos onglets*/
cursor:pointer;
}

#cat_Administration,#cat_Mystic Falls,#cat_Résidences,#cat_Communications,#cat_Hors Jeux /*nomonglet... à remplacer par le nom des onglets*/ {
padding-top:4px;
}

.spoiler_content { display: block; }
.hidden .spoiler_content { display: none; }

.cat_forum {
background-color: #000000;
margin: auto;
margin-bottom:30px;
width:90%;
}

.onglet {
display:inline-block;
margin-top:30px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li {
float:left;
list-style-type:none;
margin-bottom:-20px;
text-decoration:none; !important
cursor:pointer;
}

.onglet li:hover {
text-decoration:none; !important
cursor:pointer;
}

.onglet li a {
display:block;
text-decoration:none; !important
list-style-type: none;
cursor:pointer;
}

.onglet li a: hover {
text-decoration:none;
list-style-type:none;
cursor:pointer;
}

.onglet_actif {
background-color : #FF5555;
width:150px; /*Largeur de l'onglet étant actif*/
height:50px; /*Hauteur de l'onglet étant actif*/
cursor:pointer;
}

.onglet_nactif {
background-color : #FF0000;
width:100px; /*Largeur de l'onglet étant inactif*/
height:50px; /*Hauteur de l'onglet étant inactif*/
cursor:pointer;
}

/* FIN */

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">
<li onMouseOver="change_cat(1)" class="onglet actif" id="onglet_1">Avant de commencer...</li>
<li onMouseOver="change_cat(2)" class="onglet " id="onglet_2">Présentez-vous.</li>
<li onMouseOver="change_cat(3)" class="onglet " id="onglet_3">Souvenirs souvenirs!</li>
<li onMouseOver="change_cat(4)" class="onglet " id="onglet_4">New York</li>
<li onMouseOver="change_cat(5)" class="onglet " id="onglet_5">Flood and Co</li>
<li onMouseOver="change_cat(6)" class="onglet " id="onglet_6">Partenariat</li>
<li onMouseOver="change_cat(7)" class="onglet " id="onglet_7">Section privée</li>
</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

body { cursor: crosshair }
a:hover { cursor:ne-resize; }

.onglet { /*Onglet non survolé*/
background: url('http://i66.servimg.com/u/f66/15/86/30/73/onglet10.png') no-repeat;
display: inline-block;
width: TAILLEpx;
height: TAILLEpx;
cursor: pointer;
}

.actif { /*Onglet survolé*/
background: url('http://i66.servimg.com/u/f66/15/86/30/73/onglet10.png') no-repeat;
}

text-align: center;
font-size: 100%;
border-top: 0px solid ;
border-bottom: 0px double #;
color: ;
letter-spacing: 2px;
display: block;
}
a.forumlink:hover, a.forumlink:hover:visited {
background-image: url("http://i53.tinypic.com/2ccmhw7.png");
color: #000000;
text-transform : apitalize;
text-align: center;
display: block;
border-top: 0px solid ;
border-bottom: 0px double ;
-moz-border-radius:15px;
}

.mainmenu{padding-right: 14px;
    font-size : 13px;
    color : ;
        }

a.mainmenu{padding-right: 14px;
background-image: url("Lien de votre image");
    text-decoration: none #EDF7F2;
    color :#EDF7F2;
        background-color: ;
        border-bottom: 0px solid ;
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 0.5;
}
a.forumlink:link, a.forumlink:visited {
font-family:  georgia;
background-color:;
font-size:14px;

div.info_profil div {
display:none;
}

div.info_profil:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 2;
}

div.info_profil:hover div {
font-style: normal;
font-size: 12px;
color:#614a40 !important;
padding: 3px;
display: block;
position: absolute;
top: 120px;
left: 120px;
-moz-border-radius: 2px 0px 2px 0px ;
-webkit-border-radius: 2px 0px 2px 0px ;
border-radius: 2px 0px 2px 0px ;
-moz-box-shadow: 0px 0px 4px #0A0909;
-webkit-box-shadow: 0px 0px 4px #000;
box-shadow: 0px 0px 4px #000;
background-color:#0A0909;
border: 2px solid #0F0505;
width:180px;
}
a.mainmenu:hover{padding-right: 14px;
    text-decoration:none; color :#B1BEBC;
    background-color : ;       
 border-bottom: 0px solid;
 color : #B1BEBC; 
filter:alpha(opacity=100);
-moz-opacity:0.5;opacity: 5;
border: 0px solid ;
margin-right: -6px;
  }

.quote{
font-family: Tahoma;
font-size: 12px;
color: #363642;
line-height: 125%;
background-color: #1f1515;
border: #b84a72;
border-style: solid;
border: 1px #b84a72;
dotted;
border-left-width: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
-moz-border-radius:6px;}




.spoiler{
font-size: 12px;
line-height: 125%;
background-color: #0A0909;
border: #b84a72;
border-style: solid;
border: 1px #0F0505;
dotted;
border-left-width: 2px;
border-top-width: 1px;
border-right-width: 2px;
border-bottom-width: 1px;
-moz-border-radius:6px;}

.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #646B82;
background-color: #1f1515;
border: #b84a72;
border-style: solid;
border-left-width: 0px;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border: 0px #b84a72;
dotted;
-moz-border-radius:6px;}

input,textarea, select
{
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 4px;
border: 0px dashed #658fa5;
}

a.mainmenu:link, a.mainmenu:visited{
font-family :Georgia;
text-align:left;}


.boxtitle{
font-family:  serif;
text-align: center;
background-image: url("lien de votre image");
font-size:15px;
border-bottom: 3px double #453642;
color: #363642;
display: block;}

.box {
background-color:#1F1515;
color:#363642;
font-size:11px;
margin:0;
padding:3px 10px;
}

.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}

a.imginfo {
  position: relative;
  color: #7d7d7d;
  text-decoration: none;
  border-bottom: 0px #7d7d7d solid;
}

a.imginfo span {
  display: none;
}
a.imginfo:hover {
  background: none;
  z-index: 999;
  cursor: help;
}
a.imginfo:hover span {
  display: inline;
  position: absolute;
  white-space: nowrap;
  top: 5px;
  left: 15px;
  background: #363642;
  color: 7d7d7d;
  padding: 3px;
  border: 0px solid grey;
  border-left: 5px solid #b6b6b6;
  border-right: 3px solid #b6b6b6;
  border-top: 3px solid #b6b6b6;
  border-bottom: 5px solid #b6b6b6;
}


.abc {border-bottom: 5px solid #1A100F}
.def {
background-color: #1A100F;
-moz-border-radius:5px;
font-size: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 3px;
}


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #1F1515;
}

tr.post span.gensmall { display: none; }



th {
-moz-border-radius-topleft: 20%;
-moz-border-radius-topright: 20%;
border-top-left-radius: 20%;
border-top-right-radius: 20%;
}

a.imginfo {
border-bottom:0 solid #582F2F;
color:#26040;
position:relative;
text-decoration:none;
}
a.imginfo span {
display:none;
}
a.imginfo:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent none repeat scroll 0 0;
cursor:help;
z-index: 999;
}
a.imginfo:hover span {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#7D7777none repeat scroll 0 0;
border-color:#26040;
border-style:solid;
border-width:3px 3px 5px 5px;
display:inline;
left:20px;
padding:3px;
position:absolute;
top:15px;
white-space:nowrap;
}


.statistiques{
border:0px;
background-image: url("http://i76.servimg.com/u/f76/15/86/30/73/qeel14.jpg");
background-repeat: no-repeat;
background-position: center;
height:270px;}

.groupes{
background-color:;border: 1px #877C43dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>


<!-- DEBUT MODIF ONGLETS -->

<script type="text/javascript">
<!--

document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
<ul class="conteneur_onglets">

<li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Premiers pas</li>
<li onClick="change_cat(2)" class="onglet " id="onglet_2">Club de gymnastique rythmique/artistique</li>
<li onClick="change_cat(3)" class="onglet " id="onglet_3">Hors de l entraînement </li>
<li onClick="change_cat(4)" class="onglet " id="onglet_4">Compétitions</li>
<li onClick="change_cat(5)" class="onglet " id="onglet_5">Espace détente</li>

</ul></div>');

var compteur_cat = 1;

function change_cat(numero)
{
   if(document.getElementById('categorie_'+numero))
   {
      /* affichage de la bonne categorie */
      $('table[id^=categorie_]').css('display','none');
      $('table[id=categorie_'+numero+']').fadeIn();
      
      /* affichage du bon onglet */
      $('.actif').removeClass("actif");
      $('.onglet[id=onglet_'+numero+']').addClass("actif");
   }
}

function capture_cat()
{
   if(compteur_cat == 1)
   {
      document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
   }
   else
   {
      $('#conteneur_barre_onglet').css("display","block");
      document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
   }
   
   compteur_cat++;
}

//-->
</script>

<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<script type="text/javascript">
<!--
   capture_cat();
//-->
</script>

<!-- FIN MODIF ONGLETS -->


<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="50">{L_TOPICS}</th>
<th nowrap="nowrap" width="50">{L_POSTS}</th>
<th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>
<!-- BEGIN forum_link_no -->
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>
<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
<img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

 .onglet{
color: #9aa277;         
background-color: #685;
display:inline-block;
margin-right:5px;
padding:5px;
border:1px solid #fff;
cursor:pointer;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 15px 10px 15px;
}

.actif { /*Onglet survolé*/
color: #000;
background-color : #685;
margin-right:5px;
padding:5px;
border:2px solid #fff;         
cursor: pointer;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 15px 10px 15px;
}

 .onglet{
color: #9aa277;       
background-color: #;
background: url('http://hariboow.free.fr/upload/images/etoile004.jpg') no-repeat;
display:inline-block;
margin-right:5px;
padding:5px;
border:1px solid #fff;
cursor:pointer;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 15px 10px 15px;
}

.actif { /*Onglet survolé*/
color: #fff;
background-color : #;
background: url('http://hariboow.free.fr/upload/images/etoile004.jpg') no-repeat;
margin-right:5px;
padding:5px;
border:2px solid #fff;       
cursor: pointer;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 15px 10px 15px;
}

.onglet{
color: #9aa277;                    /* couleur texte */
font-family: Georgia, Verdana, Arial, serif;            /* police écriture */
background-color: #;      /* couleur fond onglet */
background: url('http://i66.servimg.com/u/f66/15/86/30/73/etoile12.jpg') no-repeat;
display:inline-block;
margin-right:4px;        /* marge entre les onglets */
margin-bottom:-20px;      /* marge entre onglet et catégorie */
padding:5px;        /* marge entre le texte et les bords de l'onglet */
border:1px solid #0F0505;      /* bordure onglet */
cursor:pointer;
-moz-border-radius: 7px 7px 7px 7px;    /* arrondi les angles */
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}

.actif { /*Onglet survolé*/
color: #fff;
background-color : #;
background: url('http://i66.servimg.com/u/f66/15/86/30/73/etoile12.jpg') no-repeat;
margin-right:8px;
padding:5px;
border:2px solid #0F0505;
cursor: pointer;
-moz-border-radius: 7px 7px 7px 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;
}