/*
   *  @2011
   * Screen CSS
   *
   *
   */

@import 'clean.css';



html { min-height: 100%; }
body { min-height: 100%; }

@font-face {
    font-family: 'Zurich';
    src: url('f/tt0178m_-webfont.eot');
    src: url('f/tt0178m_-webfont.eot?#iefix') format('embedded-opentype'),
         url('f/tt0178m_-webfont.woff') format('woff'),
         url('f/tt0178m_-webfont.svg#ZurichRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Zurich Bold';
    src: url('f/zurich_bold-webfont.eot');
    src: url('f/zurich_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('f/zurich_bold-webfont.woff') format('woff'),
         url('f/zurich_bold-webfont.svg#ZurichBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

body, input, button, select, textarea { color: #333; font: 13px/16px Arial, Helvetica, sans-serif; }

body > .aural a:focus { position: fixed; top: 50px; left: 50px; min-width: 200px; padding: 5px; color: #fff; background: #535353; font-weight: bold; }

a { color: #535353; text-decoration: none; }
a:focus, a:hover { color: #a1a1a1; }


#page:after, section header:after, fieldset:after, .list:after { display: block; height: 0; clear: both; font-size: 0; visibility: hidden; content: '.' }

/* top */
#top { position: relative; width: 960px; height: 119px; margin: 0 auto; padding: 30px 0 0; }
#logo { width: 160px; float: left; }
#lang-mod { position: absolute; top: 30px; right: -34px; height: 30px; padding: 15px 0 15px 3px; }
#lang-mod li { width: 23px; height: 16px; padding: 1px 0; overflow: hidden; }
#lang-mod li a { display: block; width: 21px; height: 14px; border: 1px solid #eee; background: url(../images/icon-flags.png); opacity: .5; text-indent: -100em; overflow: hidden; }
#lang-mod li a[lang=en] { background-position: -21px 0; }
#lang-mod a:hover,
#lang-mod .act a { opacity: 1 }

nav { float: right; margin: 5px 0 0; padding: 0 0 0 4px; background: url(../images/icon-dot.png) repeat-y 0 0; }
nav ul {  float: left; }
nav li { position: relative; float: left; z-index: 101 }
nav > ul > li a { display: inline-block; position: relative; max-width: 88px; width: auto; height: 41px; padding: 20px 15px 0 17px; background: url(../images/icon-dot.png) repeat-y 100% 0; font: bold 12px/12px Arial; }
nav li a.szer { max-width: 100px; }
nav > ul > li > a:before { display: none; position: absolute; top: -35px; left: 50%; margin: 0 0 0 -15px; content: url(../images/icon-nav-act.png); }
nav li.act > a:before,
nav li:hover > a:before { display: block; }
nav li.act > a,
nav li a:hover { color: #ee0f36; }
nav li:hover > a { color: #ee0f36;  }
nav li ul { position: absolute; top: 60px; left: -15000000px; padding: 0 0 15px; border-radius: 0 14px 14px 14px; background: #ee0f36;  }
nav li ul li { float: none; }
nav li ul a { display: block; max-width: none; height: auto; padding-top: 10px; color: #fff; background: none; white-space: nowrap }
nav li ul a:hover { color: #eee; }
nav li:hover > ul { left: 0; }
nav #sublogo { float: right; height: 61px; line-height: 61px; }
nav #sublogo img { vertical-align: middle }

/* page */
#page { padding: 35px 0 0; }
#page.col-1-lay { background: url(../images/bg-col-1-lay.jpg) no-repeat 50% 0; }
#page.col-root-1-lay { min-height: 315px; background: url(../images/bg-root-lay.jpg) no-repeat 50% 0; }
#page.col-root-2-lay { min-height: 315px; background: url(../images/bg-root-lay.jpg) no-repeat 50% 0; }
.col-1-lay #wrapper > header { height: 111px; }
.col-root-1-lay .mod { width: 550px; margin: 0 auto 10px; padding: 10px 20px; border-radius: 5px; -moz-border-radius: 5px; background: #fff; }
.col-root-2-lay #content { width: 450px; float: left; }
.col-root-2-lay aside { width: 458px; float: right; }
.col-root-2-lay .mod { margin: 0 0 10px; padding: 10px 20px; border-radius: 5px; -moz-border-radius: 5px; background: #fff; }
.col-root-2-lay .mod > p { margin: 0 -10px 0 0; }

/* wrapper */
#wrapper { width: 920px; margin: 0 auto; padding: 0 0 0 40px; }
#wrapper a { color: #ee0f36; }
#wrapper > .user-opts { clear: both; margin: 0; padding: 50px 0 0; background: url(../images/icon-dot.png) repeat-x 0 25px; }

.user-opts { text-align: right; }
.user-opts li { display: inline-block; margin: 0 0 0 12px; vertical-align: top }
.user-opts a { display: inline-block; height: 18px; padding: 0 0 0 20px; }
.user-opts .link-top { background: url(../images/bg-icon-btn.png) no-repeat 0 0 }
.user-opts .link-back { background: url(../images/bg-icon-btn.png) no-repeat 0 -18px }
.user-opts .link-print { width: 18px; padding: 0; background: url(../images/bg-icon-btn.png) no-repeat 0 -36px; text-indent: 100em; overflow: hidden }

/* content:header */
#content { }
section header { position: relative; margin: 0 0 15px; padding: 0 0 15px; background: url(../images/icon-dot.png) repeat-x 0 100%; }
section header h2 { float: left; color: #535353; font: bold 18px/18px Arial, sans-serif; }
section header .user-opts { float: right; }
section header .advertise { position: absolute; top: -120px; right: 0; }
section > .advertise { clear: both; }
section aside .advertise { margin-bottom: 50px; }
section aside button.btn { width: 100%; margin: 0 0 10px; }
section aside button.btn span { padding: 0; background: none; }

.advertise { position: relative; border: 1px solid #e1e2e3; background: url(../images/ad-bg.jpg) 50% 50% no-repeat; }
.advertise a {
  display: block;
}
.advertise img,
.advertise embed,
.advertise object {
/*  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);*/
  display: block;
  max-width: 100%;
  max-height: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

section aside .advertise { width: 183px; margin-bottom: 40px; }
section aside .sidebar-sep { margin-bottom: 100px; }

.submit + .advertise { float: right; width: 183px; margin-bottom: 10px; }

#quick-action { position: relative; float: right; margin: -25px 0 0; border-radius: 14px; -moz-border-radius: 14px; }
#quick-action > ul > li { min-width: 120px; min-height: 30px; float: left; }
#quick-action > ul > li > a,
#quick-action > ul > li > strong { position: relative; display: block; width: 105px; height: 30px; line-height: 30px; margin: -25px 0 0; padding: 0 0 0 15px; border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; color: #fff; background: url(../images/bg-grad.png) repeat-x 0 0; cursor: pointer; z-index: 5 }
#quick-action > ul > li > strong { width: 140px; border-radius: 0; background-position: 0 -30px; }
#quick-action > ul > li > a:after,
#quick-action > ul > li > strong:after { float: right; width: 18px; height: 30px; margin: 0 5px 0 0; line-height: 30px; background: url(../images/icon-arrow.png) no-repeat 0 50%; content: '' }
#quick-action > ul > li:first-child > a { border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px;  }
#quick-action > ul > li:first-child +li > a { background-position: 0 -30px; }
#quick-action > ul > li.act > strong:after { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
#quick-action > ul > li.act div { display: block; }
#quick-action div { display: none; position: absolute; top: -10px; right: 0; left: 0; padding: 25px 15px 10px; border-radius: 0 0 14px 14px; -moz-border-radius: 0 0 14px 14px; background: #b4b7b7; z-index: 1 }
#quick-action div em { display: block; margin: 0 0 10px; }
#quick-action div em a { color: #535353; font-weight: bold; tablefont-size: 14px; }
#quick-action div ul { padding: 10px 0 0; background: url(../images/icon-dot.png) repeat-x; }
#quick-action div ul li { float: left; margin: 0 15px 0 0; }
#quick-action div ul li a { padding: 0 15px 0 0; color: #fff; background: url(../images/icon-arrow.png) no-repeat 100% -1px; }
#quick-action div ul li:last-child { float: right; margin: 0; }
#quick-action div ul li:last-child a { color: #ee0f36; background-image: url(../images/icon-arrow2.png) }

#link-tutorial { display: block; height: 30px; line-height: 30px; float: right; margin: -50px 10px 0; padding: 0 15px; border-radius: 15px; -moz-border-radius: 15px; color: #fff !important; background: url(../images/bg-grad.png) repeat-x;  }


#breadcrumbs { height: 40px; line-height: 18px; }
#breadcrumbs li { float: left; }
#breadcrumbs li:before { padding: 0 3px; color: #d5d7d6; content: '\\'; }
#breadcrumbs li:first-child:before { width: 18px; height: 18px; float: left; margin: 0 9px 0 0; padding: 0; background: url(../images/icon-arrow.png) no-repeat 1px 50%,  url(../images/icon-dot2.png); content: ''; }
#breadcrumbs li a { color: #f00a31; }
#breadcrumbs li:last-child a { color: #535353; }


/* content */
#content {  }

h1 { height: 60px; color: #ee0f36; font: 40px/40px 'Zurich' }
h1 strong { display: inline-block; font: 40px/40px 'Zurich Bold' }
h2 { margin: 0 0 10px; color: #ee0f36; font: 24px/24px 'Zurich' }
h3 { color: #535353; font: 20px/20px 'Zurich' }
h4 { color: #535353; font: bold 14px/18px Arial }
h5 { color: #535353; font: 12px/18px Arial }
h6 { color: #535353; font: 11px/16px Arial }

form p { margin: 0 0 10px; }
form label,
form .label { display: inline-block; width: 60px; height: 28px; line-height: 28px; vertical-align: top; }
form textarea,
form input[type=text],
form input[type=password] { width: 240px; height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; -moz-border-radius: 2px; }
form select { width: 220px; height: 30px;  }
form textarea { height: 60px; }
form button { height: 30px; line-height: 30px; padding: 0 5px; border-radius: 14px; -moz-border-radius: 14px; color: #fff; background: url(../images/bg-grad.png); text-align: left }
form button span { display: inline-block; height: 30px; line-height: 30px; padding: 0 23px 0 10px; background: url(../images/icon-arrow.png) no-repeat 100%  50%; }
form .submit { float: right; margin: -40px 0 0; }

/* jForms */
.jfile,
.jselect {  height: 28px; line-height: 28px; padding: 0 10px; border: 1px solid #ddd; border-radius: 2px; -moz-border-radius: 2px;  }

.jform input { width: 100%; height: 100%; }

.jselect { display: inline-block; position: relative; padding: 0; background: #fff; vertical-align: middle; cursor: pointer; }
.jselect > span { display: block; position: absolute; top: 0; right: 0; left: 0; width: auto; height: 28px; line-height: 28px; padding: 0 10px; background: url(../images/bg-jform.png) no-repeat 100% -50px; overflow: hidden; z-index: 1 }
.jselect select { min-width: 100%; position: relative; left: 0; top: -3px; height: 28px; padding: 0; cursor: pointer; z-index: 2 }

.jradio,
.jcheckbox { display: inline-block; width: 18px; height: 18px; background: url(../images/bg-jform.png); vertical-align: middle; overflow: hidden }
.jradio { background-position: -18px 0; }
.jradio.focus,
.jradio.jact { background-position: -18px -18px; }
.jcheckbox { background-position: 0 0; }
.jcheckbox.focus,
.jcheckbox.jact { background-position: 0 -18px; }


.control-list { overflow: hidden }
.control-list > li { width: 210px; margin: 1px 10px -1px 0; float: left; border-bottom: 1px solid #e1e2e3; }
.control-list > li label { width: auto }

.checkbox_list { overflow: hidden }
.checkbox_list > li { width: 210px; line-height: 28px; margin: 1px 10px -1px 0; float: left; border-bottom: 1px solid #e1e2e3; }
.checkbox_list > li label { width: auto }

.col-list li { width: 50%; float: left; }
.col-list li ul { }
.col-list li ul,
.col-list li li { display: inline-block; width: auto; float: none; line-height: 30px; padding: 0 10px 0 0; white-space: nowrap }
.col-list li label,
.col-list li label[for],
.col-list li .label { width: auto; height: 30px; line-height: 30px; padding: 0 10px 0 0; }

.mod-user form { margin: 10px 0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f7; }
.mod-user form label { width: 100px; }
.mod-password form { margin: 10px 0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f7; }
.mod-password form label { width: 100px; }
.mod-checkout-login form { margin: 10px 0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f7; }
.mod-register form { margin: 10px 0; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f7; }
.mod-register form p { width: 182px; float: left; clear: left; }
.mod-register form p:nth-of-type(4) { float: right; margin: -120px 0 0;  }
.mod-register form p:nth-of-type(5) { float: right; margin: -80px 0 0;  }
.mod-register form p:nth-of-type(6) { float: right; margin: -40px 0 0;  }
.mod-register form label { width: 70px; }
.mod-register form input { width: 90px; }
.mod-register .submit { margin: 0; text-align: right }

.item-data { display: block; width: 39px; height: 0; margin: 0 auto; padding: 40px 0 0; background: url(../images/icons-data.png) no-repeat; overflow: hidden; }
.idata1 { background-position: 0 -40px; }
.idata2 { background-position: -39px -40px; }
.idata3 { background-position: -78px -40px; }
.idata4 { background-position: -117px -40px; }
.idata5 { background-position: -156px -40px; }
.idata6 { background-position: -195px -40px; }
.idata7 { background-position: -234px -40px; }
.idata8 { background-position: -273px -40px; }
.idata9 { background-position: -312px -40px; }
.idata10 { background-position: -351px -40px; }
.idata11 { background-position: -390px -40px; }
.idata1.act { background-position: 0 0; }
.idata2.act { background-position: -39px 0; }
.idata3.act { background-position: -78px 0; }
.idata4.act { background-position: -117px 0; }
.idata5.act { background-position: -156px 0; }
.idata6.act { background-position: -195px 0; }
.idata7.act { background-position: -234px 0; }
.idata8.act { background-position: -273px 0; }
.idata9.act { background-position: -312px 0; }
.idata10.act { background-position: -351px 0; }
.idata11.act { background-position: -390px 0; }

.tip { display: block; position: relative; margin: 0 0 15px; padding: 10px 0; border-radius: 5px; -moz-border-radius: 5px; color: #fff; background: #ee0f36; text-align: center }
.tip:before { position: absolute; top: -22px; left: 62%; content: url(../images/bg-tip.png); }
.tip1:before { display: none }
.tip a { color: #fff !important; text-decoration: underline; }
.tip b { font: bold 16px/16px Arial; }

.info-import { float: right; padding: 0 0 0 26px; color: #ee0f36; background: url(../images/icon-e.png) no-repeat 0 0 }
.info-import + * { clear :both }

.btn { display: inline-block; width: 153px; height: 30px; line-height: 30px; margin: 0 0 10px; padding: 0 15px; border-radius: 14px; -moz-border-radius: 14px; color: #000 !important; background: url(../images/icon-arrow.png) no-repeat 160px 60%, url(../images/bg-grad.png) 0 -30px;  }

article em { font-style: italic; }
article strong { font-weight: bold; }
article p { margin: 0 0 1em; }
article ul,
article ol { margin: 0 0 2em; color: #818181; overflow: hidden }
article li { margin: 4px 0 0; padding: 0 0 0 18px; background: url(../images/icon-dot3.png) no-repeat 22px 9px; }
article ul > li { padding: 0 0 0 36px; }
article ul > li:before { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: 0 18px 0 -36px; color: #fff; background:  url(../images/icon-dot1.png) no-repeat 50% 50%; text-align: right; content: ' .' }
article ol { counter-reset: item; }
article ol > li { padding: 0 0 0 36px; counter-increment: item; }
article ol > li:before { display: inline-block; width: 18px; height: 18px; line-height: 18px; margin: 0 18px 0 -36px; color: #fff; background:  url(../images/icon-dot2.png) no-repeat 0 0; text-align: center; content: counter(item) }
article .lead { line-height: 18px; font-size: 14px; }
article .img { display: block; border-radius: 5px; -moz-border-radius: 5px; }
article .img-left { float: left; margin: 0 15px 15px 0; }
article .img-right { float: right; margin: 0 0 15px 15px; }

figure { display: block; position: relative; margin: 10px 20px; padding: 10px; }
figure img { display: block; max-width: 100%; margin: 0 0 0 -10px; padding: 9px; background: #fff; box-shadow: 0 1px 2px #aaa }
figure div { position: absolute; right: 40px; left: 40px; padding: 15px 20px; border-radius: 20px; -moz-border-radius: 20px; color: #808080; background: url(../images/bg-opacity.png); font: 33px/38px 'Zurich'; text-align: center }
figure div span { color: #c50439; }
figure div p { margin: 0 }
figure div b { white-space: nowrap; font: 34px/38px 'Zurich Bold';  }
figure small { position: absolute; right: 11px; bottom: 19px; padding: 2px 5px; background: url(../images/bg-opacity.png); }

table { width: 80%; margin: 1em auto; padding: 0 5px; border: dotted #c8cac9; border-width: 0 1px 1px; font-size: 12px; }
table th { font-weight: bold; white-space: nowrap }
table thead th { height: 20px; padding: 5px; color: #fff; background: #ee0f36; text-align: center; vertical-align: top }
table thead th:first-child { border: 0; }
/*table thead th:first-child:before { width: 6px; height: calc(100% + 10px); height: -webkit-calc(100% + 10px); float: left; margin: -5px 0 -5px -11px; background: #ee0f36; content: '' }*/
/*table thead th:last-child:after { width: 6px; height: calc(100% + 10px); height: -webkit-calc(100% + 10px); float: right; margin: -5px -11px -5px 0; background: #ee0f36; content: '' }*/
table tfoot tr th { text-align: left; }
table thead tr:first-child+tr th { color: #535353; background: #ececf0; }
table thead tr:first-child+tr th:first-child:before,
table thead tr:first-child+tr th:last-child:after { background: #ececf0; }
table tbody tr:first-child > * { border: 0; }
table tbody tr > * { padding: 5px; border-top: 1px solid #e1e2e3; color: #535353; text-align: center; vertical-align: middle }
table tfoot tr > * { padding: 5px; border-top: 1px solid #e1e2e3; color: #535353; background: #f5f5f7; text-align: center; vertical-align: middle }
table tbody tr:nth-child(2n) > * { background: #eee }
table .act-col,
table .act-row > * { background: #ffd1d9 !important }
table .small { font-weight: normal; font-size: 10px; }

.mod-tbl { min-height: 500px; margin: 0 0 10px; padding: 15px; border: 1px solid #e1e2e3; border-radius: 7px; -moz-border-radius: 7px; overflow:auto; width:698px; }

#tbl-stats { width: 100%; }
#tbl-stats span { display: inline-block; width: 15px; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
#tbl-stats thead th,
#tbl-stats thead tr + tr th { color: #fff; background: #ee0f36; white-space: normal; vertical-align: middle }
#tbl-stats thead tr + tr th { border-top: 1px solid #f97c91 }
#tbl-stats thead th:before,
#tbl-stats thead th:after { display: none; }
#tbl-stats tbody td { border-left: 1px dotted #c8cac9; }
#tbl-stats tbody tr:nth-child(2n) > * { background: none }
#tbl-stats tbody tr:nth-child(4n) > * { background: #eee }
#tbl-stats tbody tr:nth-child(4n-1) > * { background: #eee }

/* static */
#static-metodologia { position: relative; height: 600px; background: url(../images/bg-metodologia.png) no-repeat; }
#static-metodologia h4 { margin: 0 0 25px; font: 21px/30px 'Zurich Bold' }
#static-metodologia ul { margin: 0; border-top: 1px solid #e1e2e3; }
#static-metodologia ul li { margin: 0; padding: 4px 0; border-bottom: 1px solid #e1e2e3; background: none; font: 14px/18px 'Zurich' }
#static-metodologia ul li:before { display: none }
#static-metodologia .mod { position: absolute; width: 223px; text-align: center }
#static-metodologia .mod-static1 { top: 60px; left: 40px; }
#static-metodologia .mod-static2 { top: 345px; left: 40px; }
#static-metodologia .mod-static3 { top: 210px; left: 280px; }
#static-metodologia .mod-static4 { top: 260px; left: 545px; width: 100px; }
#static-metodologia .mod-static4 h4 { margin: 0 0 5px; color: #fff; font: bold 14px/18px 'Zurich'  }
#static-metodologia .mod-static4 a { color: #fff; }
#static-metodologia .mod-static4 ul { border-color: #f97c91 }
#static-metodologia .mod-static4 li { border: 0; color: #fff; }
#static-metodologia .mod-static5 { top: 55px; left: 685px; width: 175px; }
#static-metodologia .mod-static5 ul { margin: 0 0 50px }

/* metrics */
.form-metrics aside { width: 183px; float: right; }
.form-metrics label { width: 140px; }
.form-metrics fieldset { width: 698px; float: left; }
.form-metrics table { width: 100%; }
.form-metrics table input[type=text] { width: 37px; padding: 0 2px; }
.form-metrics table input.nan { border-color: #ee0f36 }
.form-metrics button { margin: 10px 0 0; }
.form-metrics button span { width: 140px; }
.form-metrics button.submit-skip { background-position: 0 -30px; }
.form-metrics .submit { width: 183px; float: right; clear: both; }
.form-metrics .mod-tbl > p { margin: 0; text-align: center; }
.form-metrics .mod h4 { float: left; }

.form-step1 fieldset { width: 668px; float: none; margin: 0 0 10px; padding: 15px; border-radius: 7px; -moz-border-radius: 7px; background: #f5f5f7 }
.form-step1 fieldset h4 { float: left; }
.form-step1 .tip { width: 698px; }
.form-step1 .submit { margin-top: -50px; }

.form-step2 .mod-tbl img { display: block; margin: 0 auto; }
.form-step2 .mod-tbl thead tr:first-child + tr th:first-child:before { height: 80px;  }
.form-step2 .mod-tbl thead tr:first-child + tr th:last-child:after { height: 80px; margin-top: -45px; }
.form-step2 .mod-tbl thead th.left { text-align: left; }
.form-step2 .mod-tbl thead th.right { text-align: right; }
.form-step2 .mod-tbl tbody th { text-align: left; }
.form-step2 .mod-tbl tbody td.left { text-align: left; }
.form-step2 .mod-tbl tbody td.right { text-align: right; }
.form-step2 .submit { margin-top: -95px; }

.error_list { margin: -10px 0 10px; padding: 5px; border: 1px dashed #c00; border-radius: 5px; color: #c00; font-weight: bold }

#metrics-summary {  }
#metrics-summary aside { width: 183px; float: right; }
#metrics-summary > .mod { width: 668px; float: left; }
#metrics-summary .mod-summary { width: 430px; margin: 0 0 10px; padding: 10px 150px; border-radius: 5px; -moz-border-radius: 5px; background: #f5f5f7; }
#metrics-summary .mod-summary li {  }
#metrics-summary .mod-summary li span { display: inline-block; width: 295px; height: 30px; line-height: 30px; border-bottom: 1px solid #e1e2e3; vertical-align: top;  }
#metrics-summary .mod-summary li span.info { height: 10px; font-size: 10px; padding: 0; border: 0; line-height: 12px; color: #EE0F36; }
#metrics-summary .mod-summary li strong { display: inline-block; width: 130px; height: 30px; line-height: 30px; padding: 0 0 0 5px; border-bottom: 1px dotted #e1e2e3; color: #ee0f36; font-weight: bold; font-size: 14px; vertical-align: top; text-align: right }
#metrics-summary .summary-export .btn { width: 105px; float: left; margin: 10px 0 0; background-position: 115px 7px, 0 -30px;}
#metrics-summary .summary-export .btn:first-child { width: 105px; border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-right: 1px solid #cfd3d3; }
#metrics-summary .summary-export .btn:first-child ~ .btn { border-radius: 0; -moz-border-radius: 0; border-left: 1px solid #babdbe; }
#metrics-summary .summary-export .btn:first-child ~ .btn ~ .btn { border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border: 0; background-position: 115px 7px, 0 0; }
#metrics-summary h6 { font-weight: bold; }
#metrics-summary table { width: 100%; border: 0; }
#metrics-summary th,
#metrics-summary td { text-align: left }
#metrics-summary td:last-child { width: 100px; text-align: center; }


/* aside */
aside {}

/* footer */
footer { width: 960px; margin: 0 auto; clear: both; padding: 45px 0 0; color: #818181; background: url(../images/icon-dot.png) repeat-x 0 20px; }
footer a { color: #535353; }
footer ul a { color: #ee0f36; }
footer ul li { display: inline-block; }
footer ul li:before { padding: 0 4px; color: #d5d7d6; content: '|'; }
footer ul li:first-child:before { display: none; }
footer ul img { margin-bottom: -10px; }
footer ul,
footer small { float: left; margin: 0 10px 0 0; }
footer #made { float: right; margin: 0; }

/* popup */
#popup { position: relative; width: 720px; padding: 10px; background: #fff; }
#popup:before { position: absolute; top: 5px; right: -5px; bottom: 0; width: 5px; background: url(../images/bg-opacity1.png); content: '' }
#popup:after { position: absolute; right: -5px; bottom: -5px; left: 5px; height: 5px; background: url(../images/bg-opacity1.png); content: '' }