* { outline:none; text-rendering:optimizeLegibility; }
*::-moz-selection { background-color:rgb(230, 245, 253); color:#369; }
*::selection { background-color:rgb(230, 245, 253); color:#369; }

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span {margin: 0; padding: 0; border:none}
body {
    font-size:1em;
    font-size:100%;
    font-family:Helvetica, Arial, sans-serif;
    padding:0;
    margin:0 0 40px;
    background:#ebf1f4 url(media/bg.gif) repeat-x;
}
textarea, input {
    border:1px solid rgb(222, 222, 222);
    font:normal 11px/1.5 helvetica, arial, sans-serif;
    text-align:left;
    border-radius:3px;
}
textarea {
    -moz-resize:vertical;
    resize:vertical;
}
input {
    padding:3px 0;
}
button {
    padding:3px;
    border:none;
    color:#fff;
    font-size:1em;
    text-shadow:0 1px 0 #777;
    cursor:pointer;
    border-radius:3px;
    background-color:rgb(23, 112, 178);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
    background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
}
.ie6 button {
    width:auto;
    margin:0 5px;
}

.clearfix:after,
.clearfix:before {
    display:table;
    content:'';
}
.clearfix {
    zoom:1;
}
.clearfix:after {
    clear:both;
}

::-webkit-input-placeholder {
    font-style:italic;
    color:#369;
}
:-moz-placeholder {
    font-style:italic;
    color:#369;
}
:required {
    box-shadow:none;
}

/* HEADER  */
.fake-header {
    height:23px;
    width:40%;
    position:absolute;
    top:62px;
    right:0;
    background-color:rgb(235, 241, 244);
}
.wrapper {
    margin:0 auto;
    padding:0 10px;
    width:950px;
}
.header h1 {
    margin:0;
    padding:0;
}

.header h1 span {
    display:none;
}

.header h1 a {
    display:block;
    width:253px;
    height:58px;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:top left;
    background-attachment:scroll;
}

.secucb .header h1 a { background-image:url(vad/secucb.gif); }
.securitetotale .header h1 a { background-image:url(vad/securitetotale.gif); }
.consoweb .header h1 a { background-image:url(vad/consoweb.png); }
.comacces .header h1 a { background-image:url(vad/comacces.png); }
.servicenfo .header h1 a { background-image:url(vad/servicenfo.png); }
.rmultimedia .header h1 a { background-image:url(vad/rm.png); }
.consolive .header h1 a { background-image:url(vad/consolive.png); }
.mon-achat .header h1 a { background-image:url(vad/mon-achat.png); }
.billachat .header h1 a { background-image:url(vad/billachat.png); }
.secubil .header h1 a { background-image:url(vad/secubil.png); }
.bilsecu .header h1 a { background-image:url(vad/bilsecu.png); }
.bilnfo .header h1 a { background-image:url(vad/bilnfo.png); }
.debitea .header h1 a { background-image:url(vad/debitea.png); }
.prevnfo .header h1 a { background-image:url(vad/pn.png); }
.compnet .header h1 a { background-image:url(vad/compnet.png); }
.trebis .header h1 a { background-image:url(vad/trebis.png); }
.clebis .header h1 a { background-image:url(vad/clebis.png); }
.docomp .header h1 a { background-image:url(vad/docomp.png); }
.billnea .header h1 a { background-image:url(vad/billnea.png); }
.bil-info .header h1 a { background-image:url(vad/bill-info.png); }
.aidebit .header h1 a { background-image:url(vad/aidedebit.png); }
.aidetrans .header h1 a { background-image:url(vad/aidetrans.png); }
.bonbill .header h1 a { background-image:url(vad/bonbill.png); }
.aidedebit .header h1 a { background-image:url(vad/aidedebit.png); }
.voirdebit .header h1 a { background-image:url(vad/voirdebit.png); }
.debitvue .header h1 a { background-image:url(vad/debitvue.png); }
.queldebit .header h1 a { background-image:url(vad/queldebit.png); }
.wwwdebit .header h1 a { background-image:url(vad/wwwdebit.png); }
.debiten .header h1 a { background-image:url(vad/debiten.png); }
.quelbil .header h1 a { background-image:url(vad/quelbil.png); }
.debitoile .header h1 a { background-image:url(vad/debitoile.png); }
.debitnfo .header h1 a { background-image:url(vad/debitnfo.png); }
.twidebit .header h1 a { background-image:url(vad/twidebit.png); }
.yadebit .header h1 a { background-image:url(vad/yadebit.png); }
.oradebit .header h1 a { background-image:url(vad/oradebit.png); }
.keldebit .header h1 a { background-image:url(vad/keldebit.png); }
.videbit .header h1 a { background-image:url(vad/videbit.png); }
.billaz .header h1 a { background-image:url(vad/billaz.png); }
.izibil .header h1 a { background-image:url(vad/izibil.png); }
.kadebit .header h1 a { background-image:url(vad/kadebit.png); }
.abdebit .header h1 a { background-image:url(vad/abdebit.png); }
.bisify .header h1 a { background-image:url(vad/bisify.png); }
.cogibis .header h1 a { background-image:url(vad/cogibis.png); }
.kelbil .header h1 a { background-image:url(vad/kelbil.png); }
.gitbis .header h1 a { background-image:url(vad/gitbis.png); }
.yobisss .header h1 a { background-image:url(vad/yobisss.png); }
.cogibil .header h1 a { background-image:url(vad/cogibil.png); }
.azdebit .header h1 a { background-image:url(vad/azdebit.png); }
.cogidebit .header h1 a { background-image:url(vad/cogidebit.png); }
.gitbdebit .header h1 a { background-image:url(vad/gitbdebit.png); }
.abcdebit .header h1 a { background-image:url(vad/abcdebit.png); }
.alibil .header h1 a { background-image:url(vad/alibil.png); }
.alidebit .header h1 a { background-image:url(vad/alidebit.png); }
.obobil .header h1 a { background-image:url(vad/obobil.png); }
.obodeb .header h1 a { background-image:url(vad/obodeb.png); }
.obodebit .header h1 a { background-image:url(vad/obodebit.png); }
.secudeb .header h1 a { background-image:url(vad/secudeb.png); }
.secudebit .header h1 a { background-image:url(vad/secudebit.png); }
.zonedeb .header h1 a { background-image:url(vad/zonedeb.png); }
.zonedebit .header h1 a { background-image:url(vad/zonedebit.png); }
.bilabc .header h1 a { background-image:url(vad/bilabc.png); }
.bilmy .header h1 a { background-image:url(vad/bilmy.png); }
.debabc .header h1 a { background-image:url(vad/debabc.png); }
.debalis .header h1 a { background-image:url(vad/debalis.png); }
.debitabc .header h1 a { background-image:url(vad/debitabc.png); }
.debitalis .header h1 a { background-image:url(vad/debitalis.png); }
.debitgo .header h1 a { background-image:url(vad/debitgo.png); }
.debpay .header h1 a { background-image:url(vad/debpay.png); }
.debsecu .header h1 a { background-image:url(vad/debsecu.png); }
.debzone .header h1 a { background-image:url(vad/debzone.png); }
.blackbil .header h1 a { background-image:url(vad/blackbil.png); }
.bluebil .header h1 a { background-image:url(vad/bluebil.png); }
.coralbis .header h1 a { background-image:url(vad/coralbis.png); }
.goldbil .header h1 a { background-image:url(vad/goldbil.png); }
.graybis .header h1 a { background-image:url(vad/graybis.png); }
.pinkbil .header h1 a { background-image:url(vad/pinkbil.png); }
.silverbil .header h1 a { background-image:url(vad/silverbil.png); }
.cleanbis .header h1 a { background-image:url(vad/cleanbis.png); }
.onlybil .header h1 a { background-image:url(vad/onlybil.png); }
.owabill .header h1 a { background-image:url(vad/owabill.png); }
.owabis .header h1 a { background-image:url(vad/owabis.png); }
.owapay .header h1 a { background-image:url(vad/owapay.png); }
.perbill .header h1 a { background-image:url(vad/perbill.png); }
.upbil .header h1 a { background-image:url(vad/upbil.png); }
.billator .header h1 a { background-image:url(vad/billator.png); }
.billiance .header h1 a { background-image:url(vad/billiance.png); }
.bisator .header h1 a { background-image:url(vad/bisator.png); }
.bisiance .header h1 a { background-image:url(vad/bisiance.png); }
.bisizer .header h1 a { background-image:url(vad/bisizer.png); }
.bismator .header h1 a { background-image:url(vad/bismator.png); }
.bisment .header h1 a { background-image:url(vad/bisment.png); }
.paycurl .header h1 a { background-image:url(vad/paycurl.png); }
.payinero .header h1 a { background-image:url(vad/payinero.png); }
.payiance .header h1 a { background-image:url(vad/payiance.png); }
.payiter .header h1 a { background-image:url(vad/payiter.png); }
.squadpay .header h1 a { background-image:url(vad/squadpay.png); }
.cogiga .header h1 a { background-image:url(vad/cogiga.png); }
.compmy .header h1 a { background-image:url(vad/compmy.png); }
.cyansecure .header h1 a { background-image:url(vad/cyansecure.png); }
.debmore .header h1 a { background-image:url(vad/debmore.png); }
.digideb .header h1 a { background-image:url(vad/digideb.png); }
.dotbil .header h1 a { background-image:url(vad/dotbil.png); }
.dotsecu .header h1 a { background-image:url(vad/dotsecu.png); }
.gigabill .header h1 a { background-image:url(vad/gigabill.png); }
.gigasecu .header h1 a { background-image:url(vad/gigasecu.png); }
.jadebill .header h1 a { background-image:url(vad/jadebill.png); }
.linkbil .header h1 a { background-image:url(vad/linkbil.png); }
.linksecu .header h1 a { background-image:url(vad/linksecu.png); }
.megasecu .header h1 a { background-image:url(vad/megasecu.png); }
.morebil .header h1 a { background-image:url(vad/morebil.png); }
.orbitsecure .header h1 a { background-image:url(vad/orbitsecure.png); }
.outdigi .header h1 a { background-image:url(vad/outdigi.png); }
.outgiga .header h1 a { background-image:url(vad/outgiga.png); }
.securedigi .header h1 a { background-image:url(vad/securedigi.png); }
.securefa .header h1 a { background-image:url(vad/securefa.png); }
.securegiga .header h1 a { background-image:url(vad/securegiga.png); }
.softsecu .header h1 a { background-image:url(vad/softsecu.png); }
.soludigi .header h1 a { background-image:url(vad/soludigi.png); }
.solufa .header h1 a { background-image:url(vad/solufa.png); }
.solugiga .header h1 a { background-image:url(vad/solugiga.png); }
.spherebill .header h1 a { background-image:url(vad/spherebill.png); }
.techdeb .header h1 a { background-image:url(vad/techdeb.png); }
.techsecu .header h1 a { background-image:url(vad/techsecu.png); }

/* SIDEBAR */
.sidebar {
    float:left;
    width:269px;
    overflow:hidden;
    padding-top:40px;
}
.sidebar h1 {
    padding:8px 20px;
    color:#fff;
    font-size:.8em;
    border-radius:3px 3px 0 0;
    background-color:rgb(23, 112, 178);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
    background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:   -moz-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
}
.sidebar h2 { color:rgb(255, 158, 0); font-size:130%; font-weight:bold; }
.sidebar p { margin-bottom:.4em; }
.sidebar ul { margin:.5em; padding:0 0 0 1em; list-style:none; }
.sidebar li { margin-bottom:.3em; padding-left:8px; background:transparent url(media/left_arrow.gif) 0 5px no-repeat scroll; }
.sidebar a { color:#0e86d2; }
.sidebar a strong { color:rgb(255, 72, 0);  }
.sidebar .module { margin-bottom:.3em; padding:15px 3px 15px 80px; font-size:.8em; color:#000; background-color:#fff; border-radius:3px; }
.sidebar .pub { padding:0; background-color:transparent; }
.sidebar .paiements { padding-left:120px; background:#fff url(media/home_cards.gif) 5px 10px no-repeat scroll;  }
.sidebar .faq { padding-bottom:3px; background:#fff url(media/home_left_bg.jpg) top left no-repeat scroll;  }
.sidebar .search { background:#fff url(media/man.gif) 5px 10px no-repeat scroll;  }
.sidebar .authentification { border-top-left-radius:0; border-top-right-radius:0; background:#fff url(media/support_messages.gif) 5px 0 no-repeat scroll; }
.sidebar .connexion { border-top-left-radius:0; border-top-right-radius:0; background:#fff url(media/lock.gif) 5px 0 no-repeat scroll; }

.logout { font-size:.8em; text-align:right; }
.logout a { padding-left:13px; color:#000; text-decoration:none; background:transparent url(media/support_cross.gif) left center  no-repeat scroll; }

/* FOOTER */
.footer { width:630px; padding-top:10px; padding-left:310px; font-size:.7em; color:rgb(192, 192, 192); }
.copyrights { float:left; }
.footer ul  { float:right; margin:0; padding:0; list-style:none; }
.footer li { display:inline; padding:0 2px; }
.footer a { color:rgb(192, 192, 192); }

/* MAIN CONTENT */
.main { float:right; width:670px; overflow:hidden; }
.main-navigation { padding-top:15px; padding-left:50px;  position:relative; background:transparent url(media/bg_menu.gif) 5px 4px no-repeat scroll; }
.main-navigation p { display:none; }

.ca .main-navigation { background-position:left top; }

/* I18N flags  */
.flags { margin:0; padding:0; list-style:none; position:absolute; bottom:5px; right:5px; }
.flags li { float:left; padding:0; }
.flags li a { display:inline-block; width:18px; height:13px; margin-right:2px; background-color:transparent; background-position:top left; background-attachment:scroll; background-repeat:no-repeat; }
.flags li.fr a { background-image:url(media/fr.gif); }
.flags li.en a { background-image:url(media/en.gif); }
.flags li.it a { background-image:url(media/it.gif); }
.flags li.es a { background-image:url(media/es.gif); }
.flags li a span { display:none; }

/* MAIN MENU */
.menu { margin:0; padding:0; list-style:none; font-size:.8em; font-weight:bold; }
.menu li { float:left; padding:0; }
.menu li a { display:block; margin-right:4px; padding:5px 10px; color:#000; background-color:rgb(221, 227, 230); text-decoration:none; border-top-left-radius:3px; border-top-right-radius:3px; }
.menu li a:hover { color:rgb(255, 158, 0); }
.menu li.active a { color:rgb(255, 158, 0); background-color:#fff; }

.content { padding:20px; color:#000; font-size:.8em; background-color:#fff; border-radius:3px; min-height:543px; }
.content h1 { margin-bottom:1em; color:rgb(255, 158, 0); font-size:150%; font-weight:normal;  }
.content a { color:#0e86d2; }
.content a strong { color:rgb(255, 72, 0);  }
.content h1 .printdoc { font-size:60%; color:#369; text-decoration:underline; cursor:pointer; }


/* FAQs */
.faq-list { margin:0; padding:0; list-style:none; }
.faq-list li { margin-bottom:1em; font-size:100%; line-height:1.4; }
.faq-list h2 { margin-bottom:.5em; color:rgb(14, 134, 210); font-size:115%; font-weight:normal; text-decoration:underline; }
.faq-list ul { width:80%; margin:.5em auto; list-style-type:square; }
.faq-list .faq-item { background:transparent url(media/faq_plus.gif) no-repeat 0 7px scroll; padding-left:15px; }
.faq-list .response { padding:10px 5px;}
.faq-list .selected { background:transparent url(media/faq_minus.gif) no-repeat 0 10px scroll; padding-left:15px; }

/* INFO BULLE */
.info-bulle    { position:relative; width:96%; margin:1em auto 2em; padding:10px 20px; border-bottom:1px solid rgb(222, 222, 222); color:#000;
    background-color:rgb(247, 247, 247);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image:-webkit-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image:   -moz-linear-gradient(top, #f7f7f7, #e7e7e7);
    background-image:        linear-gradient(top, #f7f7f7, #e7e7e7);
}
.info-bulle h1 { padding-top:20px; text-align:center; color:rgb(227,6,48); font-weight:bold;  }
.info-bulle p { padding-bottom:1em; }
.info-bulle .close { position:absolute; right:5px; top:5px; }
.info-bulle .close a { display:block; width:7px; height:7px; background:transparent url(media/close_black.gif) no-repeat center scroll; }
.info-bulle .close a span  { display:none; }

/* INFO RESUME */
.info-resume { margin:.5em; padding:0 0 1em 1em; list-style:none; }
.info-resume li { margin-bottom:.3em; padding-left:8px; background:transparent url(media/left_arrow.gif) 0 5px no-repeat scroll; }

/* TABLEAU ABONNEMENTS */
.abos-table {  border-collapse:collapse; margin:1em auto; padding:0; width:98%; }
.abos-table thead th { padding:10px 5px; color:#fff; text-align:left; text-indent:10px; font-size:.9em;
    background-color:rgb(60, 135, 191);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
    background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:   -moz-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
}
.abos-table tfoot td { padding:10px 5px; text-align:right; }
.abos-table tbody td { padding:10px 5px; border-bottom:1px solid rgb(222, 222, 222); color:#000; background-color:rgb(247, 247, 247); vertical-align:top;  }
.abos-table .info-resume { margin-top:0;  }
.abos-table .abo-active { color:rgb(66, 173, 13); }
.abos-table .abo-ended, .abo-red { color:rgb(227, 6, 86); }
.abos-table a.abo-action { display:block; width:70%; padding:20px; border:1px solid rgb(222, 222, 222); background-color:#fff; border-radius:5px; font-weight:bold; text-decoration:none; text-align:center;  }
.abos-table a strong { color:inherit; font-size:170%; }

.ie a.abo-ended strong { color:rgb(227, 6, 86); }
.ie a.abo-active strong { color:rgb(66, 173, 13); }

.mailbox tbody tr:nth-of-type(2n+1) td { background-color:#fff; }
.mailbox a span.unread { background-color:rgb(217, 16, 16); color:#fff; padding-left:2px; padding-right:2px; font-size:88%; }
.mailbox td.level0 {  }
.mailbox td.level1 { padding-left:20px; }
.mailbox td.level2 { padding-left:30px; }
.mailbox td.level3 { padding-left:40px; }
.mailbox td.level4 { padding-left:50px; }
.mailbox tr.answerme td { background-color:rgb(247, 226, 190); }

.phone { color:rgb(255, 102, 0); font-size:150%; font-weight:bold; }

/* INFO SUPPORT  */
.contact-info  { float:left; width:46%; padding:1%; margin:1% 1% 2%; }
.contact-email { width:310px; height:108px; padding:0; margin:1% 0 2%; background:transparent url(media/support_bgemail.gif) center no-repeat scroll; }
.contact-phone { float:right; width:310px; height:108px; padding:0; margin:1% 0 2%; background:transparent url(media/support_bgphone.jpg) center no-repeat scroll; }
.ie6 .contact-internet { width:44%; }
dl.contact-info { font-weight:bold; }
dl.contact-info dt { color:rgb(174, 174, 174); margin:1em 1em .3em; font-size:150%; }
dl.contact-info dd { padding-left:1em; font-size:170%; }

.content .module h1 { margin-bottom:0; }
.contact-internet h2 { margin-top:0; padding-bottom:.3em; margin-bottom:1em; padding-left:0; font-size:110%; border-bottom:1px solid rgb(221, 227, 230);}
.contact-internet ul { margin:0; padding:0; list-style:none; }
.contact-internet li { padding-bottom:3px; padding-left:20px; margin-bottom:.3em; background:transparent top left no-repeat scroll; }
.contact-internet li.msn { background-image:url(media/support_msn.jpg); }
.contact-internet li.icq { background-image:url(media/support_icq.jpg); }
.contact-internet li.aim { background-image:url(media/support_aim.jpg); }
.contact-internet li.yahoo { background-image:url(media/support_yahoo.jpg); }
.contact-internet li.skype { background-image:url(media/support_skype.jpg); }
.contact-internet li.gtalk { background-image:url(media/support_google.jpg); }
.contact-internet em { font-style:normal; color:#ccc; }

/* CONTACT FORM */
.contact-form { width:96%; margin:1em auto; padding:1em 0; border-bottom:1px solid rgb(222, 222, 222); color:#000; border-radius:3px;
    background-color:rgb(247, 247, 247);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image:-webkit-linear-gradient(#f7f7f7, #e7e7e7);
    background-image:   -moz-linear-gradient(#f7f7f7, #e7e7e7);
    background-image:        linear-gradient(#f7f7f7, #e7e7e7);
}
.label-title { float:left; width:35%; text-align:right; padding-bottom:.5em; padding-right:1px; }
.label-value { float:right; width:63%; text-align:left; padding-bottom:.5em; padding-left:1px; }
.contact-form textarea { width:80%; }
.contact-form input { width:80%; }

/* TICKET */
.ticket  { position:relative; width:96%; list-style:none; margin:1em auto; padding:1em 1em 3em 1em; border-left:5px solid rgb(222, 222, 222); border-top-right-radius:5px; border-bottom-right-radius:5px; color:#000;
    background-color:rgb(247, 247, 247);
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#e7e7e7));
    background-image:-webkit-linear-gradient(#f7f7f7, #e7e7e7);
    background-image:   -moz-linear-gradient(#f7f7f7, #e7e7e7);
    background-image:        linear-gradient(#f7f7f7, #e7e7e7);
}
.support { border-left:5px solid rgb(37, 120, 182); border-top-right-radius:5px; border-bottom-right-radius:5px; color:#000;
    background-color:#fff;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f7fafc), to(#c7e6fc));
    background-image:-webkit-linear-gradient(top, #f7fafc, #c7e6fc);
    background-image:   -moz-linear-gradient(top, #f7fafc, #c7e6fc);
    background-image:        linear-gradient(top, #f7fafc, #c7e6fc);
}
.ticket:before  { color:#aaa; content:'client'; position:absolute; font-size:200%; font-weight:bold; font-family:helvetica, arial, sans-serif; bottom:3px; right:5px; z-index:1; text-shadow:0 1px 0 #fff; }
.support:before { color:#7ebce5; content:'support'; text-shadow:#fff; }
.ticket-name  { float:left; width:31%; font-weight:bold; text-align:right; }
.ticket-name:after { content:' : ';}
.ticket-value { float:right; width:68%; padding-left:3px;  }
.ticket li { padding:.3em; }
.ticket ul { margin:.3em 3em; padding:.3em 2em; }
.ticket-navigation { margin-bottom:1em; text-align:center; }
.ticket-navigation a { text-decoration:none; padding:3px; border:none; color:#fff; font-size:1em; text-shadow:0 1px 0 #777; cursor:pointer; border-radius:3px;
    background-color:rgb(23, 112, 178);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
    background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:   -moz-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
}
.ticket-navigation a:hover { color:rgb(244, 201, 132); }

/* dialog ui */
.ui-dialog-title      { font-size:80%; }
.ui-dialog-content    { color:#ef1244; font-size:70%; }
.ui-dialog-content em { font-style:normal; }
.ui-dialog-content em.denomination { display:block; font-weight:bold; color:#369; text-align:center; text-transform:uppercase; }
.ui-button-text { font-size:70%; text-shadow:none; }

.maintenance { position:fixed; bottom:0; left:0; width:100%; z-index:1; border-top:1px solid #fff; padding:5px 0; color:#fff; text-align:center; font-size:12px; font-weight:900; text-shadow:1px 1px 1px #777;
    background-color:rgb(23, 112, 178);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
    background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:   -moz-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
}
.maintenance p { padding:5px 0; margin:0; }
.maintenance strong { color:hsl(60, 100%, 50%); text-transform:uppercase; letter-spacing:2px; }

.smartphone-footer {
     display:none; margin:.3em auto .5em; padding:.5em;
    color:#fff; font-weight:bold; font-size:12px; text-align:center;
    background-color:rgb(60, 135, 191);
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgb(62, 136, 191)), to(rgb(20, 110, 177)));
    background-image:-webkit-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:   -moz-linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    background-image:        linear-gradient(rgb(62, 136, 191), rgb(20, 110, 177));
    border-radius:2px;
}

.smartphone-footer a { color:#fff; text-decoration:none; }
.smartphone-footer a:hover { color:rgb(9, 3, 5); }

@media only screen and (max-device-width:480px) {
    .sidebar { display:none; }
    .main { float:none; margin-left:auto; margin-right:auto;}
    .wrapper { width:auto; }
    .flags { display:none; }
    .hgroup { display:none; }
    .header { background-position:center;}
    .footer { margin-left:auto; margin-right:auto; padding:5px 0;  }
    .smartphone-footer { display:block; }
    .content { padding-bottom:40px; background: #fff url(media/num-inter.png) 99% 99% no-repeat scroll; }
}

@media only screen and (max-width:800px) {
    .sidebar { display:none; }
    .main { float:none; margin-left:auto; margin-right:auto;}
    .wrapper { width:auto; }
    .flags { display:none; }
    .hgroup { display:none; }
    .header { background-position:center;}
    .footer { margin-left:auto; margin-right:auto; padding:5px 0;  }
    .smartphone-footer { display:block; }
    .content { padding-bottom:40px; background: #fff url(media/num-inter.png) 99% 99% no-repeat scroll; }
}