@import url("/app/sys/css/default.css");
@import url("/app/sys/css/elt.css");

HTML { height:100%; }

BODY { height:100%;
       background:#ececec url("/app/scopalto/pix/background.png") repeat-y center;
       font-size:12px; font-family:Georgia,Times New Roman,Times,Serif; }

A, A:link, A:visited { color:inherit; }

.wrapper { width:954px; margin:0 auto; }

.wrapper TABLE.header { height:36px; }

.wrapper DIV.content { border-top:1px solid #ccc; clear:both; }

.header .logo { vertical-align:bottom; width:170px; padding:0 0 0 6px; }
.header .logo IMG { margin-bottom:-2px; }

.header .headings { vertical-align:bottom; }
.header .headings DIV { border:1px solid #eee; border-bottom:none; 
                        background:#eee; font-size:0.9em; clear:right; padding:0 10px; float:left;
                        border-top-right-radius:4px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:4px;
                        border-top-left-radius:4px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:4px; }
.header .headings DIV A, 
.header .headings DIV A:link, 
.header .headings DIV A:visited { display:block; float:left; color:#666;
                                  user-select:none; -moz-user-select:none; -webkit-user-select:none;
                                  padding:5px 0 3px 0; margin-left:20px;
                                  text-decoration:none; border-bottom:2px solid #eee; background:#eee;
                                  font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.header .headings DIV .selected { border-bottom:2px solid #ccc !important;
                             color:black!important; margin-bottom:-3px; }
.header .headings DIV A:hover { border-bottom:2px solid #ccc !important; }
.header .headings DIV A:first-child { margin-left:0; }

.header .links { font-size:0.8em; color:#ccc;
                 font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.header .links A { text-decoration:none; color:#888; }
.header .links A.cart-link:link,
.header .links A.cart-link:visited { color:#b67c72; }

.header .links DIV { display:block; float:right; padding:5px; margin:0 3px; }


.header .alert { font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif;
                 text-decoration:none; color:#3B5998!important; display:block; float:left;
                 border:1px solid #C4CDE0; background:#C4CDE0; margin-left:12px;
                 text-align:center; padding:3px 32px 5px 8px; 
                 user-select:none; -moz-user-select:-moz-none;-webkit-user-select:none;
                 border-top-right-radius:4px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:4px;
                 border-top-left-radius:4px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:4px; }
.header .alert IMG { position:absolute; margin-top:-8px; margin-left:6px; }

#filters { position:fixed; width:170px; 
           user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; }

.section { font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.section H2 { display:block; text-align:right; border-bottom:1px solid #ddd;
              font-family:Helvetica,Arial,Sans-Serif;
              font-size:16px; font-weight:normal; color:#888; letter-spacing:1px;
              padding-bottom:4px; }
.section LI { display:block; padding:6px 0; border-bottom:1px solid #ddd; 
              text-align:right; text-transform:uppercase; font-size:0.9em; }
.action-world .section LI { padding:10px 4px 10px 0 !important; }
.action-world .section LI:hover { border-bottom:1px solid #eee!important;
                                  background:#f6f6f6; }
.section LI.checkbox INPUT { }
.section LI.buttons { border-bottom:none !important; }
.section SELECT { border:none; text-align:right; 
                  text-transform:uppercase; font-size:0.8em; color:#666;
                  padding-right:1px; }
.section OPTION { text-align:righ!importantt; padding-right:4px; 
                  text-transform:uppercase; color:#666; border:none; }
.section INPUT.text { text-align:right; padding:2px 4px 2px 0; font-size:0.9em; text-transform:uppercase;
                      border:1px solid #ddd; border-left:none; color:#666;
                      user-select:text!important; -moz-user-select:text!important; -webkit-user-select:text!important;
                      border-top-right-radius:4px; -webkit-border-top-right-radius:4px; -moz-border-radius-topright:6px; 
                      border-bottom-right-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-radius-bottomright:6px;
                      background:#fff url(/app/scopalto/pix/input-search-bg.png) no-repeat center left; }
.section INPUT.text:focus { border-right:1px solid #eee; border-bottom:1px solid #eee; background:#f6f6f6; }
.section .field { width:100%;
                  box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; }
.section LABEL { color:#666; font-size:0.8em; }
.section LABEL INPUT { vertical-align:middle; }



.issues-flow DIV.issue { float:left; display:block; width:230px; height:122px;
                         margin:0 10px 10px 0; padding:5px 6px;
                         border:1px solid #ddd; 
                         border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -webkit-border-radius:6px; }
.issues-flow DIV.issue:hover { border-top:1px solid #ddd; border-left:1px solid #ddd;  
                               border-bottom:1px solid #f4f4f4; border-right:1px solid #f4f4f4;
                               background:#f4f4f4; -webkit-transition: background 2s; }

.box-body DIV.issue { display:block; height:122px; padding:5px 6px; border-bottom:1px solid #ddd; } 
.box-body DIV.issue:hover { background:#f4f4f4; -webkit-transition: background 2s; }

DIV.issue DIV.datas { padding-left:108px; line-height:1.1em; height:122px; background-repeat:no-repeat; }
DIV.issue EM { display:block; margin-top:4px; line-height:1.2em; color:#888; }
DIV.issue SMALL { font-size:.8em; margin:1px 0 2px; display:block; color:#888; }
DIV.issue SMALL SPAN { float:right; }
DIV.issue A { text-decoration:none; font-weight:bolder; font-size:1.3em; color:black; }
DIV.issue SPAN { font-size:0.9em; text-transform:capitalize;
                 font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }

.issue-fb-button { padding-left:10px; margin-top:10px; }


.pile-price { position:absolute;
              width:41px; height:26px; line-height:20px; color:white; 
              margin-top:-5px; margin-left:72px;
              text-align:center; 
              font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; 
              font-size:9px!important; 
              background:transparent url(/app/scopalto/pix/price-bg.png) no-repeat top center; }
.pile-free  { background:transparent url(/app/scopalto/pix/price-free-bg.png) no-repeat top center !important; }


.magazines DIV.magazine { padding:6px 6px; margin:0 9px 10px 0; float:left;
                          width:230px; height:122px; overflow:hidden;
                          border:1px solid #ddd; line-height:1.2em;
                          border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -webkit-border-radius:6px; }
.magazines DIV.magazine:hover { border-top:1px solid #ddd; border-left:1px solid #ddd;
                                border-bottom:1px solid #f4f4f4; border-right:1px solid #f4f4f4;  
                                background:#f4f4f4; -webkit-transition: background 2s;}
.magazines DIV.magazine EM { display:block; margin-top:4px; color:#666; }
.magazines DIV.magazine A { text-decoration:none; font-weight:bolder; color:black; 
                            font-size:1.5em; display:block; }
.magazines DIV.magazine IMG { float:right; margin-top:10px; }


.worlds DIV.world { padding:5px 5px; margin:0 0 7px 4px;
                    width:169px; min-height:20px; _height:20px;
                    border:1px solid #ddd; line-height:1.2em;
                    border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; -webkit-border-radius:6px; }
.worlds DIV.on,
.worlds DIV.world:hover { border-top:1px solid #ddd; border-left:1px solid #ddd;  
                          border-bottom:1px solid #f4f4f4; border-right:1px solid #f4f4f4;  
                          background:#f4f4f4; }
.worlds DIV.world EM { vertical-align:super; color:#aaa; }
.worlds DIV.world A { text-decoration:none; font-size:1em; color:#444; }
.worlds DIV.on A { color:#444; text-shadow:0 1px #fff; }

.world-headline { font-size:1.4em; margin-bottom:16px; font-style:italic; line-height:1.2em; padding-right:10px; color:#666; }

.title { font-family:helvetica,arial,verdana,sans; }
DIV.content H1 { font-family:Georgia,Times New Roman,Times,Serif; }

IMG.cover { border:1px solid #ccc; padding:2px; background:white; }


TABLE.issue .title-box { height:80px; vertical-align:middle;
                         font-style:italic; border-bottom:1px solid #eee;}
TABLE.issue H1 { font-size:2.3em; padding:0 20px 0 170px; }
TABLE.issue .left { width:170px; }
TABLE.issue .left .details A { color:black; }
TABLE.issue .right { padding-left:14px; }
TABLE.issue .left DIV.logo { margin:4px 0 6px 0; text-align:center; }
TABLE.issue .right IMG.cover { float:right; margin:-1px 0 2px 10px; background:white; width:200px; }
TABLE.issue .right P.issue-description { font-size:1.3em; margin-bottom:10px; line-height:1.2em; }
TABLE.issue .reports LI { display:block; padding:6px 0; border-bottom:1px solid #eee; }
TABLE.issue .reports LI STRONG { font-size:1.3em; display:block; line-height:1.2em; }
TABLE.issue .reports LI EM { display:block; margin-top:4px; color:#555; line-height:1.4em; }
TABLE.issue .reports LI P { line-height:1.4em; margin-top:4px; 
                            font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
TABLE.issue .reports LI:first-child {  }
TABLE.issue .navig { user-select:none; -moz-user-select:-moz-none;-webkit-user-select:none; }
TABLE.issue .download { display:block; text-decoration:none; text-transform:uppercase; font-size:0.9em;
                        padding:4px 0;
                        border-top-right-radius:4px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:4px;
                        border-bottom-right-radius:4px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:4px;
                        font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; 
                        color:white; border-left:none;
                        }
.download-price, 
.download-free { background:#8d9ebc;
                 background:-moz-linear-gradient(top, #b7c6e3, #8d9ebc);
                 background:-webkit-gradient(linear, left top, left bottom, from(#b7c6e3), to(#8d9ebc));
                 text-shadow:0 1px #1d3154; border:2px solid #a7b6d3; }
.download-warn { background:#aaa;
                 background:-moz-linear-gradient(top, #aaa, #666);
                 background:-webkit-gradient(linear, left top, left bottom, from(#aaa), to(#666));
                 text-shadow:0 1px #555; border:2px solid #888; }
TABLE.issue .download:hover { background:#b7c6e3!important; }
TABLE.issue .download-warn:hover { background:#aaa!important; }
TABLE.issue .download IMG { float:left; margin:2px 6px 2px 6px; }
TABLE.issue .download .price { font-size:2em; padding-left:24px; margin-top:4px; }

.dialog-support TABLE.issue .right DIV { height:430px; overflow-y:auto; }
.dialog-shadow { box-shadow:0 0 2em #000; }

.magazine .details { width:250px; }
/*.facebook-like-right IFRAME { text-align:right; }*/

/*.details .blue { color:#334B87; }*/

.details { border-top:1px solid #eee; margin-top:2px; font-size:0.8em;
           text-transform:uppercase;
           font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.details TD { padding:3px; border-bottom:1px solid #eee; font-size:0.9em; line-height:1.3em; }
.details TR TD:first-child { text-align:right; border-right:1px solid #eee; }

UL.details { float:right; margin:2px 0 10px 20px; }
UL.details LI { display:block; margin-bottom:4px; }
UL.details LI:last-child { display:block; margin-bottom:0; }

*[onclick] { cursor:pointer; }

/*#last-issues A { margin:0 2px 6px 0; width:110px; min-height:120px; _height:120px; border:none; }*/

#slide-issues { width:345px; overflow:hidden; position:absolute; z-index:0; }
#slide-issues > div { width:345px; position:absolute; top:0; left:0; background-color:white; border-top:5px solid white; z-index:1; }

#slide-issues A { margin:0 6px 6px 0; border:none; }

#slide-next { position:absolute; margin:305px 0 0 315px; cursor:pointer; user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; }
#slide-prev { position:absolute; margin:305px 0 0 296px; cursor:pointer; user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; }
#slide-nav { position:absolute; width:205px; margin:305px 0 0 70px; text-align:center; user-select:none; -moz-user-select:-moz-none; -webkit-user-select:none; }
#slide-nav span { color:#000; font-weight:bold; font-size:20px; line-height:20px; cursor:pointer; }
#slide-nav span.selected { color:#CCC; font-weight:bold; font-size:20px; line-height:20px; }

.stripes-layout { margin:25px 0; }
.stripes-layout H1 { font-size:3.6em; margin:0 0 20px 180px; }
.stripes-layout .left { width:180px; }
.stripes-layout .left STRONG { display:block; font-size:2em; text-align:right; padding-right:20px; }
.stripes-layout .stripe TD { border-top:1px solid #ddd; padding:20px 0; }

.dialog-about DIV.layout-hbox-content { font-family:Georgia,Times New Roman,Times,Serif; line-height:1.1em; font-size:1.3em; }
.dialog-about DIV.layout-hbox-content IMG { float:right; }
.dialog-about P + P { margin-top:0.7em; } 
.dialog-about UL.bullet { list-style-type:disc; list-style-position:outside; padding-left:1.4em; margin-top:0.3em; }
.dialog-about UL.bullet LI { line-height:1.3em; font-size:inherit; }


.content-layout { margin:25px 40px; }
.content-layout H1 { font-size:3.6em; margin-left:40px; }
.content-layout .header EM { display:block; padding-left:2px; margin:10px 0 6px 40px; color:#444; font-style:normal;
                             font-size:1.8em; font-family:'Josefin Sans Std Light',Georgia,Times New Roman,Times,Serif; }
.content-layout .header P { line-height:1.3em; font-size:1.3em; }
.content-layout .header P.first { margin-top:30px; }
.content-layout .header UL { list-style-type:disc; list-style-position:outside; padding-left:1.4em; margin-top:0.3em; } 
.content-layout .header LI { line-height:1.3em; font-size:inherit; margin-bottom:6px; }
.content-layout .header P.first:first-letter { font-size:3.2em; float:left; line-height:75%; padding:0.04em 0.08em 0 0; }
.content-layout .header P + P { margin-top:0.7em; }
.content-layout .header .image { text-align:left; }
.content-layout .header .image IMG { margin:2px 0 0 20px; }
.content-layout .header TD { padding-bottom:30px; }
.content-layout .header A { text-decoration:none; border-bottom:1px dotted #ccc; }
.content-layout .header A:hover { border-color:#900; }
.content-layout H2 { border-top:2px solid black; padding:4px 0 10px 0; font-size:1.6em; margin-top:6px; }

.content-layout .columns P { line-height:1.2em;
                             font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.content-layout .columns P + P { margin-top:0.6em; }
.content-layout .columns TD { padding-left:24px; }
.content-layout .columns TD:first-child { padding-left:0px; }
.content-layout .columns A { text-decoration:none; border-bottom:1px dotted #900; }
.content-layout .columns A:hover { border:none; }

.content-layout UL.bullet { list-style-type:disc; list-style-position:outside; padding-left:1.4em; }
.content-layout UL.bullet LI { line-height:1.1em; margin-top:0.3em;font-size:inherit; }
.content-layout .header LI { font-size:1.3em!important; font-family:Georgia,Times New Roman,Times,Serif; }
.content-layout .columns LI { font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }


.content-layout .columns .infos LI { text-align:right; display:block; padding:8px 0; color:#777;
                                     border-top:1px dotted #bbb; text-transform:uppercase;
                                     font-size:0.8em; }
.content-layout .columns .infos LI SMALL { display:block; font-size:1em; margin-top:3px; color:#999!important; }
.content-layout .columns .infos LI A,
.content-layout .columns .infos LI A:link,
.content-layout .columns .infos LI A:visited { color:inherit; text-decoration:none; border:none; color:#999; }
.content-layout .columns .infos LI A:hover { color:#900; }
.content-layout .columns .infos IMG { vertical-align:bottom; margin-left:2px; }
.content-layout .columns UL.infos { border-bottom:1px dotted #bbb; margin-top:10px; }

.content-layout .columns .infos LI A.visible,
.content-layout .columns .infos LI A.visible:link,
.content-layout .columns .infos LI A.visible:visited { text-decoration:none; border-bottom:1px dotted #ccc; }
.content-layout .columns .infos LI A.visible:hover { border-color:#900; }

.content-layout H2 INPUT { border:1px solid #ccc; width:120px; margin-right:2px; padding:0 2px;
                           border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; } 

.content-layout .infos SELECT { text-transform:uppercase; font-size:0.9em;
                                font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif;
                                color:#555; }

DIV.padded { padding:30px 20px 0 0; }

.shop-layout { table-layout:fixed; width:100%; 
               font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.shop-layout TD.title { width:20%; padding-right:20px; }
.shop-layout H1 { font-size:1.3em; color:#666; text-align:right; padding:8px 10px;
                  border:1px solid #ddd; border-left:none;
                  border-top-right-radius:4px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:4px;
                  border-bottom-right-radius:4px; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:4px; }
.shop-layout .cart-purchases { table-layout:fixed; width:100%; font-size:1.3em; border-top:1px solid #ddd; }
.shop-layout .cart-purchases .purchase TD.infos { line-height:1.2em; }
.shop-layout .cart-purchases .purchase SMALL { display:block; }
.shop-layout .cart-purchases .purchase A { text-transform:uppercase; font-size:0.7em; color:#aaa;  }
.shop-layout .cart-purchases TD.purchase-image { width:100px; }
.shop-layout .cart-purchases TD { padding:6px; border-bottom:1px solid #ddd; }
.shop-layout .cart-purchases .total { font-size:1.3em;  }
.shop-layout .cart-purchases .total TD { padding:6px !important;  }
.shop-layout .cart-purchases .total .label { text-align:right; }
.shop-layout .cart-purchases .button TD { border-bottom:none; padding-top:10px; }


.filter-layout { table-layout:fixed; width:100%; margin:16px 0 8px 0; height:10px; }
.filter-layout .left { width:170px; padding-right:16px; }
.filter-layout .left FORM { cursor:default!important; }


.grid { table-layout:fixed; width:100%; }
.grid TBODY TD { border:1px solid #ccc; padding:2px; }
.grid TBODY TD.label LABEL { margin:0 4px 0 0; display:block; 
                             text-align:right; font-weight:bolder; }
.grid TBODY TD.label A:link,
.grid TBODY TD.label A:visited { text-decoration:none; margin:0 3px; }
.grid TBODY TD.label A IMG { vertical-align:middle; border-style:none; }
.grid TBODY TR.heading TD { padding:4px 0; font-size:14px; text-align:left; border:0px; }
.grid TBODY TR.heading TD:first-letter { text-transform:uppercase; }
.grid TBODY TR.separator TD { border-bottom:1px solid #777 !important;  }
.grid TBODY TR.alt TD { background:#f2f2f2;  }
.grid THEAD TH { border:0px; padding:6px 6px 6px 0; text-align:left; font-size:110%; }
.grid TFOOT TD { text-align:right; border:0px solid black; padding:6px 0 0 0; }
.grid TFOOT TD .legend { font-style:italic; float:left; text-align:left; }

.star-required { color:#b67c72; }


.account-panel { margin:16px 20px; }

.account-panel .favorites TD { padding:8px 0; }
.account-panel .favorites TD.left { padding-right:20px; width:300px; text-align:right; }
.account-panel .favorites TD.right { width:160px; }
.account-panel .favorites TR.alt TD { background:#f7f7f7; }
.account-panel .favorites STRONG { display:block; font-size:1.6em; margin-bottom:4px; }
.account-panel .favorites EM { display:block; font-family:arial; margin-top:6px; }
.account-panel .favorites LI { display:block; padding:3px; }

.account-panel UL#reports LI { display:block; padding:4px 2px 3px 0; border-bottom:1px solid #ddd; }
.account-panel UL#reports LI A { text-decoration:none; font-size:1.2em;  }
.account-panel UL#reports LI SPAN { padding:4px; border:1px solid #aaa; float:right; background:#ddd; cursor:all-scroll;
                                    user-select:none; -moz-user-select:none; -webkit-user-select:none;
                                    border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; }
.account-panel UL#reports LI EM { display:block; margin:3px; color:#777; font-family:arial; font-size:0.9em; }

.order-steps .order-step {  } 
.order-steps .order-step EM { font-size:0.8em; color:#aaa; font-style:normal; } 
.order-steps .order-step DIV { margin-left:10px; padding:8px; font-size:1.2em;
                               border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; } 
.order-steps .order-step:first-child DIV { margin-left:0; }
.order-steps .order-step-visited DIV { background:#f2f2f2; border:1px solid #f2f2f2; }
.order-steps .order-step-selected DIV { background:#ddd; border:1px solid #ddd; }
.order-section { margin:6px 0; }
.order-section H2 { font-size:1.2em; border-bottom:1px solid #aaa; margin:12px 0; }
.order-section .order-section-navigation { text-align:right; border:1px solid #ddd;
                                           margin:10px 0; line-height:40px; padding-left:4px;
                                           border-left:none; border-right:none; }
.order-section .order-section-navigation INPUT { font-family:arial; font-size:1.1em; cursor:pointer; }
.order-section .order-section-navigation .elt-link { float:left;  }
.order-section-bloc { padding:10px 10px; border-bottom:1px solid #eee; }
.order-section-bloc H3 { font-size:1.1em; color:#666; margin:0 0 10px -8px;}

.order-columns { table-layout:fixed; width:100%; } 
.order-columns TD.help { width:30%; padding:10px 0 0 14px; }
.order-columns TD.help DIV.help { background:#CBE3F3; color:#133853;
                                  padding:8px 12px 10px 12px;
                                  border:1px solid #CBE3F3;
                                  border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -webkit-border-radius:4px; }
.order-columns TD.help DIV.help STRONG { display:block; border-bottom:1px dotted #133853;
                                       padding-bottom:6px; margin-bottom:6px; }

.order .order-summary { font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.order .order-summary .purchases .purchase { margin-bottom:8px; line-height:1.1em; }
.order .order-summary .amounts { width:50%; }
.order .order-summary .amounts TABLE { float:right; } 
.order .order-summary .amounts TD { border-bottom:1px solid #eee; padding:2px; }
.order .order-summary .amounts LABEL { display:block; text-align:right; padding-right:10px; }

.order-columns .coupon { background:#FFF0CD; display:block; width:200px; padding:4px 8px;
                         border:1px solid #FFF0CD; color:#FAC034; font-size:1.6em; margin-bottom:4px;
                         border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -webkit-border-radius:8px; }
.order-columns .coupon SPAN { display:block; width:180px; }
.order-columns .coupon A { float:right; }


.order TABLE.layout-checkboxes { table-layout:fixed; width:100%; } 
.order TABLE.layout-checkboxes .left { width:36px; text-align:center; vertical-align:top; }
.order TABLE.layout-checkboxes TD { border-bottom:1px dotted #ccc; padding:3px 0; }
.order TABLE.layout-checkboxes LABEL { display:block; cursor:pointer; margin-top:2px; }
.order TABLE.layout-checkboxes LABEL:hover { background:#f4f4f4; }
.order TABLE.layout-checkboxes SMALL { font-family:arial; font-size:0.8em; }
.order TABLE.layout-checkboxes .link TD { padding:4px 0 6px 0; }

.warning-box { line-height:1.2em;
               font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; } 

.cloud { margin:30px 60px 0 60px; line-height:2.5em; text-align:center; }
.cloud A { text-transform:capitalize; text-decoration:none;  }
.cloud A.tag1 { font-size:1.1em; color:#999; }
.cloud A.tag2 { font-size:2.3em; color:#666; }
.cloud A.tag3 { font-size:3.5em; font-style:italic; }
.cloud A.tag4 { font-size:6em; font-weight:400; }


.box-columns { table-layout:fixed; width:100%; }
.box-column { padding-right:22px; padding-top:18px; }
.box-column-left { padding-left:22px; width:50%; }
.box-column-right { }

.box { border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; }
.box-header { padding:2px 8px 2px 6px;  
              font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; 
              text-shadow:0 1px #eee; 
              user-select:none; -moz-user-select:none; -webkit-user-select:none; color:black;
              background-color: #eee;
              background:-moz-linear-gradient(top, #eee, #c5c5c5);
              background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#c5c5c5)); 
              font-size:1.2em; font-weight:bolder; height:22px; line-height:22px;
}
.box-header::first-letter { text-transform:uppercase; }
.box-body { min-height:80px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 60px rgba(0, 0, 0, 0.1) inset;
               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
 }
.box-footer {  }

.box-header .nav { float:right; }

.box-header .nav .off {  color:#aaa; cursor:default; } 

.box-header .small-link { font-size:0.8em; margin-right:8px; }

.box .filters { table-layout:fixed; width:100%; background:#ddd; }
.box .filters TD { padding:8px 0 10px; text-align:center; }
.box .filters A { text-decoration:none; padding:2px 6px; border:1px solid #ccc; border-radius:4px; }
.box .filters A.on { background:#f2f2f2; }

.box-mags .mag { cursor:pointer; padding:6px 0 4px; border-bottom:1px solid #ccc; border-top:1px solid white; }
.box-mags .mag:first-child { border-top:none; }
.box-mags .mag:last-child { border-bottom:none; }
.box-mags .mag:hover { background:#eee; }
.box-mags .mag-logo { margin:0 10px; width:150px; height:80px; text-align:center; float:left; }
.box-mags .box-body SPAN { display:block; font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; font-size:0.9em; margin-bottom:4px; color:#222; padding-left:3px; }
.box-mags STRONG { font-size:1.3em; display:block; margin-bottom:5px;  }
.box-mags EM { font-style:italic; color:#777; font-size:1.1em; display:block; margin-bottom:6px; }


.box-shadow { height:12px; background:#fff url(/app/scopalto/pix/footer-shadow-left.png) no-repeat top left; margin-bottom:12px; }
.box-shadow SPAN { display:block; height:12px; background:transparent url(/app/scopalto/pix/footer-shadow-right.png) no-repeat top right; }

.box-about .box-body { font-size:1em; line-height:1.1em; }
.box-about .picto { float:right; margin:2px 0 0 4px; }

.box-about .box-body DIV.row { padding:8px 10px 14px 10px; cursor:pointer!important; 
                               border-bottom:1px solid #ccc; border-top:1px solid white; }
.box-about .box-body STRONG { display:block; font-size:1.2em; font-weight:bolder; margin-bottom:6px; color:#444; }
.box-about .box-body DIV.row:last-child { border-bottom:none; }
.box-about .box-body DIV.row:first-child { border-top:none; } 
.box-about .box-body DIV.row:hover { background:#f2f2f2; cursor:pointer!important; -webkit-transition: background 1s; } 
.box-about .box-body DIV.row:hover STRONG { } 
.box-about .box-body DIV.row:hover IMG.picto { -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);
                                         -webkit-transition: -webkit-transform 1s;
                                         -moz-transition: -moz-transform 2s; } 
.box-about .box-body SPAN { display:block; padding-left:4px; font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; line-height:1.4em; font-size:0.9em; }

.box-posts .box-body { padding:8px; line-height:1.4em; }
.box-posts .box-body A { display:inline-block; margin:8px 0; }

.box-worlds .box-body {  padding:10px; line-height:2.1em; text-align:center; } 
.box-worlds .box-body A {  text-transform:capitalize; text-decoration:none;  }
.box-worlds .box-body A.tag4 {  font-size:2em; font-weight:400; }
.box-worlds .box-body A.tag3 {  font-size:1.6em; font-style:italic; } 
.box-worlds .box-body A.tag2 {  font-size:1.3em; color:#666; } 
.box-worlds .box-body A.tag1 {  font-size:1em; color:#999; } 

.social-buttons { margin-bottom:10px; width:100%; }
.social-buttons .button { margin-bottom:6px; }


/***

Georgia,Times New Roman,Times,Serif
Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif
Helvetica,Arial,Sans-Serif

***/

.action-map H1 { font-size:3.2em; margin:20px 0 20px 20px; }

.map-panels { width:100%; }
.map-panel-left { width:200px; }
.map-panel-left DIV { height:500px; overflow-y:scroll; }
.map-panel-left LI { padding:4px; border-bottom:1px solid #ddd; cursor:pointer; font-size:0.9em;
                     font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.map-panel-left LI.tweet { background-image:url("/app/scopalto/pix/twitter-t.png"); background-position:right center; background-repeat:no-repeat; }
.map-panel-left LI:hover { background-color:#f2f2f2; }
.map-panel-right #map { height:500px; }



.dialog-magazine-summary TABLE { width:100%; height:100%; }
.dialog-magazine-summary .issues-panel { background:#555;
                                         background: -moz-linear-gradient(left, #333, #555 20px);
                                         background: -webkit-linear-gradient(left, #333, #555 20px);
                                         width:490px; }
.dialog-magazine-summary .logo { max-height:140px; margin:16px auto 10px auto; }
.dialog-magazine-summary .description { color:#aaa; display:block; text-align:right; margin-right:10px;
                                        font-family:Lucida Grande,Lucida Sans Unicode,Lucida Sans,Verdana,Helvetica,Arial,Sans-Serif; }
.dialog-magazine-summary .mag-top DIV { text-align:center; min-height:130px; }
.dialog-magazine-summary .mag-bottom { padding:0 10px 0 6px; }

.magazine-tweet { font-size:1.4em; line-height:1.5em; padding:26px 20px 0 20px;
                  font-family: 'Josefin Sans', arial, serif; overflow-x:hidden; word-wrap:break-word; max-width:230px; }

.dialog-magazine-summary .summary-issues { overflow-y:auto; padding:12px 12px 0px 12px; box-sizing:border-box; -moz-box-sizing:border-box; }

.square-issue { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
                box-sizing:content-box; -moz-box-sizing:content-box; cursor:pointer;
                width:100px; height:100px; float:left; overflow-y:hidden; 
                margin:0 0 10px 10px; border:1px solid #444; }
.square-issue-shadow { box-sizing:border-box; -moz-box-sizing:border-box;
                       border:4px solid white; width:100px; height:100px;
                       box-shadow:inset 0 0 30px #222; -moz-box-shadow:inset 0 0 30px #222; }
.square-issue-info { height:30px; background:black; opacity:0.4; color:white; font-size:22px;
                     padding-left:3px; line-height:30px; margin-top:62px; }

.press-review { padding:30px; }

.press-review TR TD:first-child { font-family:sans-serif; padding:6px 6px 0 0; color:#999; }
.press-review TR TD:last-child { font-size:1.6em; font-style:italic; padding-bottom:16px; }