/* Centrer la page */
BODY { margin: 0; text-align: center; background: #FFFBEB url('//static.xstory-fr.com/images/fond.gif') center 0px;}
BODY.simpleLayout { background-color: #FFFFFF; text-align: left; }

img { border: none }

.ui-widget {
    font-size: 13px;
}

#page { 
    width: 955px; 
    text-align: left; 
    margin: 0 auto; 
    background-color: #FFFBEB; 
    background-image: url('//www.xstory-fr.com/images/page_bg.gif');
    position: relative;
}


#haut {
    position: relative;
    width: 955px;
    height: 140px;
    background-image: url('//www.xstory-fr.com/images/logo.jpg');
    background-repeat: no-repeat;
    font-family: arial;
    font-size: 12px;
    color: white;
}
#haut #backToIndex {
    display: block;
    float: left;
    width: 265px;
    height: 132px;
}
#haut .votezpournous {
    position: absolute;
    left: 725px;
    top: 88px;
}
#haut .votezpournous a {
    font-family: arial;
    font-size: 12px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}
#haut .votezpournous a:hover {
    text-decoration: underline;
}
#haut .bienvenue {
    position: absolute;
    left: 725px;
    top: 14px;
    width: 230px;
    height: 70px;
}
#haut .bienvenue .titre {
    color: #e81a74;
    font-weight: bold;
}
#haut #compteur {
    position: absolute;
    left: 725px;
    top: 117px;
    font-size: 11px;
    font-family: arial;
}
#haut #popupVotezpournous {
    display: none; 
    position: absolute; 
    top: 0px; 
    left: 275px; 
    width: 400px; 
    background-color: #fffbeb; 
    text-align: left; 
    border: solid 2px #992b8c; 
    padding: 4px;
}
#haut a#btnFermerVotezpournous {
    font-size: 12px; 
    font-weight: bold; 
    text-decoration: none; 
    color: #661051; 
    margin-top: 5px; 
    float: right;
}
#haut a#btnFermerVotezpournous:hover {
    text-decoration: underline;
    color: #d029a7; 
}

/** PUB pour les Annonces +  lien Favoris **/
#pubHeaderMessenger {
    /*background-image: url("//static.xstory-fr.com/images/header_messenger1.png");*/
    height: 120px;
    margin-left: 244px;
    /*margin-top: 13px;*/
    position: absolute;
    width: 468px;
}
#pubHeaderMessenger ul {
    margin-top: 40px;
    padding-left: 52px;
}
#pubHeaderMessenger ul li {
    background-image: url("//www.xstory-fr.com/images/menu_puce.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    list-style: none outside none;
    margin-bottom: 5px;
    padding-left: 8px;
}

#pubHeaderMessenger a {
    text-decoration:none;
    color: #820030;
}

#pubHeaderMessenger a:hover {
    text-decoration: underline;
}
#pubHeaderMessenger #messenger {
    margin-left: 2px;
    margin-top: 1px;
    position: absolute;
}

#favoris {
    top:108px;
    left: 725px;
    position: absolute;
}
#favoris a {
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}
#favoris a:hover {
    text-decoration: underline;
}

/**     **/

#menu {
    width: 217px;
    float: left;
}
#menuSocial + #menu {
     clear: left;
}
#menuSocial {
    margin-left: 1px;
    width: 204px;
    height: 30px;
    float: left;
}
#menuSocial a {
    float: left;
    background-image: url(//static.xstory-fr.com/images/socialicons.jpg);
    width: 51px;
    height: 100%;
}
#menuSocial a.facebook       { background-position: 0 0 }
#menuSocial a.facebook:hover { background-position: 0 -100% }
#menuSocial a.twitter        { background-position: -100% 0 }
#menuSocial a.twitter:hover  { background-position: -100% -100% }
#menuSocial a.reddit         { background-position: -200% 0 }
#menuSocial a.reddit:hover   { background-position: -200% -100% }
#menuSocial a.pinterest      { background-position: -300% 0 }
#menuSocial a.pinterest:hover{ background-position: -300% -100% }

.shareToolsItemAd2 a {
    margin: 0 5px;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    background-image: url(//static.xstory-fr.com/images/socialicons_mini.jpg);
}
.shareToolsItemAd2 a:hover {
    opacity: 0.65;
}
.shareToolsItemAd2 a.facebook { background-position:    0 0 }
.shareToolsItemAd2 a.twitter  { background-position: -100% 0 }
.shareToolsItemAd2 a.google   { background-position: -200% 0 }
.shareToolsItemAd2 a.mail     { background-position: -300% 0 }

#contenu {
    width: 738px !important; /* FF */
    width: 735px; /* IE */
    margin-left: 217px;
}
BODY.simpleLayout #contenu {
    width: auto;
    margin-left: 0;
}
#contenu #pub-inscription-wrapper {
    display: none;
    position: relative;
    height: 95px;
}
#contenu #pub-inscription {
    position: absolute;
    top: -17px;
    left: 0;
    background-image: url("//static.xstory-fr.com/images/nouvelle-version.png");
    height: 114px;
    width: 657px;
}
#contenu, #contenu TD {
    font-family: arial;
    font-size: 12px;
    color: #661051;
}
#contenu a { 
    color: #661051; 
    font-size: 14px;
    font-family: verdana;
    text-decoration: none;
}
#contenu a:hover { 
    color: #d029a7; 
    text-decoration: underline;
}
#contenu h1 {
    color: #820030;
    font-family: Arial;
    font-weight: bold;
    font-size: 17px;
    margin-top: 3px;
    margin-bottom: 3px;
}
#contenu h2, #contenu .h2 {
    color: #820030;
    font-family: arial;
    font-weight: bold;
    font-size: 13px;
    margin: 0px;
}
.demie_colonne {
    width: 369px !important;
    width: 366px;
    height: 335px;
    overflow: hidden;
}
.colonne_gauche {
    float: left;
}
.colonne_droite {
}
#dernieres_histoires {
}
.langue_es #dernieres_histoires .cadre h3,
.langue_en #dernieres_histoires .cadre h3 {
    margin-bottom: 15px;
    margin-top: 10px;
}
#derniers_posts {
}
#derniers_commentaires {
}
#derniere_video {
}
#derniers_commentaires .auteur {
    width: 312px;
    overflow: hidden;
}
#derniers_commentaires .auteur a {
    display: inline;
    font-weight: bold;
}
#meilleures_histoires .points,
#meilleurs_auteurs .points {
    width:47px;
    text-align:right;
    margin-right:4px;
    font-size:8px;
}
.meilleurs_auteurs_liste .liste_histoires {
    margin: 10px 0 20px 25px;
}
.meilleurs_auteurs_liste .liste_histoires div {
    font-size:11px; 
}
.meilleurs_auteurs_liste .liste_histoires #liste_histoires_content {
   cursor: auto;
   overflow-y: auto;
   width: 500px;
   padding-top: 4px;
   height: 131px;
}
#glissiere_meilleurs_auteurs .numerosHistoires .lien {
    width:65px;
}
#glissiere_meilleurs_auteurs .numerosHistoires .bold {
    font-weight:bold;
}
#site_du_mois #image_site img {
    width: 180px;
    border:solid 2px #820030;
}
#pub_webcam {
    margin-top: 15px;
    margin-bottom: 25px;
}
#pub_bas {
    margin-top: 45px;
}
#bas {
    clear: both;
    width: 955px;
    height: 89px;
    background-image: url('//www.xstory-fr.com/images/footer.jpg');
    color: white;
    font-family: arial;
    font-size: 10px;
}
#bas .titre {
    width: 80px;
    margin-left: 2px;
    float: left;
    font-weight: bold;
}
#bas .liens {
    width: 650px;
    margin-left: 85px;
}
#bas .liens a {
    font-size: 9px;
    color: white;
}
#bas #pornspirit {
    text-align: center;
    margin-bottom: 5px;
}
#concours_content {
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 15px;
    background-color: #fbf0c6;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
#concours_content .concours_liste .concours-name {
    text-transform: uppercase;
    color: #ffffff;
}
#concours_content #timeline {
    height: 50px;
    margin: 25px auto 30px;
    width: 600px;
}
#concours_content #timeline .date {
    width: 35px;
    background-color: #ffffff;
    border-radius: 5px;    
    text-align: center;
    overflow: hidden;
    font-weight: bold;
    float: left;    
    cursor: pointer;  
}
#concours_content #timeline .date:hover {
    opacity: 0.7;
    filter: alpha("opacity=50");
}
#concours_content #timeline .date.on {
    border: 1px solid #8c2b52;
}
#concours_content #timeline .date.off {
    border: 1px solid grey;
    color: grey;
}
#concours_content #timeline .date .mois {
    background-color: #8c2b52;
    color: #ffffff;
}
#concours_content #timeline .date.off .mois {
    background-color: grey;
}
#concours_content #timeline .date .jour {
    font-size: 18px;
    line-height: 18px;
}
#concours_content .concours_liste {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #8c2b52;
    height: 30px;
    line-height: 30px;
    color: #ff90bd;
    padding: 0 15px;
    box-sizing: border-box;
}
#concours_content #timeline .line {
    width: 150px;    
    height: 3px;
    margin-top: 23px;
    float: left;
    position: relative;
}
#concours_content #timeline .line .off,
#concours_content #timeline .line .on {
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0;
    left: 0;
}
#concours_content #timeline .line .off {
    background-color: grey;
}
#concours_content #timeline .line .on {
    background-color: #8c2b52;
    width: 0;
}
#concours_content #timeline .line .on .cursor {
    background-color: #8c2b52;
    border-radius: 8px;
    height: 8px;
    width: 8px;
    margin-top: -3px;
    float: right;
}
#concours_content .topic {
    background-image: url(//www.xstory-fr.com/images/icone-information.png);
    width: 17px;
    height: 17px;
    margin-left: 4px;
    margin-top: 6px;
    display: inline-block;
    position: absolute;
}
#concours_content .infos {
    margin: 5px 0 15px;
    color: #9c217a;
    font-weight: bold;
    text-align: center;
}
#concours_content .classement {
    font-weight: bold;
    margin-bottom: 15px;
    font-size: 13px;
}
#concours_content .btn-participer {
    width: 200px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    background-color: #8C2B52;
    text-transform: uppercase;
    border-radius: 5px;
    text-align: center;
    margin: 15px auto;
    display: block;
    font-size: 11px;
    font-weight: bold;
}
#concours_content .btn-participer:hover {
    background-color: #AC3565;
    text-decoration: none;
    color: #ffffff;
}
#concours_content .liste_histoires .link-histoire {
    display: inline-block;
}
#concours_content .liste_histoires .link-histoire .icon20x20 {
    float:left;
    margin-top:-3px;
    font-size: 14px;
}
#concours_content .liste_histoires .link-histoire .titre {
    line-height: 20px;
    margin-left:22px;
    margin-top:-3px;
    height: 20px;
    cursor: pointer;
    font-size: 12px;
}

#accueil-concours {
    background-image: url(//static.xstory-fr.com/concours/bg_concours.jpg);
    background-repeat: no-repeat;
    position: relative;
    width: 300px;
    height: 250px;
    padding-top: 120px;
    box-sizing: border-box;
}
#accueil-concours .details {
    color: #cc004a;
    text-align: center;
    background: rgba(253, 253, 253, 0.82);
    width: 90%;
    margin: 0 auto;
    line-height: 20px;
    border-radius: 5px;
    font-size: 13px;    
    padding: 5px 0;
    position: relative;
}
#accueil-concours .no-concours {
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-weight: bold;
}
#accueil-concours .details #title {
    position: absolute;
    top: -30px;
    left: 0;
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
    background-color: rgba(205,0,75,0.75);
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-weight: bold;
    font-size: 11px;
}
#accueil-concours .details span {
    font-weight: bold;
}
#accueil-concours .link {
    display: inline;
    color: #cd004b;
    font-size: 14px !important;
    font-weight: bold;
}
#accueil-concours #btn-participer {
    position: absolute;
    bottom: 10px;
    left: 50px;
    display: block;
    color: #fff;
    background: #cd004b;
    line-height: 35px;
    height: 35px;
    border-radius: 5px;
    width: 200px;
    font-weight: bold;
    font-size: 15px !important;
    text-align: center;
    text-transform: uppercase;
}

/****************************************************************************************************/
TABLE.categories_list {
    width: 100%;
}
TABLE.categories_list a {
    padding-left: 22px;
    line-height: 20px;
    height: 20px;
    background-repeat: no-repeat;
    display: block;
}
TABLE.categories_list TD {
    margin: 0;
    padding: 0;
}

#categorie_descriptions {
    position: relative;
    height: 60px;
    width: 290px;
}
.categorie_description {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background-repeat: no-repeat;
    height: 100%;
}

.cadre {
    width: 342px;
}
.cadre, .cadre a {
    color: #661051; 
    display: block;
    font-size: 11px !important;
    font-family: verdana !important;
}

.cadre_haut {
    height: 13px;
    background-image: url('//www.xstory-fr.com/images/cadre_haut.gif');
    background-repeat: no-repeat;
}
.cadre_milieu {
    background-image: url('//www.xstory-fr.com/images/cadre_milieu.gif');
    background-repeat: repeat-y;
    padding-left: 15px;
    padding-right: 15px;
    width: 312px !important; /* FF tient compte des padding */
    width: 342px; /* IE ne tient pas compte des padding */
    height: 260px;
    overflow: hidden;
}
.cadre_bas {
    height: 12px;
    background-image: url('//www.xstory-fr.com/images/cadre_bas.gif');
    background-repeat: no-repeat;
    margin-bottom: 0px !important; /* FF */
    margin-bottom: -1px; /* IE bug fix */
}
.cadre_bas_gauche {
    background-image: url('//www.xstory-fr.com/images/cadre_bas_gauche.gif');
    width: 150px;
    height: 23px;
    float: left;
}
.cadre_bas_droite {
    background-image: url('//www.xstory-fr.com/images/cadre_bas_droite.gif');
    width: 192px !important; /* FF */
    width: 189px; /* IE */
    height: 23px;
    line-height: 23px;
    display: block;
    font-size: 12px !important;
    font-family: arial !important;
    color: white !important;
    margin-left: 150px;
    text-align: center;
    vertical-align: middle;
}

.cadre h3 {
    color: #650e52;
    font-size: 11px;
    font-weight: bold;
    font-family: verdana;
    font-variant: small-caps;
    margin: 0;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cadre .commentaire {
    /*margin-bottom: 6px;*/
}

.cadre .commentaire .date {
    display: inline;
    font-weight: bold;
    margin-right: 3px;
    font-family: arial !important;
    font-size: 10px;
}
#contenu a.send_comments {
    display: block;
    padding-left: 55px;
    padding-top: 18px;
    width: 193px !important;
    width: 250px;
    height: 32px !important;
    height: 52px;
    background-image: url(//www.xstory-fr.com/images/commentaire.png);
    background-repeat: no-repeat;
    background-position: 5px 0px;
    border: solid 1px #661051;
    font-size: 12px;
}

#contenu .numerosHistoires a{
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    font-family: verdana;
    width: 97px;
    margin-left: 3px;
    margin-right: 3px;
    height: 15px;
    color: #661051;
}

#contenu .numerosHistoires a:hover{
    font-weight: bold;
}

#contenu a.glissiere_btn {
    display: block;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    width: 10px;
    background-repeat: no-repeat;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 3px;
}
#contenu a.glissiere_btn_dg { background-image: url('//www.xstory-fr.com/images/fleche_dg_base.png'); }
#contenu a.glissiere_btn_dd { background-image: url('//www.xstory-fr.com/images/fleche_dd_base.png'); }
#contenu a.glissiere_btn_sg { background-image: url('//www.xstory-fr.com/images/fleche_sg_base.png'); }
#contenu a.glissiere_btn_sd { background-image: url('//www.xstory-fr.com/images/fleche_sd_base.png'); }
#contenu a.glissiere_btn_dg { background-image: url('//www.xstory-fr.com/images/fleche_dg_base.png'); }
#contenu a.glissiere_btn_dd { background-image: url('//www.xstory-fr.com/images/fleche_dd_base.png'); }
#contenu a.glissiere_btn_sg { background-image: url('//www.xstory-fr.com/images/fleche_sg_base.png'); }
#contenu a.glissiere_btn_sd { background-image: url('//www.xstory-fr.com/images/fleche_sd_base.png'); }
#contenu a.glissiere_btn_dg:hover { background-image: url('//www.xstory-fr.com/images/fleche_dg_over.png'); }
#contenu a.glissiere_btn_dd:hover { background-image: url('//www.xstory-fr.com/images/fleche_dd_over.png'); }
#contenu a.glissiere_btn_sg:hover { background-image: url('//www.xstory-fr.com/images/fleche_sg_over.png'); }
#contenu a.glissiere_btn_sd:hover { background-image: url('//www.xstory-fr.com/images/fleche_sd_over.png'); }
#contenu a.glissiere_btn_dg:hover { background-image: url('//www.xstory-fr.com/images/fleche_dg_over.png'); }
#contenu a.glissiere_btn_dd:hover { background-image: url('//www.xstory-fr.com/images/fleche_dd_over.png'); }
#contenu a.glissiere_btn_sg:hover { background-image: url('//www.xstory-fr.com/images/fleche_sg_over.png'); }
#contenu a.glissiere_btn_sd:hover { background-image: url('//www.xstory-fr.com/images/fleche_sd_over.png'); }


#contenu .liste_histoires .histoire {
    width: 700px;
}

#contenu .liste_histoires .histoire {
    position: relative;
    height: 80px;
    border-bottom: solid 1px #D090D0;
    margin-left: 365px;
    width: 350px;
}
#contenu .liste_histoires .histoire_gauche {
    float: left;
    margin-left: 5px;
}
#contenu .liste_histoires .histoire .categorie {
    position: absolute;
    left: 0px;
    top: 0px;
}
#contenu .liste_histoires .histoire .note {
    position: absolute;
    left: 0px;
    top: 50px;
}
#contenu .liste_histoires .histoire .titre {
    position: absolute;
    left: 65px;
    top: 5px;
    width: 285px;
    height: 70px;
    display: block;
    line-height: 15px !important; /* FF */
    line-height: 16px; /* IE */
    overflow: hidden;
}
#contenu .liste_histoires .histoire .titre .concours-icon {
    background-image: url(../images/icones20x20.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    background-position: -123px -40px;
    margin-right: 2px;
    height: 22px;
    line-height: 26px;
    vertical-align: top;
}
#contenu .liste_histoires .histoire .titre:hover {
    background-color: #fff8de;
}
#contenu .liste_histoires .histoire .realite {
    position: absolute;
    left: 0px;
    top: 64px;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: #866061;
    text-align: center;
    width: 60px;
}
#contenu .liste_histoires .histoire .points {
    font-size: 14px;
    font-weight: bold;
    position: absolute;
    text-align: center;
    top: 63px;
    width: 60px;
}
#contenu .liste_histoires .histoire .infos {
    position: absolute;
    display: block;
    left: 65px;
    top: 58px;
    width: 285px;
    overflow: hidden;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: #866061;
}
#contenu .liste_histoires .histoire .addChapter {
    position: absolute;
    display: block;
    left: 65px;
    top: 37px;
    width: 285px;
    overflow: hidden;
}
#contenu .liste_histoires .histoire .addChapter a {
    font-family: arial;
    font-size: 11px;
}
#contenu .liste_histoires .histoire .auteur {
    display: inline;
    font-family: arial;
    font-size: 11px;
    color: #222222;
}
#contenu .liste_histoires .histoire .auteur a {
    font-size: 12px;
}
#contenu .liste_histoires .histoire .nouveau {
    display: inline;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: red;
}
#contenu .liste_histoires .histoire .date {
    display: inline;
    font-family: arial;
    font-size: 11px;
    font-style: italic;
    color: #222222;
}

#contenu #papier {
    margin-top: 0px; /* IE */
}

#contenu #papier a {
    font-weight: bold;
}

#contenu #papier .link-footer {
    display: none;
}

#contenu #papier #xsto-snap,
#contenu #papier #story-link {
    margin-bottom: 20px;
    display: block;
    font-size: 13px;
    color: #c3064d;
}

#contenu #papier #story-link {
    color: #1C5B86;
}

#contenu #papier #xsto-snap:hover {
    color: #95033a;
    text-decoration: none;
}

#contenu #papier #story-link:hover {
    color: #1C5B86;
    text-decoration: none;
}

#contenu #papier #xsto-snap .new,
#contenu #papier #story-link .new {
    text-transform: uppercase;
    display: inline-block;
    background-color: #c3064d;
    color: #ffffff;
    border-radius: 5px;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
}

#contenu #papier #story-link .new {
    background-color: #1C5B86;
}

#contenu #papier #xsto-snap:hover .new {
    background-color: #95033a;
}

#contenu #papier #story-link:hover .new {
    background-color: #1C5B86;
}

#contenu #papier #xsto-snap .push,
#contenu #papier #story-link .push {
    text-decoration: underline;
}

#contenu .papier_content {
    background-image: url(//www.xstory-fr.com/images/papier_haut.jpg);
    background-repeat: no-repeat;
    padding-top: 1px;
}
#contenu .papier_content,
#contenu #papier .papier_content a.autolink {
    color: #800030;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    cursor: text;
}
#contenu .papier_content .papier_header {
    position: relative;
    top: 30px;
    left: 0;
    height: 137px;
    margin-bottom: 27px;
}
#contenu .papier_content DIV.item,
#contenu .papier_content DIV.info {
    position: relative;
}
#contenu .papier_content .titre {
    margin-left: 90px;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 0px;
    padding-right: 20px;
}
#contenu .papier_content .envoyer {
    right:35px;
    text-align:right;
    top:15px;
}
#contenu .papier_content .reel {
    margin-left: 90px; 
    margin-bottom: 10px; 
    font-style: italic; 
    font-size: 11px;
}

#contenu .papier_content .pub {
    width: 350px;
    height: 250px;
    float: right;
    margin-left: 5px;
    margin-top: 0px;
}

#contenu .papier_content .info {
    font-size: 14px;
    font-variant: small-caps;
    margin-bottom: 4px;
    z-index: 99;
}

#contenu .papier_content .info a {
    font-size: 13px;
}

#contenu .papier_content .logo_categorie {
    margin-left: 90px;    
    float: left;
    margin-right: 5px;
    border: solid 1px #AAAAAA;
    position: relative;
    cursor: pointer;
}

#contenu .papier_content .concours {
    position: absolute;
    top: 62px;
    left: 90px;
    text-align: left;
    color: #7b002e;
    font-size: 12px;
    font-weight: bold;
    line-height: 26px;
    height: 26px;
}

#contenu .papier_content .concours .concours-icon {
    background-image: url(../images/icones20x20.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    background-position: -123px -38px;
    margin-right: 2px;
    height: 22px;
    line-height: 26px;
    vertical-align: top;
}

#contenu #papier .concours a {
    font-weight: bold;
    color: #7b002e;
    font-size: 12px;
    text-decoration: underline;
    font-family: Arial;
}

#contenu .papier_content .infos_droite {
    width: 250px;
    float: right;
    margin-right: 30px;
}

#contenu .papier_content #allTranslationsWrapper {
    position: absolute; 
    top: 15px; 
    left: 190px;
    width: 60px;
    text-align: center;
}

#contenu .papier_content .minipopup {
    display: none; 
    background-color: #fbde92; 
    border: solid 1px #AAAAAA;
}

#contenu .papier_content .chapitres {
    margin-top: 27px;
    margin-left: 43px;
    font-weight: bold;
    font-size: 11px;
    margin-bottom: 15px;
    width: 450px;
}

#contenu .papier_content #confortButton {
    float: right;
    margin-right: 36px;
    width: 170px;
    height: 25px;
    background-color: #7b002e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;    
    line-height: 25px;
    font-weight: bold;
    text-align: center;
    font-family: verdana;
    font-size: 11px;
    display: inline-block;
    text-decoration: none;
    transition: background-color 0.2s;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
}
#contenu .papier_content #confortButton:hover {
    background-color: #a8003e;
}

#contenu .papier_content .texte {
    margin-left: 43px;
    margin-right: 30px;
    margin-bottom: 85px !important;
    margin-bottom: 50px;
    line-height: 19px;
    text-align: justify;
    width: 650px;

     /* min-height pour ff et ie */
     min-height: 700px !important;
    height: auto !important; 
    height: 700px;
}
#confort {
    top: 0;
    left: 0;
    height: 100%;
    background-color: white;
    z-index: 101;
    color: black;
    display: none;
    transition: background-color 1s, color 1s;
}
#confort #confortToolbar {
    position: fixed;
    top: 0;
    left: 0;
    height: 60px;
    border-bottom: solid 1px #aaaaaa;
    width: 100%;
    color: black;
    background-color: #2e2e2e;
    background: -prefixe-linear-gradient(top, #060407, #32005f);
    background: linear-gradient(to bottom, #060407, #32005f);
    z-index: 1;
}
#confort #confortToolsWrapper {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
#confort #confortLogo {
	position: absolute;
    top: -2px;
    left: 2px;
    height: 65px;
}
#confort .tool {
    border: solid 1px black;
    height: 45px;
    line-height: 43px;
    display: inline-block;
    padding: 0px 10px;
    box-sizing: border-box;
    margin-top: 7px;
    background-color: rgb(223, 217, 228);
    color: #3d0570;
    text-decoration: none;
    font-family: verdana;
    font-size: 13px;
    -webkit-box-shadow: 0px 1px 3px #666666;
    -moz-box-shadow: 0px 1px 3px #666666;
    box-shadow: 0px 1px 3px #666666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: right;
    margin-left: 5px;
    transition: background-color 0.2s;
}
#confort .tool:hover {
    background-color: white;
}
#confort #confortOptions {
    display: none;
    position: absolute;
    top: 60px;
    right: 25px;
    border: solid 1px black;
    background-color: rgba(255,255,255,0.97);
    width: 220px;
    -moz-box-shadow: 5px 5px 5px 0px #656565;
    -webkit-box-shadow: 5px 5px 5px 0px #656565;
    -o-box-shadow: 5px 5px 5px 0px #656565;
    box-shadow: 5px 5px 5px 0px #656565;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 15px;
    font-family: verdana;
    font-size: 14px;
    color: black;
}
#confort #confortOptions .option {
    text-align: left;
    margin-bottom: 10px;
}
#confort #confortOptions .optionFont {
    width: 50%;
    float: left;
    text-align: center;
    height: 28px;
    line-height: 28px;
    transition: background-color 0.5s;
    cursor: default;
}
#confort #confortOptions .optionFont:hover {
    background-color: #f4e9fe;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;   
}
#confort #confortOptions #optionFontMinus {
    text-transform: uppercase;
    font-size: 13px;
    cursor: zoom-out;
}
#confort #confortOptions #optionFontPlus {
    text-transform: uppercase;
    font-size: 22px;
    cursor: zoom-in;
}
#confort #confortOptions label[for="optionFontFamily"] {
    width: 68px;
    display: inline-block;
    margin-left: 10px;
}
#confort #confortOptions #optionFontFamily {
    border: solid 1px transparent;
    background: transparent;
    transition: background-color 0.5s;
    height: 28px;
}
#confort #confortOptions #optionFontFamily:hover {
    border: solid 1px rgba(44, 0, 84, 0.26);
}
#confort #confortOptions .optionThemeCircle {
    width: 30px;
    height: 30px;
    float: left;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    -moz-box-shadow: 3px 3px 3px 0px #656565;
    -webkit-box-shadow: 3px 3px 3px 0px #656565;
    -o-box-shadow: 3px 3px 3px 0px #656565;
    box-shadow: 3px 3px 3px 0px #656565;
    margin: 0 9px;
    border: solid 2px transparent;
    transition: border-color 0.2s;
}
#confort #confortOptions .optionThemeCircle:hover {
    border-color: #3d0570 !important;
}
#confort #confortOptions .optionThemeCircle.selected {
    border-color: #967089;
}
#confort #confortOptions .optionThemeCircle[data-theme="classic"]   { background-color: white; }
#confort #confortOptions .optionThemeCircle[data-theme="beige"]     { background-color: #d4c69f; }
#confort #confortOptions .optionThemeCircle[data-theme="antracite"] { background-color: #5a5a5c; }
#confort #confortOptions .optionThemeCircle[data-theme="dark"]      { background-color: #333333; }
#confort[data-theme="classic"]   { background-color: white; color: black; }
#confort[data-theme="beige"]     { background-color: #f8f1e3; color: black; }
#confort[data-theme="antracite"] { background-color: #5a5a5c; color: white; }
#confort[data-theme="dark"]      { background-color: #121212; color: #b0b0b0; }
#confort[data-theme="classic"]   #confortContentTitre { color: #7134aa; }
#confort[data-theme="beige"]     #confortContentTitre { color: #b87f23; }
#confort[data-theme="antracite"] #confortContentTitre { color: #c7c7c7; }
#confort[data-theme="dark"]      #confortContentTitre { color: #cccccc; }

#confort #confortOptions label[for="optionAudioVoiceValue"] {
    width: 70px;
    display: inline-block;
    margin-left: 10px;
}
#confort #confortOptions #optionAudioVoiceValue {
    border: solid 1px transparent;
    background: transparent;
    transition: background-color 0.5s;
    height: 28px;
    width: 135px;
}
#confort #confortOptions #optionAudioVoiceValue:hover {
    border: solid 1px rgba(44, 0, 84, 0.26);
}

#confort #confortOptions label[for="optionAudioSpeedValue"] {
    width: 70px;
    display: block;
    margin-left: 10px;
}


#confort #confortOptions #confortOptionsCloseButton {
    float: none;
    margin-top: 20px;
    width: 100px;
}
#confort #confortContent {
    font-family: serif;
    font-size: 17px;
    line-height: 24px;
    padding: 0 20px;
    width: calc(100vw - 60px);
    margin: 63px auto 20px auto;
    max-width: 1000px;
    text-align: justify;
}
#confort #confortContentTitre {
	text-align: center;
	font-size: 26px;
	padding: 90px 0 5px 0;
	transition: color 1s;
	font-style: italic;
}
#confort #confortContentAuteur {
    padding-bottom: 100px;
    text-align: center;
    font-style: italic;
}
#confort p.confortParagraphe {
    margin: 0;
}

#confort p.confortParagraphe:hover, #confort .audioPlaying {
    padding-left: 10px;
    border-left: solid 1px #7134aa;
}
#confort p.confortParagraphe:hover {
    cursor: pointer;
}

#contenu a .flechePrevious { 
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    background-image: url(//www.xstory-fr.com/images/fleche_sg_base.png);
    background-repeat: no-repeat;
    background-position: 0 5px !important;  /* FF */
    background-position: 0 1px; /* IE */
}
#contenu a .flecheNext { 
    width: 10px;
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    background-image: url(//www.xstory-fr.com/images/fleche_sd_base.png);
    background-repeat: no-repeat;
    background-position: 0 5px !important;  /* FF */
    background-position: 0 1px; /* IE */
}
#contenu a:hover .flechePrevious { background-image: url(//www.xstory-fr.com/images/fleche_sg_over.png); }
#contenu a:hover .flecheNext     { background-image: url(//www.xstory-fr.com/images/fleche_sd_over.png); }

/* Vote */
#contenu #voteTable {
    height: 40px;
    margin-top: -4px;
}
#contenu #voteTable #voteGood,
#contenu #voteTable #voteBad {
    float:left;
    width: 24px;
    height: 40px;
    background-repeat: no-repeat;
    cursor:pointer;
}
#contenu #voteTable #voteGood {
    background-image:url('//www.xstory-fr.com//images/votegood.png'); 
}
#contenu #voteTable #voteBad {
    background-image:url('//www.xstory-fr.com//images/votebad.png'); 
}
#contenu #voteTable #voteGoodNew {
    background-image: url('//static.xstory-fr.com/images/bouton-like.png');
    height: 24px;
    width:79px;
    float:left;
    cursor:pointer;
}
#contenu #voteTable #voteGoodNew:hover {
    background-position: 0 24px;
}
#contenu #voteTable #vote {
    float: left;
    height: 24px;
    margin: 0 15px;
    text-align: center;
}
#contenu #voteTable #pourcentage {
    font-size: 14px;
    font-weight: bold;
}
#contenu #voteTable #nbVote {
    font-size: 10px;
}

#rechercher #recherche {
    text-align: center;
}
#rechercher #toprecherches {
    float: left;
    width: 160px;
    margin-left: 10px;
}
#rechercher #toprecherches a {
    display: block;
}
#rechercher #resultats {
    margin-left: 170px;
    min-height: 1200px;
}
#rechercher .liste_histoires .histoire {
    width: 535px;
}
#rechercher .liste_histoires .histoire .titre {
    width: 470px;
}
#rechercher .liste_histoires .histoire .infos {
    width: 470px;
    top: 25px;
    height: 58px;
}
#rechercher #form-content {
    height: 24px;
    margin: 5px auto;
    position: relative;
    width: 257px;
}

#rechercher #form-content #query {
    float:left;
} 
#rechercher #form-content .bouton-rose {
    float: right;
    position: absolute;
    top: 0px;
    left: 160px;
}

/**
 * Webcam
 */
.hotesses {
    margin-top: 8px; 
    margin-bottom: 4px; 
    text-align: center;
}
.hotesses a.hotesse {
    display: block; 
    width: 152px; 
    margin-left: 2px; 
    margin-right: 11px; 
    margin-bottom: 10px; 
    float: left;
    text-decoration: none;
}
.hotesses a.hotesse img {
    border: 1px solid #A6314E; 
    width: 152px; 
    height: 132px;
}
.hotesses a.hotesse .nom {
    font-weight:bold;
    width: 152px;
    height: 20px;
    overflow: hidden;
    text-align: center;
}
.hotesses a.hotesse .lien {
    width: 152px;
    height: 21px;
    cursor: pointer;
}
.hotesses a.hotesse .lien_fr { background-image: url(//www.xstory-fr.com/images/boutonshow_fr.png); }
.hotesses a.hotesse .lien_en { background-image: url(//www.xstory-fr.com/images/boutonshow_en.png); }
.hotesses a.hotesse .lien_es { background-image: url(//www.xstory-fr.com/images/boutonshow_es.png); }
.hotesses a.hotesse:hover .nom { text-decoration: underline; }

/**
 * Vos commentaires
 */
.voscommentaires .commentaire {
    border-bottom: solid 2px #fdf1bf;
    width: 590px;
    padding-bottom: 4px;
    margin-bottom: 4px;
    margin-left: 5px;
}
.voscommentaires .commentaire .date {
    color: #808080;
    font-style: italic;
    font-family: verdana;
    font-size: 10px;
}

.voscommentairesform {
    margin-left: 10px;
}
.voscommentairesform textarea {
    width: 500px;
    height: 250px;
}
.voscommentairesform input {
    width: 500px;
    display: block;
}
.voscommentairesform input.submit {
    margin-top: 10px;
    margin-left: 150px;
    width: 200px;
    height: 40px;
}
.error {
    padding-right: 16px; 
    border: 1px solid red; 
    background-color: #FFFCE2; 
    background-image: url('//www.xstory-fr.com/images/error_jsVal.gif'); 
    background-position: top right; 
    background-repeat: no-repeat;
}

.patate .patate_top, 
#map .patate_top {
    height: 10px;
    line-height: 10px;
    font-size: 10px;
    margin: 0;
    background-repeat: no-repeat;
}
.patate .patate_content,
#map .patate_content {
    margin: 0;
    background-repeat: repeat-y;
}
.patate .patate_bottom,
#map .patate_bottom {
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    margin: 0;
    background-repeat: no-repeat;
}
.patate .patate_content_FFbugFix {
    clear: left; 
    height: 0px; 
    display: block !important; /* FF only */
    display: none;
}

.patate_large, 
.patate_large .patate_top,
#map .patate_top,  
.patate_large .patate_content,
#map .patate_content,  
.patate_large .patate_bottom,
#map .patate_bottom,
.patate_large .patate_content_FFbugFix {
    width: 711px;
}
.patate_large .patate_top, #map .patate_top     { background-image: url(//www.xstory-fr.com/images/cadre_large_haut.gif); }
.patate_large .patate_bottom, #map .patate_bottom  { background-image: url(//www.xstory-fr.com/images/cadre_large_bas.gif); }
.patate_large .patate_content, #map .patate_content { background-image: url(//www.xstory-fr.com/images/cadre_large_milieu.gif); }

.patate_large_xl, 
.patate_large_xl .patate_top,  
.patate_large_xl .patate_content,  
.patate_large_xl .patate_bottom,
.patate_large_xl .patate_content_FFbugFix {
    width: 732px;
}
.patate_large_xl .patate_top     { background-image: url(//www.xstory-fr.com/images/cadre_large_xl_haut.gif); }
.patate_large_xl .patate_bottom  { background-image: url(//www.xstory-fr.com/images/cadre_large_xl_bas.gif); }
.patate_large_xl .patate_content { background-image: url(//www.xstory-fr.com/images/cadre_large_xl_milieu.gif); }

#divFlashTeaser {
    position: absolute;
    right: 877px;
    right: 0px;
    margin: 0 auto;
    z-index: 1000;
    bottom: 0px;
}

/** pub dans le header **/
#pubHeader {             
    height:62px;
    left:0;
    margin-left:245px;
    margin-top:35px;
    position:absolute;
    top:0;
    width:470px;
    display:none;
}

/** GOODIES **/

#goodies .item {
    margin-top:40px;
}

#goodies a {
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

#dialogConnect a {
    color: #661051;
}
#dialogConnect a:hover {
    color: #D029A7;
}

/** NOTIFICATIONS **/
#notifications {
    position: absolute;
    left: 720px;
    top: 105px;
    display: none;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    width: 230px;
    background-color: #ffffff;
    cursor: pointer;
    font-family: arial;
    font-size: 12px;
    padding-left: 3px;
    color: black;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
#notifications .nbAlertes {
    background-color: #8C2B52;
    color: white;
    float: left;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
    text-align: center;
    font-weight: bold;
    padding: 1px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-right: 2px;
    margin-top: 1px;
    min-width: 11px;
}
#notifications #notificationsArrow {
    float: right;
    margin-right: 3px;
    width: 16px;
    height: 16px;
    background-image: url(//static.xstory-fr.com/images/openclosearrow.png);
    margin-top: 2px;
}
#notificationsBox {
    display: none;
    position: absolute;
    top: 133px;
    left: 603px;
    width: 350px;
    height: 200px;
    background-color: #FFFFFF;
    border: solid 1px #8C2B52;
    z-index: 9999;
    font-family: arial;
    font-size: 12px;
    color: black;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
#notificationsBox #notificationsList {
    height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
}
#notificationsBox .notificationWrapper {
    padding: 7px 0 7px 3px;
}
#notificationsBox .notification {
    vertical-align: middle;
    margin-left: 26px;
    cursor: default;
}
#notificationsBox .notificationLogo {
    float: left;
    margin-left: 3px;
}

#notificationsBox .notification a {
    color:#8C2B52
}



#notificationsBox .notificationOver {
    background-color: #FFE1EB;
}
#notificationsBox .notificationNonLue {
    font-weight: bold;
}
#notificationsBox #onAllNotifications,
#notificationsBox #onClearNotifications {
    background-color: #ffe1eb;
    color: #8C2B52;
    border-top: solid 1px #aaaaaa;
    font-size: 13px;
    font-weight: bold;
    display: block;
    width: 50%;
    height: 30px;
    height: 29px !important;
    line-height: 30px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    float: left;    
}
#notificationsBox #onAllNotifications:hover,
#notificationsBox #onClearNotifications:hover {
    color: #ffe1eb;
    background-color: #8C2B52;
}

#notificationsBox #onAllNotifications {
    -moz-border-left-radius: 8px;
    -webkit-border-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#notificationsBox #onClearNotifications {
    -moz-border-right-radius: 8px;
    -webkit-border-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/** Page des notifications **/
.notificationsScreen {
    border: 1px solid #AC3565;
    margin: 10px;
    padding-left: 0px;
}
.notificationsScreen li {
    padding-left: 5px;
}
.notificationsScreen .li-notification-0 {
    background-color:#FFF0F7;
}
.notificationsScreen .li-notification-1 {
    background-color:#FFE1EB;
}
.notificationsScreen .li-hasmore {
    height: 40px;
    text-align: center;    
    padding-top: 16px;
}
.notificationsScreen .notificationNonLue {
    font-weight: bold;
}
#contenu .notificationsScreen .notification {
   padding: 7px 0 7px 84px;
}
#contenu .notificationsScreen .notification a {
    text-decoration: underline;
    font-weight:bold;
    font-size:12px;
}
#contenu .notificationsScreen .datetime {
    float: left;
    font-size: 9px;
    font-weight: bold;
    margin-right: 2px;
    margin-top: 9px;
    text-align: center;
    margin-left: 2px;
    width: 60px;
}
#contenu .notificationsScreen .notificationsLogo {
    float:left;
    margin-top: 5px;
}

/** CONNEXION ET PROFIL (Header) **/
#login-header {
    display: none;
    position: absolute;
    top: 6px;
    height: 90px;
    left: 720px;
    width: 235px;
}
#login-header #profil_avatar { 
    float:left;
    margin-right:8px;
    margin-bottom: 7px;
}
#login-header #profil_link,
#login-header #profil_deco { 
    background-image: url("//www.xstory-fr.com/images/header_puce.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
    text-decoration: none;
    color: #FFFFFF;
    position:absolute;   
}
#login-header #profil_link:hover,
#login-header #profil_deco:hover {
    text-decoration: underline;
}
#login-header #profil_link {     
    font-weight: bold;        
    top:13px;
}
#login-header #profil_deco {
    font-size: 10px;
    top:30px;
}  
#login-header #titre {
    font-weight: bold;
    left: 47px;
    margin: 0;
    position: absolute;
    top: -3px;
}
#login-header #titre span {
    color: #C94EA7;
}
#login-header #login-logo {
    height: 35px;
    width: 235px;
    position: absolute;
    top: 50px;
    left: 0;
}
#login-header #solde {
    position: absolute;
    top: 12px;
    width: 100%;
    left: 47px;
    font-size: 14px;
    font-weight: bold;
}
#login-header #login-logo a {
    height:35px;
    width:44px;
    float:left;
    margin-right:2px;
}
#login-header #login-logo #logo-histoire {
    background-image: url("//static.xstory-fr.com/images/logo-histoire.png");
}
#login-header #login-logo #logo-annonce {
    background-image: url("//static.xstory-fr.com/images/logo-annonce.png");
}
#login-header #login-logo #logo-forum {
    background-image: url("//static.xstory-fr.com/images/logo-forum.png");
}
#login-header #login-logo #logo-vip {
    background-image: url("//static.xstory-fr.com/images/logo-vip.png");
}
#login-header #login-logo #logo-caddy {
    background-image: url("//static.xstory-fr.com/images/logo-caddy.png");
}
#login-header #login-logo #logo-webcam {
    background-image: url("//static.xstory-fr.com/images/logo-webcam.png");
}
#login-header #login-logo #logo-histoire:hover,
#login-header #login-logo #logo-annonce:hover,
#login-header #login-logo #logo-forum:hover,
#login-header #login-logo #logo-vip:hover,
#login-header #login-logo #logo-caddy:hover,
#login-header #login-logo #logo-webcam:hover {
    background-position: 0 35px;
}
#logout {
    display: none;
    position: absolute;
    top: 6px;
    height: 70px;
    left: 715px;
    width: 235px;
}
#logout .form-title {
    font-family: verdana;
    font-size: 12px;
    font-variant: small-caps;
    font-weight: bold;
    margin: 0 0 5px;
    padding-left: 100px;
}
#logout .form-element {
    color: #661051;
    float: left;
    font-size: 12px;
    font-weight: bold;
    margin: 0 6px 0 0;
    padding-top: 4px;
    text-align: right;
    width: 100px;
}
#logout #showConnexionForm .input {
    width:120px;
}
#logout .mdp, #logout #mdp {
    margin-top:5px;
}
#logout .mdp {
    clear:left;
}
#logout .form-bottom {
    padding-top: 10px;
    text-align:center;
}
#logout .form-bottom input { 
    margin-bottom: 1px;
    margin-top: 3px;
}
#logout form a {
    color:#FFFFFF;
    text-decoration: none;
    color: #661051;
}
#logout a:hover {
    text-decoration: underline; 
}
#logout #showConnexionForm {
    background-color: #FFE1EB;
    border-radius: 0 0 8px 8px;
    display: none;
    height: 106px;
    left: 0;
    padding: 3px;
    position: absolute;
    top: 20px;
    width: 232px;
} 
#logout #showConnexion {
    display: block;
    font-weight: bold;
    height: 23px;
    text-decoration: none;
    width: 222px;
    text-decoration: underline;
    color: white;
}
#logout #logout-inscription {
    background-image: url("//static.xstory-fr.com/images/inscription.png");
    width: 237px;
    height: 93px;
    margin-top: 5px;
    display: block;    
}
#logout #logout-inscription:hover {
    background-position: 0 100%;
}

/** Bouton **/
.bouton-rose, 
#contenu .bouton-rose,
.bouton-rose-menu  {
    background-color: #8C2B52;          
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    height: 23px;
    line-height: 22px;
    padding: 0 8px;
    text-align: center;
    vertical-align: middle;
    border: none;
    font-family: verdana;
    cursor:pointer;
}
.bouton-rose-menu {
    background-color: #D36DB6;
}
.bouton-rose:hover, 
#contenu .bouton-rose:hover,
.bouton-rose-menu:hover {
    background-color: #AC3565; 
    text-decoration: none;
    color:#FFFFFF;
}
.bouton-rose-menu:hover {
    background-color: #C94EA7; 
}
/** Dernières Annonces **/
#contenu .dernieres-annonces-link {
    float:left;
    margin-right:3px;
    margin-bottom:3px;
    height:74px;
    width:74px;
}
#contenu .dernieres-annonces-link img {
    height:70px;
    margin: 2px;
}
#contenu .dernieres-annonces-link:hover {
    background-color:#650E52;
} 

/** Dernières Histoires **/
#contenu .derniere-histoire-link {
    display: block;
    width: 312px;
    clear: left;
}
#contenu .derniere-histoire-horaire {
    float:left;
    width: 26px;
    font-size: 8px;
    padding-top: 4px;
    text-align: center;
}

#contenu .derniere-histoire-link .icon20x20 {
    float: left;
    margin-bottom: -3px;
    margin-right: 2px;
}
#contenu .derniere-histoire-title {
    margin-top: 1px;
    width: 263px;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    cursor: pointer;
}
#contenu .derniere-histoire-link2 .derniere-histoire-title {
    width: 289px; /* ajout de la largeur de l'horaire */
}

#ligne-rose {
    height: 1140px;
    margin: 10px auto 0;
    width: 700px; 
}

#ligne-rose #header {
    background-image: url('//static.xstory-fr.com/images/ligne-rose/header.jpg');
    height: 123px;
    width: 678px;
    margin: 0 auto;
    position: relative;
}

#ligne-rose #header .link-tel {
    height: 63px;
    left: 308px;
    position: absolute;
    top: 26px;
    width: 360px;
}

#ligne-rose .amatrice {
    float: left;
    height: 180px;
    margin-left: 10px;
    margin-top: 15px;
    width: 220px;
}

#ligne-rose .amatrice .photo {
    width: 219px;
    height: 160px;
    margin-bottom: 3px;
}

#ligne-rose .amatrice .prenom {
    color: #000000;
    float: left;
    font-weight: bold;
    font-size: 13px;
}

#ligne-rose .amatrice .age {
    color: #cd3370;
    float: right;
    font-weight: bold;
    font-size: 13px;
}

#ligne-rose #footer {
    background-image: url('//static.xstory-fr.com/images/ligne-rose/footer.jpg');
    height: 180px;
    margin: 820px auto 0;
    width: 680px;
    position: relative;
}

#ligne-rose #footer .link-tel {
    height: 118px;
    left: 2px;
    position: absolute;
    top: 26px;
    width: 672px;
}

@media screen and (min-width: 200px) and (max-width: 640px) {
  #contenu .lire-histoire-texte {
    font-size: 14px;
  }
}

.monnaie_option {
    width: 110px;
    margin-right: 20px;
    display: inline-block;
    border-radius: 4px;
    border: solid 1px #aaaaaa;
    background-color: white;
}

.monnaie_option .monnaie_euros {
    color: #910030;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
}

.monnaie_option .monnaie_credits {
    color: black;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    margin-top: 15px;
}

#contenu .monnaie_option .monnaie_bouton {
    margin: 30px auto 20px auto;
    display: block;
    width: 80px;
    text-align: center;
    border-radius: 4px;
    background-color: #910030; 
    color: white;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
}
.monnaie_option .monnaie_bouton:hover {
    background-color: #ba3c66; 
}










/************************************************/
/* CSS du menu */

#menu {
	position: relative;
}
#menu a.menuItem {
	display: block;
	background-repeat: no-repeat;
	background-image: url('//www.xstory-fr.com/images/menu_puce.gif');
	background-position: left center;
	padding-left: 10px;
	margin-left: 15px;
	line-height: 20px;
	font-family: Arial;
	font-size: 13px;
	color: white;
	text-decoration: none;
}

#menu a.menuItem:hover {
	text-decoration: underline;
}

#menu .langues {
	position: absolute;
	top: 2px;
	left: 13px;
	font-family: arial;
	font-size: 12px;
	color: white;
}
#menu .langues a.icon16x11 {
	margin-left: 4px;
    float: left;
    display: block;
	opacity: 0.70;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
}

#menu .langues a.encours,
#menu .langues a.icon16x11:hover {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
#menu .langues a {
	font-family: arial;
	font-size: 12px;
	color: white;
	text-decoration: none;
}
#menu .langues a:hover {
	text-decoration: underline;
}


#menu .orientation {
	position: absolute;
	top: 20px;
	left: 13px;
	font-family: arial;
	font-size: 12px;
	color: white;
}
#menu .orientation img {
	margin-left: 4px;
	opacity: 0.70;
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
}
#menu .orientation .encours img,
#menu .orientation a:hover img {
	opacity: 1;
	filter:alpha(opacity=100);
	-moz-opacity:1;
}
#menu .orientation a {
	font-family: arial;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: none;
}
#menu .orientation a.encours,
#menu .orientation a:hover {
	color: white;
}
#menu .orientation a:hover {
	text-decoration: underline;
} 

#menu .menu-recherche {
	position:absolute;
	left:13px;
	top:4px;
} 

#menu .menu-recherche #keyword {
	width: 180px;       
	margin-bottom: 5px;
	height:12px;
    font-size: 12px;
}
#menu .menu-recherche select {
    height: 18px;
    left: 20px;
    position: absolute;
    top: 21px;
    width: 138px;
    font-size: 12px;
}
/** Tous les navigateurs sauf ie **/
:root *> #menu .menu-recherche select {
	margin-right: 2px;
}

#menu .menu-recherche #fleche-recherche {
	background-image: url("//static.xstory-fr.com/images/fleche-recherche.jpg");
    height: 10px;
    left: 4px;
    position: absolute;
    top: 24px;
    width: 11px;
}

 #button_ok {
	height: 18px;
    left: 161px;
    padding: 0;
    position: absolute;
    top: 21px;
    width: 25px;
    line-height: 18px;
}

/* hack Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#menu .menu-recherche #keyword {
		margin-bottom:2px;
	}
}

/** Coup de coeur **/
#menu #coupdecoeur {
	color:#FFFFFF;
	font-family: Arial;
	font-size: 13px;
	margin-top: -15px;
}
#menu #coupdecoeur_titre {
	padding:0 11px;
	width:184px;
}
#menu #coupdecoeur_coeur {
	float: left;
	margin: 1px 5px 0 0;
}
#menu #coupdecoeur_titre_contenu {
	font-weight: bold;
	font-size: 16px;
}
#menu #coupdecoeur_link1 {
	font-size:1px
}
#menu #coupdecoeur_img {
	margin-left:4px;
}
#menu #coupdecoeur_link2 {
	margin-bottom: 10px;
	width: 182px;
	color: #ffffff;
	background:none;
	padding:0px;
	line-height:10px;
	background-image: url("//www.xstory-fr.com/images/menu_puce.gif");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 10px;
}
#menu #coupdecoeur_texte {
	color: #FFFFFF;
	margin-left: 12px;
	margin-top: 5px;
	text-align: left;
	width: 184px;
}










/************************************************/
div#disclaimer{ text-align:left; }
div#disclaimer-fond{ position:absolute; z-index:5001; width:100%; height:2650px; background:black; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-conteneur{ position:absolute; z-index:5002; width:100%; text-align:center; clear:both; }
div#disclaimer-cadre{ position:relative;background-image:url('//static.xstory-fr.com/images/disclaimer_fond.jpg');position: relative;width:600px; height:250px;margin-left:auto; margin-right:auto; text-align:center; margin-top:200px; font-size:12px;background-repeat:no-repeat; }
div#disclaimer-cadre img {border:0px}
div#disclaimer-cadre #fleches {margin-left:-5px;margin-top: 157px;}
div#disclaimer-cadre a#entrer {display: block;background-image: url("//static.xstory-fr.com/images/entrer.jpg");height:42px;width:211px;position: absolute;left: 193px;font-size:1px;top: 155px}
div#disclaimer-cadre a#entrer:hover {height:38px;background-position:0 38px;top: 155px}        
div#disclaimer-liens {margin-top: 18px;}
div#disclaimer-liens div {float:left;}
div#disclaimer-liens #divhistoires {margin-left:0px}
div#disclaimer-liens #histoires {margin-left:113px;display: block;background-image: url("//static.xstory-fr.com/images/histoires.jpg");height:31px;width:127px;position: absolute;}
div#disclaimer-liens #annonces {display: block;background-image: url("//static.xstory-fr.com/images/annonces.jpg");height:33px;width:110px;position: absolute;margin-left: 250px;margin-top: -2px;}
div#disclaimer-liens #webcam {display: block;background-image: url("//static.xstory-fr.com/images/webcam.jpg");height:32px;width:99px;position: absolute;margin-left: 379px;margin-top: -2px;}
div#disclaimer-liens #forum {display: block;background-image: url("//static.xstory-fr.com/images/forum.jpg");height:30px;width:78px;position: absolute;margin-left: 500px;margin-top: -2px;}
div#disclaimer-liens #histoires:hover {height:31px;background-position:0 31px;}
div#disclaimer-liens #annonces:hover {height:33px;background-position:0 33px;}
div#disclaimer-liens #webcam:hover {height:33px;background-position:0 32px;}
div#disclaimer-liens #forum:hover {height:30px;background-position:0 30px;}

div#disclaimer-mobile { text-align:left; }
div#disclaimer-mobile-fond{ position:absolute; z-index:1000; width:100%; height:2650px; background:black; filter:alpha(opacity=90); -moz-opacity:0.9; opacity: 0.9; text-align:center; line-height:normal; clear:both; }
div#disclaimer-mobile-conteneur{ position:absolute; z-index:1001; width:100%; text-align:center; clear:both; }
div#disclaimer-mobile-backgroundcadre0, div#disclaimer-mobile-backgroundcadre1{ background-color: #800c6d;position: relative;width: 960px;height: 450px;margin-left: auto;margin-right: auto;}
div#disclaimer-mobile-backgroundcadre1{ height: 860px;}
div#disclaimer-mobile-cadre{ position:relative;background-image:url('//static.xstory-fr.com/images/disclaimer_mobile.jpg');position: relative;width:960px; height:450px;margin-left:auto; margin-right:auto; text-align:center;font-size:12px;background-repeat:no-repeat; }
div#disclaimer-mobile-cadre b{ font-size:14px; color:black; }
div#disclaimer-mobile-cadre a{ text-decoration:none; font-size:22px; font-weight:bold; color:#356aa0; }
div#disclaimer-mobile-cadre a:hover{ color:blue; }
div#disclaimer-mobile-cadre img {border:0px}
div#disclaimer-mobile-cadre a#entrer0 {background-image: url("//static.xstory-fr.com/images/entrer_mobile.jpg");display: block;font-size: 1px;height: 87px;left: 280px;position: absolute;top: 214px;width: 399px;}
div#disclaimer-mobile-cadre a#entrer1 { background-image: url("//static.xstory-fr.com/images/entrer_mobile1.jpg");display: block;font-size: 1px;height: 604px;left: 78px;position: absolute;top: 214px;width: 805px;}
div#disclaimer-mobile-cadre a#entrer20, div#disclaimer-mobile-cadre a#entrer21 { background-image: url("//static.xstory-fr.com/images/entrer2_mobile.jpg");display: block;font-size: 1px;height: 23px;left: 386px;position: absolute;top: 350px;width: 218px;}
div#disclaimer-mobile-cadre a#entrer21 {top: 826px;}

#pubHeaderMessenger {
    height: 120px;
    left: 0;
    position: absolute;
    top: 6px;
    width: 468px
}
#pubHeaderMessenger ul {
    margin-top: 40px;
    padding-left: 52px;
}
#pubHeaderMessenger ul li {
    background-image: url("//www.xstory-fr.com/images/menu_puce.gif");
    background-position: 0 5px;
    background-repeat: no-repeat;
    font-family: Tahoma;
    font-size: 13px;
    font-weight: bold;
    list-style: none outside none;
    margin-bottom: 5px;
    padding-left: 8px;
}

#pubHeaderMessenger a {
    text-decoration:none;
    color: #820030;
}

#pubHeaderMessenger a:hover {
    text-decoration: underline;
}
#pubHeaderMessenger #messenger {
    margin-left: 2px;
    margin-top: 1px;
    position: absolute;
}

#favoris {
    top:108px;
    left: 725px;
    position: absolute;
}
#favoris a {
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}
#favoris a:hover {
    text-decoration: underline;
}

.datingMask {
    top: 0;
    left:  0;    
    opacity:0;
    filter: alpha(opacity=0);
}











/************************************************/
.icon20x20 {
    width: 20px;
    height: 20px;
    background-image: url(../images/icones20x20.png);
}
.icon60x60 {
    width: 60px;
    height: 60px;
    background-image: url(../images/icones60x60.png);
}

.icon_categorie1  { background-position:      0 0 }
.icon_categorie2  { background-position:  -100% 0 }
.icon_categorie3  { background-position:  -200% 0 }
.icon_categorie4  { background-position:  -300% 0 }
.icon_categorie5  { background-position:  -400% 0 }
.icon_categorie6  { background-position:  -500% 0 }
.icon_categorie7  { background-position:  -600% 0 }
.icon_categorie8  { background-position:  -700% 0 }
.icon_categorie9  { background-position:  -800% 0 }
.icon_categorie10 { background-position:  -900% 0 }
.icon_categorie11 { background-position: -1000% 0 }
.icon_categorie12 { background-position: -1100% 0 }
.icon_categorie13 { background-position: -1200% 0 }
.icon_categorie14 { background-position: -1300% 0 }

.icon_beststory1 { background-position:     0 -100% }
.icon_beststory2 { background-position: -100% -100% }
.icon_beststory3 { background-position: -200% -100% }
                                              
.icon_sablier    { background-position: -300% -100% }
.icon_refuse     { background-position: -400% -100% }
.icon_calendrier { background-position: -500% -100% }

.icon_alerte_monhistoire_commentee     { background-position:     0 -200% }
.icon_alerte_monhistoire_enattente     { background-position: -100% -200% }
.icon_alerte_monhistoire_publiee       { background-position: -200% -200% }
.icon_alerte_monhistoire_refusee       { background-position: -300% -200% }
.icon_alerte_monhistoire_validee       { background-position: -400% -200% }
.icon_alerte_nouveauchapitre,
.icon_alerte_nouvellehistoireauteur,
.icon_alerte_nouvellehistoirecategorie { background-position: -500% -200% }

.icon16x11 {
    width: 16px;
    height: 11px;
    background-image: url(../images/icones16x11.png);
}
.icon_flag_ar    { background-position:      0 0 }
.icon_flag_de    { background-position:  -100% 0 }
.icon_flag_en    { background-position:  -200% 0 }
.icon_flag_es    { background-position:  -300% 0 }
.icon_flag_fr    { background-position:  -400% 0 }
.icon_flag_it    { background-position:  -500% 0 }
.icon_flag_ja    { background-position:  -600% 0 }
.icon_flag_nl    { background-position:  -700% 0 }
.icon_flag_no    { background-position:  -800% 0 }
.icon_flag_pl    { background-position:  -900% 0 }
.icon_flag_pt    { background-position: -1000% 0 }
.icon_flag_ru    { background-position: -1100% 0 }
.icon_flag_sv    { background-position: -1200% 0 }
.icon_flag_zh-TW { background-position: -1300% 0 }










/************************************************/
.googie_window {
  font-size: 0.9em;
  font-family: sans-serif;
  text-align: left;
  border: 1px solid #555;
  background-color: #ecefff;
  margin: 0;
  position: absolute;
  visibility: hidden;
  z-index: 300;
  padding: 1px;
  width: 175px;
}

.googie_list {
  margin: 0;
  padding: 0;
}

.googie_list td {
  padding: 1px 0 1px 0;
  cursor: pointer;
  list-style-type: none;
  color: #000;
}

.googie_list_onhover {
  background-color: #FBEC72;
}

.googie_list_onout {
  background-color: #ecefff;
}

.googie_list_selected {
  background-color: #ccc;
}

.googie_list_revert {
  color: #b91479;
}

.googie_list_close {
  color: #b91414;
}

.googie_link {
  color: #b91414;
  text-decoration: underline;
  cursor: pointer;
}

.googie_check_spelling_link {
  color: #0049B7;
  text-decoration: underline;
  cursor: pointer;
}

.googie_no_style {
  text-decoration: none;
}

.googie_resume_editing {
  color: green;
  text-decoration: underline;
  cursor: pointer;
}

.googie_check_spelling_ok {
  color: white;
  background-color: green;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}

.googie_lang_3d_click img {
  vertical-align: middle;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-right: 1px solid #b1b1b1;
  border-bottom: 1px solid #b1b1b1;
}

.googie_lang_3d_on img {
  vertical-align: middle;
  border-top: 1px solid #b1b1b1;
  border-left: 1px solid #b1b1b1;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
}










/************************************************/
#pagebooks {
    text-align: left;
    padding-left: 8px;
}
#pagebooks .vignette {
    border: solid 1px #aaaaaa;
    width: 130px;
    text-align: center;
    display: inline-block;
    transition: border 0.5s;
    margin: 0 10px 20px 0;
}
#pagebooks .vignette .couverture {
    width: 126px;
    height: 170px;
    overflow: hidden;
    margin: 2px auto 0 auto;
}
#pagebooks .vignette .couverture img {
    width: 100%;
    transition: transform 0.2s, margin 0.2s;
}
#pagebooks .vignette .nom {
    text-transform: capitalize;
    color: #910030;
    font-weight: bold;
    margin-top: 5px;
}
#pagebooks .vignette .bouton {
    margin: 5px auto 0 auto;
    display: block;
    width: 80px;
    text-align: center;
    border-radius: 4px;
    background-color: #910030; 
    color: white;
    font-weight: bold;
    font-size: 11px;
    height: 25px;
    line-height: 25px;
    text-transform: capitalize;
    transition: background-color 0.5s;
}
#pagebooks .vignette .bouton:hover {
    background-color: #ba3c66;
    text-decoration: none; 
}
#pagebooks .vignette .credits {
    margin: 5px auto 2px auto;
    color: #910030;
    font-weight: bold;
}
#pagebooks .vignette:hover {
    border-color: #333333;
}
#pagebooks .vignette:hover .couverture img {
    transform: scale(1.05);
    margin-top: -4px;
    margin-left: -3px;    
}

/**********************/

#widget_ebooks {
    text-align: center;
}
#widget_ebooks .vignette {
    border: solid 1px #aaaaaa;
    width: 97px;
    text-align: center;
    display: inline-block;
    transition: border 0.5s;
    margin: 0 2px 2px 0;
    cursor: pointer;
}
#widget_ebooks .vignette .couverture {
    width: 93px;
    height: 125px;
    overflow: hidden;
    margin: 2px auto 0 auto;
}
#widget_ebooks .vignette .couverture img {
    width: 100%;
    transition: transform 0.2s, margin 0.2s;
}
#widget_ebooks .vignette .nom {
    text-transform: capitalize;
    font-weight: bold;
    margin-top: 10px;
}
#widget_ebooks .vignette .bouton {
    display: none;
}
#widget_ebooks .vignette .credits {
    margin: 30px auto 10px auto;
    font-weight: bold;
    font-style: italic;    
}
#widget_ebooks .vignette:hover {
    border-color: #333333;
}
#widget_ebooks .vignette:hover .couverture img {
    transform: scale(1.05);
    margin-top: -3px;
    margin-left: -2px;    
}

#widget_ebooks .vignette {
    position: relative;
}
#widget_ebooks .vignette .infos {
    text-align: center;
    width: 0;
    position: absolute;
    top: 0;
    left: 105px;
    background-color: rgba(145,0,48,0);
    color: white;
    z-index: 1;
    transition: opacity 0.5s;
    overflow: hidden;    
    opacity: 0;
}
#widget_ebooks .vignette:hover .infos {
    background-color: rgba(145,0,48,.9);
    opacity: 1;
    width: 200px;    
    -moz-box-shadow: 3px 3px 3px 3px rgba(101,101,101,.6);
    -webkit-box-shadow: 3px 3px 3px 3px rgba(101,101,101,.6);
    -o-box-shadow: 3px 3px 3px 3px rgba(101,101,101,.6);
    box-shadow: 3px 3px 3px 3px rgba(101,101,101,.6);
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=3);    
}









/************************************************/
/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=8px&bgColorHeader=8c2b52&bgTextureHeader=05_inset_soft.png&bgImgOpacityHeader=45&borderColorHeader=494437&fcHeader=ffffff&iconColorHeader=fadc7a&bgColorContent=fffbeb&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=8e846b&fcContent=383838&iconColorContent=d19405&bgColorDefault=fece2f&bgTextureDefault=12_gloss_wave.png&bgImgOpacityDefault=60&borderColorDefault=d19405&fcDefault=4c3000&iconColorDefault=3d3d3d&bgColorHover=ffdd57&bgTextureHover=12_gloss_wave.png&bgImgOpacityHover=70&borderColorHover=a45b13&fcHover=381f00&iconColorHover=bd7b00&bgColorActive=ffffff&bgTextureActive=05_inset_soft.png&bgImgOpacityActive=30&borderColorActive=655e4e&fcActive=0074c7&iconColorActive=eb990f&bgColorHighlight=fff9e5&bgTextureHighlight=12_gloss_wave.png&bgImgOpacityHighlight=90&borderColorHighlight=eeb420&fcHighlight=1f1f1f&iconColorHighlight=ed9f26&bgColorError=d34d17&bgTextureError=07_diagonals_medium.png&bgImgOpacityError=20&borderColorError=ffb73d&fcError=ffffff&iconColorError=ffe180&bgColorOverlay=5c5c5c&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=01_flat.png&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Segoe UI, Arial, sans-serif; /*font-size: 1.1em;*/ }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Segoe UI, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #8e846b; background: #fffbeb url(/jquery/css/xstory/images/ui-bg_highlight-soft_100_fffbeb_1x100.png) 50% top repeat-x; color: #383838; }
.ui-widget-content a { color: #383838; }
.ui-widget-header { border: 1px solid #494437; background: #8c2b52 url(/jquery/css/xstory/images/ui-bg_inset-soft_45_8c2b52_1x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d19405; background: #fece2f url(/jquery/css/xstory/images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #4c3000; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #4c3000; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #a45b13; background: #ffdd57 url(/jquery/css/xstory/images/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x; font-weight: bold; color: #381f00; }
.ui-state-hover a, .ui-state-hover a:hover { color: #381f00; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #655e4e; background: #ffffff url(/jquery/css/xstory/images/ui-bg_inset-soft_30_ffffff_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0074c7; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #0074c7; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #eeb420; background: #fff9e5 url(/jquery/css/xstory/images/ui-bg_gloss-wave_90_fff9e5_500x100.png) 50% top repeat-x; color: #1f1f1f; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #1f1f1f; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ffb73d; background: #d34d17 url(/jquery/css/xstory/images/ui-bg_diagonals-medium_20_d34d17_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/jquery/css/xstory/images/ui-icons_d19405_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/jquery/css/xstory/images/ui-icons_d19405_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/jquery/css/xstory/images/ui-icons_fadc7a_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/jquery/css/xstory/images/ui-icons_3d3d3d_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/jquery/css/xstory/images/ui-icons_bd7b00_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/jquery/css/xstory/images/ui-icons_eb990f_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/jquery/css/xstory/images/ui-icons_ed9f26_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/jquery/css/xstory/images/ui-icons_ffe180_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; }

/* Overlays */
.ui-widget-overlay { background: #5c5c5c url(/jquery/css/xstory/images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(/jquery/css/xstory/images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.17
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; overflow: hidden; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }









/************************************************/