@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #2a2b2a;
	padding:0px;
	margin:25px;
}
img{
	border:0;
}
p{
	padding:0;
	margin:0;
	margin-bottom: 10px;
}

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


a:hover { 
        text-decoration: underline;
 }

#content{
	width: 998px;
	text-align: left;
	position: relative;
        margin: 0 auto;
}
.flag{
	text-align: right;
	padding: 5px 1px;
	border-bottom: 1px solid #7e7d7d;
}
.flag img{
           margin-left: 5px;
}
.flag a.login{ 
        color: #FFFFFF;
        text-decoration: none;
        margin-right: 15px;
 }

.flag a:hover.login{ 
        text-decoration: underline;
 }

div.minilogin{ 
        position: absolute;
        top: 0px;
        left: 450px;
        width: 450px;
 }
div.minilogin input.minilogin{ 
        height: 10px;
        font-size: 9px;
        font-family: Verdana;
 }
div.minilogin input.minilogin_button{ 
        height: 18px;
        width: 22px;
        font-size: 9px;
        font-family: Verdana;
 }
div.minilogin span.minilogin{ 
        font-size: 9px;
 }


#header{
	height: 76px;
	background-color: #000000;
	background-image: url(../images/pepita_logotype.gif);
	background-repeat: no-repeat;
	background-position: 12px center;
/*          border: 1px solid green;*/
}
#headercountry{
	height: 76px;
	background-color: #000000;
	background-position: 12px center;
        font-size: 10px;
/*          border: 1px solid green;*/
}

#BOX_COUNTRY{ 
              position: absolute;
              left: 250px;
              height: 56px;
              width: 700px;
              background-color: #000000;
              margin-top: 5px;
              visibility: hidden;
 }

#BOX_LANG{ 
              position: absolute;
              left: 250px;
              height: 56px;
              width: 700px;
              background-color: #000000;
              margin-top: 5px;
              visibility: hidden;
 }

#menuTop{
	position: absolute;
	top: 100px;
	line-height: 27px;
	height: 27px;
	border-top: 1px solid #7e7d7d;
	border-bottom: 1px solid #7e7d7d;
	width: 100%;
	background-color: #2a2b2a; 
        font-size: 11px;
        z-index: 1000;
}
#menuTop .linkMenu{
	position: relative;
	float: left;
	width: auto;
	height: 27px;
	overflow: hidden;
	white-space: nowrap;
}
#menuTop .linkMenuActif{
	position: relative;
	float: left;
	width: auto;
	overflow: visible;
	white-space: nowrap;
        z-index: 1000;
}
#menuTop .linkMenuActif a.menuLink
{
	background-image: url(../images/background_menu_on.gif);
	background-repeat: no-repeat;
        background-position: bottom center;
}
#menuTop a.menuLink
{
	display: block;
	float: left;
	width: auto;
	padding: 0 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#menuTop a.menuLink:hover
{
	background-image: url(../images/background_menu_on.gif);
	background-repeat: no-repeat;
        background-position: bottom center;
}
#menuTop .linkSsMenu
{
	position: absolute;
	top:27px;
	left: 0;
	width: 220px;
        overflow: hidden;
	background-color: #060606;
        white-space: nocrap;
}
@media screen
{
#menuTop .linkSsMenu{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
}
}
#menuTop .linkSsMenu a
{
	display: block;
	padding: 0 10px;
	color: #FFFFFF;
	text-decoration: none;
 line-height: 25px; 
        z-index: 1000;
}
#menuTop .linkSsMenu a:hover
{
	background-color: #d53a28;
}
#main{
       font-family: Arial, Helvetica;
	position: relative;
	height: 422px;
	background-image: url(../images/home_pict_1.jpg);
	background-repeat: no-repeat;
       margin-top: 27px;
}
#main .encartTrs{
	position: absolute;
	width: 437px;
	height: 353px;
	left: 534px;
	top: 26px;
	background-image: url(../images/encart_fd.png);
	background-repeat: no-repeat;
}
@media screen
{
#main .encartTrs {
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
}
}
#main .encartTtr{
	position: absolute;
	width: 420px;
	height: 110px;
	left: 555px;
	top: 44px;
	color: #FFFFFF;
}
#main .encartTtr h1{
	padding:0;
	margin:0;
	margin-bottom: 10px;
	font-size: 45px;
}
#main .encartTtr h2{
	padding:0;
	margin:0;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
        letter-spacing: 1px;
}
#main .encartTtrSmall{ 
        position: absolute;
        width: 420px;
        height: 110px;
        left: 555px;
        top: 44px;
        color: #FFFFFF;
                       
}
#main .encartTtrSmall h1{ 
        padding:0;
        margin:0;
        margin-bottom: 10px;
        font-size: 40px;
                          
}
#main .encartTtrSmall h2{ 
        padding:0;
        margin:0;
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: normal;
        letter-spacing: 1px;
                          
}
#main .encartList{
	position: absolute;
	width: 462px;
	left: 509px;
	top: 155px;
	color: #FFFFFF;
}
#main .encartList .listNum {
	background-image: url(../images/encartList_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	line-height: 54px;
	position: relative;
	margin-bottom: 10px;
	padding-left: 65px;
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
        letter-spacing: 1px;
}
#main .encartList .listNum strong{
	display: block;
	position: absolute;
	line-height: 54px;
	width: 50px;
	left:0;
	top:0;
	color: #000000;
	text-align: center;
}

#main .encartList .listNum1 {
	background-image: url(../images/encartList_bg_1.png);
}
#main .encartList .listNum2 {
	background-image: url(../images/encartList_bg_2.png);
}
#main .encartList .listNum3 {
	background-image: url(../images/encartList_bg_3.png);
}
#main .encartListSmall{ 
        position: absolute;
        width: 462px;
        left: 509px;
        top: 155px;
        color: #FFFFFF;
                        
}
#main .encartListSmall .listNum { 
        background-image: url(../images/encartList_bg.png);
        background-repeat: no-repeat;
        background-position: left top;
        height: 54px;
        line-height: 54px;
        position: relative;
        margin-bottom: 10px;
        padding-left: 65px;
        font-size: 16px;
        font-weight: bold;
        color: #FFFFFF;
        letter-spacing: 1px;
                                  
}
#main .encartListSmall .listNum strong{ 
        display: block;
        position: absolute;
        line-height: 54px;
        width: 50px;
        left:0;
        top:0;
        color: #000000;
        text-align: center;
                                        
}
#main .encartListSmall .listNum1 { 
        background-image: url(../images/encartList_bg_1.png);
                                   
}
#main .encartListSmall .listNum2 { 
        background-image: url(../images/encartList_bg_2.png);
                                   
}
#main .encartListSmall .listNum3 { 
        background-image: url(../images/encartList_bg_3.png);
                                   
}

#link, #link_ex {
	height: 166px;
	margin: 15px 0;
	background-image: url(../images/link_bg.gif);
	background-repeat: repeat-x;
	padding-left: 0px;
}

#link_ex { 
        margin: 15px 103px;

 }

#link a.block, #link_ex a.block {
	margin-top: 10px;
	display: block;
	float: left;
	margin-left: 8px;
        width: 243px;
        height: 143px;
	background-repeat: no-repeat;
        text-decoration: none;
        text-align: center;
        line-height: 143px;
        font-family: Arial;
        font-size: 17px;
        font-weight: bold;
	color: #757675;
}
#link a.signup_off{ 
        background-image: url(../images/signup_off.jpg);
 }
#link a.gall_off{ 
        background-image: url(../images/galleries_off.jpg);
 }
#link a.guarant_off{ 
        background-image: url(../images/guarantee_off.jpg);
 }
#link_ex a.ex1_off{ 
                 background-image: url(../images/ex1_off.jpg);}
#link_ex a.ex2_off{ 
                 background-image: url(../images/ex2_off.jpg);}
#link_ex a.ex3_off{ 
                 background-image: url(../images/ex3_off.jpg);}
#link_ex a.ex4_off{ 
                 background-image: url(../images/ex4_off.jpg);}
#link_ex a.ex5_off{ 
                 background-image: url(../images/ex5_off.jpg);}
#link_ex a.ex6_off{ 
                 background-image: url(../images/ex6_off.jpg);}
#link_ex a.ex7_off{ 
                 background-image: url(../images/ex7_off.jpg);}
#link_ex a.ex8_off{ 
                 background-image: url(../images/ex8_off.jpg);}




#link a.div{
        margin-top:63px;
             border: 1px solid red;
}

.choixBout{
	float: left;
	width: 227px;
	margin-top: 10px;
	height: 143px;
        margin-left: 8px;
}
.choixBout div{
	text-align: center;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}
#footer{
	color: #757675;
	text-align: center;
	padding: 15px 0;
}
#footer a{
	color: #757675;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}


.buttonContainer { 
       cursor: pointer;
 }

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

.buttonRedForDarkBackL,
.buttonRedForDarkBackM,
.buttonRedForDarkBackR{ 
       font-size: 11px;
       height: 31px;
       float: left;
        font-weight: normal;
        font-family: verdana;
                        
                        }


.buttonGreyL,
.buttonPeachL
{ 
        background-image: url(../images/button_grey_left.png);
        background-repeat: no-repeat;
        width: 20px;
        height: 44px;
        float: left;
}
.buttonGreyM,
.buttonPeachM
{ 
        background-image: url(../images/button_grey_middle.png);
        background-repeat: repeat-x;
        font-size: 14px;
        height: 44px;
        float: left;
        color: #333;
        padding: 0 7px;
        padding-top: 0px;
        font-weight: bold;
        line-height: 40px;
        letter-spacing: 1px;
}
.buttonGreyR,
.buttonPeachR
{ 
        background-image: url(../images/button_grey_right.png);
        background-repeat: no-repeat;
        width: 20px;
        height: 44px;
        float: left;
}
.buttonPeachL{ 
        background-image: url(../images/button_peach_left.png);        
}
.buttonPeachM{ 
        background-image: url(../images/button_peach_middle.png);        
        color: #fff;
}
.buttonPeachR{ 
        background-image: url(../images/button_peach_right.png);        
}

.buttonRedForDarkBackL,
.buttonRedForDarkBackM,
.buttonRedForDarkBackR{ 
       font-size: 11px;
       height: 31px;
       float: left;
        font-weight: normal;
        font-family: verdana;
}

.buttonRedForDarkBackL{ 
        background-image: url(../images/buttonRedForDarkBack_left.gif);
       width: 15px; 
}

.buttonRedForDarkBackM{ 
       background-image: url(../images/buttonRedForDarkBack_middle.gif);
       padding: 0 7px;
       line-height: 31px;
       height: 31px;
       text-align: center;
}

.buttonRedForDarkBackR{ 
        background-image: url(../images/buttonRedForDarkBack_right.gif);
       width: 15px; 
 }



.buttonRedForWhiteBackL,
.buttonRedForWhiteBackM,
.buttonRedForWhiteBackR{ 
       font-size: 11px;
       height: 31px;
       float: left;
       font-weight: normal;
        font-family: verdana;
 }

.buttonRedForWhiteBackL{ 
        background-image: url(../images/buttonRedForWhiteBack_left.gif);
       width: 15px; 
}

.buttonRedForWhiteBackM{ 
       background-image: url(../images/buttonRedForWhiteBack_middle.gif);
       padding: 0 7px;
       line-height: 31px;
       height: 31px;
       color: #fff;
       text-align: center;
}

.buttonRedForWhiteBackR{ 
        background-image: url(../images/buttonRedForWhiteBack_right.gif);
       width: 15px; 
 }



.buttonBlackForWhiteBackL,
.buttonBlackForWhiteBackM,
.buttonBlackForWhiteBackR{ 
       font-size: 11px;
       height: 31px;
       float: left;
       font-weight: normal;
        font-family: verdana;
 }

.buttonBlackForWhiteBackL{ 
        background-image: url(../images/buttonBlackForWhiteBack_left.gif);
       width: 15px; 
}

.buttonBlackForWhiteBackM{ 
       background-image: url(../images/buttonBlackForWhiteBack_middle.gif);
       padding: 0 7px;
       line-height: 31px;
       height: 31px;
       color: #fff;
       text-align: center;
}

.buttonBlackForWhiteBackR{ 
        background-image: url(../images/buttonBlackForWhiteBack_right.gif);
       width: 15px; 
 }



#mainContent{
       font-family: Verdana;
	position: relative;
	height: 422px;
	background-color: #FFFFFF;
       margin-top: 27px;
       color: #2a2b2a;
       padding: 14px 14px;
}

#mainContent h1{
      font-family: Arial;
      border-bottom: 1px solid #999;
      border-top: 1px solid #999;
      font-weight: bold;
      padding: 0;
      font-size: 18px;
      margin: 0px;
      line-height: 40px;
      margin-bottom: 25px;
}

#mainContent h2{
      font-family: Arial;
      font-weight: bold;
      font-size: 15px;
}

#mainContent p{ 
      color: #2a2b2a;
 }

#mainContentDark{
      font-family: Verdana;
      position: relative;
      height: 422px;
      background-color: #191a19;
      margin-top: 27px;
      color: #FFFFFF;
      padding: 14px 14px;
}

#mainContentDark h1{
      font-family: Arial;
      border-bottom: 1px solid #999;
      border-top: 1px solid #999;
      font-weight: bold;
      padding: 0;
      font-size: 18px;
      margin: 0px;
      line-height: 40px;
      margin-bottom: 25px;
}

#mainContentDark h2{
      font-family: Arial;
      font-weight: bold;
      font-size: 15px;
}

#mainContentDark span{
      color: #FFFFFF;
      font-family: Verdana;
}


div.step_title_off,
div.step_title_on { 
                    float: left; 
                    font-size: 15px; 
                    color: #555; 
                    height: 45px; 
                    line-height: 45px; 
                    margin-right: 20px; 
                    margin-left: 5px;
 }

div.step_title_on { 
                    font-weight: bold; 
                    color: #000; 
 }


/* ---------------- form style in core middle ----------------- */
div.form_row { 
  clear: both;
  padding-top: 2px;
  height: 30px;
  margin:0;
  font-family: Verdana;
  color: #2a2b2a;
} 

div.form_row span.label_right {
  float: left; 
  width: 160px;
  height: 20px;
  padding-top: 2px;
  padding-right: 7px;
  text-align: right;
/*  border: 1px solid gray;*/
}


/* Standard text label */ 
div.form_row span.label {
  float: left; 
  width: 160px;
  height: 20px;
  padding-top: 2px;
  text-align: left;
  font-size: 11px;
}

/* Long text label */
div.form_row span.long_label {
  float: left; 
  width: 330px;
  height: 20px;
  padding-top: 4px;
  text-align: left;
  font-size: 11px;
}

/* Mini text label */ 
div.form_row span.mini_label {
  float: left; 
  width: 80px;
  text-align: left;
  font-size: 11px;
}

div.form_row span.formw,
div.form_row div.formw_text,
div.form_row span.miniformw,
div.form_row span.longformw {
  float: left;
  width: auto;/*150px;*/
  height: auto;
  text-align: left;
  padding-left: 5px;
  margin-right: 2px;
}

select.form { 
  padding: 0px;
  margin: 0px;
 }

input.form,
input.miniform,
input.longform
{ 
  /*  float: left;*/
  border:1px solid #2a2b2a;
  font-size: 11px;
  color:#2a2b2a;
  height: 18px;
  width: 150px;
  margin-left: 0px;
  padding-left: 0px;
}

input.checkbox{ 
  float: left;
 }

div.form_row div.text,
div.form_row div.text_auto {
  float: left;
  font-size: 11px;
  height: 20px;
  line-height: 20px;      
}

/* tichat */

/* barre de titre des pages */
.title {
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	font-weight: bold;
	height: 40px;
	vertical-align: middle;
	line-height: 40px;
	font-family: Arial;
	font-size: 18px;
	margin-bottom: 28px;
}

/* lien simple à l'intérieur de la barre de titre */
.title a {
	font-size: 10px;
	font-family: Verdana;
	color: #3e97ca;
	font-weight: normal;
	padding-top: 3px;
}

/* icônes à gauche de la barre de titre */
.title .cartTitle {
	background-image: url(../images/cart_small_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	float: left;
	margin-right: 40px;
}

.title .memberTitle {
	background-image: url(../images/member_small_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	float: left;
	margin-right: 40px;
}

.title .helpTitle {
	background-image: url(../images/help_icon.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 23px;
	float: left;
	margin-right: 40px;
}

/* petit bouton carré (formé d'une seule image) */
.title .tinyButton {
	float: left;
	width: 32px;
	height: 31px;
	margin-top: 5px;
	margin-right: 3px;
}



/* le même petit bouton carré, mais calé à droite */
.title .tinyButtonRight {
	float: right;
	width: 32px;
	height: 31px;
	margin-top: 5px;
	margin-left: 3px;
}



/* sous-titre à l'intérieur des pages */
.subTitle {
	clear: both;
	border-bottom: 1px solid #999;
	font-family: Arial;
	font-size: 16px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-top: 40px;
}



/* catégories principales de l'aide */
.helpCat {
	background-color: #000;
	color: #fff;
	line-height: 27px;
	font-size: 14px;
	padding: 0 10px;
	padding-bottom: 2px;
	margin-bottom: 11px;
	font-weight: normal;
	
}

/* liste de questions de l'aide */
.helpQuestions {
	margin: 11px 27px;
	padding: 0;
}

.helpQuestions li {
	margin: 4px;
}

.helpQuestions li a {
	color: #1297cc;
	font-size: 12px;
}

/* tableau des produits du panier */
.cartTableDetail {
	clear: both;
	width: 100%;
	margin-bottom: 27px;
}

.cartTableDetail a {
	color: #3e97ca;
}

.cartTableDetail th {
	background-color: #2a2b2a;
	color: #fff;
	line-height: 27px;
	font-size: 13px;
	padding: 0 7px;
	padding-bottom: 2px;
	font-weight: normal;
	border-bottom: 15px solid white;
}

.cartTableDetail tr {
	padding-top: 7px;
}

.cartTableDetail td {
	padding: 0 7px;
	padding-bottom: 17px;
	vertical-align: top;
	color: #000;
	line-height: 15px;
}

.cartTableDetail .separator {
	border-top: 1px solid #999;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

.cartTableDetail td fieldset label input {
	position: relative;
	top: 4px;
	padding-right: 4px;
}



/* tableau récapitulatif du panier */
.cartTable {
	float: left;
        width: 400px;
        clear: both;
        position: relative;
}

.cartTable td {
	color: #000;
	white-space: nowrap;
	padding-bottom: 7px;
}



/* dernière ligne du tableau récapitulatif du panier */
.cartTable .totalLine {
	font-size: 14px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	line-height: 34px;
	padding: 0;
}



/* Maxichèque */
.mcBloc {
	width: 170px;
	height: 170px;
	background-color: #7dba41;
	background-image: url(../images/maxicheque_back.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	padding: 9px;
	color: #fff;
	float: right;
	font-size: 10px;
        position: relative;
}

.mcInput {
	margin-bottom: 8px;
	margin-top: 2px;
	width: 160px;
}

.mcSubmit {
	margin-top: 4px;
}

.mcLogo {
	margin-bottom: 4px;
}

.title_2 {
	border-bottom: 1px solid #999;
	font-weight: bold;
	height: 23px;
	vertical-align: middle;
	font-family: Arial;
	font-size: 16px;
	margin-bottom: 14px;
	margin-top: 1px;
}


.memberPict {
	float: left;
	padding-right: 28px;
	width: 128px;
	overflow: hidden;
}

.memberInfo {
	float: left;
	width: 300px;
        margin-left: 14px;
}

.memberStore {
	float: right;
	z-index: -1000;
}

.memberAdmin {
        clear: both;
        margin: 15px 0;
}

.memberCatalog {
        clear: both;
        margin: 20px -14px;
        padding: 0;
}


.benefits { 
       float: right;
       width: 312px;
       margin-left: 14px;
}

.benefits_item { 
       color: #ddd;
       height: 105px;
       width: 216px;
       margin-bottom: 5px;
       padding-left: 80px;
       padding-top: 18px;
       padding-right: 13px;
       font-size: 12px;

}
.benefits_item .div { 
       margin-left: 80px;
       background-color: #F50;
}

.img_quota { 
       background-image: url(../images/signup_espace_disque.jpg);
       background-repeat: no-repeat;
 }
.img_comm { 
       background-image: url(../images/signup_euro.jpg);
       background-repeat: no-repeat;
 }
.img_object { 
       background-image: url(../images/signup_objets.jpg);
       background-repeat: no-repeat;
 }
.img_resell { 
       background-image: url(../images/signup_catalogue.jpg);
       background-repeat: no-repeat;
 }
.img_social { 
       background-image: url(../images/signup_social_networks.jpg);
       background-repeat: no-repeat;
 }

.form { 
      padding-left: 32px;
      width: 611px;
      height: 500;
      float: left;
 }

.img_mini_1 { 
       background-image: url(../images/step_1_on_SMALL.gif);
       background-repeat: no-repeat;              
       background-position: top left; 
}
.img_mini_2 { 
       background-image: url(../images/step_2_on_SMALL.gif);
       background-repeat: no-repeat;              
       background-position: top left; 
}


.cart { 
      float: right;

 }


.encartLogin { 
      width: 500px;
      height: 300px;
      padding-left: 320px;
      padding-top: 25px;
}  

a.cartLink,
a.cartLink:visited { 
     color: #6ab0c4;
 }

a.blue,
a.blue:visited { 
     color: #6ab0c4;
 }

a.white,
a.white:visited { 
     color: #FFFFFF;
 }

a.miniCart,
a.miniCart:visited { 
     color: #FFCC33;
 }

/* ---- Javascript Showtrail ---- */
#trailimageid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 0px;
  z-index: 1000;
}

#trailimageid div {
  padding: 5px;
  background-color: #FFF;
/*  border: 1px solid #888;*/
  text-align: center;
}

#trailimageid h2,
#trailimageid h3,
#trailimageid p {
  font-size: 12px;
  font-weight: bold;
  color: #287CB1;
  margin: 0;
  padding: 2px 0px;
  font-family: verdana;
  text-align: left;
  width: 100%;
}

#trailimageid h3 {
  font-size: 10px;
  font-weight: normal;
}

#trailimageid p {
  font-weight: normal;
  color: #888;
  font-size: 11px;
}


#trailimageid img {
 margin: 2px;
 border: none;
}

/* FLOATER
#trailmusicid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 286px;
  height: 1px;
  z-index: 1000;
}*/

#trailmusicid {
  position: absolute;
  visibility: hidden;
  left: 0px;
  top: 0px;
  width: 300px;
  height: 0px;
  z-index: 1000;
}

#trailmusicid div {
  padding: 5px;
  background-color: #FFF;
/*  border: 1px solid #888;*/
  text-align: center;
}

#trailmusicid h2,
#trailmusicid h3,
#trailmusicid p {
  font-size: 12px;
  font-weight: bold;
  color: #287CB1;
  margin: 0;
  padding: 2px 0px;
  font-family: verdana;
  text-align: left;
  width: 100%;
}

#trailmusicid h3 {
  font-weight: normal;
  font-size: 10px
}

#trailmusicid p {
  font-weight: normal;
  color: #888;
  font-size: 11px;
}


#trailmusicid img {
 margin: 2px;
 border: none;
}


table.progressbar
{
  border: 1px solid #233f4d;
  margin-bottom: 25px;
}

.progressBarContainer { 
  border: 1px solid #8d9599;
  padding: 3px;
 }

.progressBarEmpty
{ 
 height: 15px;
 background-image: url(../images/quota_bg_empty.jpg);
 background-repeat: repeat-x;
 }

.progressBarFull
{ 
 height: 15px;
 background-image: url(../images/quota_bg_full.jpg);
 background-repeat: repeat-x;
 }

.form_url
{ 
	font-weight: bold;
	height: 31px;
	vertical-align: middle;
	line-height: 31px;
	font-family: Arial;
	font-size: 14px;
  margin-bottom: 15px;
 }
 
 


/* --------------------------------------------------------------------------------------------- */


/* Carousel Widget addon-howto */

.jcarousel-addon-howto { 
    position: absolute;
    top: 10px;
    left: 40px;
}

.jcarousel-addon-howto .jcarousel-container {
    -moz-border-radius: 10px;
    background: transparent;
}

.jcarousel-addon-howto .jcarousel-container-horizontal {
    width: 447px;
    padding: 0;
}

.jcarousel-addon-howto .jcarousel-container-vertical {
    width: 447px;
    height: 400px;
    padding: 0;
}

.jcarousel-addon-howto .jcarousel-clip-horizontal {
    width:  447px;
    height: 400px;
}

.jcarousel-addon-howto .jcarousel-item {
    width: 447px;
    height: 400px;
}

.jcarousel-addon-howto .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-addon-howto .jcarousel-item-horizontal {
    /* margin-right: 7px; */
}

.jcarousel-addon-howto .jcarousel-item-vertical {
    /* margin-bottom: 7px; */
}

.jcarousel-addon-howto .jcarousel-item-placeholder {
}


/* Carousel Widget addon-teaser */

.jcarousel-addon-teaser { 
    position: absolute;
    top: 10px;
    left: 40px;
}

.jcarousel-addon-teaser .jcarousel-container {
    -moz-border-radius: 10px;
    background: yellow;
}

.jcarousel-addon-teaser .jcarousel-container-horizontal {
    width: 460px;
    padding: 0;
}

.jcarousel-addon-teaser .jcarousel-container-vertical {
    width: 460px;
    height: 400px;
    padding: 0;
}

.jcarousel-addon-teaser .jcarousel-clip-horizontal {
    width:  460px;
    height: 400px;
}

.jcarousel-addon-teaser .jcarousel-item {
    width: 460px;
    height: 400px;
}

.jcarousel-addon-teaser .jcarousel-item:hover {
    border-color: #808080;
}

.jcarousel-addon-teaser .jcarousel-item-horizontal {
    /* margin-right: 7px; */
}

.jcarousel-addon-teaser .jcarousel-item-vertical {
    /* margin-bottom: 7px; */
}

.jcarousel-addon-teaser .jcarousel-item-placeholder {
}


/**
 * Additional styles for the controls.
 */
.jcarousel-control {
    margin-bottom: 10px;
    text-align: center;
}

.jcarousel-control a {
    font-size: 11px;
    text-decoration: none;
    margin: 0 0 5px 0;
    color: #fff;
    font-weight: bold;
    
    padding: 7px 12px 11px;
    
    background-image: url(../images/addon_step_on.gif);
	background-repeat: no-repeat;
	background-position: center middle;
}

.jcarousel-control a:focus,
.jcarousel-control a:active {
    outline: none;
    background-image: url(../images/addon_step_red.gif);
	background-repeat: no-repeat;
	background-position: center middle;
}