{"sections":[{"urls":[],"urlPrefixes":[],"domains":[],"regexps":[],"code":"/* AGENT_SHEET */\r\n@namespace url(http://www.w3.org/1999/xhtml);"},{"urls":[],"urlPrefixes":[],"domains":["mail.yahoo.com"],"regexps":[],"code":"/* ==== OK(UP)-DEV(new11) - YAHOO NEW MAIL - DARK/GREY life - V.3.2beta -  [DEPRECATED]==== */\r\n\r\n/* === (new9) TEST - MAIN WIDTH CALC ==== */\r\n#main[aria-labelledby=\"tabinbox\"] #paneshell #shellcontent { \r\n    width: -moz-calc(100% + -185px) ! important;\r\n    overflow: hidden ! important;\r\n}\r\n\r\n/* (new11)YAHOO MAIL OPTIONS PAGES - COMPTES MAIL - INPUT FIELD - === */\r\n.field input.fixed-lg, div.field textarea.fixed-lg {\r\n    width: 600px !important;\r\n    height: 30px ! important;\r\n    color: red ! important;\r\n    padding-right: 100px ! important;\r\n    margin-left: -10px ! important;\r\n    font-size: 20px ! important;\r\n    text-align: center ! important;\r\n}\r\n/* (new11)YAHOO MAIL OPTIONS PAGES - COMPTES MAIL - LABEL INPUT FIELD(with check box) - === */\r\n.field div.radio label, div.field div.checkbox label {\r\n    display: inline-block;\r\n    float: none;\r\n    line-height: 16px;\r\n    padding-bottom: 0;\r\n    padding-left: 32px !important;\r\n    padding-right: 1px !important;\r\n    padding-top: 0;\r\n    width: 400px !important;\r\n}\r\n\r\n/* (new11)YAHOO MAIL OPTIONS PAGES - BLOCKED MAILS OPTION TITLE - \"Ajouter\"/ \"Addresses Bloquée Nombre Adr. Mails Boquées\" - BLOCK - === */\r\n.btn.small.left.right[data-action=\"remove-blocked-email\"]  {\r\n    display: inline-block !important;\r\n    float: none !important;\r\n    height: 50px !important;\r\n    left: -92px !important;\r\n    position: absolute !important;\r\n    top: 100px !important;\r\n    width: 50px !important;\r\n}\r\n/* (new11)YAHOO MAIL OPTIONS PAGES - BLOCKED MAILS OPTION TITLE - \"Ajouter Adr. Mails à Boquer\" - BLOCK + INPUT  - === */\r\n.med-field div.label-left div {\r\n    margin-left: 140px;\r\n    width: 700px !important;\r\n}\r\ndiv.field .fixed-xl {\r\n    width: 649px;\r\n}\r\n/* (new11)YAHOO MAIL OPTIONS PAGES - BLOCKED MAILS OPTION - TRASH ICON - === */\r\n.btn.small.left.right[data-action=\"remove-blocked-email\"] .icon{\r\n    display: inline-block !important;\r\n    height: 20px !important;\r\n    margin-left: 0px !important;\r\n    margin-top: 13px !important;\r\n    transform: scale(1.8) !important;\r\n    padding: 2px 2px 2px 2px ! important;\r\n    width: 20px !important;\r\n    border-radius: 2px ! important;\r\n    background: black ! important;\r\n}\r\n.btn.small.left.right[data-action=\"remove-blocked-email\"] .icon:hover {\r\n    background: red ! important;\r\n}\r\n\r\n/* (new11)YAHOO MAIL OPTIONS PAGES - BLOCKED MAILS OPTION  - BLOCKED MAILS LIST - === */\r\n#blocked_emails {\r\n    width: 55em !important;\r\n    min-height : 400px !important;\r\n    height : 570px !important;\r\n    margin-top : -5px !important;\r\n    padding-left : 40px !important;\r\n    padding-right : 30px !important;\r\n    padding-top : 5px !important;\r\n    outline : grey solid 1px !important;\r\n}\r\n\r\n/* (new10)TEST - MAIN HEADER (Search +Icons services + tabs + toolbar - HEIGHT - === */\r\n#yucs {\r\n    height: 65px !important;\r\n}\r\n\r\n/* (new9)CONTACTS - ABIFRAME (for total width - === */\r\n#abIframeTab {\r\n    background-color: white;\r\n    height: 100%;\r\n    width: 115% !important;\r\n}\r\n\r\n/* (new9) TEST - TRIPANE FRESH TOOLBAR POSITION - === */\r\n#main[aria-labelledby=\"tabinbox\"]  #theAd + #toolbar.fresh-toolbar {\r\n    padding-top: 10px ;\r\n    position: absolute;\r\n    top: -12px ! important;\r\n}\r\n\r\n/* (new8)WITHOUT \"APPERCU\"/'PREVIEW\" under messages list - MOVE TO TOP - === */\r\n.uh3.panescroll #main {\r\n    background: #333333 !important;\r\n    top: 88px;\r\n}\r\n.uh3 .nav-bar {\r\n    background-color: #DFE2E5;\r\n    padding-top: 4px ! important;\r\n    top: 30px !important;\r\n\r\n}\r\n.uh3.fullpage #main {\r\n    top: 11px !important;\r\n}\r\n.uh3 #main {\r\n    top: 74px !important;\r\n}\r\n\r\n.uh3.panescroll #shellnavigation ,\r\n.uh3.panescroll #shellcontent {\r\n    top: 95px ! important;\r\n    max-height: 800px! important;\r\n    overflow: hidden! important;\r\n}\r\n.panescroll  #paneshell #shellcontent #inboxcontainer.reselectable .messagepane #msg-preview.message {\r\n    height: 100% !important;\r\n    background: white !important;\r\n    overflow-x: hidden !important;\r\n    overflow-y: auto !important;\r\n    background: white ! important;\r\n}\r\n/* (new8)TRIPANE - MESSAGE TITLE - === */\r\n.tripane .message-header h3 {\r\n    margin-left: 57px !important;\r\n    padding-top: 3px;\r\n}\r\n\r\n/* (new8)TRIPANE - STAR + READ ICON INFO - === */\r\n.tripane .message-header div.info \u003e div {\r\n    top: 9px !important;\r\n}\r\n\r\n/* (new8)TEST - READ - HEADER MESSAGE - TITLE + TOGGLE EXPAND ICON - === */\r\n.fullpage #main #paneshell #shellcontent .reselectable .messagepane .message .y-module .info h3.hidefocus {\r\n    padding-left: 76px ! important;\r\n}\r\n.header-expand .toggle-details {\r\n    display: block;\r\n    height: 16px;\r\n    margin-left: 53px !important;\r\n    text-indent: -9999px;\r\n    width: 16px;\r\n}\r\n\r\n.message-header .flag,\r\n.message-header .unread-dot {\r\n    position: relative ! important;\r\n    display: inline-block !important;\r\n    float: left ! important;\r\n    height: 12px ! important;\r\n    width: 19px ! important;\r\n    left: 10px ! important;\r\n    padding: 1px ! important;\r\n    border-radius: 8px ! important;\r\n    background-color: black ! important;\r\n    opacity: 1 ! important;\r\n}\r\n\r\n/* (new8)- TEST - TOOLBAR CONTAINER - READ - HEIGHT TOOLBAR TOP - === */\r\n#toolbar {\r\n    height: 23px ! important;\r\n}\r\n/* (new10) - TEST - TOOLBAR - READ - TOOLBAR TOP - === */\r\n#toolbar.fresh-toolbar .commontasks  {\r\n    background: black !important;\r\n    display: inline-block !important;\r\n    margin-top: -9px;\r\n    text-shadow: none !important;margin-left: -1px !important;\r\n    padding-right: 15px ! important;\r\n}\r\n/* (new9)- TEST - TOOLBAR - READ - TOOLBAR BOTTOM - === */\r\n.fresh-toolbar.hidden   {\r\n    background: black !important;\r\n    display: inline-block !important;\r\n    margin-left: 1px !important;\r\n}\r\n\r\n/* (new8)A SUPP ? - TEST - FULLPAGE MESSAGES LIST/EMPTY/SEND COMFIRM - === */\r\n\r\n/* (new9)TEST - LIST MESSAGE - FULL - === */\r\n.panescroll .inbox,\r\n.panescroll .inbox-preview {\r\n    background-color: #D8D8D8;\r\n    clear: both;\r\n    overflow: visible !important;\r\n}\r\n.list-header-wrapper {\r\n    background-color: #FFFFFF;\r\n    background-image: linear-gradient(#FFFFFF, #F5F5F5);\r\n    border-bottom: 1px solid #D7D7D7;\r\n    border-top: 1px solid #D7D7D7;\r\n}\r\n\r\n/* (new9)MESSAGE LIST + READ - SCROLLABLE - === */\r\n\r\n.fullpage {\r\n    overflow: hidden ! important;\r\n    overflow-y: auto ! important;\r\n}\r\n/* (new8)FULL PAGE BODDY - === */\r\n.fullpage .msg-body {\r\n    height: 700px !important;\r\n    overflow-y: auto !important;\r\n    padding: 10px 5px 5px 15px !important;\r\n    background: white ! important;\r\n}\r\n/* (new8)GENERAL - CONTENT INNER - PADDING - === */\r\n.content .inner {\r\n    margin: 3px 24px 3px 3px !important;\r\n}\r\n\r\n/* (new9)- TEST - MESSAGE WRITE - COMPOSE MESSAGE CONTAINER - === */\r\n.compose.content   {\r\n    height: 820px !important;\r\n    overflow: hidden! important;\r\n    overflow-y: auto !important;\r\n}\r\n\r\n/* TRASH/SUPP MAIL - ICON - On the Left Side - === */\r\n.fixed.end {\r\n    left: 28% !important;\r\n}\r\n\r\n/* (new9)TEST - COVER LEFT \"TheAd\" COLUMN (To have a Total background Dark / Gray) - === */\r\n#main #paneshell.withouttoolbar #shellcontent #updatescontainer + [id^=\"yui_3\"] div.content  {\r\n    height: 100%;\r\n    overflow: visible !important;\r\n    position: relative;\r\n}\r\n\r\n/* TEST - SUPP PUBLICTY - RIGHT COMUMN - === */\r\n.fullpage #theAd ,\r\n.panescroll #theAd {\r\n    display: none !important;\r\n}\r\n\r\n/* USER PANEL CONNECTION / OPTIONS (move top) - TOP RIGHT  - === */\r\n.yucs-fl-right {\r\n    float: right;\r\n    margin-left: -100px;\r\n    margin-top: -12px !important;\r\n}\r\n\r\n/* FULL PAGE - MAIN / TOOLBAR - === */\r\n/* (new9)TOOLBAR - KEEP IT - IMPORTANT - to have it on the right side under tabs - (WITH AND WITHOUT \"APPERCU\"/ PREVIEW under MESSAGES LIST - === */\r\n.fullpage #toolbar ,\r\n#toolbar,\r\n.fresh-toolbar {\r\n    position: relative !important;\r\n    display: inline-block !important;\r\n    width: 100% !important;\r\n}\r\n.fullpage #main {\r\n     background-color: #222222 !important;\r\n     position: relative;\r\n     margin-right: 0 !important;\r\n}\r\n\r\n/* LOADING PAGE - BACKGROUND - === */\r\n.list-view-items.loading, .list-view-status.loading {\r\n     background-color: #333333 !important;\r\n}\r\n\r\n\r\n/* ================ GENERAL OK =========== */\r\n\r\n/* SUPP LOGO YAHOO - === */\r\n#yucs #yucs-logo,\r\n#yucs #yucs-ylogo {\r\n    display: none !important;\r\n    margin-left: 15px;\r\n}\r\n\r\n/* ================ GENERAL =========== */\r\n\r\n/* ==== GENERAL - BACKGROUND(DarckGrey foncé : #222222) / TXT COLOR (Gray Light :#7D7D7D) ==== */\r\n\r\n/* GENERAL - BACKGROUND - nackground: #FFFFFF - === */\r\nbody {\r\n    background-color: #FFFFFF !important;\r\n    color: #000000;\r\n    margin: 8px 0 0 12px;\r\n    padding: 0;\r\n}\r\n\r\n\r\n\r\n/* (new11) BACKGROUND - GENERAL - background: #222222 - === */\r\n#shellcontent .withsubshellnavigation ,\r\n.withoutad.panescroll.mailoptions #main #paneshell #shellcontent div.content , \r\n.fullpage ,\r\n.fullpage #main ,\r\n.fullpage #theAd ,\r\n.panescroll #theAd ,\r\n.fullpage #paneshell ,\r\n.fullpage #shellnavigation ,\r\n.fullpage #toolbar ,\r\n#shellnavigation ,\r\n#shellnavigation.unselectable,\r\n#paneshell #shellcontent ,\r\n\r\n.list-header ,\r\n.list-view ,\r\n#msg-list .list-view .list-view-items ,\r\n.items h2 span.label ,\r\n#inboxcontainer ,\r\n.fresh-toolbar {\r\n    background: #222222 !important;\r\ncolor: gray ! important;\r\n}\r\n\r\n/* ==== END - BACKGROUND ==== */\r\n\r\n/* GENERAL - BORDER - BLOCK UNDER MAILS LIST - BORDER LEFT - === */\r\n#paneshell #shellcontent {\r\n    border-left: 1px solid #DDDDDD;\r\n    z-index: 1;\r\n}\r\n\r\n/* ======================= */\r\n \r\n/* ==== GENERAL - LINKS (link/hover/visited/selected) - GENERAL ==== */\r\n/* ==== GENERAL - TXT/ LINKS ==== */\r\n\r\n/* (new8)GENERAL - TEXT COLOR - COLOR : GRAY - NO SHADOW - === */\r\n.fullpage #shellnavigation li i,\r\n.fullpage #shellnavigation li ,\r\n.fullpage #shellnavigation li .unread-count ,\r\n#toolbar span a ,\r\n.header-toolbar span a ,\r\n.shaded .btn a , \r\n.shaded .btn.pressed a {\r\n    text-shadow: none !important;\r\n    color: gray !important;\r\n}\r\n\r\n/* LINKS - SELECTED -\r\ncolor: #820A0A / #930000(red) / #659CC4(blue) - #056084 (blue+foncé) - === */\r\n\r\n/* LINKS - SELECTED - color: #820A0A / #930000(red) / #659CC4(blue+clair) - === */\r\n.selected,\r\n.selected a ,\r\n.yui3-acwidget-selected {\r\n    color: #659CC4 !important;\r\n    background-color: #056084 !important;\r\n}\r\n\r\n/* ==== POPUP(GENEARL) - MENUS TOP - LEFT/RIGHT ==== */\r\n\r\n/* POPUP(GENEARL) - MENUS TOP - === */\r\n.yui3-menu {\r\n    background-color: #333333 !important;\r\n}\r\n.yucs-separator {\r\n    border-bottom: 1px solid red !important;\r\n    margin-bottom: -1px !important;\r\n    padding-bottom: 1px !important;\r\n}\r\n/* POPUP(GENEARL) - MENUS TOP - ALL LINES ITEMS - TXT - COLOR (BLUE : #327BA2) - === */\r\n.yucs-menu a {\r\n    color: #327BA2 !important;\r\n    background-color: #222222 !important;\r\n}\r\n.yucs-menu a:hover{\r\n    color: GOLD !important;\r\n    background-color: #403D3D !important;\r\n}\r\n\r\n/* POPUP - MENUS TOP - ALL LINES ITEMS - GENERAL - SUPP BORDER - === */\r\n#yucs.yucs-mc  ul li {\r\n    border: none !important;\r\n}\r\n/* POPUP - MENUS TOP - YAHOO SERVICES + OPTIONS + YAHOO USER(CONNECTED AS....) - BLOCK - === */\r\n.yui3-menu:first-of-type {\r\n    float: right ! important;\r\n    color: gray !important;\r\n    margin: 0;\r\n    padding: 5px 5px 5px 10px !important;\r\n    background-color: transparent !important;\r\n}\r\n.yui3-menu.yucs-menu.yui3-menu-hidden {\r\n    background: #222222 ! important;\r\n}\r\n.yui3-menu ul:hover {\r\n    color: GOLD !important;\r\n    margin: 0;\r\n    padding: 0;\r\n}\r\n\r\n/* POPUP - MENU TOP LEFT - ICON SERVICES YAHOO (near Logo) - === */\r\n.lt #yucs-nav_outer {\r\n    background-position: 0 -1331px;\r\n    top: 10px !important;\r\n}\r\n\r\n/* POPUP - MENU TOP RIGHT - PROFILE - === */\r\n.yucs-profile-items-panel {\r\n    background-color: #333333 !important;\r\n}\r\n/* (new11)POPUP - MENU TOP RIGHT - PROFILE - TXT \"Connecté en tant que\" /\"SIGNED AS\" - === */\r\n.yucs-signed_in_as {\r\n    color: gray !important\r\n}\r\n.yucs-signed_in_as:hover {\r\n    color: gold !important;\r\n}\r\n\r\n/* ================ HEADER / TOOLBAR / NAVBAR =========== */\r\n\r\n/* HEADER - SEARCH TOP BLOCK - === */\r\n#yuhead-sform-cont  {\r\n    float: left !important;\r\n    left: -22px !important;\r\n}\r\n\r\n/* HEADER - SEARCH TOP - BOX INPUT - === */\r\n.yucs-search-input:focus {\r\n    border-color: gray !important;\r\n    box-shadow: 0 0 10px #BABABA !important;\r\n}\r\n.yucs-search-input {\r\n    height: 17px !important;\r\n    background: linear-gradient(to bottom, #060606 0px, #474444 10%, #000000 100%) repeat scroll 0 0 transparent!important;\r\n    border: 1px solid gray !important;\r\n    border-radius: 3px !important;\r\n    color: #8C8888 !important;\r\n}\r\n.yucs-search-buttons button {\r\n    height: 20px !important;\r\n}\r\n.yucs-search-buttons button {\r\n    border: 1px solid #626060 !important;\r\n    height: 20px !important;\r\n}\r\n.yucs-wsearch-button {\r\n    background: linear-gradient(to bottom, #4A4646 0px, #030303 100%) repeat scroll 0 0 transparent !important;\r\n    color: #736F6F !important;\r\n    margin-left: 2px;\r\n}\r\n\r\n/* ==== TOOLBAR ==== */\r\n\r\n/* (new8)TOOLBAR - GENERAL - LEFT DIVIDER - === */\r\n.fullpage #toolbar.fresh-toolbar .commontasks #pagetoolbar span.bevel_divider  {\r\n    margin-left: 0 !important;\r\n}\r\n/* ==== TOOLBAR - WRITE/ECRIRE ==== */\r\n\r\n/* (new8)TOOLBAR - GENERAL - BUTTON ECRIRE / WRITE - === */\r\n#toolbar .switcher {\r\n    background: -moz-linear-gradient(center top , #4C4C4C, black) repeat scroll 0 0 transparent !important;\r\n    border-radius: 5px 5px 5px 5px !important;\r\n    height: 25px !important;\r\n    margin-top: -8px !important;\r\n    min-width: 178px ! important;\r\n}\r\n/* (new10)TOOLBAR - WRITE - BUTTON CANCEL - === */\r\n.fresh-toolbar #btn-cancel-compose {\r\n    background-position: 0 -705px;\r\n    left: 652px !important;\r\n    position: absolute;\r\n}\r\n\r\n/* ============ PANEL - LEFT ========= */\r\n\r\n/* (new8)PANEL LEFT - FOLDERS / CONTACT LISTS - SCROLL - ==== */\r\n#shellnavigation {\r\n    -moz-user-select: -moz-none;\r\n    overflow-x: hidden ! important;\r\n}\r\n/* PANEL LEFT - FOLDERS ITEMS - ==== */\r\n.items-nav li i {\r\n    color: gray !important;\r\n    text-shadow: none !important;\r\n}\r\n/*.items-nav:hover li i {\r\n    color: gold !important;\r\n    text-shadow: none !important;\r\n}*/\r\n/* PANEL LEFT - FOLDERS TXT / BLOCK (Background/SELECTED+HOVER) - === */\r\n\r\n/* (new8) - A VOIR - PANEL LEFT - FOLDERS SYSTEM - BACKGROUND GRADIENT + HOVER - === */\r\n#paneshell #shellnavigation.unselectable #system-folders li {\r\n    background: -moz-linear-gradient(center top , #4C4C4C, black) repeat scroll 0 0 transparent !important;\r\n    border-color: #343333  !important;\r\n}\r\n/*#paneshell #shellnavigation #system-folders li:hover a */\r\n#paneshell #shellnavigation.unselectable #system-folders li:hover a  {\r\n    background-color: black !important;\r\n    border-color: black !important;\r\n}\r\n/* PANEL LEFT - FOLDERS CUSTOM - BACKGROUND GRADIENT + HOVER -\r\n#paneshell #shellnavigation.unselectable #custom-folders-nav.items .folder {\r\n    background-color: #222222 !important;\r\n    border-color: #343333 !important;\r\n}\r\n#paneshell #shellnavigation #custom-folders-nav.items:hover .folder a:hover  {\r\n    background: black !important;\r\n    border-color: black !important;\r\n    color: gray !important;\r\n}\r\n/* PANEL LEFT - FOLDERS - GENERAL - UNREAD COUNT - NBR(background+SELECTED+HOVER) - ===  */\r\n.items-nav li span.unread-count {\r\n    display: inline-block !important;\r\n    margin-top: 8px !important;\r\n    line-height: 15px !important;\r\n    overflow: hidden;\r\n    padding: 0 1px !important;\r\n    background: black !important;\r\n    border-radius: 5px !important;\r\n    text-shadow: none !important;\r\n    font-size: 12px !important;\r\n    color: gray !important;\r\n}\r\n.items-nav li span.unread-count:hover {\r\n    display: inline-block;\r\n    line-height: 23px;\r\n    overflow: hidden;\r\n    padding: 0 2px !important;\r\n    border-radius: 5px !important;\r\n    background: #056084 !important;\r\n    text-shadow: none !important;\r\n    color: gray !important;\r\n}\r\n.items-nav li.selected span.unread-count {\r\n    display: inline-block;\r\n    line-height: 23px;\r\n    overflow: hidden;\r\n    padding: 0 2px !important;\r\n    background: gold !important;\r\n    text-shadow: none !important;\r\n    color: gray !important;\r\n}\r\n.items-nav li.selected span.unread-count:hover {\r\n    display: inline-block;\r\n    line-height: 23px;\r\n    overflow: hidden;\r\n    background: yellow !important;\r\n    text-shadow: none !important;\r\n    color: gray !important;\r\n}\r\n/* FOLDERS SYSTEM - UNREAD MAIL COUNT - === */\r\n#system-folders [id$=\"-count\"].unread-count {\r\n    display: inline-block !important;\r\n    margin-top: 8px !important;\r\n    line-height: 15px !important;\r\n    overflow: hidden;\r\n    padding: 0 1px !important;\r\n    background: black !important;\r\n    border-radius: 5px !important;\r\n    text-shadow: none !important;\r\n    font-size: 12px !important;\r\n    color: gray !important;\r\n}\r\n\r\n/* (new8)PANEL LEFT - FOLDER CUSTOM(MAILS/CONTACTS) - TITLE SECTION - === */\r\n.items-nav-contacts .legend ,\r\n.items h2#nav-folders {\r\n    background: #343333 !important;\r\n    display: inline-block !important;\r\n    height: 18px !important;\r\n    margin-right: 25px;\r\n    padding-top: 4px !important;\r\n    padding-bottom: 1px !important;\r\n    width: 100% !important;\r\n}\r\n\r\n/* (new8)PANEL LEFT - FOLDER CUSTOM - LABEL SECTION - TITLE - === */\r\n.items h2 span.label {\r\n    margin-left: 3px !important;\r\n    margin-top: -1px !important;\r\n    padding: 0px 26px 1px 26px !important;\r\n    background-color: #333333 !important;\r\n    border-radius: 8px !important;\r\n    text-shadow: none !important;\r\n    color: gold ! important;\r\n}\r\n#apps-toggle-btn {\r\n    margin-left: 3px !important;\r\n    margin-top: 5px !important;\r\n    padding: 0px 22px 1px 26px !important;\r\n    background-color: black !important;\r\n    border-radius: 8px !important;\r\n    text-shadow: none !important;\r\n    color: gray !important;\r\n}\r\n\r\n/* PANEL LEFT - APPLICATIONS - MESSENGER/APPLICATIONS - LABEL BLOCK - === */\r\n#nav-applications {\r\n    position: absolute !important;\r\n    display: inline-block !important;\r\n    height: 25px !important;\r\n    width: 100% !important;\r\n    top: -21px !important;\r\n    margin-left: 0px !important;\r\n    margin-right: 25px !important;\r\n    border-bottom: 1px solid #F2F2F2;\r\n    border-top: 1px solid #D7D7D7;\r\n    background: #343333 !important;\r\n}\r\n\r\nh2#nav-applications .btn {\r\n    background-color: black !important;\r\n}\r\n.btn input.edit {\r\n    height: 20px !important;\r\n}\r\n/* PANEL LEFT - GENERAL - ICONS - === */\r\n.items .rht {\r\n    position: absolute !important;\r\n    color: #454545;\r\n    font-size: 11px;\r\n    margin: 0px 6px 0 0 !important;\r\n    padding: 2px 0 0 2px;\r\n    right: -1px;\r\n}\r\n/* PANEL LEFT - FOLDER SYSTEM - ICONS - HOVER - === */\r\n#paneshell #shellnavigation.unselectable #nav-mailboxes.items ul#system-folders li:hover .rht {\r\n    position: absolute !important;\r\n    color: #454545;\r\n    margin: 1px 26px 0 0 !important;\r\n    padding: 0px 0 5px 1px !important;\r\n    right: 10px !important;\r\n    top: 4px !important;\r\n    background-color : #056084 !important;\r\n    border-radius: 3px !important;\r\n    border : gray solid 1px !important;\r\n}\r\n/* PANEL LEFT - FOLDER SYSTEM / CUSTOMS - NBR UNREAD MAILS COUNT - === */\r\n.items-nav li span.unread-count {\r\n    position: absolute !important;\r\n    display: inline-block !important;\r\n    float: right !important;\r\n    right: 2px !important;\r\n    top: 0 !important;\r\n    padding: 1px 0;\r\n    text-align: right;\r\n}\r\n\r\n/* PANEL LEFT - FOLDERS CUSTOM - LIST SCROLLABLE - === */\r\n#custom-folders-nav {\r\n    max-height: 500px !important;\r\n    margin-top: -16px !important;\r\n    padding-top: 3px !important;\r\n    overflow: auto !important;\r\n    overflow-x:hidden !important;\r\n}\r\n\r\n/* (new7)PANEL LEFT - CUSTOM FOLDER HEADER / APPLICATIONS PANEL - === */\r\n#paneshell #shellnavigation.unselectable .items.expanded {\r\n    padding-top: 0px !important;\r\n    top: 6px !important;\r\n}\r\n.fullpage #main div#paneshell div#shellnavigation.unselectable .items-nav-applications.expanded {\r\n    background: black ! important;\r\n}\r\n/* (new7)PANEL LEFT - APPLICATIONS PANEL - Messenger - === */\r\n.yui3-yim-contact-list div.items {\r\n    position: relative;\r\n    clear: both;\r\n    height: 100% ! important;\r\n    top: -10px !important;\r\n    padding-top: 19px ! important;\r\n    padding-bottom: 12px ! important;\r\n    bottom: -2px ! important;\r\n    background: black ! important;\r\n}\r\n.minty-fresh h2 {\r\n    border: medium none !important;\r\n}\r\n#nav-applications {\r\n    border: none ! important;\r\n}\r\n.minty-fresh .expanded .emptyGrpMsg {\r\n    width: 140px !important;\r\n    margin: 0 16px 14px;\r\n    font-size: 13px;\r\n    font-style: italic;\r\n    white-space: normal !important;\r\n}\r\n#tc_toggle {\r\n    width: 150px !important;\r\n\r\n\r\n    margin: 5px 10px 8px;\r\n    text-align: center;\r\n    color: gray !important;\r\n}\r\n#tc_toggle a {\r\n    background-image: linear-gradient(#111010, #2C2A2A) !important;\r\n    border: none !important;\r\n    border-radius: 4px;\r\n    color: gray !important;\r\n}\r\n.minty-fresh .items-nav-msgr-contacts li a {\r\n    margin: 5px 0 5px 8px;\r\n    text-shadow: none !important;\r\n    color: gray ! important;\r\n}\r\n.minty-fresh .items li:hover {\r\n    background-color: #1C1B1B !important;\r\n    border-bottom: 1px solid #F2F2F2;\r\n    border-top: 1px solid #D1D1D1;\r\n}\r\n.minty-fresh .items-nav-msgr-contacts li:hover a {\r\n    background: black ! important;\r\n    border-radius: 5px ! important;\r\n    margin: 5px 0 5px 8px;\r\n    text-shadow: none !important;\r\n    color: gold ! important;\r\n}\r\n\r\n/* APPLICATION - === */\r\n#app-list li a {\r\n    margin-top: 10px ! important;\r\n}\r\n#app-list li a:hover {\r\n    margin-top: 10px ! important;\r\n    background-color: #1C1B1B !important;\r\n}\r\n/* ======= PANEL RIGHT - LIST MAILS ======== */\r\n\r\n/* (new11) PANEL RIGHT - LIST MAILS - TRIER/SORT PAR(PRESSED )?? - === */\r\n#shellcontent .btn-hdr.pressed ,\r\n#shellcontent .btn-hdr.pressed:hover,\r\n#shellcontent .btn-hdr:active {\r\n    background: black !important;\r\n    color : gold !important;\r\n}\r\n#shellcontent .btn-hdr.pressed a ,\r\n#shellcontent .btn-hdr.pressed a:hover,\r\n#shellcontent .btn-hdr a:active {\r\n    color : gold !important;\r\n}\r\n\r\n/* =============== */\r\n/* PANEL RIGHT - MAILS LIST - MENUS - GENERAL - ==== */\r\n/* OK - === */\r\n.optionMenu {\r\n    background-color: black !important;\r\n    clear: both;\r\n    cursor: pointer;\r\n    padding: 0;\r\n    white-space: nowrap;\r\n    opacity: 1 !important;\r\n}\r\n/* PB - ADD YELLOW GRID - MENU - COLOR PICKER MENU - === */\r\n.optionMenu ul{\r\n    padding: 1px 0 !important;\r\n    border-top: 1px solid gray !important;\r\n    border-bottom: 1px solid gray !important;\r\n    border-top: 0 none !important;\r\n}\r\n\r\n/*ADD BOTTOM SHADOW at COLOR SQUARE to COLOR PICKER MENU - === */\r\n.optionMenu li {\r\n    border-bottom: 1px solid gray !important;\r\n    border-top: 0 none !important;\r\n}\r\n\r\n/* (new8)PANEL RIGHT - MAILS LIST - MOVE MAILS - COUNTER -  (BLUE menu: #327BA2) - WIDESCREEN - === */\r\n#menu-move {\r\n    opacity: 1 !important;\r\n}\r\n#menu-move-folder  {\r\n    display: block;\r\n    max-height: 680px !important;\r\n    padding: 5px 5px 5px 10px !important;\r\n    background: black !important;\r\n    overflow-x: hidden;\r\n    overflow-y: auto ! important;\r\n}\r\n#menu-move-folder li {\r\n    counter-increment: myIndex !important;\r\n}\r\n#menu-move-folder li a span:before {\r\n    content: counter(myIndex) !important;\r\n    list-style: decimal outside none !important;\r\n    position: relative !important;\r\n    display: inline-block !important;\r\n    width: 18px !important;\r\n    height: 18px !important;\r\n    line-height: 19px !important;\r\n    left: -15px !important;\r\n    border: 1px solid gold !important;\r\n    border-radius: 5px !important;\r\n    text-align: center !important;\r\n    font-size: 10px !important;\r\n    background: black !important;\r\n    color: white !important;\r\n}\r\n\r\n#menu-move-folder li a span:after {\r\n    position: absolute !important;\r\n    display: inline-block !important;\r\n    content: \"▷\" !important;\r\n    width: 15px !important;\r\n    left: 21px !important;\r\n    color: gray !important;\r\n}\r\n\r\n/* PANEL RIGHT - MAILS LIST - MOVE MAILS - TXT - (BLUE menu: #327BA2) - === */\r\n#menu-move-folder li a {\r\n    position: relative !important;\r\n    display: block !important;\r\n    color: gray !important;\r\n}\r\n#menu-move-folder li a:hover {\r\n    color: gold !important;\r\n}\r\n\r\n/* PANEL RIGHT - MAILS LIST - POPUP MENU MOVE MAILS - ITEMS ZEBRA - === */\r\n#menu-move-folder li:nth-child(odd) {\r\n    background: #333333 !important;\r\n    color: white !important;\r\n    border-bottom: 1px solid gray !important;\r\n    border-top: 1px solid gray !important;\r\n}\r\n#menu-move-folder li:nth-child(even) {\r\n    background: #222222 !important;\r\n}\r\n\r\n\r\n/* (new8) PANEL RIGHT - MAILS LIST - POPUP MENU MOVE MAILS(.hasonemsg) - SPAMS/TRASH(CORBEILLE)/NEW FOLDER - ITEMS LINE -\r\n#menu-move.optionMenu ul[role=\"menuitem\"] li[data-action=\"inbox-move\"]\r\nbackground-image: url(\"/ok/u/assets/sprite/fresh/freshsprites-32x32-dark-ltr_88563.png\");\r\n=== */\r\n/* (new8)PANEL RIGHT - MAILS LIST - POPUP MENU MOVE MAILS (.hasonemsg) + TO SEE THE POPUP MENU(display: inline-block !important;) - === */\r\n#menu-move.optionMenu.multimsg.hasonemsg  {\r\n/*    display: inline-block !important;*/\r\n    min-width: 350px ! important;\r\n    max-height: 810px !important;\r\n}\r\n/* (new8)PANEL RIGHT - MAILS LIST - POPUP MENU MOVE MAILS(.hasonemsg) - PRINCIPALS FOLDERS - (RECEPTION/SPAMS/TRASH/NEW FOLDER) -\r\nINBOX SPAMS+TRASH  etc ... - === */\r\n#menu-move.optionMenu.multimsg.hasonemsg ul:nth-child(2) li ,\r\n#menu-move.optionMenu.multimsg.hasonemsg ul:nth-child(3) li {\r\n    background-color: black !important;\r\n    width: 100% !important;\r\n    border-radius: 5px !important;\r\n    text-align: center !important;\r\n    color: gold !important;\r\n    text-align: center ! important;\r\n}\r\n#menu-move.optionMenu.multimsg.hasonemsg ul:nth-child(2) li a span ,\r\n#menu-move.optionMenu.multimsg.hasonemsg ul:nth-child(3) li a span {\r\n    width: 100% !important;\r\n    text-align: center !important;\r\n    color: gold !important;\r\n    text-align: center ! important;\r\n}\r\n/* (new8)PANEL RIGHT - MAILS LIST - POPUP MENU MOVE MAILS(.hasonemsg) - ITEMS SHORTCUT - === */\r\n.optionMenu em  ,\r\n#menu-move.optionMenu.multimsg.hasonemsg ul:nth-child(2) li a span + em {\r\n    display: inline-block ! important;\r\n    position: absolute ! important;\r\n    width: auto !important;\r\n    right: 10px ! important;\r\n    color: gray !important;\r\n    font-size: 10px ! important;\r\n}\r\n#menu-move.optionMenu.multimsg.hasonemsg ul:nth-child(3) li a span + em  {\r\n    display: inline-block ! important;\r\n    position: absolute ! important;\r\n    width: auto !important;\r\n    right: 10px ! important;\r\n    color: gray !important;\r\n}\r\n\r\n/* (new9) POPUP MENUS - GENERAL - MAILS LIST / MAIL READ / CONTACT ACTION / FOLDERS / ACTION / SELECTION CHECK BOX / SORT OPTION  -\r\nDEV - MENU VISILBE : display: inline-block !important;\r\n==== */\r\n#menu-msglist ,\r\n#menu-ml-sortby ,\r\n#menu-ml-cbox ,\r\n#menu-folder ,\r\n#menu-contact-actions ,\r\n#menu-msg-actions ,\r\n#menu-actions {\r\n/*    display: inline-block !important;*/\r\n    width: 250px ! important;\r\n}\r\n#menu-msglist li ,\r\n#menu-ml-sortby li ,\r\n#menu-ml-cbox li ,\r\n#menu-folder li ,\r\n#menu-contact-actions li ,\r\n#menu-actions.optionMenu ,\r\n#menu-actions.optionMenu li ,\r\n#menu-msg-actions.optionMenu ,\r\n#menu-msg-actions.optionMenu li {\r\n    background-color: #333333 !important;\r\n}\r\n#menu-msglist li a ,\r\n#menu-ml-sortby li a ,\r\n#menu-ml-cbox li a ,\r\n#menu-folder li a ,\r\n#menu-contact-actions li a ,\r\n#menu-actions.optionMenu li a ,\r\n#menu-msg-actions.optionMenu li a {\r\n    color: #327BA2 !important;\r\n}\r\n#menu-msglist li a:hover ,\r\n#menu-ml-sortby li a:hover ,\r\n#menu-ml-cbox li a:hover ,\r\n#menu-folder li a:hover ,\r\n#menu-contact-actions li a:hover ,\r\n#menu-actions.optionMenu li a:hover ,\r\n#menu-msg-actions.optionMenu li  a:hover {\r\n    color: gold !important;\r\n}\r\n\r\n/* (new11)TEST - POPUP MENU - PANEL RIGHT - MAILS LIST/ MAIL READ - POPUP MENU ACTION/SORT MAILS - ITEM CHECKED - === */\r\n#menu-ml-sortby ul li.sortby ,\r\n#menu-actions.optionMenu li.checked {\r\n    background-color: black ! important;\r\n}\r\n\r\n/* (new11)TEST - POPUP MENU - PANEL RIGHT - MAILS LIST/ MAIL READ - POPUP MENU ACTION/SORT MAILS - ITEMS CHOICE - BLOCK CONTAINER - (Visible only whin you click on the SORT HEADER) - \r\nuncomment display: inline-block !important; to display it always - \r\n=== */\r\n#menu-ml-sortby {\r\n/*    display: inline-block !important;*/\r\n    left: 350px !important;\r\n    height: 28px ! important;\r\n    overflow: visible !important;\r\n    position: absolute ! important;\r\n    right: auto;\r\n    top: 108px !important;\r\n    visibility: visible;\r\n    width: 1050px !important;\r\n    z-index: 14;\r\nbackground: transparent ! important;\r\n}\r\n#menu-ml-sortby.optionMenu ul.first li {\r\n    background-color: #F5F5F5;\r\n    clear: both;\r\n    cursor: pointer;\r\n    display: inline-block !important;\r\n    padding: 0;\r\n    white-space: nowrap;\r\n}\r\n/* (new11)PANEL RIGHT - MAILS LIST/ MAIL READ - MENU(HORIZONTAL LINE) EX POPUP - ACTION/SORT MAILS - ITEMS CHOICE - ITEMS BUTTON (with icon ascd/descend)- === */\r\n#menu-ml-sortby.optionMenu ul.first li a {\r\n    position: relative !important;\r\n    display: inline-block ! important;\r\n    color: #454545;\r\n    cursor: pointer;\r\n    display: inline-block !important;\r\n    font-size: 13px;\r\n    line-height: 20px !important;\r\n    overflow: hidden;\r\n    padding: 0px 20px  0px 15px !important;\r\n\r\n    top: 3px !important;\r\n}\r\n/* (new11)PANEL RIGHT - MAILS LIST/ MAIL READ - MENU(HORIZONTAL LINE) EX POPUP - OPTION - ITEM SELECTED - ICON ASCEND/ DESCEND  - === */\r\n.optionMenu b {\r\n    background-position: 3px -32px ! important;\r\n    display: inline-block !important;\r\n    position: absolute !important;\r\n    z-index: 2000;\r\n}\r\n/* YELLOW (new11)PANEL RIGHT - MAILS LIST/ MAIL READ - MENU(HORIZONTAL LINE) EX POPUP - OPTION - SELECTED ITEM + ACTION BACKGROUND - \r\n(clik on the background to choose ITEM to SORT) -  - === */\r\n.fullpage #main #paneshell #shellcontent #inboxcontainer #msg-list.unselectable .list-view .list-header-wrapper .list-header .header-toolbar span#btn-ml-sortby.sortby a {\r\n    position: absolute ! important;\r\n    display: inline-block ! important;\r\n    height: 35px ! important;\r\n    margin-left: -15px ! important;\r\n    margin-top: -6px ! important;\r\n    padding-left: 3px ! important;\r\n    min-width: 1900px !important;\r\n    color: #454545;\r\n    text-shadow: none !important;\r\n/*background: yellow !important;*/\r\n\r\n}\r\n/* RED -(new11)PANEL RIGHT - MAILS LIST/ MAIL READ - MENU(HORIZONTAL LINE) EX POPUP - SELECT OPTION + CHECK BOX - === */\r\n#shellcontent .l-split-left .btn-hdr:nth-child(1){\r\n    position: relative ! important;\r\n    display: inline-block !important;\r\n    height: 30px !important;\r\n    margin-left: -2px !important;\r\n/*background: red ! important;*/\r\n}\r\n\r\n/* GREEN - (new11)PANEL RIGHT - MAILS LIST/ MAIL READ - MENU(HORIZONTAL LINE) EX POPUP - ITEM SELECTED BOX - === */\r\n#shellcontent .l-split-left .btn-hdr:nth-child(2) {\r\n    position: relative ! important;\r\n    display: inline-block !important;\r\n    height: 30px !important;\r\n    width: 1px ! important;\r\n    line-height: 40px ! important;\r\n    margin-left: 0px !important;\r\nbackground: transparent ! important;\r\n}\r\n#btn-ml-sortby b {\r\n    background-position: 3px -32px;\r\n    display: inline-block !important;\r\n    position: relative !important;\r\n    top: 4px !important;\r\n    z-index: 2000;\r\n}\r\n\r\n/* (new11) PANEL RIGHT - MESAGE LISTE - PAGINATOR(top/right) - === */\r\n#inboxcontainer #msg-list.unselectable .list-view .list-header-wrapper .list-header .pagination.l-split-right {\r\n    background: #222222 !important;\r\n    display: inline-block !important;\r\n    float: right;\r\n    position: relative !important;\r\n    z-index: 5000 !important;\r\n}\r\n\r\n/* PANEL RIGHT - LIST MAILS - HEADER SORT/TRIER - Background - === */\r\n.list-header ,\r\n#shellnavigation.unselectable ,\r\n.items h2 span.label ,\r\n.fullpage #theAd,\r\n.panescroll #theAd {\r\n    background-color: #222222 !important;\r\n}\r\n\r\n/* PANEL RIGHT- CHECK BOX - Background -\r\n LIST MAILS - HEADER -\r\n MAIL WRITE - CHOOSE CONTACTS -\r\n=== */\r\n.header-toolbar .cbox label input[type=\"checkbox\"]:checked + span,\r\n.list-view-item .cbox input[type=\"checkbox\"]:checked + span ,\r\n.items-choose li input[type=\"checkbox\"]:checked + span  {\r\n    background-color: #FEFBFB !important;\r\n    background-position: 0 -511px;\r\n    border-radius: 2px !important;\r\n    border: 1px gray solid !important;\r\n}\r\n\r\n/* PANEL RIGHT - LIST MAILS - HEADER - SORT /TRIER by etc - BUTTON - TXT (GrisClair: #7D7D7D) - === */\r\n#shellcontent .btn-hdr a {\r\n    display: inline-block;\r\n    padding-right: 2px;\r\n    text-shadow: none !important;\r\n    color: #7D7D7D !important;\r\n}\r\n\r\n/* PANEL RIGHT - LIST MAILS - HEADER - PAGE NAV - COUNT / BUTTONS - Shadow - === */\r\n#btn-ml-count span  {\r\n    color: gold !important;\r\n    text-shadow: none !important;\r\n}\r\n\r\n/* PANEL RIGHT - LIST MAILS - MAILS LIST ITEM - BACKGROUND ZEBBRA #333333 - === */\r\n.list-view-item {\r\n    border-top: 1px solid #393737 !important;\r\n    border-bottom: 1px solid #393737 !important;\r\n    font-style: italic !important;\r\n    font-weight: normal !important;\r\n}\r\n#msg-list .list-view-item:nth-child(odd){\r\n    background: #333333 !important;\r\n    color: #EFEAEA !important;\r\n}\r\n#msg-list .list-view-item:nth-child(even){\r\n    background: #222222 !important;\r\n    color: #EFEAEA !important;\r\n}\r\n#msg-list .list-view-item.selected  {\r\n    background-color: #056084 !important;\r\n    color: white !important;\r\n}\r\n#msg-list .list-view-item.unread {\r\n    border-top: 1px solid #818080  !important;\r\n    border-bottom: 1px solid #818080  !important;\r\n}\r\n#msg-list .list-view .list-view-items .unread {\r\n    background: black !important;\r\n    font-style: normal !important;\r\n    font-weight: normal !important;\r\n    color: #8FBBBA !important;\r\n}\r\n#msg-list .list-view .list-view-items .unread.selected {\r\n    background-color: #056084 !important;\r\n    color: white !important;\r\n    border: RED 1px solid !important;\r\n}\r\n\r\n/* (new11)PANEL RIGHT - LIST MAILS - ICON - JOINED FILE / PIECE JOINTE - MOVE TO THE LEFT SIDE before EXPEDITEUR - === */\r\n.file.icon  {\r\n    display: inline-block !important;\r\n    float: left !important;\r\n    left: 0px !important;\r\n    position: absolute !important;\r\n    background-color: white ! important;\r\n    height: 17px ! important;\r\n    border-radius: 10px ! important;\r\n    opacity: 0.4 ! important; \r\n}\r\n\r\n/* (new11)PANEL RIGHT - LIST MAILS - EXPEDITEURS POSITION(for PIECE JOINTE ICON moved to the LEFT side) - === */\r\n.list-view .from {\r\n    left: 12px !important;\r\n    right: 75%;\r\n}\r\n/* PANEL RIGHT - LIST MAILS - CARET BLUE FLICKR before MAILS - === */\r\n.from:before ,\r\n.subj:before,\r\n.date:before {\r\n    content:\" \" !important;\r\n    background: url(\"http://l.yimg.com/g/images/flickr-sprite.png.v3\") no-repeat scroll -1574px -93px transparent !important;\r\n    display: inline-block !important;\r\n    height: 12px !important;\r\n    width: 10px !important;\r\n    margin-right: 5px!important;\r\n}\r\n\r\n.list-view-item:nth-child(odd) {\r\n    font-weight: bold;\r\n    background: #333333 !important;\r\n    color: #BABAAD !important;\r\n}\r\n.list-view-item:nth-child(even) {\r\n    font-weight: bold;\r\n    background: #222222 !important;\r\n    color: #BABAAD !important;\r\n}\r\n/* PANEL RIGHT - LIST MAILS - MAILS - UNREAD ITALIC - === */\r\n.list-view-item.unread {\r\n    font-style: italic !important;\r\n    font-weight: bold;\r\n    background: #2D3B43 !important;\r\n    color: #9EAAB8  !important;\r\n}\r\n\r\n/* PANEL RIGHT - MESSAGE LIST - TRASH ICON (near mail object) - CHANGE BY CROSS \"X\" - === */\r\n#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon {\r\n    height: 12px !important;\r\n    width: 11px !important;\r\n    margin-top: 8px ! important;\r\n    border-radius: 20px !important;\r\n    border-color: gray! important;\r\n    background: none ! important;\r\n}\r\n#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon:hover {\r\n    height: 12px !important;\r\n    width: 11px !important;\r\n    margin-top: 8px ! important;\r\n    border-radius: 20px !important;\r\n    border-color: red! important;\r\n    background: black ! important;\r\n    color: black ! important;\r\n}\r\n\r\n#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon:before {\r\n    position: relative ! important;\r\n    display: inline-block ! important;\r\n    top: -9px ! important;\r\n    left: 2px ! important;\r\n    content: \"X\" ! important;\r\n    font-size: 10px ! important;\r\n    font-style: normal ! important;\r\n    font-weight: bolder ! important;\r\n    color: gray ! important;\r\n}\r\n#msg-list.unselectable .list-view .list-view-items .list-view-item .fixed .icon:hover:before {\r\n    position: relative ! important;\r\n    display: inline-block ! important;\r\n    top: -9px ! important;\r\n    left: 2px ! important;\r\n    content: \"X\" ! important;\r\n    font-size: 10px ! important;\r\n    font-style: normal ! important;\r\n    font-weight: bolder ! important;\r\n    color: red ! important;\r\n}\r\n\r\n/* ==== (new9)CONTACTS PAGES ==== */\r\n\r\n/* (new9)CONTACTS - CONTAINER - === */\r\n.withoutad.panescroll #toolbar.fresh-toolbar {\r\n    top: -10px ! important;\r\n    height: 45px !important;\r\n    right: 0;\r\n    background: BLACK !important;\r\n}\r\n.withoutad.panescroll #toolbar.fresh-toolbar .switcher.shaded  {\r\n    margin-top: 12px ! important;\r\n    margin-left: 3px ! important;\r\n    background: YELLOW !important;\r\n}\r\n/* (new9)CONTACTS - BLOCK SEARCH + ACTIONS + IMPORT CONTACTS - === */\r\n.withoutad.panescroll #toolbar.fresh-toolbar .commontasks.shaded {\r\n    margin-top: 12px ! important;\r\n    margin-left: 3px ! important;\r\n    background: BLACK !important;\r\n}\r\n/* (new9)CONTACTS - BLOCK SEARCH - === */\r\n.withoutad.panescroll #toolbar.fresh-toolbar .commontasks.shaded .input-field.search {\r\n    margin-left: 13px ! important;\r\n}\r\n\r\n#paneshell.withoutshellnavigation #shellcontent {\r\n    top: 62px !important;\r\n    text-shadow: none !important;\r\n}\r\n/* (new9)CONTACTS - FRESH TOOLBAR BLOCK (Right END + under TAB CONTACTS) - === */\r\n#main[aria-labelledby=\"tabcontacts\"] #toolbar.fresh-toolbar {\r\n    height: 35px ! important;\r\n    margin-top: -20px ! important;\r\n    top: -12px ! important;\r\n    background-image: none !important;\r\n    background: BLACK ! important;\r\n    box-shadow: none ! important;\r\n}\r\n\r\n/* (new9)CONTACTS - TABS CONTACTS - DIVIDER(BUTTON ECIRE hidden under NEW CONTACTS BUTTON) - === */\r\n#main[aria-labelledby=\"tabcontacts\"] #toolbar.fresh-toolbar .switcher.shaded {\r\n    height: 33px ! important;\r\n    margin-top: 20px ! important;\r\n    top: 10px ! important;\r\n    background-image: none !important;\r\n    background: RED ! important;\r\n    box-shadow: none ! important;\r\n}\r\n\r\n/* CONTACTS - CONTACT LIST === */\r\n.panescroll #subshellnavigation.list-view {\r\n    left: 0;\r\n    width: 316px !important;\r\n}\r\n.panescroll #contacts-content {\r\n    left: 103px !important;\r\n    margin-left: 216px!important;\r\n    overflow: visible;\r\n    background: #333333 !important;\r\n    color: gray ! important;\r\n}\r\n\r\n/*(new10) TEST - CONTACTS LIST  - ADD CONTACT ICON - \r\nhttps://s.yimg.com/ok/u/assets/sprite/default/16x16/common-leftrail-ltr-68317.png\r\nurl(\"http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png\")\r\n=== */\r\n.items-nav-contacts li a:before , \r\nli.contacts-short a:before , \r\nli.contacts-suggested a:before  {\r\n    position: relative ! important;\r\n    display: inline-block ! important;\r\n    margin-left: -10px ! important;\r\n    content: url(\"http://tympanus.net/Development/MegaWebButtonsPack1//images/icons/user.png\") !important;\r\n    transform: scale(0.5, 0.6) !important;\r\n}\r\n\r\n/* CONTACTS - CONTACTS INFOS - Move right === */\r\n.contact-info {\r\n    margin-left: -25px;\r\n    padding-bottom: 2px;\r\n    padding-left: 30px;\r\n    padding-top: 2px;\r\n    padding-right: 8px;\r\n    width: 257px;\r\n    font-style: italic ! important;\r\n    font-weight: bold ! important;\r\n}\r\n\r\n/* (new9)CONTACTS - CONTACTS LIST - CONTACT NAME - === */\r\n.contact-info \u003e .contact-detail.contact-name {\r\n    color: #939393!important;\r\n}\r\n.contact-info \u003e .contact-detail.contact-name:hover {\r\n    color: GOLD !important;\r\n    text-decoration: none ! important;\r\n}\r\n\r\n.contact-detail \u003e a:hover {\r\n    color: GOLD ! important;\r\n    text-decoration: none ! important;\r\n}\r\n\r\n/* CONTACTS - RIGHT PANEL === */\r\n\r\n/* (new9)CONTACTS - RIGHT PANEL - WELCOME HEADER - NUMBER OF CONTACTS - === */\r\nh2.welcome {\r\n    margin-top: 5px ! important;\r\n    height: auto ! important;\r\n    max-width: 70% ! important;\r\n    line-height: 50px ! important;\r\n    color: gold ! important;\r\n    background: BLACK  ! important;\r\n    padding-left: 50px ! important;\r\n    text-align: center ! important;\r\n    font-size: 20px ! important;\r\n    border: 2px GOLD solid ! important;\r\n    Border-radius: 5px ! important;\r\n}\r\n\r\nh2.list-title strong {\r\n    margin-top: 5px ! important;\r\n    max-width: 70% ! important;\r\n    line-height: 50px ! important;\r\n    color: gold ! important;\r\n    background: BLACK  ! important;\r\n    padding: 5px ! important;\r\n    text-align: center ! important;\r\n    font-size: 20px ! important;\r\n    border: 2px GOLD solid ! important;\r\n    Border-radius: 5px ! important;\r\n}\r\n\r\n/* (new9)CONTACTS - RIGHT PANEL - BUTTONS ACTIONS BLOCK CONTAINER (in TOP TOOLBAR near Action Icon) - === */\r\n.actions {\r\n    width: 650px !important;\r\n    margin-top: -43px ! important;\r\n    background-color: transparent !important;\r\n    background-image: none ! important;\r\n    border: none !important;\r\n    border-radius: 5px!important;\r\n}\r\n\r\n\r\n/* CONTACTS - RIGHT PANEL - Buttons : Modifier Details/Affecter Listes/Supp */\r\n.modal-ft span.btn a, .actions span.btn a {\r\n    background-image: linear-gradient(#000000, #525454) !important;\r\n    color: #AAAAAA !important;\r\n}\r\n\r\n\r\n/* (new9)CONTACTS - RIGHT PANEL - CONTACT CARD - TOP INFOS PRINCIPALES - GRADIENT Background - === */\r\n.card.card-lg {\r\n   min-width: 620px !important;\r\n   max-width: 785px !important;\r\n    background-color: #211D1D!important;\r\n    background-image: linear-gradient(#525252, #000000)!important;\r\n    border: 1px solid #DDDDDD!important;\r\n    border-radius: 5px 5px 0 0 !important;\r\n    box-shadow: 0 0 2px #FFFFFF inset!important;\r\n}\r\n/* (new9)CONTACTS - RIGHT PANEL - CONTACT DETAILS - DETAIL BLOCK (under CONTACT SUMMARIZE) - === */ \r\n.content.withsubshellnavigation .inner .contact-details {\r\n    width: 100% ! important;\r\n    min-width: 620px !important;\r\n    max-width: 800px !important;\r\n    clear: left;\r\n    font-size: 20px !important;\r\n    margin: 9px 0 4px;\r\n    padding: 0;\r\n}\r\n.contact-details dl.details dt ,\r\n.contact-details dl.details dd {\r\n    line-height: 26px ! important;\r\n}\r\n.contact-details dl.details dd{\r\n    display: block;\r\n    margin: 0 0 8px 216px ! important;\r\n    padding: 0;\r\n    position: relative;\r\n}\r\n.contact-details dl.details dt {\r\n    background: BLACK !important;\r\n    clear: left;\r\n    float: left;\r\n    margin: 0 0 8px;\r\n    padding: 0 5px !important;\r\n    text-align: left !important;\r\n    width: 200px !important;\r\n}\r\n\r\n/* CONTACTS - RIGHT PANEL - CONTACT CARD DETAILS - LABEL + BLOCK - === */\r\n#contacts-content.content .scroll-inner .inner .card h2.legend span.label, dt.legend span.label {\r\n    background-color: gold !important;\r\n    color: black !important;\r\n}\r\n/* (new10)CONTACTS - RIGHT PANEL - CONTACT CARD DETAILS - NAME - === */\r\n#contacts-content.content .scroll-inner .inner .card.card-lg\u003eh2{\r\n    display: inline-block ! important;\r\n    width: auto ! important;\r\n    margin-top: 0px !important;\r\n    padding: 5px 20px 5px 7px !important;\r\n    border: 1px solid gray !important;\r\n    border-radius: 5px!important;\r\n    font-size: 25px ! important;\r\n    background-image: linear-gradient(#525252, #000000)!important;\r\n}\r\n/* (new10)CONTACTS CARD - CONTACT NAME BLOCK - INFOS INSIDE - === */\r\n#contacts-content.content .scroll-inner .inner .card a {\r\n    color: #808080 !important;\r\n    font-size: 15px ! important;\r\n}\r\n/* (new10)CONTACTS - RIGHT PANEL - INFOS PAGE - DETAILS BLOCK - INFOS INSIDE - === */\r\n#contacts-content.content .scroll-inner .inner .contact-details dl.details dd {\r\n    color: gray !important;\r\n}\r\n#contacts-content.content .scroll-inner .inner .contact-details {\r\n    margin-top: -7px !important;\r\n    background-color: #211D1D!important;\r\n    background-image: linear-gradient(#525252, #000000)!important;\r\n    border: 1px solid gray !important;\r\n    border-radius: 0 0 5px 5px!important;\r\n    padding: 0 0 5px 5px !important;\r\n}\r\n\r\n/* (new10)CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK CONTAINER - === */\r\n#contacts-content.content .scroll-inner {\r\n    bottom: 0;\r\n    overflow: visible !important;\r\n    position: absolute;\r\n    top: 23px ! important;\r\n    width: 100%;\r\n}\r\n/* (new10)CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - LABELS INSIDE - === */\r\n#shellcontent #contacts-content.content .scroll-inner {\r\n    color: gold !important;\r\n}\r\n/* CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - NAME + BASE + OTHERS DETAILS SECTION  + ZEBRA - === */\r\n#shellcontent #contacts-content.content .scroll-inner .inner fieldset:nth-child(even){\r\n    width: 700px !important;\r\n    padding: 5px 0px 0 5px !important;\r\n    border-top: 1px GRAY solid !important;\r\n    border-bottom: 1px GRAY solid !important;\r\n    background: #222222 !important;\r\n}\r\n\r\n/* (new10)CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - NAME BLOCK - === */\r\n.cfrm fieldset.fs-borderless {\r\n    margin-top: -25px !important;\r\n}\r\n.cfrm .field .field-name {\r\n    width: 220px !important;\r\n}\r\n\r\n\r\n/* (new10)CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - LABEL INPUT - === */\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-borderless input#givenName :after ,\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-borderless #middleName :before  ,\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-borderless #familyName :before {\r\n    font-size: 12px ! important;\r\n    display: inline-block ! important;\r\n    position: absolute ! important;\r\n    top: 24px ! important;\r\n    color: gray  ! important;\r\n}\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-borderless input#givenName :after {\r\n    content:  \" 1er Prénom / Given Name \" ! important;\r\n}\r\n\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-borderless #middleName :before {\r\n    content:  \" 2éme Prénom / Middel Name \" ! important;\r\n}\r\n\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-borderless #familyName :before {\r\n    content:  \" Nom / Family Name\" ! important;\r\n}\r\n\r\n/* (new10)CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - NAME  / ADRESSE SECTION - BLOCK - === */\r\n#shellcontent #contacts-content.content .scroll-inner .inner fieldset:nth-child(odd) {\r\n    width: 700px !important;\r\n    padding: 5px 0px 0 5px !important;\r\n    border-top: 1px gray solid !important;\r\n    border-bottom: 1px gray solid !important;\r\n    background: black !important;\r\n}\r\n/* CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - BLOCK INFO - ADRESSE SECTION - EACH ADRESSE BLOCK - === */\r\n#shellcontent #contacts-content.content .scroll-inner .inner fieldset:nth-child(odd) .composed {\r\n    padding: 7px 0px 7px 2px !important;\r\n    margin: 5px 0 5px -3px !important;\r\n    border-radius: 5px !important;\r\n    border : GRAY solid 1px !important;\r\n}\r\n/* CONTACTS - RIGHT PANEL - MODIFIY INFOS PAGE - FIELD SIZE / ALLOW RESIZE - === */\r\n.field-lg {\r\n    width: 375px !important;\r\n}\r\n.field textarea.four-lines {\r\n    margin-bottom: 5px;\r\n    padding: 1px 3px;\r\n    resize: both !important;\r\n    min-width: 381px !important;\r\n}\r\n\r\n/* CONTACTS - 1er SECTION - ADD INFO ICONS - === */\r\n.cfrm div.field .rht {\r\n    left: 571px !important;\r\n}\r\n\r\n/* (new10) ADD ADRESSE - \"+\" ICON - === */\r\n#contacts-content.content .scroll-inner .inner fieldset.fs-lg .composed span.rht {\r\n    position: absolute ! important;\r\n    display: inline-block ! important;\r\n    margin-left: 250px !important;\r\n    margin-top: 5px !important;\r\n}\r\n\r\n/* (new10)CONTACTS - ADD SITE WEB FIELD - === */\r\n.labelcont label {\r\n    margin-left: -90px !important;\r\n}\r\n.labelcont label +input {\r\n    position: relative ! important;\r\n    display: inline-block ! important;\r\n    width: 470px ! important;\r\n    margin-left: 5px !important;\r\n    margin-top: 0px !important;\r\n}\r\n\r\n/* CONTACTS - ADD CONTACT TO LIST - POPUP - WIDESCREEN - === */\r\n#modal-assign-to-lists {\r\n    position: fixed !important;\r\n    top: 10px !important;\r\n    left: 60% !important;\r\n    height: 795px !important;\r\n}\r\n#modal-assign-to-lists .modal-bd {\r\n    height: 705px !important;\r\n    border-radius:5px 5px 0 0 !important;\r\n    background: #222222 !important;\r\n}\r\n#modal-assign-to-lists .modal-pane-shell ,\r\n#modal-assign-to-lists .modal-pane-shell.list-view .modal-pane-bd-sm ul{\r\n    height: 700px !important;\r\n}\r\n.modal-pane-shell .modal-pane-bd-sm ul.items li.checkbox.selected {\r\n    background-image: linear-gradient(to bottom, #858585 0px, #383838 100%) !important;\r\n    background-color: #383838 !important;\r\n    margin: 5px !important;\r\n}\r\n.modal-pane-shell .modal-pane-bd-sm ul.items li.checkbox.selected span {\r\n    color: gold!important;\r\n    font-size: 15px !important;\r\n}\r\n\r\n#modal-assign-to-lists .modal-ft {\r\n    background: #222222 !important;\r\n    border-radius: 0 0 5px 5px !important;\r\n}\r\n\r\n/* CONTACTS - ADD CONTACT TO LIST - POPUP - ADD NEW LIST NAME - === */\r\n#new-list-name-li {\r\n    display: inline-block !important;\r\n    position: fixed !important;\r\n    top: 34px !important;\r\n    margin-left: 0px !important;\r\n    background: transparent !important;\r\n    border: none !important;\r\n    z-index: 2000000 !important;\r\n}\r\n\r\n/* ==== END == CONTACTS ==== */\r\n\r\n/* ==== MAILS READ/WRITE ==== */\r\n\r\n/* (new8)MAIL WRITE - OBJET / SUBJECT BLOCK === */\r\n#subject ,\r\n#subject span  {\r\n    width: 1070px !important;\r\n}\r\n/* (new8)MAIL READ/WRITE - MESSAGE CONTENT - BLOCK CONTAINER - === */\r\n.reselectable + .reselectable .messagepane .content .inner ,\r\n#paneshell #shellcontent \u003e .reselectable[style=\"visibility: visible; display: block;\"] .compose.content table tbody tr:last-of-type td {\r\n    margin: 5px -3px 11px 5px !important;\r\n    background: white !important;\r\n}\r\n\r\n/* (new8)MAIL WRITE - MENU POPUP CHOOSE CONTACTS LIST - CONTAINER (On the right to always see The Header of compose panel) - WIDESCREEN - === */\r\n#modal-kiosk-choosecontact {\r\n    position: fixed !important;\r\n    display: inline-block ! important;\r\n    width: 500px !important;\r\n    height: 892px !important;\r\n    top: 25px !important;\r\n    margin-left: 23% !important;\r\n    background: black !important;\r\n}\r\n/* (new10) CLOSE BUTTON- === */\r\n.modal h2.modal-hd {\r\n    background-color: black !important;\r\n    background-image: none !important;\r\n}\r\n.modal h2.modal-hd span {\r\n    display: inline-block ! important;\r\n    height: 18px ! important;\r\n    width: 18px ! important;\r\n    left: 200px ! important;\r\n    top: 7px ! important;\r\n    text-shadow: none !important;\r\n    border-radius: 8px ! important;\r\n    background-color: gray !important;\r\n}\r\n.modal h2.modal-hd span:hover {\r\n    background-color: red !important;\r\n}\r\n\r\n/* MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - LIST BLOCK - === */\r\n.modal-pane-bd {\r\n    position: relative !important;\r\n    height: 740px !important;\r\n    top: 1px!important;\r\n    border-right: 1px solid #D5D5D5;\r\n    overflow: auto;\r\n}\r\n/* MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - \"Terminé / Annuler\" BLOCK - === */\r\n.modal div.modal-ft {\r\n    border-radius: 0 0 3px 3px;\r\n    height: 10px !important;\r\n    padding: 4px 16px 20px !important;\r\n    text-align: right;\r\n    background: black ! important;\r\n}\r\n/* MAILS WRITE - CONTACT SELECTED (in popup menu header)- \r\n=== */\r\n.ac-results li em.no-name , \r\n.ac-results li:hover em, \r\n.ac-results .yui3-acwidget-selected em {\r\n    color: gold !important;\r\n}\r\n/* (new10)MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - NBR SELECTED CONTACT BLOCK - === */\r\n.modal .modal-bd p {\r\n    margin: 0 0 4px !important;\r\n    color: gold ! important;\r\n    text-align: center ! important;\r\n    background: black ! important;\r\n}\r\n/* MAIL WRITE - CONTACTS - ADD \"+\" CONTACT ICONS - === */\r\n.contact-search span.user-search {\r\n    display: block;\r\n    float: left;\r\n    left: 34px !important;\r\n    margin: 0;\r\n    position: absolute;\r\n}\r\n/* MAIL WRITE - CONTACT CCi - BUTTON CCi (show/hide) - === */\r\n#btn-show-bcc ,\r\n.compose-header #bcc-group.cm-bcc-group span.bcc-btn {\r\n    left: 1189px !important;\r\n    position: absolute !important;\r\n    top: 3px !important;\r\n    width: 141px !important;\r\n}\r\n#btn-show-bcc a ,\r\n.compose-header #bcc-group.cm-bcc-group span.bcc-btn a  {\r\n    color: gold !important;;\r\n}\r\n\r\n/* MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST -\r\n(GIVE HUGE BOTTOM PADDING to Scroll to the end without move the compose page)  - \r\n=== */\r\n#modal-kiosk-choosecontact.modal .modal-bd {\r\n    background: #333333 !important;\r\n    color: gray !important;\r\n    overflow: hidden;\r\n    padding: 21px 16px 0;\r\n}\r\n#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell {\r\n    background-color: #1A1818 !important;\r\n    border: 1px solid #D5D5D5;\r\n    margin-bottom: 10px;\r\n    overflow: visible;\r\n}\r\n#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell .modal-pane-bd .items ul {\r\n    padding-bottom: 300px !important;\r\n}\r\n\r\n/* MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - CONTACT ITEMS LINE - === */\r\n.items-choose li {\r\n    background-color: #1E1C1C !important;\r\n    color: gray !important;\r\n}\r\n.items-choose li:hover {\r\n    background-color: #1E1C1C !important;\r\n    color: gold !important;\r\n}\r\n\r\n/* MAIL WRITE - CONTACTS - CHOOSE SEARCH LIST - CONTACT ITEMS LINE - SELECTED / HOVER - === */\r\n#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell .modal-pane-bd .items ul li.checkbox.selected {\r\n    background: -moz-linear-gradient(center top , black, #4C4C4C) repeat scroll 0 0 transparent !important;\r\n    color: white  !important;\r\n}\r\n#modal-kiosk-choosecontact.modal .modal-bd .modal-pane-shell .modal-pane-bd .items ul li.checkbox.selected:hover {\r\n    background: -moz-linear-gradient(center top , black, #4C4C4C) repeat scroll 0 0 transparent !important;\r\n    color: #327BA2 !important;\r\n}\r\n\r\n/* MAIL WRITE - CONTACTS - CHOOSE FILTER - === */\r\n.lookfor-filter select {\r\n    width: 193px !important;\r\n}\r\n\r\n/* MAIL WRITE - CONTACTS MAME - CARET FLICKR before === */\r\n.contact-info \u003e .contact-detail.contact-name:before {\r\n    content:\" \" !important;\r\n    background: url(\"http://l.yimg.com/g/images/flickr-sprite.png.v3\") no-repeat scroll -1574px -93px transparent !important;\r\n    display: inline-block !important;\r\n    height: 12px !important;\r\n    width: 10px !important;\r\n    margin-right: 5px!important;\r\n}\r\n\r\n/* === (new11)LABELS / LEGENDS - === */\r\nfieldset legend ,\r\nh2.legend span.label, \r\ndt.legend span.label ,\r\n#shellcontent #contacts-content.content .scroll-inner .inner fieldset.fs-lg legend {\r\n    border-radius: 5px ! important;\r\n    color: black !important;\r\n    background: gold !important;\r\n}\r\n\r\n/* =========== END ============== */"}],"url":"http://userstyles.org/styles/55525","updateUrl":"https://userstyles.org/styles/chrome/55525.json","md5Url":"https://update.userstyles.org/55525.md5","originalMd5":"701182947894235c8164886d98d7abf9","name":"DEPRECATED - Yahoo New Mail - Dark - Grey Life","thumbnail":"https://userstyles.org/auto_style_screenshots/55525-after.png?r=1771081218"}