/* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial */ /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ /*html { font-size: 100%; /* 1 */ */ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof) */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves readability and alignment in all browsers */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ============================================================================= Tables ========================================================================== */ /* * Remove most spacing between table cells */ /*table { border-collapse: collapse; border-spacing: 0; }*/ .metrouicss { /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Typography.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Routines.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Icons.less * */ /*************************************** Icons **************************************************/ /* Icon Set: Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons License: Aribitrary -- http://licence.visualidiot.com/ Icon Set: Meteocons -- http://www.alessioatzeni.com/meteocons/ License: Arbitrary -- http://www.alessioatzeni.com/meteocons/#about Icon Set: IcoMoon - Free -- http://keyamoon.com/icomoon/ License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/ */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Colors.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Bricks.less * */ /* .badge { .brick; width: @subunit*7; height: @subunit*6; padding-top: @subunit; #font > .control; color: @darken; text-align: center; } */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Layout.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Butoons.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Tables.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Grid.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Hero.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Menus.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * SideBar.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Notices.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Tiles.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Forms.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Images.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Cards.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Code.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * PageControl.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Accordion.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Rating.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * ProgressBar.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Carousel.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * ListView.less * */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Slider.less * */ /* * Component for Metro UI CSS * Copyright 2012 Valerio Battaglia * Licensed under the MIT License * * dialog.less */ /* * Metro UI CSS * (c) 2012-2013 by Sergey Pimenov * Licensed under the MIT License and Commercial * * Calendar.less * */ } @font-face { font-family: "PT Serif Caption"; font-style: normal; font-weight: 400; src: local("PT Serif Caption"), local("PTSerif-Caption"), url(https://themes.googleusercontent.com/static/fonts/ptserifcaption/v4/7xkFOeTxxO1GMC1suOUYWWhBabBbEjGd1iRmpyoZukE.woff) format('woff'); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 700; src: local("Open Sans Bold"), local("OpenSans-Bold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzJ1r3JsPcQLi8jytr04NNhU.woff) format('woff'); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 300; src: local("Open Sans Light"), local("OpenSans-Light"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTZ1r3JsPcQLi8jytr04NNhU.woff) format('woff'); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 800; src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/EInbV5DfGHOiMmvb1Xr-hp1r3JsPcQLi8jytr04NNhU.woff) format('woff'); } @font-face { font-family: "Open Sans"; font-style: normal; font-weight: 400; src: local("Open Sans"), local("OpenSans"), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/K88pR3goAWT7BTt32Z01mz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } .metrouicss .text-rest-state { color: #000000; } .metrouicss .text-rest2-state { color: rgba(0, 0, 0, 0.6); } .metrouicss .text-hover-state { color: rgba(0, 0, 0, 0.8); } .metrouicss .text-pressed-state { color: rgba(0, 0, 0, 0.4); } .metrouicss #font .header { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 42pt; letter-spacing: 0.00em; line-height: 44pt; font-smooth: always; } .metrouicss #font .subheader, .metrouicss #font .subheader-secondary { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; } .metrouicss #font .subheader-smaller, .metrouicss #font .subheader-secondary-smaller { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; letter-spacing: 0.01em; line-height: 18pt; font-size: 16pt; font-smooth: always; } .metrouicss #font .small-subheader, .metrouicss #font .small-subheader-secondary { font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; } .metrouicss #font .navigation { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; } .metrouicss #font .body, .metrouicss #font .body-secondary, .metrouicss #font .normal { font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; } .metrouicss #font .link { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; font-smooth: always; line-height: 13pt; } .metrouicss #font .tertiary, .metrouicss #font .tertiary-secondary { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; } .metrouicss #font .control { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; } .metrouicss #font .small { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 8pt; font-smooth: always; line-height: 10pt; } .metrouicss #font .long-text { font-family: 'PT Serif Caption', sans-serif, serif !important; font-weight: 300; font-size: 10pt; letter-spacing: 0.02em; line-height: 12pt; font-smooth: always; } .metrouicss #font .long-text-smaller { font-family: 'PT Serif Caption', sans-serif, serif !important; font-weight: 300; font-size: 10pt; letter-spacing: 0.02em; line-height: 12pt; font-smooth: always; font-size: 9pt; line-height: 11pt; } .metrouicss #font .long-text-lead { font-family: 'PT Serif Caption', sans-serif, serif !important; font-weight: 300; font-size: 10pt; letter-spacing: 0.02em; line-height: 12pt; font-smooth: always; font-size: 20pt; line-height: 22pt; } .metrouicss #state .header, .metrouicss #state .subheader, .metrouicss #state .small-subheader, .metrouicss #state .navigation, .metrouicss #state .body, .metrouicss #state .tertiary { color: #000000; } .metrouicss #state .header:hover, .metrouicss #state .subheader:hover, .metrouicss #state .small-subheader:hover, .metrouicss #state .navigation:hover, .metrouicss #state .body:hover, .metrouicss #state .tertiary:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss #state .header:active, .metrouicss #state .subheader:active, .metrouicss #state .small-subheader:active, .metrouicss #state .navigation:active, .metrouicss #state .body:active, .metrouicss #state .tertiary:active { color: rgba(0, 0, 0, 0.4); } .metrouicss #state .subheader-secondary, .metrouicss #state .subheader-secondary-smaller, .metrouicss #state .small-subheader, .metrouicss #state .small-subheader-secondary, .metrouicss #state .body-secondary, .metrouicss #state .tertiary-secondary { color: rgba(0, 0, 0, 0.6); } .metrouicss #state .subheader-secondary:hover, .metrouicss #state .subheader-secondary-smaller:hover, .metrouicss #state .small-subheader:hover, .metrouicss #state .small-subheader-secondary:hover, .metrouicss #state .body-secondary:hover, .metrouicss #state .tertiary-secondary:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss #state .subheader-secondary:active, .metrouicss #state .subheader-secondary-smaller:active, .metrouicss #state .small-subheader:active, .metrouicss #state .small-subheader-secondary:active, .metrouicss #state .body-secondary:active, .metrouicss #state .tertiary-secondary:active { color: rgba(0, 0, 0, 0.4); } .metrouicss #state .link { color: #2e92cf; } .metrouicss #state .link:hover { color: rgba(45, 173, 237, 0.8); } .metrouicss #state .link:active { color: rgba(45, 173, 237, 0.6); } .metrouicss a, .metrouicss .link { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; font-smooth: always; line-height: 13pt; color: #2e92cf; text-decoration: none; } .metrouicss a:hover, .metrouicss .link:hover { color: rgba(45, 173, 237, 0.8); } .metrouicss a:active, .metrouicss .link:active { color: rgba(45, 173, 237, 0.6); } .metrouicss h1, .metrouicss h2, .metrouicss h3, .metrouicss h4, .metrouicss h5, .metrouicss h6 { margin: 0 0 10px 0; padding: 0; } .metrouicss h1 { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 42pt; letter-spacing: 0.00em; line-height: 44pt; font-smooth: always; color: #000000; } .metrouicss h1:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h1:active { color: rgba(0, 0, 0, 0.4); } .metrouicss h2 { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; color: #000000; } .metrouicss h2:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h2:active { color: rgba(0, 0, 0, 0.4); } .metrouicss h3 { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; color: rgba(0, 0, 0, 0.6); font-size: 16pt; line-height: 24px; } .metrouicss h3:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h3:active { color: rgba(0, 0, 0, 0.4); } .metrouicss h4 { font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; color: #000000; color: rgba(0, 0, 0, 0.6); } .metrouicss h4:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h4:active { color: rgba(0, 0, 0, 0.4); } .metrouicss h4:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h4:active { color: rgba(0, 0, 0, 0.4); } .metrouicss h5 { font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; color: rgba(0, 0, 0, 0.6); font-size: 90%; } .metrouicss h5:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h5:active { color: rgba(0, 0, 0, 0.4); } .metrouicss h6 { font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; color: rgba(0, 0, 0, 0.6); font-size: 80%; } .metrouicss h6:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss h6:active { color: rgba(0, 0, 0, 0.4); } /* .metrouicss body, .metrouicss p, .metrouicss div { font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; }*/ .metrouicss p.long-text { font-family: 'PT Serif Caption', sans-serif, serif !important; font-weight: 300; font-size: 10pt; letter-spacing: 0.02em; line-height: 12pt; font-smooth: always; } .metrouicss p { margin: 0 0 10px; } .metrouicss p.indent:first-letter { padding-left: 25px; } .metrouicss .lead { font-size: 120%; line-height: 26px; } .metrouicss .tertiary-info-text, .metrouicss .tertiary-text { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #000000; } .metrouicss .tertiary-info-text:hover, .metrouicss .tertiary-text:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .tertiary-info-text:active, .metrouicss .tertiary-text:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .tertiary-info-secondary-text, .metrouicss .tertiary-secondary-text { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: rgba(0, 0, 0, 0.6); } .metrouicss .tertiary-info-secondary-text:hover, .metrouicss .tertiary-secondary-text:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .tertiary-info-secondary-text:active, .metrouicss .tertiary-secondary-text:active { color: rgba(0, 0, 0, 0.4); } .metrouicss abbr.initialism { font-size: 90%; text-transform: uppercase !important; } .metrouicss abbr[title] { cursor: help !important; } .metrouicss address { display: block; margin-bottom: 20px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; line-height: 20px; font-style: normal; } .metrouicss blockquote { margin: 0; padding: 5px 20px; border-left: 4px #ccc solid; display: block; background-color: rgba(204, 204, 204, 0.1); } .metrouicss blockquote p { margin-bottom: 0; } .metrouicss blockquote small:before { content: '\2014'; color: rgba(0, 0, 0, 0.4); margin-right: 5px; } .metrouicss blockquote.place-right { float: none !important; text-align: right; border: 0; border-right: 4px #ccc solid; } .metrouicss blockquote.place-right small { text-align: right; } .metrouicss blockquote.place-right small:before { content: ""; } .metrouicss blockquote.place-right small:after { content: '\2014'; color: rgba(0, 0, 0, 0.4); margin-left: 5px; } .metrouicss ul, .metrouicss ol { padding: 0; margin: 0 0 10px 0px; display: block; } .metrouicss ul:nth-child(1) { margin-left: 25px; } .metrouicss ul ul, .metrouicss ul ol, .metrouicss ol ol, .metrouicss ol ul { margin-bottom: 0 !important; } .metrouicss ul { list-style-position: inside; list-style-type: square; } .metrouicss ul ul { list-style-type: circle; } .metrouicss ul, .metrouicss ol { list-style-position: inside; } .metrouicss ul li, .metrouicss ol li { display: list-item; font-size: 14px; line-height: 20px; } .metrouicss ol { list-style-type: decimal; } .metrouicss ul.unstyled, .metrouicss ol.unstyled, .metrouicss .unstyled { margin-left: 0; list-style: none; } .metrouicss .inline-tag, .metrouicss .label { display: inline-block; line-height: inherit; font-size: .75em; font-weight: bold; padding: 2px 4px; background-color: #d5e7ec !important; color: #4d4d4d; vertical-align: 3%; } .metrouicss .inline-tag.success, .metrouicss .label.success { background-color: #00a300 !important; color: #ffffff !important; } .metrouicss .inline-tag.warning, .metrouicss .label.warning { background-color: #e3a21a !important; color: #ffffff !important; } .metrouicss .inline-tag.important, .metrouicss .label.important, .metrouicss .inline-tag.error, .metrouicss .label.error { background-color: #b91d47 !important; color: #ffffff !important; } .metrouicss .inline-tag.info, .metrouicss .label.info { background-color: #2d89ef !important; color: #ffffff !important; } .metrouicss .inline-tag.inverse, .metrouicss .label.inverse { background-color: #1d1d1d !important; color: #ffffff !important; } .metrouicss .place-left { float: left !important; margin-right: 10px; } .metrouicss .place-right { float: right !important; margin-left: 10px; } .metrouicss .scroll-y, .metrouicss .scroll-vertical { overflow-y: scroll; } .metrouicss .scroll-x, .metrouicss .scroll-horizontal { overflow-x: scroll; } .metrouicss .pos-rel { position: relative; } .metrouicss .pos-abs { position: absolute; } .metrouicss .pos-fix { position: fixed; } .metrouicss .text-left { text-align: left; } .metrouicss .text-right { text-align: right; } .metrouicss .text-center { text-align: center; } .metrouicss .text-justify { text-align: justify; } .metrouicss .top-left { position: absolute; top: 0; left: 0; } .metrouicss .top-right { position: absolute; top: 0; right: 0; } .metrouicss .bottom-right { position: absolute; bottom: 0; right: 0; } .metrouicss .bottom-left { position: absolute; bottom: 0; left: 0; } .metrouicss .no-overflow { overflow: hidden; } .metrouicss .no-display { display: none; } .metrouicss .no-margin { margin: 0; } .metrouicss .no-padding { padding: 0; } .metrouicss .no-border { border: 0; } .metrouicss .no-border-all { border: 0; } .metrouicss .no-border-all * { border: 0; } .metrouicss .as-block { display: block; float: none !important; } .metrouicss .as-inline-block { display: inline-block; } .metrouicss .nlm { margin-left: 0 !important; } .metrouicss .nrm { margin-right: 0 !important; } .metrouicss .clearfix { *zoom: 1; } .metrouicss .clearfix:before, .metrouicss .clearfix:after { display: table; content: ""; } .metrouicss .clearfix:after { clear: both; } .metrouicss .padding5 { padding: 5px; } .metrouicss .padding10 { padding: 10px; } .metrouicss .padding15 { padding: 15px; } .metrouicss .padding20 { padding: 20px; } .metrouicss .padding30 { padding: 30px; } .metrouicss .padding40 { padding: 40px; } .metrouicss .padding80 { padding: 80px; } .metrouicss .selected { border: 4px #2d89ef solid; } .metrouicss .selected:after { width: 0; height: 0; border-top: 40px solid #2d89ef; border-left: 40px solid transparent; position: absolute; display: block; right: 0; content: "."; top: 0; z-index: 1001; } .metrouicss .selected:before { position: absolute; content: "\e08a"; color: #fff; right: 4px; font-family: iconFont; z-index: 1002; } .metrouicss .border { border: 1px #ccc solid; } @font-face { font-family: "iconFont"; src: url('../fonts/iconFont.eot'); src: url('../fonts/iconFont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconFont.svg#iconFont') format('svg'), url('../fonts/iconFont.woff') format('woff'), url('../fonts/iconFont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .metrouicss [class^="icon-"], .metrouicss [class*=" icon-"] { font-family: "iconFont"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; display: inline-block; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; position: relative; } .metrouicss [class^="icon-"]:before, .metrouicss [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .metrouicss a [class^="icon-"], .metrouicss a [class*=" icon-"] { display: inline-block; } .metrouicss .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } .metrouicss a [class^="icon-"], .metrouicss button [class^="icon-"], .metrouicss .button [class^="icon-"], .metrouicss .page-control > ul > li [class^="icon-"], .metrouicss a [class*=" icon-"], .metrouicss button [class*=" icon-"], .metrouicss .button [class*=" icon-"], .metrouicss .page-control > ul > li [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss a [class^="icon-"].icon-large, .metrouicss button [class^="icon-"].icon-large, .metrouicss .button [class^="icon-"].icon-large, .metrouicss .page-control > ul > li [class^="icon-"].icon-large, .metrouicss a [class*=" icon-"].icon-large, .metrouicss button [class*=" icon-"].icon-large, .metrouicss .button [class*=" icon-"].icon-large, .metrouicss .page-control > ul > li [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss a.big [class^="icon-"], .metrouicss button.big [class^="icon-"], .metrouicss .button.big [class^="icon-"], .metrouicss .page-control > ul > li.big [class^="icon-"], .metrouicss a.big [class*=" icon-"], .metrouicss button.big [class*=" icon-"], .metrouicss .button.big [class*=" icon-"], .metrouicss .page-control > ul > li.big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss li [class^="icon-"], .metrouicss li [class*=" icon-"] { display: inline-block; width: 1.2em; text-align: center; } .metrouicss li [class^="icon-"].icon-large, .metrouicss li [class*=" icon-"].icon-large { width: 1.5625em; } .metrouicss ol.icons { list-style-type: none; } .metrouicss ol.icons li { line-height: 24px; } .metrouicss ol.icons li [class^="icon-"], .metrouicss ol.icons li [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; } .metrouicss .icon-muted { color: #eeeeee; } .metrouicss .icon-border { border: solid 1px #eeeeee; padding: .2em .25em .15em; } .metrouicss .icon-2x { font-size: 2em; } .metrouicss .icon-2x.icon-border { border-width: 2px; } .metrouicss .icon-3x { font-size: 3em; } .metrouicss .icon-3x.icon-border { border-width: 3px; } .metrouicss .icon-4x { font-size: 4em; } .metrouicss .icon-4x.icon-border { border-width: 4px; } .metrouicss a [class^="icon-"], .metrouicss button [class^="icon-"], .metrouicss .button [class^="icon-"], .metrouicss .page-control > ul > li [class^="icon-"], .metrouicss a [class*=" icon-"], .metrouicss button [class*=" icon-"], .metrouicss .button [class*=" icon-"], .metrouicss .page-control > ul > li [class*=" icon-"] { margin-right: 5px; } .metrouicss a [class^="icon-"].right, .metrouicss button [class^="icon-"].right, .metrouicss .button [class^="icon-"].right, .metrouicss .page-control > ul > li [class^="icon-"].right, .metrouicss a [class*=" icon-"].right, .metrouicss button [class*=" icon-"].right, .metrouicss .button [class*=" icon-"].right, .metrouicss .page-control > ul > li [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss .toolbar [class^="icon-"], .metrouicss .toolbar [class*=" icon-"] { margin: 0 !important; } .metrouicss .image-button [class^="icon-"], .metrouicss .image-button [class*=" icon-"] { position: absolute; right: 0; margin-left: 32px; padding: 5px; height: 100%; top: 0px; box-sizing: border-box; border: 1px transparent solid; z-index: 2; margin: 0; font-size: 16px; } .metrouicss .shortcut > .icon [class^="icon-"], .metrouicss .shortcut > .icon [class*=" icon-"] { font-size: 32px; line-height: 32px; height: 32px; margin: 0 !important; } .metrouicss .icon-home:before { content: "\e000"; } .metrouicss .icon-newspaper:before { content: "\e001"; } .metrouicss .icon-pencil:before { content: "\e002"; } .metrouicss .icon-droplet:before { content: "\e003"; } .metrouicss .icon-pictures:before { content: "\e004"; } .metrouicss .icon-camera:before { content: "\e005"; } .metrouicss .icon-music:before { content: "\e006"; } .metrouicss .icon-film:before { content: "\e007"; } .metrouicss .icon-camera-2:before { content: "\e008"; } .metrouicss .icon-spades:before { content: "\e009"; } .metrouicss .icon-clubs:before { content: "\e00a"; } .metrouicss .icon-diamonds:before { content: "\e00b"; } .metrouicss .icon-broadcast:before { content: "\e00c"; } .metrouicss .icon-mic:before { content: "\e00d"; } .metrouicss .icon-book:before { content: "\e00e"; } .metrouicss .icon-file:before { content: "\e00f"; } .metrouicss .icon-new:before { content: "\e010"; } .metrouicss .icon-copy:before { content: "\e011"; } .metrouicss .icon-folder:before { content: "\e012"; } .metrouicss .icon-folder-2:before { content: "\e013"; } .metrouicss .icon-tag:before { content: "\e014"; } .metrouicss .icon-cart:before { content: "\e015"; } .metrouicss .icon-basket:before { content: "\e016"; } .metrouicss .icon-calculate:before { content: "\e017"; } .metrouicss .icon-support:before { content: "\e018"; } .metrouicss .icon-phone:before { content: "\e019"; } .metrouicss .icon-mail:before { content: "\e01a"; } .metrouicss .icon-location:before { content: "\e01b"; } .metrouicss .icon-compass:before { content: "\e01c"; } .metrouicss .icon-history:before { content: "\e01d"; } .metrouicss .icon-clock:before { content: "\e01e"; } .metrouicss .icon-bell:before { content: "\e01f"; } .metrouicss .icon-calendar:before { content: "\e020"; } .metrouicss .icon-printer:before { content: "\e021"; } .metrouicss .icon-mouse:before { content: "\e022"; } .metrouicss .icon-screen:before { content: "\e023"; } .metrouicss .icon-laptop:before { content: "\e024"; } .metrouicss .icon-mobile:before { content: "\e025"; } .metrouicss .icon-cabinet:before { content: "\e026"; } .metrouicss .icon-drawer:before { content: "\e027"; } .metrouicss .icon-drawer-2:before { content: "\e028"; } .metrouicss .icon-box:before { content: "\e029"; } .metrouicss .icon-box-add:before { content: "\e02a"; } .metrouicss .icon-box-remove:before { content: "\e02b"; } .metrouicss .icon-download:before { content: "\e02c"; } .metrouicss .icon-upload:before { content: "\e02d"; } .metrouicss .icon-database:before { content: "\e02e"; } .metrouicss .icon-flip:before { content: "\e02f"; } .metrouicss .icon-flip-2:before { content: "\e030"; } .metrouicss .icon-undo:before { content: "\e031"; } .metrouicss .icon-redo:before { content: "\e032"; } .metrouicss .icon-forward:before { content: "\e033"; } .metrouicss .icon-reply:before { content: "\e034"; } .metrouicss .icon-reply-2:before { content: "\e035"; } .metrouicss .icon-comments:before { content: "\e036"; } .metrouicss .icon-comments-2:before { content: "\e037"; } .metrouicss .icon-comments-3:before { content: "\e038"; } .metrouicss .icon-comments-4:before { content: "\e039"; } .metrouicss .icon-comments-5:before { content: "\e03a"; } .metrouicss .icon-user:before { content: "\e03b"; } .metrouicss .icon-user-2:before { content: "\e03c"; } .metrouicss .icon-user-3:before { content: "\e03d"; } .metrouicss .icon-busy:before { content: "\e03e"; } .metrouicss .icon-loading:before { content: "\e03f"; } .metrouicss .icon-loading-2:before { content: "\e040"; } .metrouicss .icon-search:before { content: "\e041"; } .metrouicss .icon-zoom-in:before { content: "\e042"; } .metrouicss .icon-zoom-out:before { content: "\e043"; } .metrouicss .icon-key:before { content: "\e044"; } .metrouicss .icon-key-2:before { content: "\e045"; } .metrouicss .icon-locked:before { content: "\e046"; } .metrouicss .icon-unlocked:before { content: "\e047"; } .metrouicss .icon-wrench:before { content: "\e048"; } .metrouicss .icon-equalizer:before { content: "\e049"; } .metrouicss .icon-cog:before { content: "\e04a"; } .metrouicss .icon-pie:before { content: "\e04b"; } .metrouicss .icon-bars:before { content: "\e04c"; } .metrouicss .icon-stats-up:before { content: "\e04d"; } .metrouicss .icon-gift:before { content: "\e04e"; } .metrouicss .icon-trophy:before { content: "\e04f"; } .metrouicss .icon-diamond:before { content: "\e050"; } .metrouicss .icon-coffee:before { content: "\e051"; } .metrouicss .icon-rocket:before { content: "\e052"; } .metrouicss .icon-meter-slow:before { content: "\e053"; } .metrouicss .icon-meter-medium:before { content: "\e054"; } .metrouicss .icon-meter-fast:before { content: "\e055"; } .metrouicss .icon-dashboard:before { content: "\e056"; } .metrouicss .icon-fire:before { content: "\e057"; } .metrouicss .icon-lab:before { content: "\e058"; } .metrouicss .icon-remove:before { content: "\e059"; } .metrouicss .icon-briefcase:before { content: "\e05a"; } .metrouicss .icon-briefcase-2:before { content: "\e05b"; } .metrouicss .icon-cars:before { content: "\e05c"; } .metrouicss .icon-bus:before { content: "\e05d"; } .metrouicss .icon-cube:before { content: "\e05e"; } .metrouicss .icon-cube-2:before { content: "\e05f"; } .metrouicss .icon-puzzle:before { content: "\e060"; } .metrouicss .icon-glasses:before { content: "\e061"; } .metrouicss .icon-glasses-2:before { content: "\e062"; } .metrouicss .icon-accessibility:before { content: "\e063"; } .metrouicss .icon-accessibility-2:before { content: "\e064"; } .metrouicss .icon-target:before { content: "\e065"; } .metrouicss .icon-target-2:before { content: "\e066"; } .metrouicss .icon-lightning:before { content: "\e067"; } .metrouicss .icon-power:before { content: "\e068"; } .metrouicss .icon-power-2:before { content: "\e069"; } .metrouicss .icon-clipboard:before { content: "\e06a"; } .metrouicss .icon-clipboard-2:before { content: "\e06b"; } .metrouicss .icon-playlist:before { content: "\e06c"; } .metrouicss .icon-grid-view:before { content: "\e06d"; } .metrouicss .icon-tree-view:before { content: "\e06e"; } .metrouicss .icon-cloud:before { content: "\e06f"; } .metrouicss .icon-cloud-2:before { content: "\e070"; } .metrouicss .icon-download-2:before { content: "\e071"; } .metrouicss .icon-upload-2:before { content: "\e072"; } .metrouicss .icon-upload-3:before { content: "\e073"; } .metrouicss .icon-link:before { content: "\e074"; } .metrouicss .icon-link-2:before { content: "\e075"; } .metrouicss .icon-flag:before { content: "\e076"; } .metrouicss .icon-flag-2:before { content: "\e077"; } .metrouicss .icon-attachment:before { content: "\e078"; } .metrouicss .icon-eye:before { content: "\e079"; } .metrouicss .icon-bookmark:before { content: "\e07a"; } .metrouicss .icon-bookmark-2:before { content: "\e07b"; } .metrouicss .icon-star:before { content: "\e07c"; } .metrouicss .icon-star-2:before { content: "\e07d"; } .metrouicss .icon-star-3:before { content: "\e07e"; } .metrouicss .icon-heart:before { content: "\e07f"; } .metrouicss .icon-heart-2:before { content: "\e080"; } .metrouicss .icon-thumbs-up:before { content: "\e081"; } .metrouicss .icon-thumbs-down:before { content: "\e082"; } .metrouicss .icon-plus:before { content: "\e083"; } .metrouicss .icon-minus:before { content: "\e084"; } .metrouicss .icon-help:before { content: "\e085"; } .metrouicss .icon-help-2:before { content: "\e086"; } .metrouicss .icon-blocked:before { content: "\e087"; } .metrouicss .icon-cancel:before { content: "\e088"; } .metrouicss .icon-cancel-2:before { content: "\e089"; } .metrouicss .icon-checkmark:before { content: "\e08a"; } .metrouicss .icon-minus-2:before { content: "\e08b"; } .metrouicss .icon-plus-2:before { content: "\e08c"; } .metrouicss .icon-enter:before { content: "\e08d"; } .metrouicss .icon-exit:before { content: "\e08e"; } .metrouicss .icon-loop:before { content: "\e08f"; } .metrouicss .icon-arrow-up-left:before { content: "\e090"; } .metrouicss .icon-arrow-up:before { content: "\e091"; } .metrouicss .icon-arrow-up-right:before { content: "\e092"; } .metrouicss .icon-arrow-right:before { content: "\e093"; } .metrouicss .icon-arrow-down-right:before { content: "\e094"; } .metrouicss .icon-arrow-down:before { content: "\e095"; } .metrouicss .icon-arrow-down-left:before { content: "\e096"; } .metrouicss .icon-arrow-left:before { content: "\e097"; } .metrouicss .icon-arrow-up-2:before { content: "\e098"; } .metrouicss .icon-arrow-right-2:before { content: "\e099"; } .metrouicss .icon-arrow-down-2:before { content: "\e09a"; } .metrouicss .icon-arrow-left-2:before { content: "\e09b"; } .metrouicss .icon-arrow-up-3:before { content: "\e09c"; } .metrouicss .icon-arrow-right-3:before { content: "\e09d"; } .metrouicss .icon-arrow-down-3:before { content: "\e09e"; } .metrouicss .icon-arrow-left-3:before { content: "\e09f"; } .metrouicss .icon-menu:before { content: "\e0a0"; } .metrouicss .icon-enter-2:before { content: "\e0a1"; } .metrouicss .icon-backspace:before { content: "\e0a2"; } .metrouicss .icon-backspace-2:before { content: "\e0a3"; } .metrouicss .icon-tab:before { content: "\e0a4"; } .metrouicss .icon-tab-2:before { content: "\e0a5"; } .metrouicss .icon-checkbox:before { content: "\e0a6"; } .metrouicss .icon-checkbox-unchecked:before { content: "\e0a7"; } .metrouicss .icon-checkbox-partial:before { content: "\e0a8"; } .metrouicss .icon-radio-checked:before { content: "\e0a9"; } .metrouicss .icon-radio-unchecked:before { content: "\e0aa"; } .metrouicss .icon-font:before { content: "\e0ab"; } .metrouicss .icon-paragraph-left:before { content: "\e0ac"; } .metrouicss .icon-paragraph-center:before { content: "\e0ad"; } .metrouicss .icon-paragraph-right:before { content: "\e0ae"; } .metrouicss .icon-paragraph-justify:before { content: "\e0af"; } .metrouicss .icon-left-to-right:before { content: "\e0b0"; } .metrouicss .icon-right-to-left:before { content: "\e0b1"; } .metrouicss .icon-share:before { content: "\e0b2"; } .metrouicss .icon-new-tab:before { content: "\e0b3"; } .metrouicss .icon-new-tab-2:before { content: "\e0b4"; } .metrouicss .icon-embed:before { content: "\e0b5"; } .metrouicss .icon-code:before { content: "\e0b6"; } .metrouicss .icon-bluetooth:before { content: "\e0b7"; } .metrouicss .icon-share-2:before { content: "\e0b8"; } .metrouicss .icon-share-3:before { content: "\e0b9"; } .metrouicss .icon-mail-2:before { content: "\e0ba"; } .metrouicss .icon-google:before { content: "\e0bb"; } .metrouicss .icon-google-plus:before { content: "\e0bc"; } .metrouicss .icon-google-drive:before { content: "\e0bd"; } .metrouicss .icon-facebook:before { content: "\e0be"; } .metrouicss .icon-instagram:before { content: "\e0bf"; } .metrouicss .icon-twitter:before { content: "\e0c0"; } .metrouicss .icon-feed:before { content: "\e0c1"; } .metrouicss .icon-youtube:before { content: "\e0c2"; } .metrouicss .icon-vimeo:before { content: "\e0c3"; } .metrouicss .icon-flickr:before { content: "\e0c4"; } .metrouicss .icon-picassa:before { content: "\e0c5"; } .metrouicss .icon-dribbble:before { content: "\e0c6"; } .metrouicss .icon-deviantart:before { content: "\e0c7"; } .metrouicss .icon-github:before { content: "\e0c8"; } .metrouicss .icon-github-2:before { content: "\e0c9"; } .metrouicss .icon-github-3:before { content: "\e0ca"; } .metrouicss .icon-github-4:before { content: "\e0cb"; } .metrouicss .icon-github-5:before { content: "\e0cc"; } .metrouicss .icon-git:before { content: "\e0cd"; } .metrouicss .icon-github-6:before { content: "\e0ce"; } .metrouicss .icon-wordpress:before { content: "\e0cf"; } .metrouicss .icon-joomla:before { content: "\e0d0"; } .metrouicss .icon-blogger:before { content: "\e0d1"; } .metrouicss .icon-tumblr:before { content: "\e0d2"; } .metrouicss .icon-yahoo:before { content: "\e0d3"; } .metrouicss .icon-amazon:before { content: "\e0d4"; } .metrouicss .icon-tux:before { content: "\e0d5"; } .metrouicss .icon-apple:before { content: "\e0d6"; } .metrouicss .icon-finder:before { content: "\e0d7"; } .metrouicss .icon-android:before { content: "\e0d8"; } .metrouicss .icon-windows:before { content: "\e0d9"; } .metrouicss .icon-soundcloud:before { content: "\e0da"; } .metrouicss .icon-skype:before { content: "\e0db"; } .metrouicss .icon-reddit:before { content: "\e0dc"; } .metrouicss .icon-linkedin:before { content: "\e0dd"; } .metrouicss .icon-lastfm:before { content: "\e0de"; } .metrouicss .icon-delicious:before { content: "\e0df"; } .metrouicss .icon-stumbleupon:before { content: "\e0e0"; } .metrouicss .icon-pinterest:before { content: "\e0e1"; } .metrouicss .icon-xing:before { content: "\e0e2"; } .metrouicss .icon-flattr:before { content: "\e0e3"; } .metrouicss .icon-foursquare:before { content: "\e0e4"; } .metrouicss .icon-paypal:before { content: "\e0e5"; } .metrouicss .icon-yelp:before { content: "\e0e6"; } .metrouicss .icon-libreoffice:before { content: "\e0e7"; } .metrouicss .icon-file-pdf:before { content: "\e0e8"; } .metrouicss .icon-file-openoffice:before { content: "\e0e9"; } .metrouicss .icon-file-word:before { content: "\e0ea"; } .metrouicss .icon-file-excel:before { content: "\e0eb"; } .metrouicss .icon-file-powerpoint:before { content: "\e0ec"; } .metrouicss .icon-file-zip:before { content: "\e0ed"; } .metrouicss .icon-file-xml:before { content: "\e0ee"; } .metrouicss .icon-file-css:before { content: "\e0ef"; } .metrouicss .icon-html5:before { content: "\e0f0"; } .metrouicss .icon-html5-2:before { content: "\e0f1"; } .metrouicss .icon-css3:before { content: "\e0f2"; } .metrouicss .icon-chrome:before { content: "\e0f3"; } .metrouicss .icon-firefox:before { content: "\e0f4"; } .metrouicss .icon-IE:before { content: "\e0f5"; } .metrouicss .icon-opera:before { content: "\e0f6"; } .metrouicss .icon-safari:before { content: "\e0f7"; } .metrouicss .icon-IcoMoon:before { content: "\e0f8"; } .metrouicss .icon-sunrise:before { content: "\e0f9"; } .metrouicss .icon-sun:before { content: "\e0fa"; } .metrouicss .icon-moon:before { content: "\e0fb"; } .metrouicss .icon-sun-2:before { content: "\e0fc"; } .metrouicss .icon-windy:before { content: "\e0fd"; } .metrouicss .icon-wind:before { content: "\e0fe"; } .metrouicss .icon-snowflake:before { content: "\e0ff"; } .metrouicss .icon-cloudy:before { content: "\e100"; } .metrouicss .icon-cloud-3:before { content: "\e101"; } .metrouicss .icon-weather:before { content: "\e102"; } .metrouicss .icon-weather-2:before { content: "\e103"; } .metrouicss .icon-weather-3:before { content: "\e104"; } .metrouicss .icon-lines:before { content: "\e105"; } .metrouicss .icon-cloud-4:before { content: "\e106"; } .metrouicss .icon-lightning-2:before { content: "\e107"; } .metrouicss .icon-lightning-3:before { content: "\e108"; } .metrouicss .icon-rainy:before { content: "\e109"; } .metrouicss .icon-rainy-2:before { content: "\e10a"; } .metrouicss .icon-windy-2:before { content: "\e10b"; } .metrouicss .icon-windy-3:before { content: "\e10c"; } .metrouicss .icon-snowy:before { content: "\e10d"; } .metrouicss .icon-snowy-2:before { content: "\e10e"; } .metrouicss .icon-snowy-3:before { content: "\e10f"; } .metrouicss .icon-weather-4:before { content: "\e110"; } .metrouicss .icon-cloudy-2:before { content: "\e111"; } .metrouicss .icon-cloud-5:before { content: "\e112"; } .metrouicss .icon-lightning-4:before { content: "\e113"; } .metrouicss .icon-sun-3:before { content: "\e114"; } .metrouicss .icon-moon-2:before { content: "\e115"; } .metrouicss .icon-cloudy-3:before { content: "\e116"; } .metrouicss .icon-cloud-6:before { content: "\e117"; } .metrouicss .icon-cloud-7:before { content: "\e118"; } .metrouicss .icon-lightning-5:before { content: "\e119"; } .metrouicss .icon-rainy-3:before { content: "\e11a"; } .metrouicss .icon-rainy-4:before { content: "\e11b"; } .metrouicss .icon-windy-4:before { content: "\e11c"; } .metrouicss .icon-windy-5:before { content: "\e11d"; } .metrouicss .icon-snowy-4:before { content: "\e11e"; } .metrouicss .icon-snowy-5:before { content: "\e11f"; } .metrouicss .icon-weather-5:before { content: "\e120"; } .metrouicss .icon-cloudy-4:before { content: "\e121"; } .metrouicss .icon-lightning-6:before { content: "\e122"; } .metrouicss .icon-thermometer:before { content: "\e123"; } .metrouicss .icon-compass-2:before { content: "\e124"; } .metrouicss .icon-none:before { content: "\e125"; } .metrouicss .icon-Celsius:before { content: "\e126"; } .metrouicss .icon-Fahrenheit:before { content: "\e127"; } .metrouicss .icon-forrst:before { content: "\e128"; } .metrouicss .icon-headphones:before { content: "\e129"; } .metrouicss .icon-bug:before { content: "\e12a"; } .metrouicss .icon-cart-2:before { content: "\e12b"; } .metrouicss .icon-earth:before { content: "\e12c"; } .metrouicss .icon-battery:before { content: "\e12d"; } .metrouicss .icon-list:before { content: "\e12e"; } .metrouicss .icon-grid:before { content: "\e12f"; } .metrouicss .icon-alarm:before { content: "\e130"; } .metrouicss .icon-location-2:before { content: "\e131"; } .metrouicss .icon-pointer:before { content: "\e132"; } .metrouicss .icon-diary:before { content: "\e133"; } .metrouicss .icon-eye-2:before { content: "\e134"; } .metrouicss .icon-console:before { content: "\e135"; } .metrouicss .icon-location-3:before { content: "\e136"; } .metrouicss .icon-move:before { content: "\e137"; } .metrouicss .icon-gift-2:before { content: "\e138"; } .metrouicss .icon-monitor:before { content: "\e139"; } .metrouicss .icon-mobile-2:before { content: "\e13a"; } .metrouicss .icon-switch:before { content: "\e13b"; } .metrouicss .icon-star-4:before { content: "\e13c"; } .metrouicss .icon-address-book:before { content: "\e13d"; } .metrouicss .icon-shit:before { content: "\e13e"; } .metrouicss .icon-cone:before { content: "\e13f"; } .metrouicss .icon-credit-card:before { content: "\e140"; } .metrouicss .icon-type:before { content: "\e141"; } .metrouicss .icon-volume:before { content: "\e142"; } .metrouicss .icon-volume-2:before { content: "\e143"; } .metrouicss .icon-locked-2:before { content: "\e144"; } .metrouicss .icon-warning:before { content: "\e145"; } .metrouicss .icon-info:before { content: "\e146"; } .metrouicss .icon-filter:before { content: "\e147"; } .metrouicss .icon-bookmark-3:before { content: "\e148"; } .metrouicss .icon-bookmark-4:before { content: "\e149"; } .metrouicss .icon-stats:before { content: "\e14a"; } .metrouicss .icon-compass-3:before { content: "\e14b"; } .metrouicss .icon-keyboard:before { content: "\e14c"; } .metrouicss .icon-award-fill:before { content: "\e14d"; } .metrouicss .icon-award-stroke:before { content: "\e14e"; } .metrouicss .icon-beaker-alt:before { content: "\e14f"; } .metrouicss .icon-beaker:before { content: "\e150"; } .metrouicss .icon-move-vertical:before { content: "\e151"; } .metrouicss .icon-move-horizontal:before { content: "\e153"; } .metrouicss .icon-steering-wheel:before { content: "\e152"; } .metrouicss .icon-volume-3:before { content: "\e154"; } .metrouicss .icon-volume-mute:before { content: "\e155"; } .metrouicss .icon-play:before { content: "\e156"; } .metrouicss .icon-pause:before { content: "\e157"; } .metrouicss .icon-stop:before { content: "\e158"; } .metrouicss .icon-eject:before { content: "\e159"; } .metrouicss .icon-first:before { content: "\e15a"; } .metrouicss .icon-last:before { content: "\e15b"; } .metrouicss .icon-play-alt:before { content: "\e15c"; } .metrouicss .icon-battery-empty:before { content: "\e15d"; } .metrouicss .icon-battery-half:before { content: "\e15e"; } .metrouicss .icon-battery-full:before { content: "\e15f"; } .metrouicss .icon-battery-charging:before { content: "\e160"; } .metrouicss .icon-left-quote:before { content: "\e161"; } .metrouicss .icon-right-quote:before { content: "\e162"; } .metrouicss .icon-left-quote-alt:before { content: "\e163"; } .metrouicss .icon-right-quote-alt:before { content: "\e164"; } .metrouicss .icon-smiley:before { content: "\e165"; } .metrouicss .icon-umbrella:before { content: "\e166"; } .metrouicss .icon-info-2:before { content: "\e167"; } .metrouicss .icon-chart-alt:before { content: "\e168"; } .metrouicss .icon-save:before { content: "\e169"; } .metrouicss .fg-color-blue { color: #2d89ef !important; } .metrouicss .fg-color-blueLight { color: #eff4ff !important; } .metrouicss .fg-color-blueDark { color: #2b5797 !important; } .metrouicss .fg-color-green { color: #00a300 !important; } .metrouicss .fg-color-greenLight { color: #99b433 !important; } .metrouicss .fg-color-greenDark { color: #1e7145 !important; } .metrouicss .fg-color-red { color: #b91d47 !important; } .metrouicss .fg-color-yellow { color: #ffc40d !important; } .metrouicss .fg-color-orange { color: #e3a21a !important; } .metrouicss .fg-color-orangeDark { color: #da532c !important; } .metrouicss .fg-color-pink { color: #9f00a7 !important; } .metrouicss .fg-color-pinkDark { color: #7e3878 !important; } .metrouicss .fg-color-purple { color: #603cba !important; } .metrouicss .fg-color-darken { color: #1d1d1d !important; } .metrouicss .fg-color-lighten { color: #d5e7ec !important; } .metrouicss .fg-color-white { color: #ffffff !important; } .metrouicss .fg-color-grayDark { color: #525252 !important; } .metrouicss .fg-color-magenta { color: #ff0097 !important; } .metrouicss .fg-color-teal { color: #00aba9 !important; } .metrouicss .fg-color-redLight { color: #ee1111 !important; } .metrouicss .bg-color-blue { background-color: #2d89ef !important; } .metrouicss .bg-color-blueLight { background-color: #eff4ff !important; } .metrouicss .bg-color-blueDark { background-color: #2b5797 !important; } .metrouicss .bg-color-green { background-color: #00a300 !important; } .metrouicss .bg-color-greenLight { background-color: #99b433 !important; } .metrouicss .bg-color-greenDark { background-color: #1e7145 !important; } .metrouicss .bg-color-red { background-color: #b91d47 !important; } .metrouicss .bg-color-yellow { background-color: #ffc40d !important; } .metrouicss .bg-color-orange { background-color: #e3a21a !important; } .metrouicss .bg-color-orangeDark { background-color: #da532c !important; } .metrouicss .bg-color-pink { background-color: #9f00a7 !important; } .metrouicss .bg-color-pinkDark { background-color: #7e3878 !important; } .metrouicss .bg-color-purple { background-color: #603cba !important; } .metrouicss .bg-color-darken { background-color: #1d1d1d !important; } .metrouicss .bg-color-lighten { background-color: #d5e7ec !important; } .metrouicss .bg-color-white { background-color: #ffffff !important; } .metrouicss .bg-color-grayDark { background-color: #525252 !important; } .metrouicss .bg-color-magenta { background-color: #ff0097 !important; } .metrouicss .bg-color-teal { background-color: #00aba9 !important; } .metrouicss .bg-color-redLight { background-color: #ee1111 !important; } .metrouicss [class*=border-color] { border: 2px solid; } .metrouicss .border-color-blue { border-color: #2d89ef !important; } .metrouicss .border-color-blueLight { border-color: #eff4ff !important; } .metrouicss .border-color-blueDark { border-color: #2b5797 !important; } .metrouicss .border-color-green { border-color: #00a300 !important; } .metrouicss .border-color-greenLight { border-color: #99b433 !important; } .metrouicss .border-color-greenDark { border-color: #1e7145 !important; } .metrouicss .border-color-red { border-color: #b91d47 !important; } .metrouicss .border-color-yellow { border-color: #ffc40d !important; } .metrouicss .border-color-orange { border-color: #e3a21a !important; } .metrouicss .border-color-orangeDark { border-color: #da532c !important; } .metrouicss .border-color-pink { border-color: #9f00a7 !important; } .metrouicss .border-color-pinkDark { border-color: #7e3878 !important; } .metrouicss .border-color-purple { border-color: #603cba !important; } .metrouicss .border-color-darken { border-color: #1d1d1d !important; } .metrouicss .border-color-lighten { border-color: #d5e7ec !important; } .metrouicss .border-color-white { border-color: #ffffff !important; } .metrouicss .border-color-grayDark { border-color: #525252 !important; } .metrouicss .border-color-magenta { border-color: #ff0097 !important; } .metrouicss .border-color-teal { border-color: #00aba9 !important; } .metrouicss .border-color-redLight { border-color: #ee1111 !important; } .metrouicss *:hover[class=outline-color] { outline: 3px solid; } .metrouicss .outline-color-blue { outline-color: #2d89ef !important; } .metrouicss .outline-color-blueLight { outline-color: #eff4ff !important; } .metrouicss .outline-color-blueDark { outline-color: #2b5797 !important; } .metrouicss .outline-color-green { outline-color: #00a300 !important; } .metrouicss .outline-color-greenLight { outline-color: #99b433 !important; } .metrouicss .outline-color-greenDark { outline-color: #1e7145 !important; } .metrouicss .outline-color-red { outline-color: #b91d47 !important; } .metrouicss .outline-color-yellow { outline-color: #ffc40d !important; } .metrouicss .outline-color-orange { outline-color: #e3a21a !important; } .metrouicss .outline-color-orangeDark { outline-color: #da532c !important; } .metrouicss .outline-color-pink { outline-color: #9f00a7 !important; } .metrouicss .outline-color-pinkDark { outline-color: #7e3878 !important; } .metrouicss .outline-color-purple { outline-color: #603cba !important; } .metrouicss .outline-color-darken { outline-color: #1d1d1d !important; } .metrouicss .outline-color-lighten { outline-color: #d5e7ec !important; } .metrouicss .outline-color-white { outline-color: #ffffff !important; } .metrouicss .outline-color-grayDark { outline-color: #525252 !important; } .metrouicss .outline-color-magenta { outline-color: #ff0097 !important; } .metrouicss .outline-color-teal { outline-color: #00aba9 !important; } .metrouicss .outline-color-redLight { outline-color: #ee1111 !important; } .metrouicss .item-margin { margin: 0 10px 10px 0; } .metrouicss .column-margin { margin: 0 20px 10px 0; } .metrouicss .group-margin { margin: 0 80px 10px 0; } .metrouicss .brick { position: relative; margin: 0 10px 10px 0; display: block; float: none !important; } .metrouicss .short-brick { position: relative; margin: 0 10px 10px 0; display: block; float: none !important; width: 150px; height: 150px; } .metrouicss .medium-brick { position: relative; margin: 0 10px 10px 0; display: block; float: none !important; width: 310px; height: 150px; } .metrouicss .square { display: block; float: left; margin-right: 10px; height: 20px; width: 20px; } .metrouicss *, .metrouicss *:after, .metrouicss *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .metrouicss .one-column { -moz-columns: 1; -webkit-columns: 1; columns: 1; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .metrouicss .two-columns { -moz-columns: 2; -webkit-columns: 2; columns: 2; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .metrouicss .three-columns { -moz-columns: 3; -webkit-columns: 3; columns: 3; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .metrouicss .four-columns { -moz-columns: 4; -webkit-columns: 4; columns: 4; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .metrouicss .five-columns { -moz-columns: 5; -webkit-columns: 5; columns: 5; -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; } .metrouicss .page { position: relative; height: 100%; min-height: 100%; width: 100%; *zoom: 1; } .metrouicss .page:before, .metrouicss .page:after { display: table; content: ""; } .metrouicss .page:after { clear: both; } .metrouicss .page .page-header { width: 100%; position: relative; display: block; } .metrouicss .page .page-header .page-header-content { height: 100px; min-height: 100px; width: 100%; position: relative; display: block; } .metrouicss .page .page-header .page-header-content h1, .metrouicss .page .page-header .page-header-content h2, .metrouicss .page .page-header .page-header-content h3, .metrouicss .page .page-header .page-header-content h4, .metrouicss .page .page-header .page-header-content h5 { position: absolute; margin: 0; padding: 0; left: 20px; bottom: 0; } .metrouicss .page .page-header .page-header-content h1 small { font-size: 12pt; margin-left: 5px; } .metrouicss .page .page-header .page-header-content h1.sub-menu { cursor: pointer; } .metrouicss .page .page-header .page-header-content h1.sub-menu:after { position: absolute; content: "\3009"; display: inline-block; font-size: 10pt; bottom: -5px; right: -15px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .metrouicss .page .page-header .page-header-content > .page-back { position: absolute; top: 34px; left: 30px; } .metrouicss .page .page-header .page-header-content .user-login { float: right; margin: 55px 44px 0 0; cursor: pointer; } .metrouicss .page .page-header .page-header-content .user-login .avatar { float: right; border: 1px #ccc solid; width: 40px; height: 40px; } .metrouicss .page .page-header .page-header-content .user-login .avatar img, .metrouicss .page .page-header .page-header-content .user-login .avatar [class^="icon-"], .metrouicss .page .page-header .page-header-content .user-login .avatar [class*=" icon-"] { width: 100%; height: 100%; } .metrouicss .page .page-header .page-header-content .user-login .avatar [class^="icon-"], .metrouicss .page .page-header .page-header-content .user-login .avatar [class*=" icon-"] { margin-top: 2px; font-size: 30px; line-height: 30px; display: block; } .metrouicss .page .page-header .page-header-content .user-login .name { float: left; margin: -5px 10px 0; text-align: right; } .metrouicss .page .page-header .page-header-content .user-login .name .first-name { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; display: block; margin: 0; } .metrouicss .page .page-header .page-header-content .user-login .name .last-name { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; display: block; margin: 0; } .metrouicss .page .page-region { display: block; } .metrouicss .page .page-region .page-region-content { padding-top: 10px; padding-left: 0; padding-right: 0; padding-bottom: 20px; display: block; height: 100%; position: relative; } .metrouicss .page.secondary .page-header .page-header-content h1, .metrouicss .page.secondary .page-header .page-header-content h2, .metrouicss .page.secondary .page-header .page-header-content h3, .metrouicss .page.secondary .page-header .page-header-content h4, .metrouicss .page.secondary .page-header .page-header-content h5 { position: absolute; margin: 0; padding: 0; left: 120px; bottom: 0; } .metrouicss .page.secondary .page-region .page-region-content { padding-left: 120px; } .metrouicss .page.snapped { width: 33.33%; height: 100%; float: left; border-right: 1px #ccc solid; } .metrouicss .page.fill { width: 66.66%; height: 100%; float: right; border-left: 1px #ccc solid; } .metrouicss .page.snapped .page .page-header .page-header-content h1, .metrouicss .page.snapped .page .page-header .page-header-content h2, .metrouicss .page.snapped .page .page-header .page-header-content h3, .metrouicss .page.snapped .page .page-header .page-header-content h4, .metrouicss .page.snapped .page .page-header .page-header-content h5 { margin-left: 20px; } .metrouicss .page.snapped .page .page-region .page-region-content { padding-left: 20px; } .metrouicss .page.fixed-header .page-header { position: fixed; top: 0; left: 0; right: 0; } .metrouicss .page.fixed-header .page-region { padding-top: 140px; } .metrouicss .page.with-sidebar .page-region { margin-left: 220px; width: auto; *zoom: 1; } .metrouicss .page.with-sidebar .page-region .page-region-content { padding-left: 20px; } .metrouicss .page.with-sidebar .page-region:before, .metrouicss .page.with-sidebar .page-region:after { display: table; content: ""; } .metrouicss .page.with-sidebar .page-region:after { clear: both; } .metrouicss .app-bar { position: fixed; bottom: 0; left: 0; right: 0; min-height: 100px; background-color: #1d1d1d !important; } .metrouicss .charms { position: fixed; right: 0; top: 0; bottom: 0; height: 100%; min-width: 200px; width: auto; } .metrouicss .charms.place-left { left: 0; right: auto; } .metrouicss .message-dialog { position: fixed; left: 0; right: 0; height: auto; min-height: 100px; top: 30%; padding: 10px 10px 0; } .metrouicss .error-bar, .metrouicss .warning-bar, .metrouicss .info-bar { position: fixed; top: 0; left: 0; right: 0; padding: 10px 20px; color: #fff; min-height: 100px; } .metrouicss .error-bar { background-color: #b91d47 !important; } .metrouicss .warning-bar { background-color: #ffc40d !important; } .metrouicss .info-bar { background-color: #2d89ef !important; } .metrouicss .modern-ui-logo, .metrouicss .metro-ui-logo { height: 28px; width: 28px; display: block; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGESURBVFhH7ZevTsNQFIfbZgKxB9gjIHgABAIcS0CSQIJE4LEIEgQCyQNMIiHhIRAgEAgECWKIySUTCEjLd3t/Cyml3em6DtMvOTn33PM3XdvbBU2SJMmKlssnjuNtZIisa2t50HQNmXAFEvQHsi9X89CzR8M31/wXZwppDpp0aX7v++XBd41q7r5Qg1I0YE8pQYixqbWFpzAMx1pnoPA5vlOZpdDzHdWPoujZGVX4c1iaH8pvhpwJshOpxtxQawM18JYdrlYXdbKIAa4o1pFphrxX8g5qD0CRPsUeZZogfkzeLjJaxAAjZIuit9oqhbgv4veQl+lGFQqfGHwdbqpLH1YMMUdK8WjfysxHlgbHyKfiM7B/obAf5LNiemfQyB1E6VkwBfsGlb9ZvduM+aVFQ3cgDV0S+gHlHrs8LqAC5gEcxLuD6c5pbeVJy9qpNECLCV1aK+lPwO86kD0TF5s2KqD2m7Au7QDtAO0A7QD/PsBcf0zIWWVdfMRmcd+M/vsvRxB8A6+/IU2N93KYAAAAAElFTkSuQmCC); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .metrouicss .back-button { height: 32px; width: 32px; display: block; background-image: url(data:image/png;base64,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); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .metrouicss .back-button.big { height: 48px; width: 48px; left: 36px; top: 40px; } .metrouicss .back-button.white { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAVESURBVGhDzZoxiFRJEIZ3hg0MNjAQnGADAw+EMzAw2EBxMzcw8MBgL9vQcA82EDRQLlgDRY9DEAwu8OCSAw/2QI8NDPQwuEDFQEThghUcUVBQUFB2/f7uej39Zt7M9NuZ92Z/qO3uqu6q6nnV/fpVb2NqTNjc3JxrNBrzW1tbe2nOQi0rhbbRS+g1/e5T3qf8SjkZ4OgunF6AbkAbtEuBMW+gm9ApmjOmtnpgbBpawvArOTIOoOsdtEx1l5lJRqkQwsgJilUe/UHP6QDjCo870GOoTZ8sZCRr0W6ppPk9tEB7v2QxkL+guNBsNn/3nDEBxTM4f4syB3jPKc5THrauyWDcAegMYx9KVwx49yg02dGBslnoiVftQVvxq0c+bd1GAnoUkv875QbaG1DpHyYHFMxBIdapf4FWqe62LmMDOrUprECfnDFA/QO0aF3KgYFy/oPpypRpDVQKs9u9QSyZOA0oUNjEv7xi/YCJKwe2Wtj8zxkH1D9BcyYeDPprwYaYN+f3mLg2YFN+PHBOAOqvoOzF2B90CrsNdYVQbb98N7CtJxFektT1VPpvHHQ44bu6zlqwlcf8MODDYShei6dNlAeyaYRx6KyaaOKQ0+aW/NLaDEeP8CaGqZX+m9Xf8qb8DnqvdgqkFFpmTPcjvg5Pb+VtA706vjxBTxbOF6ift7rroD043nWWTZQEhmjB6e2ZQ1k9g4C6k16r06uQ6rypYSx4kRNq10l+w9K3cuczoPOuqZf+zlqgccP4QufRDAF9a3NeQPWSt+BsrBvbTSDeqpLOH3St1XkB9Xu8FWdHR44ZOT/nWY65YX0Hgq61O58htkt9sclqnjeZoPP8QDBOu81txh0xlgO8nzjHX7VmlfjHSuFYE8P6hs2gj5G+2AHOC4+sFFpN/sTni7779Q5xXoh9nG0opiKnjlJXxiCHAc5fhfeLNavAZ/TnflT8nYXn1ir2X4oRfwntc70iwCtcsHUAu3fNjRxM7KAQCi8t2j15Gnhr3b/8ToIm4DIHhqLz9rWiiU0K+BKOENTbWgO3+IVPGu8H6n9ZPYA+pyj+QJY7YqDgT4qPvjV+YO8ZdNGaDtg8RPHQ6o/k3K9UHKgXn7WBJgF9sa4OtLU26suqAWzG57Y1hdBrL3JQ0qkQbJX6tX9kXAgnfp0jtG9DdU4iTqq19RiUkHVgRs9N0Bf0meiTwNa6t+qwpAnoS+yNbzsM/Qae1CSkP7NrpU820LgppuGMYw4BY2qfBPoXvSVvy9jeGeNL4FZ4CjQOqm0S6I4zJivGDo/mnRc5JGfCGFfLJNAXr1XZy58aYK54seug40Vyrp7+lU8CfXGS64qxO4CvD/twLqLeeUQJoH9lk5Bur9HpVKQUZwoRxN+c6fnICoEP+6GwS1I/Z6Ji0EG/mgN1pVrGc9GwDWBba7M7Tzs4tOlQlI8sfXc1KrCp99OacwJQV3q/52qrEHTszkdqAdX2JLClXz44L9DWgTIdDAgvDYH26Fc+CcCGYr77SutnE5cDY3V31X3lo0RrcuauDNCtnSw+1mzf+Qwo6Lnyof2UIvuGGBnomkdn2OcF2vqxyoVNP6BIV07hyicDPOUqtfWWvsFhjOJ8ESq8voWSFmxIrw8DepXi1gfPWb4DehY0MmUzlHRS3kaZhDbfEOGimyK76JZjx6H5gi88pfMvw78EffbcMQMjuyFdboe1MSrQpdugK1Tru4vDmN4Xp6H17UzGnL4H6QzWk85JRXIIDQIOKPGl+7RjkMLE/bsNYeCyHMhcSEEKKf0fxb+Uf1O+pRwBU1PfACwo53PCh30zAAAAAElFTkSuQmCC); } .metrouicss button, .metrouicss .button { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; text-align: center; vertical-align: middle !important; min-width: 90px; min-height: 32px; height: 32px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; cursor: pointer; width: auto; *zoom: 1; } .metrouicss button:before, .metrouicss .button:before, .metrouicss button:after, .metrouicss .button:after { display: table; content: ""; } .metrouicss button:after, .metrouicss .button:after { clear: both; } .metrouicss button.standart, .metrouicss .button.standart { min-width: 90px; min-height: 32px; } .metrouicss button:active, .metrouicss .button:active, .metrouicss button.default:active, .metrouicss .button.default:active { top: 1px; left: 1px; } .metrouicss button:disabled, .metrouicss .button:disabled, .metrouicss button.disabled, .metrouicss .button.disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss button.default, .metrouicss .button.default { background-color: #008287; color: #fff; } .metrouicss button:focus, .metrouicss .button:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss a.button:hover, .metrouicss a.button:active { color: inherit; } .metrouicss a.button.big { padding: 14px 10px; } .metrouicss button.mini, .metrouicss .button.mini, .metrouicss .tool-button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss button.big, .metrouicss .button.big, .metrouicss .tool-button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .tool-button.mini { min-width: 22px; width: 22px; } .metrouicss .tool-button.big { min-width: 48px; width: 48px; } .metrouicss .command-button { display: inline-block; width: 330px; text-align: left; padding: 10px 20px; height: auto; color: #000; background-color: #ccc; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; } .metrouicss .command-button > small { display: block; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; font-size: 10pt; color: #505050; } .metrouicss .command-button.default > small { color: #ccc; } .metrouicss .tool-button { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; vertical-align: middle !important; min-width: 90px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; cursor: pointer; width: auto; *zoom: 1; min-width: 32px; min-height: 32px; width: 32px; height: 32px; text-align: center; position: relative; padding: 0; } .metrouicss .tool-button [class^="icon-"], .metrouicss .tool-button [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss .tool-button [class^="icon-"].icon-large, .metrouicss .tool-button [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss .tool-button.big [class^="icon-"], .metrouicss .tool-button.big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss .tool-button [class^="icon-"], .metrouicss .tool-button [class*=" icon-"] { margin-right: 5px; } .metrouicss .tool-button [class^="icon-"].right, .metrouicss .tool-button [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss .tool-button:before, .metrouicss .tool-button:after { display: table; content: ""; } .metrouicss .tool-button:after { clear: both; } .metrouicss .tool-button.standart { min-width: 90px; min-height: 32px; } .metrouicss .tool-button:active, .metrouicss .tool-button.default:active { top: 1px; left: 1px; } .metrouicss .tool-button:disabled, .metrouicss .tool-button.disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss .tool-button.default { background-color: #008287; color: #fff; } .metrouicss .tool-button:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss .tool-button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .tool-button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .tool-button img { width: 16px; height: 16px; top: 8px; } .metrouicss .toolbar { *zoom: 1; } .metrouicss .toolbar a, .metrouicss .toolbar button { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; vertical-align: middle !important; min-width: 90px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; cursor: pointer; width: auto; *zoom: 1; min-width: 32px; min-height: 32px; width: 32px; height: 32px; text-align: center; position: relative; padding: 0; margin-right: 0px; } .metrouicss .toolbar a.mini, .metrouicss .toolbar button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .toolbar a.big, .metrouicss .toolbar button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .toolbar a.mini, .metrouicss .toolbar button.mini { min-width: 22px; width: 22px; } .metrouicss .toolbar a.big, .metrouicss .toolbar button.big { min-width: 48px; width: 48px; } .metrouicss .toolbar a [class^="icon-"], .metrouicss .toolbar button [class^="icon-"], .metrouicss .toolbar a [class*=" icon-"], .metrouicss .toolbar button [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss .toolbar a [class^="icon-"].icon-large, .metrouicss .toolbar button [class^="icon-"].icon-large, .metrouicss .toolbar a [class*=" icon-"].icon-large, .metrouicss .toolbar button [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss .toolbar a.big [class^="icon-"], .metrouicss .toolbar button.big [class^="icon-"], .metrouicss .toolbar a.big [class*=" icon-"], .metrouicss .toolbar button.big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss .toolbar a [class^="icon-"], .metrouicss .toolbar button [class^="icon-"], .metrouicss .toolbar a [class*=" icon-"], .metrouicss .toolbar button [class*=" icon-"] { margin-right: 5px; } .metrouicss .toolbar a [class^="icon-"].right, .metrouicss .toolbar button [class^="icon-"].right, .metrouicss .toolbar a [class*=" icon-"].right, .metrouicss .toolbar button [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss .toolbar a:before, .metrouicss .toolbar button:before, .metrouicss .toolbar a:after, .metrouicss .toolbar button:after { display: table; content: ""; } .metrouicss .toolbar a:after, .metrouicss .toolbar button:after { clear: both; } .metrouicss .toolbar a.standart, .metrouicss .toolbar button.standart { min-width: 90px; min-height: 32px; } .metrouicss .toolbar a:active, .metrouicss .toolbar button:active, .metrouicss .toolbar a.default:active, .metrouicss .toolbar button.default:active { top: 1px; left: 1px; } .metrouicss .toolbar a:disabled, .metrouicss .toolbar button:disabled, .metrouicss .toolbar a.disabled, .metrouicss .toolbar button.disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss .toolbar a.default, .metrouicss .toolbar button.default { background-color: #008287; color: #fff; } .metrouicss .toolbar a:focus, .metrouicss .toolbar button:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss .toolbar a.mini, .metrouicss .toolbar button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .toolbar a.big, .metrouicss .toolbar button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .toolbar a img, .metrouicss .toolbar button img { width: 16px; height: 16px; top: 8px; } .metrouicss .toolbar a { padding: 5px 0; } .metrouicss .toolbar:before, .metrouicss .toolbar:after { display: table; content: ""; } .metrouicss .toolbar:after { clear: both; } .metrouicss .toolbar .toolbar-group { margin-right: 20px; margin-bottom: 10px; float: left; } .metrouicss .toolbar-vertical { width: 33px; float: left; margin-right: 10px; *zoom: 1; } .metrouicss .toolbar-vertical a, .metrouicss .toolbar-vertical button { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; vertical-align: middle !important; min-width: 90px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; cursor: pointer; width: auto; *zoom: 1; min-width: 32px; min-height: 32px; width: 32px; height: 32px; text-align: center; position: relative; padding: 0; margin-bottom: 5px; } .metrouicss .toolbar-vertical a.mini, .metrouicss .toolbar-vertical button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .toolbar-vertical a.big, .metrouicss .toolbar-vertical button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .toolbar-vertical a.mini, .metrouicss .toolbar-vertical button.mini { min-width: 22px; width: 22px; } .metrouicss .toolbar-vertical a.big, .metrouicss .toolbar-vertical button.big { min-width: 48px; width: 48px; } .metrouicss .toolbar-vertical a [class^="icon-"], .metrouicss .toolbar-vertical button [class^="icon-"], .metrouicss .toolbar-vertical a [class*=" icon-"], .metrouicss .toolbar-vertical button [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss .toolbar-vertical a [class^="icon-"].icon-large, .metrouicss .toolbar-vertical button [class^="icon-"].icon-large, .metrouicss .toolbar-vertical a [class*=" icon-"].icon-large, .metrouicss .toolbar-vertical button [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss .toolbar-vertical a.big [class^="icon-"], .metrouicss .toolbar-vertical button.big [class^="icon-"], .metrouicss .toolbar-vertical a.big [class*=" icon-"], .metrouicss .toolbar-vertical button.big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss .toolbar-vertical a [class^="icon-"], .metrouicss .toolbar-vertical button [class^="icon-"], .metrouicss .toolbar-vertical a [class*=" icon-"], .metrouicss .toolbar-vertical button [class*=" icon-"] { margin-right: 5px; } .metrouicss .toolbar-vertical a [class^="icon-"].right, .metrouicss .toolbar-vertical button [class^="icon-"].right, .metrouicss .toolbar-vertical a [class*=" icon-"].right, .metrouicss .toolbar-vertical button [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss .toolbar-vertical a:before, .metrouicss .toolbar-vertical button:before, .metrouicss .toolbar-vertical a:after, .metrouicss .toolbar-vertical button:after { display: table; content: ""; } .metrouicss .toolbar-vertical a:after, .metrouicss .toolbar-vertical button:after { clear: both; } .metrouicss .toolbar-vertical a.standart, .metrouicss .toolbar-vertical button.standart { min-width: 90px; min-height: 32px; } .metrouicss .toolbar-vertical a:active, .metrouicss .toolbar-vertical button:active, .metrouicss .toolbar-vertical a.default:active, .metrouicss .toolbar-vertical button.default:active { top: 1px; left: 1px; } .metrouicss .toolbar-vertical a:disabled, .metrouicss .toolbar-vertical button:disabled, .metrouicss .toolbar-vertical a.disabled, .metrouicss .toolbar-vertical button.disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss .toolbar-vertical a.default, .metrouicss .toolbar-vertical button.default { background-color: #008287; color: #fff; } .metrouicss .toolbar-vertical a:focus, .metrouicss .toolbar-vertical button:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss .toolbar-vertical a.mini, .metrouicss .toolbar-vertical button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .toolbar-vertical a.big, .metrouicss .toolbar-vertical button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .toolbar-vertical a img, .metrouicss .toolbar-vertical button img { width: 16px; height: 16px; top: 8px; } .metrouicss .toolbar-vertical a { padding: 5px 0; } .metrouicss .toolbar-vertical:before, .metrouicss .toolbar-vertical:after { display: table; content: ""; } .metrouicss .toolbar-vertical:after { clear: both; } .metrouicss .toolbar-vertical .toolbar-group { margin-bottom: 20px; } .metrouicss .image-button { position: relative; border: 0; padding-right: 45px; } .metrouicss .image-button img, .metrouicss .image-button:active img { position: absolute; right: 0; margin-left: 32px; padding: 5px; height: 100%; top: 0px; margin-left: 0px; box-sizing: border-box; border: 1px transparent solid; z-index: 2; } .metrouicss .button-set a, .metrouicss .button-set button { margin-right: 0; text-align: center; } .metrouicss .button-set a img, .metrouicss .button-set button img { background-color: transparent; } .metrouicss .button-set a { padding: 5px 0; } .metrouicss .button-set button.active { background-color: #008287; color: #fff; } .metrouicss .shortcuts { margin-bottom: 10px; } .metrouicss .shortcut { width: 92px; height: 92px; display: inline-block; margin: 0 10px 10px 0; vertical-align: top; text-decoration: none; background: #F3F3F3; text-align: center; cursor: pointer; border: 0; border-bottom: 2px transparent solid; position: relative; } .metrouicss .shortcut:hover { border-color: red; } .metrouicss .shortcut:active { background: #F3F3F3; top: 1px; left: 1px; } .metrouicss .shortcut > .icon { margin-top: .25em; margin-bottom: .25em; color: #888; display: block; float: none; } .metrouicss .shortcut > .label { display: block; font-weight: 400; color: #666; } .metrouicss .shortcut > .badge { position: absolute; right: 0; top: 0; background-color: #2d89ef; padding: 5px; margin: 0 !important; text-align: center; display: block; font-size: 9pt; color: #fff; line-height: 11pt; } .metrouicss a.shortcut { padding: 12px 0; } .metrouicss a.shortcut .label { font-size: 9pt; } .metrouicss .pagination { width: auto; margin-bottom: 10px; } .metrouicss .pagination > ul { margin-left: 0; list-style: none; margin: 0; } .metrouicss .pagination > ul li { display: inline-block; margin-right: 1px; position: relative; } .metrouicss .pagination > ul li a { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; vertical-align: middle !important; min-width: 90px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; width: auto; *zoom: 1; min-height: 32px; width: 32px; padding: 0; position: relative; display: block; float: left; font-size: 10pt; padding: 5px; min-width: 32px; height: 32px; text-align: center; vertical-align: middle; cursor: pointer; margin-right: 1px; } .metrouicss .pagination > ul li a.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .pagination > ul li a.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .pagination > ul li a.mini { min-width: 22px; width: 22px; } .metrouicss .pagination > ul li a.big { min-width: 48px; width: 48px; } .metrouicss .pagination > ul li a [class^="icon-"], .metrouicss .pagination > ul li a [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss .pagination > ul li a [class^="icon-"].icon-large, .metrouicss .pagination > ul li a [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss .pagination > ul li a.big [class^="icon-"], .metrouicss .pagination > ul li a.big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss .pagination > ul li a [class^="icon-"], .metrouicss .pagination > ul li a [class*=" icon-"] { margin-right: 5px; } .metrouicss .pagination > ul li a [class^="icon-"].right, .metrouicss .pagination > ul li a [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss .pagination > ul li a:before, .metrouicss .pagination > ul li a:after { display: table; content: ""; } .metrouicss .pagination > ul li a:after { clear: both; } .metrouicss .pagination > ul li a.standart { min-width: 90px; min-height: 32px; } .metrouicss .pagination > ul li a:active, .metrouicss .pagination > ul li a.default:active { top: 1px; left: 1px; } .metrouicss .pagination > ul li a:disabled, .metrouicss .pagination > ul li a.disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss .pagination > ul li a.default { background-color: #008287; color: #fff; } .metrouicss .pagination > ul li a:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss .pagination > ul li a.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .pagination > ul li a.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .pagination > ul li a img { width: 16px; height: 16px; top: 8px; } .metrouicss .pagination > ul li a:hover { background-color: #1d1d1d; color: #ffffff; } .metrouicss .pagination > ul li a:active { top: 1px; left: 1px; } .metrouicss .pagination > ul li.first a, .metrouicss .pagination > ul li.prev a, .metrouicss .pagination > ul li.next a, .metrouicss .pagination > ul li.last a { font-size: 20pt; } .metrouicss .pagination > ul li.first a:before, .metrouicss .pagination > ul li.prev a:before, .metrouicss .pagination > ul li.next a:before, .metrouicss .pagination > ul li.last a:before { position: absolute; left: 50%; top: 0; margin-left: -7px; content: "\25C4"; font-size: 1.5em; } .metrouicss .pagination > ul li.first a:before { content: "\AB"; margin-left: -10px; } .metrouicss .pagination > ul li.prev a:before { content: "\2039"; } .metrouicss .pagination > ul li.next a:before { content: "\203A"; } .metrouicss .pagination > ul li.last a:before { content: "\BB"; margin-left: -10px; } .metrouicss .pagination > ul li.active a { background-color: #008287 ; color: #ffffff; } .metrouicss .pagination > ul li.disabled a, .metrouicss .pagination > ul li.spaces a { background-color: #f2f2f2; color: #1e1e1e; cursor: not-allowed; } .metrouicss .pagination > ul li.disabled a:active, .metrouicss .pagination > ul li.spaces a:active { top: 0; left: 0; } .metrouicss .pagination > ul li.disabled a { color: #1e1e1e; } .metrouicss .pagination > ul li.spaces a { background-color: #ffffff; cursor: default; } .metrouicss table { width: 100%; border-collapse: separate; margin: 0 0 20px; } .metrouicss table thead tr th, .metrouicss table thead tr td { display: table-cell; vertical-align: bottom; padding-bottom: 5px; padding-top: 10px; padding-left: 5px; border-bottom: hidden ; border-right: hidden; border-left: hidden; border-top: hidden; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; color: rgba(0, 0, 0, 0.6); text-align: left; } .metrouicss table thead tr th.right, .metrouicss table thead tr td.right { text-align: right; padding-right: 10px; } .metrouicss table thead tr th.last, .metrouicss table thead tr td.last { border-right: 1px transparent solid; } .metrouicss table thead tr th:last-child, .metrouicss table thead tr td:last-child { border-right: 1px transparent solid; } .metrouicss table tbody tr { border: 1px #fff solid; } /*.metrouicss table tbody tr td { font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; padding: 3px 10px; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; border-left: 1px transparent solid; border-top: 1px transparent solid; box-sizing: border-box; }*/ .metrouicss table tbody tr td.right { text-align: right; } .metrouicss table tbody tr td.center { text-align: center; } .metrouicss table tbody tr td.last { border-right: 1px transparent solid; } .metrouicss table tbody tr td:last-child { border-right: 1px transparent solid; } .metrouicss table tbody tr.success { background-color: #00a300 !important; } .metrouicss table tbody tr.error { background-color: #b91d47 !important; } .metrouicss table tbody tr.warning { background-color: #e3a21a !important; } .metrouicss table tbody tr.info { background-color: #2d89ef !important; } .metrouicss table tbody tr.info td, .metrouicss table tbody tr.warning td, .metrouicss table tbody tr.error td, .metrouicss table tbody tr.success td { color: #ffffff !important; } .metrouicss table tbody tr.selected-row { background-color: rgba(28, 183, 236, 0.1) !important; } .metrouicss table tbody tr.selected-row td:first-child { border-left: 1px #1c98cc solid; } .metrouicss table tbody tr.selected-row td:last-child { border-right: 1px #1c98cc solid; } .metrouicss table tbody tr.selected-row td { border-top: 1px #1c98cc solid; border-bottom: 1px #1c98cc solid; } .metrouicss table.striped tbody tr:nth-child(odd) { background-color: #f9f9f9; } .metrouicss table.hovered { border-collapse: separate !important; } .metrouicss table.hovered thead tr th:hover, .metrouicss table.hovered thead tr td:hover { border: 1px #1c98cc solid; background: rgba(28, 183, 236, 0.1); } .metrouicss table.hovered tbody tr:hover { background-color: rgba(28, 183, 236, 0.1); } .metrouicss table.hovered tbody tr:hover td:first-child { border-left: 1px #1c98cc solid; } .metrouicss table.hovered tbody tr:hover td:last-child { border-right: 1px #1c98cc solid; } .metrouicss table.hovered tbody tr:hover td { border-top: 1px #1c98cc solid; border-bottom: 1px #1c98cc solid; } .metrouicss table.bordered { border-collapse: separate !important; border: 1px #ccc solid !important; } .metrouicss table.bordered tbody tr:last-child td { border-bottom: 0; } .metrouicss .oh, .metrouicss .ot, .metrouicss .tt { float: left; margin: 0 2% 2% 0; width: 48%; } .metrouicss .ot { width: 31%; } .metrouicss .tt { width: 65%; } .metrouicss .cl { clear: both; } .metrouicss .item-padding { margin-right: 20px; margin-bottom: 5px; } .metrouicss .column-padding { margin: 0 10px; } .metrouicss .group-padding { margin: 0 40px; } .metrouicss .span1 { width: 60px; } .metrouicss .span2 { width: 140px; } .metrouicss .span3 { width: 220px; } .metrouicss .span4 { width: 300px; } .metrouicss .span5 { width: 380px; } .metrouicss .span6 { width: 460px; } .metrouicss .span7 { width: 540px; } .metrouicss .span8 { width: 620px; } .metrouicss .span9 { width: 700px; } .metrouicss .span10 { width: 780px; } .metrouicss .span11 { width: 860px; } .metrouicss .span12 { width: 940px; } .metrouicss .offset1 { margin-left: 80px; } .metrouicss .offset2 { margin-left: 160px; } .metrouicss .offset3 { margin-left: 240px; } .metrouicss .offset4 { margin-left: 320px; } .metrouicss .offset5 { margin-left: 400px; } .metrouicss .offset6 { margin-left: 480px; } .metrouicss .offset7 { margin-left: 560px; } .metrouicss .offset8 { margin-left: 640px; } .metrouicss .offset9 { margin-left: 720px; } .metrouicss .offset10 { margin-left: 800px; } .metrouicss .offset11 { margin-left: 880px; } .metrouicss .offset12 { margin-left: 960px; } .metrouicss [class*="span"] { float: none; min-height: 1px; margin-right: 20px; margin-bottom: 5px; *zoom: 1; } .metrouicss [class*="span"]:before, .metrouicss [class*="span"]:after { display: table; content: ""; } .metrouicss [class*="span"]:after { clear: both; } .metrouicss [class*="span"]:last-child { margin-right: 0; } .metrouicss [class*="span"] > img { max-width: 100%; height: auto; } .metrouicss .grid { margin: 0 0 20px; display: block; height: auto; width: 100%; *zoom: 1; } .metrouicss .grid.no-margin { margin: 0; } .metrouicss .grid.margin-row { margin-bottom: 5px; } .metrouicss .grid .grid { margin-top: 2.5px; margin-bottom: 2.5px; } .metrouicss .grid .group { margin-right: 80px; float: left; width: auto; height: auto; min-height: 1px; } .metrouicss .grid .row { width: 100%; *zoom: 1; } .metrouicss .grid .row:before, .metrouicss .grid .row:after { display: table; content: ""; } .metrouicss .grid .row:after { clear: both; } .metrouicss .grid .row [class*="span"] { float: left; } .metrouicss .grid.element-border [class*="span"] { border: 1px #ccc dotted; } .metrouicss .grid:before, .metrouicss .grid:after { display: table; content: ""; } .metrouicss .grid:after { clear: both; } .metrouicss .grid > .row::before, .metrouicss .grid > .row::after { content: normal; } .metrouicss td[class*="span"], .metrouicss th[class*="span"] { display: table-cell !important; float: none !important; padding: 0 !important; } .metrouicss .hero-unit { position: relative; margin: 0 0 10px; padding: 20px; background-color: #f1f1f1; width: 100%; *zoom: 1; } .metrouicss .hero-unit:before, .metrouicss .hero-unit:after { display: table; content: ""; } .metrouicss .hero-unit:after { clear: both; } .metrouicss .dropdown-menu { position: absolute; background-color: #fff; margin-left: 0; list-style: none; top: 100%; z-index: 11010; float: left; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); min-width: 160px; padding-bottom: 5px; padding-top: 5px; padding-left: 0; display: none; } .metrouicss .dropdown-menu.place-right { right: 0; left: auto; } .metrouicss .dropdown-menu a { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; color: #000000; display: block; width: 100%; padding: 3px 20px; white-space: nowrap; font-size: 14px; cursor: pointer; } .metrouicss .dropdown-menu a:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .dropdown-menu a:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .dropdown-menu a:hover { background-color: #2d89ef !important; color: #ffffff !important; } .metrouicss .dropdown-menu li { display: list-item; line-height: 20px; } .metrouicss .dropdown-menu .divider { height: 1px; margin: 9px 1px; overflow: hidden; background-color: #e5e5e5; } .metrouicss .dropdown-menu.open { display: block !important; } .metrouicss .nav-bar { background-color: #2d89ef; position: relative; top: 0; width: 100%; display: block; margin: 0; padding: 0; z-index: 1000; *zoom: 1; } .metrouicss .nav-bar .nav-bar-inner { *zoom: 1; } .metrouicss .nav-bar .nav-bar-inner .element, .metrouicss .nav-bar .nav-bar-inner a .element { position: relative; margin: 5px; line-height: 20px; height: 20px; float: left; display: inline-block; padding: 0; font-weight: normal; font-size: 10pt; color: #fff; } .metrouicss .nav-bar .nav-bar-inner .element.brand, .metrouicss .nav-bar .nav-bar-inner a .element.brand { font-size: 1.15em; } .metrouicss .nav-bar .nav-bar-inner .element img, .metrouicss .nav-bar .nav-bar-inner a .element img { height: 100%; } .metrouicss .nav-bar .nav-bar-inner .element a, .metrouicss .nav-bar .nav-bar-inner a .element a { line-height: 20px; height: 20px; font-size: 10pt; } .metrouicss .nav-bar .nav-bar-inner .element [class^="icon-"]:before, .metrouicss .nav-bar .nav-bar-inner a .element [class^="icon-"]:before, .metrouicss .nav-bar .nav-bar-inner .element [class*=" icon-"]:before, .metrouicss .nav-bar .nav-bar-inner a .element [class*=" icon-"]:before { display: inline-block; margin: 0; padding: 0; display: block; float: left; margin: 0 5px; } .metrouicss .nav-bar .nav-bar-inner > ul.menu { margin-left: 0; list-style: none; padding: 0; margin: 0; } .metrouicss .nav-bar .nav-bar-inner > ul.menu > li { display: block; float: left; margin-right: 5px; position: relative; padding: 5px 15px 5px 5px; } .metrouicss .nav-bar .nav-bar-inner > ul.menu > li a { display: block; float: left; color: #ffffff; font-size: 10pt; } .metrouicss .nav-bar .nav-bar-inner > ul.menu > li ul.dropdown-menu { z-index: 1001; border: 0; left: 0px; } .metrouicss .nav-bar .nav-bar-inner > ul.menu > li ul.dropdown-menu li a { display: block; float: none; color: #1e1e1e; padding: 3px 20px; } .metrouicss .nav-bar .nav-bar-inner > ul.menu.open { display: block !important; } .metrouicss .nav-bar .nav-bar-inner > .divider, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li.divider { position: relative; margin: 5px; line-height: 20px; height: 20px; float: left; display: inline-block; padding: 0; font-weight: normal; font-size: 10pt; color: #fff; width: 1px; border-right: 1px #e6e6e6 solid; } .metrouicss .nav-bar .nav-bar-inner > .divider.brand, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li.divider.brand { font-size: 1.15em; } .metrouicss .nav-bar .nav-bar-inner > .divider img, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li.divider img { height: 100%; } .metrouicss .nav-bar .nav-bar-inner > .divider a, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li.divider a { line-height: 20px; height: 20px; font-size: 10pt; } .metrouicss .nav-bar .nav-bar-inner > .divider [class^="icon-"]:before, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li.divider [class^="icon-"]:before, .metrouicss .nav-bar .nav-bar-inner > .divider [class*=" icon-"]:before, .metrouicss .nav-bar .nav-bar-inner > ul.menu > li.divider [class*=" icon-"]:before { display: inline-block; margin: 0; padding: 0; display: block; float: left; margin: 0 5px; } .metrouicss .nav-bar .nav-bar-inner [data-role=dropdown] { margin-right: 20px !important; } .metrouicss .nav-bar .nav-bar-inner [data-role=dropdown] > a { cursor: pointer; } .metrouicss .nav-bar .nav-bar-inner [data-role=dropdown] > a:before { position: absolute; content: "\203A"; display: block; font-size: 1.4em; left: 100%; margin-left: -10px; top: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .metrouicss .nav-bar .nav-bar-inner .pull-menu { display: none; float: right; color: #fff; cursor: pointer; font: 1.8em sans-serif; margin-right: 0px; position: relative; height: 20px; width: 20px; line-height: 20px; } .metrouicss .nav-bar .nav-bar-inner .pull-menu:before { content: "\2261"; position: absolute; font-size: 20pt; top: 5px; left: 0; } .metrouicss .nav-bar .nav-bar-inner:before, .metrouicss .nav-bar .nav-bar-inner:after { display: table; content: ""; } .metrouicss .nav-bar .nav-bar-inner:after { clear: both; } .metrouicss .nav-bar.bg-color-blue .nav-bar-inner .menu li a:hover { background-color: #2d89ef !important; } .metrouicss .nav-bar.bg-color-blueLight .nav-bar-inner .menu li a:hover { background-color: #eff4ff !important; } .metrouicss .nav-bar.bg-color-blueDark .nav-bar-inner .menu li a:hover { background-color: #2b5797 !important; } .metrouicss .nav-bar.bg-color-green .nav-bar-inner .menu li a:hover { background-color: #00a300 !important; } .metrouicss .nav-bar.bg-color-greenLight .nav-bar-inner .menu li a:hover { background-color: #99b433 !important; } .metrouicss .nav-bar.bg-color-greenDark .nav-bar-inner .menu li a:hover { background-color: #1e7145 !important; } .metrouicss .nav-bar.bg-color-red .nav-bar-inner .menu li a:hover { background-color: #b91d47 !important; } .metrouicss .nav-bar.bg-color-yellow .nav-bar-inner .menu li a:hover { background-color: #ffc40d !important; } .metrouicss .nav-bar.bg-color-orange .nav-bar-inner .menu li a:hover { background-color: #e3a21a !important; } .metrouicss .nav-bar.bg-color-orangeDark .nav-bar-inner .menu li a:hover { background-color: #da532c !important; } .metrouicss .nav-bar.bg-color-pink .nav-bar-inner .menu li a:hover { background-color: #9f00a7 !important; } .metrouicss .nav-bar.bg-color-pinkDark .nav-bar-inner .menu li a:hover { background-color: #7e3878 !important; } .metrouicss .nav-bar.bg-color-purple .nav-bar-inner .menu li a:hover { background-color: #603cba !important; } .metrouicss .nav-bar.bg-color-darken .nav-bar-inner .menu li a:hover { background-color: #1d1d1d !important; } .metrouicss .nav-bar.bg-color-lighten .nav-bar-inner .menu li a:hover { background-color: #d5e7ec !important; } .metrouicss .nav-bar.bg-color-white .nav-bar-inner .menu li:hover { background-color: #e6e6e6 !important; } .metrouicss .nav-bar.bg-color-white .nav-bar-inner .menu li a:hover { background-color: #e6e6e6 !important; } .metrouicss .nav-bar.bg-color-white .nav-bar-inner .menu li a { color: #1d1d1d !important; } .metrouicss .nav-bar.bg-color-white .nav-bar-inner .element { color: #1d1d1d !important; } .metrouicss .nav-bar.bg-color-white .nav-bar-inner .pull-menu { color: #1d1d1d !important; } .metrouicss .nav-bar.bg-color-grayDark .nav-bar-inner .menu li a:hover { background-color: #525252 !important; } .metrouicss .nav-bar.bg-color-magenta .nav-bar-inner .menu li a:hover { background-color: #ff0097 !important; } .metrouicss .nav-bar.bg-color-teal .nav-bar-inner .menu li a:hover { background-color: #00aba9 !important; } .metrouicss .nav-bar.bg-color-redLight .nav-bar-inner .menu li a:hover { background-color: #ee1111 !important; } .metrouicss .nav-bar:before, .metrouicss .nav-bar:after { display: table; content: ""; } .metrouicss .nav-bar:after { clear: both; } .metrouicss .nav-bar.fixed-top, .metrouicss .nav-bar.fixed-bottom { position: fixed; z-index: 10000; left: 0; } .metrouicss .nav-bar.fixed-top { top: 0; bottom: auto; } .metrouicss .nav-bar.fixed-bottom { bottom: 0; top: auto; } .metrouicss .nav-bar .nav-bar-inner.container { width: 940px; margin: auto; } .metrouicss .side-nav ul { margin: 0; padding: 0; list-style: none; margin-bottom: 20px; } .metrouicss .side-nav ul .title { color: #4f4f4f; font-family: Segoe UI, Arial, Verdana, Tahoma, sans-serif; font-size: 12pt; margin: 0 0 5px 0; border-bottom: 1px #ccc solid; } .metrouicss .side-nav ul > li > a { display: block; padding: 3px 10px 3px 0; position: relative; color: #014E85; padding-left: 3px; font-size: 10pt; } .metrouicss .side-nav ul.close > li { display: none; } .metrouicss .side-nav ul.close > li[class^=title] { display: list-item; } .metrouicss .page-sidebar { display: block; width: 213px; float: left; min-height: 100% !important; height: auto; background-color: #EBEBEB; padding-top: 10px; padding-bottom: 10px; margin-top: 10px; margin-left: 7px; } .metrouicss .page-sidebar a { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; color: #000000; display: block; width: 100%; padding: 5px 20px 5px 10px; white-space: nowrap; font-size: 14px; cursor: pointer; } .metrouicss .page-sidebar a:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .page-sidebar a:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .page-sidebar a:hover { background-color: #2d89ef !important; color: #ffffff !important; } .metrouicss .page-sidebar li { display: list-item; line-height: 20px; position: relative; } .metrouicss .page-sidebar > ul > li > a { font-size: 1.1em; } .metrouicss .page-sidebar > ul > li a.lead, .metrouicss .page-sidebar > ul > li.lead a, .metrouicss .page-sidebar > ul > li.lead { font-weight: bold; } .metrouicss .page-sidebar > ul > li.sticker:before { content: "."; position: absolute; width: 7px; height: 28px; left: -7px; text-indent: -9999px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; background-color: #ebebeb; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-blue:before { background-color: #2d89ef; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-blueLight:before { background-color: #eff4ff; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-blueDark:before { background-color: #2b5797; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-green:before { background-color: #00a300 !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-greenLight:before { background-color: #99b433 !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-greenDark:before { background-color: #1e7145 !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-red:before { background-color: #b91d47 !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-yellow:before { background-color: #ffc40d !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-orange:before { background-color: #e3a21a !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-orangeDark:before { background-color: #da532c !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-pink:before { background-color: #9f00a7 !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-pinkDark:before { background-color: #7e3878 !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-purple:before { background-color: #603cba !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-darken:before { background-color: #1d1d1d !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-white:before { background-color: #ffffff !important; } .metrouicss .page-sidebar > ul > li.sticker.sticker-color-grayDark:before { background-color: #525252 !important; } .metrouicss .page-sidebar .divider { height: 1px; margin: 9px 1px; overflow: hidden; background-color: #e5e5e5; } .metrouicss .page-sidebar ul { margin-left: 0; list-style: none; background-color: #EBEBEB; } .metrouicss .page-sidebar ul.sub-menu { padding-top: 5px; padding-bottom: 5px; } .metrouicss .page-sidebar ul.sub-menu a { padding: 5px 20px 5px 25px; } .metrouicss .page-sidebar ul.sub-menu.light { background-color: #f9f9f9 !important; } .metrouicss .page-sidebar .sidebar-dropdown-menu { display: none; } .metrouicss .page-sidebar .sidebar-dropdown-menu.open { display: block; } .metrouicss .page-sidebar > ul > li.dropdown { position: relative; } .metrouicss .page-sidebar > ul > li.dropdown:after { content: ""; display: block; position: absolute; top: 6px; left: 100%; margin-left: -20px; width: 16px; height: 16px; background: no-repeat; background-position: 0 -1586px; z-index: 200; } .metrouicss .page-sidebar > ul > li.dropdown.active:after { background-position: 0 -676px; } .metrouicss .replies { margin-left: 0; list-style: none; } .metrouicss .replies > div, .metrouicss .replies > li, .metrouicss .replies > span { position: relative; margin: 0 10px 10px 0; display: block; float: none !important; width: 310px; height: 150px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; height: auto; min-height: 70px; padding: 10px; } .metrouicss .replies > div .avatar, .metrouicss .replies > li .avatar, .metrouicss .replies > span .avatar { width: 50px; height: 50px; overflow: hidden; display: table-cell; vertical-align: middle !important; background: #6e6e6e; box-shadow-bottom: inset 0px 0px 3px #fff; } .metrouicss .replies > div .avatar img, .metrouicss .replies > li .avatar img, .metrouicss .replies > span .avatar img { width: 100%; height: 100%; display: inline-block !important; vertical-align: middle !important; } .metrouicss .replies > div .reply, .metrouicss .replies > li .reply, .metrouicss .replies > span .reply { margin-left: 60px; margin-top: -50px; } .metrouicss .replies > div .reply .date, .metrouicss .replies > li .reply .date, .metrouicss .replies > span .reply .date { float: right; font-size: 55%; color: #ffffff; } .metrouicss .replies > div .reply .author, .metrouicss .replies > li .reply .author, .metrouicss .replies > span .reply .author { color: #ffffff; } .metrouicss .replies > div .reply .text, .metrouicss .replies > li .reply .text, .metrouicss .replies > span .reply .text { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #000000; color: #ffffff; line-height: 16px; } .metrouicss .replies > div .reply .text:hover, .metrouicss .replies > li .reply .text:hover, .metrouicss .replies > span .reply .text:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .replies > div .reply .text:active, .metrouicss .replies > li .reply .text:active, .metrouicss .replies > span .reply .text:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .replies > div .reply .text:hover, .metrouicss .replies > li .reply .text:hover, .metrouicss .replies > span .reply .text:hover { color: #ffffff; } .metrouicss .replies > div .sticker, .metrouicss .replies > li .sticker, .metrouicss .replies > span .sticker { width: 0; height: 0; border-top: 10px solid #ffffff; position: absolute; display: block; z-index: 1000; } .metrouicss .replies > div .sticker.sticker-color-blue, .metrouicss .replies > li .sticker.sticker-color-blue, .metrouicss .replies > span .sticker.sticker-color-blue { border-color: #2d89ef !important; } .metrouicss .replies > div .sticker.sticker-color-blueLight, .metrouicss .replies > li .sticker.sticker-color-blueLight, .metrouicss .replies > span .sticker.sticker-color-blueLight { border-color: #eff4ff !important; } .metrouicss .replies > div .sticker.sticker-color-blueDark, .metrouicss .replies > li .sticker.sticker-color-blueDark, .metrouicss .replies > span .sticker.sticker-color-blueDark { border-color: #2b5797 !important; } .metrouicss .replies > div .sticker.sticker-color-green, .metrouicss .replies > li .sticker.sticker-color-green, .metrouicss .replies > span .sticker.sticker-color-green { border-color: #00a300 !important; } .metrouicss .replies > div .sticker.sticker-color-greenLight, .metrouicss .replies > li .sticker.sticker-color-greenLight, .metrouicss .replies > span .sticker.sticker-color-greenLight { border-color: #99b433 !important; } .metrouicss .replies > div .sticker.sticker-color-greenDark, .metrouicss .replies > li .sticker.sticker-color-greenDark, .metrouicss .replies > span .sticker.sticker-color-greenDark { border-color: #1e7145 !important; } .metrouicss .replies > div .sticker.sticker-color-red, .metrouicss .replies > li .sticker.sticker-color-red, .metrouicss .replies > span .sticker.sticker-color-red { border-color: #b91d47 !important; } .metrouicss .replies > div .sticker.sticker-color-yellow, .metrouicss .replies > li .sticker.sticker-color-yellow, .metrouicss .replies > span .sticker.sticker-color-yellow { border-color: #ffc40d !important; } .metrouicss .replies > div .sticker.sticker-color-orange, .metrouicss .replies > li .sticker.sticker-color-orange, .metrouicss .replies > span .sticker.sticker-color-orange { border-color: #e3a21a !important; } .metrouicss .replies > div .sticker.sticker-color-orangeDark, .metrouicss .replies > li .sticker.sticker-color-orangeDark, .metrouicss .replies > span .sticker.sticker-color-orangeDark { border-color: #da532c !important; } .metrouicss .replies > div .sticker.sticker-color-pink, .metrouicss .replies > li .sticker.sticker-color-pink, .metrouicss .replies > span .sticker.sticker-color-pink { border-color: #9f00a7 !important; } .metrouicss .replies > div .sticker.sticker-color-pinkDark, .metrouicss .replies > li .sticker.sticker-color-pinkDark, .metrouicss .replies > span .sticker.sticker-color-pinkDark { border-color: #7e3878 !important; } .metrouicss .replies > div .sticker.sticker-color-purple, .metrouicss .replies > li .sticker.sticker-color-purple, .metrouicss .replies > span .sticker.sticker-color-purple { border-color: #603cba !important; } .metrouicss .replies > div .sticker.sticker-color-darken, .metrouicss .replies > li .sticker.sticker-color-darken, .metrouicss .replies > span .sticker.sticker-color-darken { border-color: #1d1d1d !important; } .metrouicss .replies > div .sticker.sticker-color-white, .metrouicss .replies > li .sticker.sticker-color-white, .metrouicss .replies > span .sticker.sticker-color-white { border-color: #ffffff !important; } .metrouicss .replies > div .sticker.sticker-color-lighten, .metrouicss .replies > li .sticker.sticker-color-lighten, .metrouicss .replies > span .sticker.sticker-color-lighten { border-color: #d5e7ec !important; } .metrouicss .replies > div .sticker.sticker-color-grayDark, .metrouicss .replies > li .sticker.sticker-color-grayDark, .metrouicss .replies > span .sticker.sticker-color-grayDark { border-color: #525252 !important; } .metrouicss .replies > div .sticker.sticker-color-magenta, .metrouicss .replies > li .sticker.sticker-color-magenta, .metrouicss .replies > span .sticker.sticker-color-magenta { border-color: #ff0097 !important; } .metrouicss .replies > div .sticker.sticker-color-teal, .metrouicss .replies > li .sticker.sticker-color-teal, .metrouicss .replies > span .sticker.sticker-color-teal { border-color: #00aba9 !important; } .metrouicss .replies > div .sticker.sticker-color-redLight, .metrouicss .replies > li .sticker.sticker-color-redLight, .metrouicss .replies > span .sticker.sticker-color-redLight { border-color: #ee1111 !important; } .metrouicss .replies > div .sticker.sticker-left, .metrouicss .replies > li .sticker.sticker-left, .metrouicss .replies > span .sticker.sticker-left { border-left: 20px solid transparent !important; left: -20px; } .metrouicss .replies > div .sticker.sticker-right, .metrouicss .replies > li .sticker.sticker-right, .metrouicss .replies > span .sticker.sticker-right { border-right: 20px solid transparent !important; right: -20px; } .metrouicss .notices { list-style: none; margin: 0; padding: 0; } .metrouicss .notices > div, .metrouicss .notices > li, .metrouicss .notices > span, .metrouicss .notices > a { width: 100%; height: 90px; display: block; overflow: hidden; position: relative; margin-bottom: 10px; } .metrouicss .notices > div .notice-header, .metrouicss .notices > li .notice-header, .metrouicss .notices > span .notice-header, .metrouicss .notices > a .notice-header, .metrouicss .notices > div .header, .metrouicss .notices > li .header, .metrouicss .notices > span .header, .metrouicss .notices > a .header { position: relative; background: transparent; font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; font-size: 12pt; margin-top: 5px; margin-left: 10px; } .metrouicss .notices > div .notice-text, .metrouicss .notices > li .notice-text, .metrouicss .notices > span .notice-text, .metrouicss .notices > a .notice-text, .metrouicss .notices > div .text, .metrouicss .notices > li .text, .metrouicss .notices > span .text, .metrouicss .notices > a .text { position: relative; margin-right: 50px; margin-left: 10px; color: #fff; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 8pt; font-smooth: always; line-height: 10pt; margin-top: -5px; line-height: 16px; } .metrouicss .notices > div .notice-icon, .metrouicss .notices > li .notice-icon, .metrouicss .notices > span .notice-icon, .metrouicss .notices > a .notice-icon, .metrouicss .notices > div .icon, .metrouicss .notices > li .icon, .metrouicss .notices > span .icon, .metrouicss .notices > a .icon { position: absolute; right: 10px; bottom: 5px; } .metrouicss .notices > div .notice-icon img, .metrouicss .notices > li .notice-icon img, .metrouicss .notices > span .notice-icon img, .metrouicss .notices > a .notice-icon img, .metrouicss .notices > div .icon img, .metrouicss .notices > li .icon img, .metrouicss .notices > span .icon img, .metrouicss .notices > a .icon img { width: 32px; height: 32px; } .metrouicss .notices > div .notice-image, .metrouicss .notices > li .notice-image, .metrouicss .notices > span .notice-image, .metrouicss .notices > a .notice-image, .metrouicss .notices > div .image, .metrouicss .notices > li .image, .metrouicss .notices > span .image, .metrouicss .notices > a .image { max-height: 48px; width: 48px; height: 48px; margin: 20px 20px 20px 20px; float: left; } .metrouicss .notices > div .notice-image img, .metrouicss .notices > li .notice-image img, .metrouicss .notices > span .notice-image img, .metrouicss .notices > a .notice-image img, .metrouicss .notices > div .image img, .metrouicss .notices > li .image img, .metrouicss .notices > span .image img, .metrouicss .notices > a .image img { width: 48px; height: 48px; } .metrouicss .notices > div .close, .metrouicss .notices > li .close, .metrouicss .notices > span .close, .metrouicss .notices > a .close { z-index: 2; position: absolute; top: 5px; right: 10px; cursor: pointer; font-weight: bold; text-decoration: none; color: #fff !important; } .metrouicss .notices > div .close::before, .metrouicss .notices > li .close::before, .metrouicss .notices > span .close::before, .metrouicss .notices > a .close::before { content: "\00d7"; color: #fff !important; } .metrouicss .notices > div .image-large, .metrouicss .notices > li .image-large, .metrouicss .notices > span .image-large, .metrouicss .notices > a .image-large { width: 88px; height: 88px; margin: 1px 10px 1px 1px; overflow: hidden; float: left; } .metrouicss .notices > div .image-large img, .metrouicss .notices > li .image-large img, .metrouicss .notices > span .image-large img, .metrouicss .notices > a .image-large img { width: 88px; height: 88px; } .metrouicss .tile-group { margin: 0; margin-right: 80px; float: left; width: auto; height: auto; min-height: 1px; width: 802px; } .metrouicss .tile { display: block; float: left; background-color: #525252; width: 150px; height: 150px; cursor: pointer; box-shadow: inset 0px 0px 1px #FFFFCC; text-decoration: none; color: #ffffff; position: relative; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; margin: 0 10px 10px 0; overflow: hidden; } .metrouicss .tile * { color: #ffffff; } .metrouicss .tile .tile-content { width: 100%; height: 100%; padding: 0; padding-bottom: 30px; vertical-align: top; padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; position: relative; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #000000; color: #ffffff; line-height: 16px; } .metrouicss .tile .tile-content:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .tile .tile-content:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .tile .tile-content:hover { color: #ffffff; } .metrouicss .tile .tile-content h1, .metrouicss .tile .tile-content h2, .metrouicss .tile .tile-content h3, .metrouicss .tile .tile-content h4, .metrouicss .tile .tile-content h5, .metrouicss .tile .tile-content h6 { font-size: 14pt; } .metrouicss .tile .tile-content h1, .metrouicss .tile .tile-content h2, .metrouicss .tile .tile-content h3, .metrouicss .tile .tile-content h4, .metrouicss .tile .tile-content h5, .metrouicss .tile .tile-content h6, .metrouicss .tile .tile-content p { padding: 0; margin: 0; line-height: 24px; } .metrouicss .tile .tile-content h1:hover, .metrouicss .tile .tile-content h2:hover, .metrouicss .tile .tile-content h3:hover, .metrouicss .tile .tile-content h4:hover, .metrouicss .tile .tile-content h5:hover, .metrouicss .tile .tile-content h6:hover, .metrouicss .tile .tile-content p:hover { color: #ffffff; } .metrouicss .tile .tile-content p { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #000000; color: #ffffff; line-height: 16px; overflow: hidden; text-overflow: ellipsis; } .metrouicss .tile .tile-content p:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .tile .tile-content p:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .tile .tile-content p:hover { color: #ffffff; } .metrouicss .tile.icon > .tile-content { padding: 0; } .metrouicss .tile.icon > .tile-content > img { position: absolute; width: 64px; height: 64px; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; } .metrouicss .tile.icon > .tile-content > i { position: absolute; width: 64px; height: 64px; top: 50%; left: 50%; margin-left: -32px; margin-top: -32px; font-size: 64px; } .metrouicss .tile.image > .tile-content, .metrouicss .tile.image-slider > .tile-content { padding: 0; } .metrouicss .tile.image > .tile-content > img, .metrouicss .tile.image-slider > .tile-content > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .metrouicss .tile.image-set > .tile-content { margin: 0; padding: 0; width: 25% !important; height: 50%; float: left; border: 1px #1e1e1e solid; } .metrouicss .tile.image-set > .tile-content > img { min-width: 100%; width: 100%; height: auto; min-height: 100%; } .metrouicss .tile.image-set .tile-content:first-child { width: 50% !important; float: left; height: 100%; } .metrouicss .tile.double { width: 310px; } .metrouicss .tile.triple { width: 470px; } .metrouicss .tile.quadro { width: 630px; } .metrouicss .tile.double-vertical { height: 310px; } .metrouicss .tile.triple-vertical { height: 470px; } .metrouicss .tile.quadro-vertical { height: 630px; } .metrouicss .tile .brand, .metrouicss .tile .tile-status { position: absolute; bottom: 0; left: 0; right: 0; min-height: 30px; background-color: transparent; *zoom: 1; } .metrouicss .tile .brand:before, .metrouicss .tile .tile-status:before, .metrouicss .tile .brand:after, .metrouicss .tile .tile-status:after { display: table; content: ""; } .metrouicss .tile .brand:after, .metrouicss .tile .tile-status:after { clear: both; } .metrouicss .tile .brand > .badge, .metrouicss .tile .tile-status > .badge { position: absolute; bottom: 0; right: 0; right: 5px; margin-bottom: 0; color: #ffffff; width: 34px; height: 28px; text-align: center; font-family: 'Segoe UI Semibold', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 600; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; padding-top: 3px; } .metrouicss .tile .brand > .badge.activity, .metrouicss .tile .tile-status > .badge.activity { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGMSURBVDhPvZMtTwNBEIbv2mtScaICcQJRgSgJCQIEhqSiAlEHAlFRwU/ov0AgUEgUsrIkiJIgMOAQJFSQQAIJJBWIu95Hj2eGvXIpB3W8yWTn452Z3dld25pDmqZuFEWdcrm8jr6JK7Bt+wb9Ft85+vsXswBxHHdIfmFNi4TYG7InXAp6ss52kCTJIc6e6KzSVbrdYzrYDaSFXZU4uEQ8x3FW1ZpMJge5Tn3IdQ3kID5iw4zHTqIsUEP3TWCA7WhgDjRZg/eUFRCR3Fl3KYJjyfALIUU46jHcsSlQl8FdmQJnhrcQJFbJ6QZB0LDDMNyS4XBFo1Kp9Gw4/wi247GLHmvNuBaC47Y5gtzIQB1mBmMGdDSdTpfV+QdM8vfcsqkap6ClgQIQa+a4bXViPGRO5ILjuBqYAwk7yIfhXcNz9CljDFkkST6P4JGjnHA7d+gBxAY3tIve1Khljbi1beKvakHQp0uhfTrMjvOL9H3fX9FE8OM7yxAhdem4QWHZkSufSoTYaaVSkY9kYFmfXgyTciI3uacAAAAASUVORK5CYII%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.alert, .metrouicss .tile .tile-status > .badge.alert { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFeSURBVDhPpZMtT8RAEIbb7YoTJ04gkQgQuBNIEpB4LD8AwQ9AkCCQhGAvQSAuKHCIE0gEP+DEISAhQYK4pE0/eWa65a7lSvh4k8nsvDv77sxs67UhSZLNNE0LZ3uO/gLj/J+hAkVRWI1+geqMCuR5fkKZoyiKViX+DuQu094wy7KhEmEYrkAk0qt4Nk5R77GszQCuE8fxIXxY8ZJjgiBY8n3/UcTwlsQDNifGmF29AcBtITyGOyan47gXXFfW2g/q+yi+VeptJhVgR1KRHp4HZI+bzknQlhYcvpQZuHRF8xmnCDyLL8MZEI9o4YkW3h1VB+o73DJp3to08l7xsw9Lng5i1EiSSV/Pcbdwzfk8MLcNqjIyye1STnHD5joln7lYcGWtXaP8gYsFfeJyHvR9waExt3wKsV74L3Brn/geu3OUDqiL1T7nNoEK8mLi9RUoZYqlsv4pqtf459/oeR8seozS7mDHCwAAAABJRU5ErkJggg%3D%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.available, .metrouicss .tile .tile-status > .badge.available { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKvSURBVHjahJA/bJR1HMY/31977x33r2LuClc1LYM9TSAUr5gqtkVJjAkSFxYHE3VgaWRw0cUwOagxMZLApoXFBIwuHVSoQYkVMBXUpqSkMW9jaS25plh7/3rv+3scTIwixs/8PHn+2Bk/SVtN2mqxacYOKw13KfNiXtlneihmDONXqs0VVs/VXP1UqJvnc8qBeZoWYWf9JHXVqWkj2EX55G76X86R4W40aDHNzMdzLBwJLLEWm6fTI+o0knvZ+dkgO/cDfGczTNpl5gjxePrpY0SPMKwKT1A5nCe7Y4ofDgQEv/Ghn2AqunZabUmR9Fb8gQoaUVIVFTSiokaV0qDu0T694Y+rGbWktnQ5+nHiuP+IjrFjR4cqevj9wBK8beO87t6jiyzbKJAiIEWSreQxjAm7QGyeAwzRzb39i/7WFbdV2bGs0nxvs7zjxtlOgRwZPP6v7R5PmhQPUOKEneFLd4UECfqs51WXU/opDL6wb/mdDfJkEfrXgUKk2UKbiM/5BoD76d7reujOANwgJH9H8p14PDnSzBGySZsSReecDIAIDxj/jxH/LcQtW7UJ0E8f69RwuP+0Ohwb1CnTS0CCW6zK3Wb9a4AnNcgWktRoYHdpYhgtWvypfRSARVv5yVXd2smGWuzTHo7qeRZZpk7zH00cRos2ITd5yT/HQY0gPKGW3u0YPvZ06HB77tO2hx5jN5HFTNk11lgHRIs2VW5Tp8kRf5g3eYUUSa5y/eKsfn7NTvlPaCjqelwDF3bx4ADAeXeJc1xijpCYmDJ9jKrCIe0H4IaF81/56VGDJTvtPwV1IFmhTO/4AOWDSQIAWmwiRIokADEx08xeXGD5hUjxQp0GnQCdOAKS1RnNP7tO7VDOMmO9bB8qUQRghVVCW7raUOPEvH45W7IidRoA/DEAmmk0pL+n6f4AAAAASUVORK5CYII%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.unavailable, .metrouicss .tile .tile-status > .badge.unavailable { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKASURBVHjalJK9axxXFMV/772ZzOysVqvRDgtaSSwpJYFwY3ATEpIm5KNLawgp3Ljz/5E2bu20CYQUBoMNNnaRMkUKqYiQtIgdCQ0TaVc7M29n3nspzC7GMYYcuMWFe7jnHI4YjUY453DOYYyh0+l8opT63vO8L8MwbAshqKqq0lo/c849rqrquXMOIcSbGY1GWGsxxny0urr6MI7jH5RSAFhrAZBSLvc8z3+dTqf3lFL/SCnxAIwxwdra2tP19fXPAC4vL8myjKIoAIiiiF6vR7/fJ0mS75RSH19dXX0hpbwWx8fHrKys/JwkyV1rLYeHh5yenuKc420lzjm2trbY3d3F8zzyPH8ynU6/ERcXF3fiOP7D930ODg44OjoiDMOl7AWstZRlyXA4ZH9/H2MM4/H4K+l53n3f98myjJOTE4Ig+A95kUMURZydnXF+fo5SiiiKHkjf9z9f+AaWst+HRfKL2yiKbssgCNrOOWaz2Xs/vwulFLPZjLquCcPwDcM5x//B2/dyPp9XC3/WWoQQHyQbY2i32/i+T1VVTtZ1/QogSZJlGz/02VpLkiQAlGX5l2ya5mHTNPT7fba3tynLctnAd8llWTIYDNjY2MBaS1EUP0qt9YvJZPI7wM7ODsPhEK01WmuapqFpGrTWVFXFYDBgb28PIQTX19ev67r+TYzHY7TW3W63+zKO41sAaZqSZRk3NzcAtNtter0em5ubAEwmk7/zPP9USjkWaZoyn89xziWdTudRt9v9etGFuq4B8H1/aSXP89dFUdx1zp065xBpmlLXNUIIjDG0Wq1vPc+7H4bhnVarhRCCsiwpiuJPY8xPRVH8EgQBxhistfw7ABpxTL93U9x/AAAAAElFTkSuQmCC) 50% no-repeat; } .metrouicss .tile .brand > .badge.away, .metrouicss .tile .tile-status > .badge.away { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAJ2SURBVHjajJI7iFVnFIW//d9zz52ZO2fG14gzJBgbp5JYKPh+NqKxsxWMRZoBCxu1sAuBKFaClj5KDUQhRXybCIqICjqNYjFDhtExN45e7/uc8y+L/yJGp3A1+2fDWv/ea23zlQvIp0gpRgfrWbZRNrhP0cAOopEyGGSvWmQz15zq59SeuC5LsAis0MJ85SLKG8jXY3pXnKb8/X6iBAB8KLhuzZtQf/gbrWc/WTGetSgnAg9qlCiv/pNk1RYAqz3A6jeg/SyoxMtReRNKNsLAhj24gWW0726H+B3+9Rmyd3fPp5KyXMpf/SqNL5KelEIdH5Ke9Ejj8+SnjyrLWkolZbX7f/jZk5h/e3WN7197j0I/NnMMN3MYoiXgBv6/g+rQmUJDR/Ajv4BP0eylnU5u/pgK/Vj9Ee6/411y8gm5a4b1Qfwt9uYUrnoTXBGLvzvoFCXbDLDaVcjfd38WX0JBRCnUroRW/M1qRzRSxgPt55+NPRc8FJJgbtaB4rBz+phRxtcj//hylr5s4YDScvDVT0KfCw7yGpRGIYohfS2H3v4NoL6tYL3BbWwOsoHawY3y1tDJpp46p8pp5U2UrEcLD0BnCtT4bBIXyJ0J/Pwf0eAu8ELtiROO5uQtazy9LMAvPoKGDoU00n/CSr4K2RTkFfyCMRj+OWg2Ht9RNv27+X/PId8cVN+62/SvWAngqtehdq17yjmURlHfZjRvdxi98fyFr/21GWfT5ivnkQehRfSOnqV35S4KpW4w7ZB/1NNNMYf6wzukk3ulbBI1iIJkBBZX1Bn/gby621wyRrx0DcXhQGzPYOnEY/nmKbVeXLTicNcn+DAArZ4503S5ZjkAAAAASUVORK5CYII%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.busy, .metrouicss .tile .tile-status > .badge.busy { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAAIGNIUk0AAHolAACAgwAA+f8AAIDoAABSCAABFVgAADqXAAAXb9daH5AAAAKNSURBVHjajJI9a1RBGIWfGeLdmPXuKkR0Q0RTmFsFUxgQNcaPRonpbAW1sAlY2IhFfoCIVSDaaVImFhYWmkTxAwJBVgttNqTYQFAjAWPi7t3svXeOxeC3hQdeZpiZ887DmTFuchIlCUoSTLOJ6erqV7F4QYXCaTo68hgDHz82WFmZsbXauKrVWYUhBjCNBsZNTaF6HdVqAT09tzlw4BJhyD8Vx1Au36dSuWyC4LPJMlpwDur1HH19jzh48DiAefUK8+QJVCrgHHR3o2PHUH8/HD16jkKhi7m5UwTBF9zdu6RzcxOJpFRSduOG1N4u5XJ+3LlTam2Vtm+XGxlR2mgokZTOzz90o6PgpqcPpRsbP83GSKWSFEXS/v2+okjq7JRA7vp1pZLSZlPJ5OQZqx07hrVtG+b1a+zNm7B7N4ShR/8u56CtDfbswYyNYZ8+hS1bMPv2XbUKw5MGMNPTsLEBhQJIfwco+SZJAo8f+7XOzj5LR0cegIUFb/715j/lnKerVKDZhFLJWlnrN9OU/1aW/Zha8+FDA4Dublhfh+8N/yVr4etXiCIIAvj0SZa1tRcAOnECtm6FWg2M+dtsDGxu8uMsYJaX31q7unpbcYyOHEFXrsDyMtTrv5NY683VKu7iRTQ4CBKqVm/h7twhnZ9/kEhK41ju2jWpWJTa2qRdu3zl81I+r2x4WNnamv8H5fKLZHQU48bHURwXdfjwM3p6egHs7CzMzPi0swyiCA0MoKEhj76wsOiePx/AmPfGTUwgQFI7UXSP3t5BcjmPvrnp37+19Wf65fJLlpbOK02XqNdpAaClBYJgVe/enWV9fciE4TB79x6iVPLGlRVMtfpGcTymxcUpUyr5nIBvAwDWIWcndiwtQAAAAABJRU5ErkJggg%3D%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.newMessage, .metrouicss .tile .tile-status > .badge.newMessage { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhP1ZE9DgIhFIQhobDYg1haWniMbSw9j0exsfMAeg9L7Sy2kPATnCFI2LgYtjJOMjx4vPkoED+X5OK934cQ+thpFOYvSqmdMMascVDOuQMcGn1GptNaL4W1dgBkMwOSw8jeBJszIKMwexFAN0A+wnQG0Lh4wv0EJIb5AO4fRX8MoDFAlZAyPJSztOSSfiYLAYeyxTcdURcIrqSUJ7iLA4UmAdQbgnqvhakqgEoQXQtTXwEtIuCa9n8pIV67VJf6AmhGmgAAAABJRU5ErkJggg%3D%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.paused, .metrouicss .tile .tile-status > .badge.paused { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAArSURBVDhPY/j9+7fDnz9//mPBCQxQgE8NE1QN2WDUgFEDQGDUgIE3gIEBAArtNKc4HT7sAAAAAElFTkSuQmCC) 50% no-repeat; } .metrouicss .tile .brand > .badge.playing, .metrouicss .tile .tile-status > .badge.playing { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEXSURBVDhPY4CBnz9/pvz+/dsFyiUaMEFpBiYmJhkgtf3v37/t////Z4GIEgZwA0CAkZGRBai5AmjIYSCtABXGC1AMQAIWf/78OQ/EEVA+ToDLAJBrBIDUcqBrZgNdwwMRxQQ4DYABoOYUoCGngYFsABVCAQQNgAINYCAf//XrVwGUDwfEGgDyEgfQkH5guGwGukoEKky8AUhA5sePH6DwAQOSDAC6YgIzM7MpJyfnHagQcQYAnfwGiD2BmguBhvyBCoMBMQbsYWFh0WVlZd0B5aMAnAYAbfzz79+/SqBmV6CtL6DCGACXAQ+ABliysbF1QPk4AYYBQI0rgH7VBWo+AxXCC+AGADV+AVKJQL9GAp0MYhMBGBgA8v5j1f90TA8AAAAASUVORK5CYII%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.error, .metrouicss .tile .tile-status > .badge.error { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFiSURBVDhPjVM7TsNQELRjy8ISBQeIREtBEYnQUXCINFTkCCBxgNwAJI5AaejSpaCAEqRINBTcIQ1SbD9/mHmfZP3iSIw0ytt9O7O7thMGHpqmGVZVNQnD8AwcMde27RL8rOt6nqbpjy7sA4RTpdQKv20fcbcuy/IOZrGVbIHLpz7RHr52TJCYukuMeU+6WDBjdxej4UyLubMbm0KdBDyTzHWEyY01UEVRnA4Q8IEdaZVAFEW3yD/g+IzzFc6VuTFAHAPXO7vLKQi5q+suuOD+X15yx4ToEXON1QB3B6ZkC3Qd+q8Kaxzbo0TMCTLPefPAfPS8nTeOtnk1YEfMsf11pIm+y/P8BLusmaCZrevsLE1QO3F51FzopJyCQil2pAnFoLLxI7X6z8SxkVjgeMn4H/jGQz3Ht/BrY2MC85nrsI/sjNpDKzMTSODzHPELQ9EY1H9ndFqCHxC/JEnyrgs1guAPTvwreuY0IiIAAAAASUVORK5CYII%3D) 50% no-repeat; } .metrouicss .tile .brand > .badge.attention, .metrouicss .tile .tile-status > .badge.attention { background: #2d89ef url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEbSURBVDhPtZI9bsJAEIVZ7ANQ5gApEomChjoNBUUOkSJFivSUQE3JEThCCo4BkotcIVKKNEi2vP7hveVZrMFgKPJJo915szOzf51/Jc/zhbV2Jfc+kiR5QrLNsqzEMJJ8O0hcM1kWlWUZKtQOOo69ZGdpmn4ofB12QsI3k1BoRtP8F7Gell0GnT6rrpJ4HOfzUiU1ww7o9HepAGI2juNHyeegw7Ja3FRA9iW5jv9slSl0WqD2rEYjF7Hy68E7gCPNORpjpk44sg2CYAg969JTxVoywYIXmlyfAS77jRPDZ8PZN5j3KfiEYeh2yG07wQN5P4g/d9H9Hf5ZMkHM/QO5NbCzh6IoJgbVI/iNBdrALnY8An9X+w9rpLPbA/sADga+JgSiAAAAAElFTkSuQmCC) 50% no-repeat; } .metrouicss .tile .brand > .name, .metrouicss .tile .tile-status > .name { position: absolute; bottom: 0; left: 0; margin-bottom: 5px; margin-left: 15px; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #ffffff; } .metrouicss .tile .brand > .name:hover, .metrouicss .tile .tile-status > .name:hover { color: #ffffff; } .metrouicss .tile .brand > .name > [class*=icon-], .metrouicss .tile .tile-status > .name > [class*=icon-] { font-size: 24px; } .metrouicss .tile .brand > .icon, .metrouicss .tile .tile-status > .icon { margin: 5px 15px; width: 32px; height: 32px; } .metrouicss .tile .brand > .icon > [class*=icon-], .metrouicss .tile .tile-status > .icon > [class*=icon-] { font-size: 32px; } .metrouicss .tile .brand > .icon > img, .metrouicss .tile .tile-status > .icon > img { width: 100%; height: 100%; } .metrouicss .tile .brand > img ~ .text, .metrouicss .tile .tile-status > img ~ .text { position: absolute; left: 60px; width: auto; } .metrouicss .tile .brand > .text, .metrouicss .tile .tile-status > .text { position: relative; left: 8px; top: 5px; right: 50px; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #000000; color: #ffffff; line-height: 14px; width: 60%; padding: 0; margin: 0; } .metrouicss .tile .brand > .text:hover, .metrouicss .tile .tile-status > .text:hover { color: rgba(0, 0, 0, 0.8); } .metrouicss .tile .brand > .text:active, .metrouicss .tile .tile-status > .text:active { color: rgba(0, 0, 0, 0.4); } .metrouicss .tile .brand > .text:hover, .metrouicss .tile .tile-status > .text:hover { color: #ffffff; } .metrouicss .tile:hover { outline: 3px #3a3a3a solid; } .metrouicss .input-control.checkbox { display: inline-block; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .metrouicss .input-control.checkbox > input[type=checkbox] { position: absolute; opacity: 0; } .metrouicss .input-control.checkbox .helper { padding-left: 23px; position: relative; } .metrouicss .input-control.checkbox .helper:before { position: absolute; display: block; height: 20px; width: 20px; content: ""; text-indent: -9999px; border: 2px #d9d9d9 solid; z-index: 1; opacity: 1; top: 0; left: 0; } .metrouicss .input-control.checkbox input[type="checkbox"]:checked ~ .helper:after { position: absolute; display: block; content: "\e08a"; font-size: 10pt; heigth: 14px; width: 14px; line-height: 14px; z-index: 2; top: 50%; margin-top: -6px; left: 0; margin-left: 4px; font-family: iconFont; } .metrouicss .input-control.checkbox input[type="checkbox"]:not(:checked) ~ .helper:after { display: none; } .metrouicss .input-control.checkbox input[type="checkbox"]:disabled ~ .helper:before { cursor: default; background: #e6e6e6; } .metrouicss .input-control.checkbox input[type=checkbox]:disabled ~ .helper:after { color: #8a8a8a; } .metrouicss .input-control.checkbox input[type=checkbox]:focus ~ .helper:before { border-color: #919191; } .metrouicss .input-control.checkbox:hover input[type=checkbox]:not(:disabled) ~ .helper:before { border-color: #919191; } .metrouicss .input-control.checkbox:active input[type=checkbox]:not(:disabled) ~ .helper:before { border-color: #1e1e1e; } .metrouicss .input-control.intermediate input[type="checkbox"] ~ .helper:after { position: absolute !important; display: block !important; content: "" !important; color: #1a1a1a !important; z-index: 2 !important; font-size: 16px !important; font-weight: bold !important; left: 5px !important; margin-left: 0 !important; top: 50% !important; margin-top: -5px !important; background-color: #1a1a1a !important; width: 10px !important; height: 10px !important; } .metrouicss .input-control.intermediate input[type="checkbox"]:disabled ~ .helper:after { background-color: #9a9a9a !important; } .metrouicss .input-control.radio { display: inline-block; margin-right: 10px; margin-bottom: 10px; cursor: pointer; } .metrouicss .input-control.radio > input[type=radio] { position: absolute; opacity: 0; } .metrouicss .input-control.radio .helper { padding-left: 23px; position: relative; } .metrouicss .input-control.radio .helper:before { position: absolute; display: block; height: 20px; width: 20px; content: ""; text-indent: -9999px; border: 2px #d9d9d9 solid; z-index: 1; opacity: 1; top: 0; left: 0; border-radius: 100%; } .metrouicss .input-control.radio input[type="radio"]:checked ~ .helper:after { position: absolute; display: block; content: ""; color: #1a1a1a; z-index: 2; font-size: 16px; font-weight: bold; left: 5px; margin-left: 0; top: 50%; margin-top: -5px; background-color: #1a1a1a; width: 10px; height: 10px; border-radius: 100%; } .metrouicss .input-control.radio input[type="radio"]:disabled ~ .helper:before { cursor: default; background: #e6e6e6; } .metrouicss .input-control.radio input[type="radio"]:disabled ~ .helper:after { background-color: #8a8a8a; } .metrouicss .input-control.radio input[type="radio"]:focus ~ .helper:before { border-color: #919191; } .metrouicss .input-control.radio:hover input:not(:disabled) ~ .helper:before { border-color: #919191; } .metrouicss .input-control.radio:active input:not(:disabled) ~ .helper:before { border-color: #1e1e1e; } .metrouicss .input-control.switch { display: inline-block; margin-right: 10px; margin-bottom: 10px; cursor: pointer; position: relative; } .metrouicss .input-control.switch > input[type=checkbox] { position: absolute; opacity: 0; } .metrouicss .input-control.switch .helper { padding-left: 52px; position: relative; } .metrouicss .input-control.switch .helper:before { position: absolute; left: 0; top: 2px; display: block; content: ""; width: 43px; height: 16px; outline: 2px #a6a6a6 solid; border: 1px #fff solid; cursor: pointer; background: #008287; margin-left: 2px; z-index: 1; } .metrouicss .input-control.switch input[type="checkbox"] ~ .helper:after { position: absolute; left: 36px; top: 2px; display: block; content: ""; width: 9px; height: 16px; outline: 2px #333 solid; border: 1px #333 solid; cursor: pointer; background: #333; z-index: 2; } .metrouicss .input-control.switch input[type="checkbox"]:not(:checked) ~ .helper:after { left: 2px !important; } .metrouicss .input-control.switch input[type="checkbox"]:not(:checked) ~ .helper:before { background: #a6a6a6 !important; } .metrouicss .input-control.switch input[type="checkbox"]:disabled ~ .helper:after { background: #a6a6a6 !important; outline: 2px #a6a6a6 solid !important; border: 1px #a6a6a6 solid !important; } .metrouicss .input-control.switch input[type="checkbox"]:focus ~ .helper:before { outline: 2px #747474 solid !important; } .metrouicss .input-control.switch input[type="checkbox"]:disabled ~ .helper:before { cursor: default !important; background: #e0e0e0 !important; outline: 2px #ccc solid !important; } .metrouicss .input-control > input[type=text], .metrouicss .input-control > input[type=email], .metrouicss .input-control > input[type=url], .metrouicss .input-control > input[type=phone], .metrouicss .input-control > input[type=password], .metrouicss .input-control > input[type=number], .metrouicss .input-control > input[type=time], .metrouicss .input-control > select, .metrouicss .input-control > textarea { border: 1px #bababa solid; width: 100%; padding: 4px 6px 6px 5px; background-color: #fff; outline: 0; margin-right: 32px; min-height: 32px; position: relative; } .metrouicss .input-control > input[type=text].with-helper, .metrouicss .input-control > input[type=email].with-helper, .metrouicss .input-control > input[type=url].with-helper, .metrouicss .input-control > input[type=phone].with-helper, .metrouicss .input-control > input[type=password].with-helper, .metrouicss .input-control > input[type=number].with-helper, .metrouicss .input-control > input[type=time].with-helper, .metrouicss .input-control > select.with-helper, .metrouicss .input-control > textarea.with-helper { padding: 4px 32px 6px 5px; } .metrouicss .input-control > input[type=text]:disabled, .metrouicss .input-control > input[type=email]:disabled, .metrouicss .input-control > input[type=url]:disabled, .metrouicss .input-control > input[type=phone]:disabled, .metrouicss .input-control > input[type=password]:disabled, .metrouicss .input-control > input[type=number]:disabled, .metrouicss .input-control > input[type=time]:disabled, .metrouicss .input-control > select:disabled, .metrouicss .input-control > textarea:disabled { background-color: #eaeaea; } .metrouicss .input-control > input[type=text]:focus, .metrouicss .input-control > input[type=email]:focus, .metrouicss .input-control > input[type=url]:focus, .metrouicss .input-control > input[type=phone]:focus, .metrouicss .input-control > input[type=password]:focus, .metrouicss .input-control > input[type=number]:focus, .metrouicss .input-control > input[type=time]:focus, .metrouicss .input-control > select:focus, .metrouicss .input-control > textarea:focus { border-color: #000; } .metrouicss .input-control > input[type=text]::-ms-clear, .metrouicss .input-control > input[type=email]::-ms-clear, .metrouicss .input-control > input[type=url]::-ms-clear, .metrouicss .input-control > input[type=phone]::-ms-clear, .metrouicss .input-control > input[type=number]::-ms-clear, .metrouicss .input-control > input[type=time]::-ms-clear { display: none; } .metrouicss .input-control > input[type=password]::-ms-reveal { display: none; } .metrouicss .input-control > select { padding-right: 5px; } .metrouicss .input-control > textarea { padding-right: 5px; min-height: 100px; } .metrouicss .input-control.text input[type=text]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=text]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=password]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=password]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=email]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=email]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=phone]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=phone]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=number]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=number]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=time]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=time]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=url]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.password input[type=url]:not(:focus) ~ [class^="btn-"], .metrouicss .input-control.text input[type=text]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=text]:not(:focus) ~ .helper, .metrouicss .input-control.text input[type=password]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=password]:not(:focus) ~ .helper, .metrouicss .input-control.text input[type=email]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=email]:not(:focus) ~ .helper, .metrouicss .input-control.text input[type=phone]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=phone]:not(:focus) ~ .helper, .metrouicss .input-control.text input[type=number]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=number]:not(:focus) ~ .helper, .metrouicss .input-control.text input[type=time]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=time]:not(:focus) ~ .helper, .metrouicss .input-control.text input[type=url]:not(:focus) ~ .helper, .metrouicss .input-control.password input[type=url]:not(:focus) ~ .helper { display: none; } .metrouicss .input-control.text input[type=text]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=text]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=password]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=password]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=email]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=email]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=phone]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=phone]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=number]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=number]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=time]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=time]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=url]:focus ~ [class^="btn-"], .metrouicss .input-control.password input[type=url]:focus ~ [class^="btn-"], .metrouicss .input-control.text input[type=text]:focus ~ .helper, .metrouicss .input-control.password input[type=text]:focus ~ .helper, .metrouicss .input-control.text input[type=password]:focus ~ .helper, .metrouicss .input-control.password input[type=password]:focus ~ .helper, .metrouicss .input-control.text input[type=email]:focus ~ .helper, .metrouicss .input-control.password input[type=email]:focus ~ .helper, .metrouicss .input-control.text input[type=phone]:focus ~ .helper, .metrouicss .input-control.password input[type=phone]:focus ~ .helper, .metrouicss .input-control.text input[type=number]:focus ~ .helper, .metrouicss .input-control.password input[type=number]:focus ~ .helper, .metrouicss .input-control.text input[type=time]:focus ~ .helper, .metrouicss .input-control.password input[type=time]:focus ~ .helper, .metrouicss .input-control.text input[type=url]:focus ~ .helper, .metrouicss .input-control.password input[type=url]:focus ~ .helper { display: block; } .metrouicss .input-control.text input[type=text]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=text]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=password]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=password]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=email]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=email]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=phone]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=phone]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=number]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=number]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=time]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=time]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=url]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.password input[type=url]:not(:focus) ~ [class^="btn-"]:active, .metrouicss .input-control.text input[type=text]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=text]:not(:focus) ~ .helper:active, .metrouicss .input-control.text input[type=password]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=password]:not(:focus) ~ .helper:active, .metrouicss .input-control.text input[type=email]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=email]:not(:focus) ~ .helper:active, .metrouicss .input-control.text input[type=phone]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=phone]:not(:focus) ~ .helper:active, .metrouicss .input-control.text input[type=number]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=number]:not(:focus) ~ .helper:active, .metrouicss .input-control.text input[type=time]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=time]:not(:focus) ~ .helper:active, .metrouicss .input-control.text input[type=url]:not(:focus) ~ .helper:active, .metrouicss .input-control.password input[type=url]:not(:focus) ~ .helper:active { display: block; } .metrouicss .input-control input[type=text] ~ .btn-search, .metrouicss .input-control input[type=text] ~ .btn-date { display: block !important; } .metrouicss .input-control { margin-right: 0px; margin-bottom: 10px; position: relative; } .metrouicss .input-control.text .helper, .metrouicss .input-control.password .helper, .metrouicss .input-control.text [class^="btn-"], .metrouicss .input-control.password [class^="btn-"] { font-family: "iconFont" !important; background: #fff; top: 2px; width: 26px !important; height: 27px !important; min-width: 26px !important; min-height: 27px !important; cursor: pointer; color: #000; position: absolute; left: 100%; margin-left: -28px; display: block; border: 1px #fff solid; } .metrouicss .input-control.text .helper:before, .metrouicss .input-control.password .helper:before, .metrouicss .input-control.text [class^="btn-"]:before, .metrouicss .input-control.password [class^="btn-"]:before { font-size: 10pt !important; position: absolute; color: #000 !important; font-family: "iconFont" !important; left: 6px; top: 4px; } .metrouicss .input-control.text .helper:hover, .metrouicss .input-control.password .helper:hover, .metrouicss .input-control.text [class^="btn-"]:hover, .metrouicss .input-control.password [class^="btn-"]:hover { background: #d9d9d9; } .metrouicss .input-control.text .helper:active, .metrouicss .input-control.password .helper:active, .metrouicss .input-control.text [class^="btn-"]:active, .metrouicss .input-control.password [class^="btn-"]:active { background-color: #000; } .metrouicss .input-control.text .helper:active:before, .metrouicss .input-control.password .helper:active:before, .metrouicss .input-control.text [class^="btn-"]:active:before, .metrouicss .input-control.password [class^="btn-"]:active:before { color: #fff; } .metrouicss .input-control.password .helper, .metrouicss .input-control.password .btn-reveal { background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM2OTY1MkEwNkVGMTFFMjhDQkNEODZFQTYyRTI5MDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM2OTY1MkIwNkVGMTFFMjhDQkNEODZFQTYyRTI5MDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzY5NjUyODA2RUYxMUUyOENCQ0Q4NkVBNjJFMjkwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzY5NjUyOTA2RUYxMUUyOENCQ0Q4NkVBNjJFMjkwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps2lOfsAAAFMSURBVHjaYvz//z8DrQATAw0BTQ1nwSUxe/ZsBSCVD8QBQKyAJv0AiDcA8cTU1NQHuMxgRA9zoKECQKofiBOIdOACIC4EWvIBr+FAgw2A1H4gFiAxBEAGOwItuIDVcBwGf4C6bCOaYf5QnwngswBsODQo7qMpbgTiCdi8ixR8BUBcj2aBIkwPLEL70QxOBCpYgC8coAY0AC0BReh8qDAsvhJBHGZpaWkFqNdhAOTaTmID29jY+MK5c+dAhlpAhQyA/IVA8Q8s0OSG7K1GNO8HQF2jgJQMQaljA1oQIscByMxCUCZyQE5WyGEMNXg9WjoHsddD5ZCDCNn3DrAcaoAkiJ4q+vGECLrcQSS2Ad7sD00NCngMV8CS1vHnUDTD3xNIMYxkFVzQcHyAR+8DSkvFQjLlCBsOTW6BaK4EsQPRkiJxpeJoTTS0DQcIMACNJ32B6TbHUQAAAABJRU5ErkJggg%3D%3D) 50% no-repeat; } .metrouicss .input-control.password .helper:hover, .metrouicss .input-control.password .btn-reveal:hover { background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM2OTY1MjIwNkVGMTFFMjhDQkNEODZFQTYyRTI5MDciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM2OTY1MjMwNkVGMTFFMjhDQkNEODZFQTYyRTI5MDciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzU3NURCRDA2RUYxMUUyOENCQ0Q4NkVBNjJFMjkwNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzU3NURCRTA2RUYxMUUyOENCQ0Q4NkVBNjJFMjkwNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhJl5kAAAAEMSURBVHja7FXtEYIwDKVO0BE6AiPoBDICo7BBR9AVnMARcIOyAWxQk6PlakwC/uC888zdOwpJXl/SD0yMsdrLDtWO9h1yY4wDeEAARIKQfE7InQfY8xJgFnBB10ZgrCUc85N8rAHjB8QZmFNTcpNfoBQkvifl2SbAFXAjlZ8BLRN7Ar4HtmVRnoKo4o6Wy7SvYyqwL21hetxKpMwkLbMGS3sccfqtxMUEnnC4TO5pWSSxAYQiBscN06KRCkTrJdWJWNohjaK+X3ZNgSNJCAp50ITgN+2E2rQeklHf9MYh3YqJfNTuDsg10vFXlYMTlQwK97B6c61ssc0Lunq3KBOoW1EiN/8/0W+RPwUYACoftglrEejbAAAAAElFTkSuQmCC) 50% no-repeat; } .metrouicss .input-control.text .helper:before, .metrouicss .input-control.text .btn-clear:before { content: "\e089"; } .metrouicss .input-control.text .btn-search:before { content: "\e041"; } .metrouicss .input-control.text .btn-date:before { content: "\e020"; } .metrouicss label { font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; margin-right: 10px; margin-bottom: 10px; } .metrouicss fieldset { position: relative; margin-top: 30px; border: 2px #eaeaea solid; padding: 10px; } .metrouicss fieldset legend { padding-left: 10px; padding-right: 10px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; color: #cfcfcf; position: absolute; top: -25px; left: -10px; } .metrouicss input[type=button], .metrouicss input[type=reset], .metrouicss input[type=submit] { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; text-align: center; vertical-align: middle !important; min-width: 90px; min-height: 32px; height: 32px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; cursor: pointer; width: auto; *zoom: 1; border-radius: 0; } .metrouicss input[type=button] [class^="icon-"], .metrouicss input[type=reset] [class^="icon-"], .metrouicss input[type=submit] [class^="icon-"], .metrouicss input[type=button] [class*=" icon-"], .metrouicss input[type=reset] [class*=" icon-"], .metrouicss input[type=submit] [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss input[type=button] [class^="icon-"].icon-large, .metrouicss input[type=reset] [class^="icon-"].icon-large, .metrouicss input[type=submit] [class^="icon-"].icon-large, .metrouicss input[type=button] [class*=" icon-"].icon-large, .metrouicss input[type=reset] [class*=" icon-"].icon-large, .metrouicss input[type=submit] [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss input[type=button].big [class^="icon-"], .metrouicss input[type=reset].big [class^="icon-"], .metrouicss input[type=submit].big [class^="icon-"], .metrouicss input[type=button].big [class*=" icon-"], .metrouicss input[type=reset].big [class*=" icon-"], .metrouicss input[type=submit].big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss input[type=button] [class^="icon-"], .metrouicss input[type=reset] [class^="icon-"], .metrouicss input[type=submit] [class^="icon-"], .metrouicss input[type=button] [class*=" icon-"], .metrouicss input[type=reset] [class*=" icon-"], .metrouicss input[type=submit] [class*=" icon-"] { margin-right: 5px; } .metrouicss input[type=button] [class^="icon-"].right, .metrouicss input[type=reset] [class^="icon-"].right, .metrouicss input[type=submit] [class^="icon-"].right, .metrouicss input[type=button] [class*=" icon-"].right, .metrouicss input[type=reset] [class*=" icon-"].right, .metrouicss input[type=submit] [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss input[type=button]:before, .metrouicss input[type=reset]:before, .metrouicss input[type=submit]:before, .metrouicss input[type=button]:after, .metrouicss input[type=reset]:after, .metrouicss input[type=submit]:after { display: table; content: ""; } .metrouicss input[type=button]:after, .metrouicss input[type=reset]:after, .metrouicss input[type=submit]:after { clear: both; } .metrouicss input[type=button].standart, .metrouicss input[type=reset].standart, .metrouicss input[type=submit].standart { min-width: 90px; min-height: 32px; } .metrouicss input[type=button]:active, .metrouicss input[type=reset]:active, .metrouicss input[type=submit]:active, .metrouicss input[type=button].default:active, .metrouicss input[type=reset].default:active, .metrouicss input[type=submit].default:active { top: 1px; left: 1px; } .metrouicss input[type=button]:disabled, .metrouicss input[type=reset]:disabled, .metrouicss input[type=submit]:disabled, .metrouicss input[type=button].disabled, .metrouicss input[type=reset].disabled, .metrouicss input[type=submit].disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss input[type=button].default, .metrouicss input[type=reset].default, .metrouicss input[type=submit].default { background-color: #008287; color: #fff; } .metrouicss input[type=button]:focus, .metrouicss input[type=reset]:focus, .metrouicss input[type=submit]:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss input[type=button].mini, .metrouicss input[type=reset].mini, .metrouicss input[type=submit].mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss input[type=button].big, .metrouicss input[type=reset].big, .metrouicss input[type=submit].big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss input[type=submit] { background-color: #008287; color: #fff; } .metrouicss .image-collection { position: relative; margin-left: 0; list-style: none; *zoom: 1; } .metrouicss .image-collection:before, .metrouicss .image-collection:after { display: table; content: ""; } .metrouicss .image-collection:after { clear: both; } .metrouicss .image-collection > div, .metrouicss .image-collection > li { width: 220px; height: 121px; overflow: hidden; margin-right: 20px; margin-bottom: 20px; position: relative; box-shadow: inset 0px 0px 1px #FFFFCC; float: left; background: #cccccc url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAP5SURBVGhD7ZdBSBRRGIB319VW8OBhAwMhgwIPQgpGHYoMDeoYeAkSDBKSEIw8BCUd7FahgZDQxZtBFw9BRkIGezA0FAo0EBIyCCrwILjq6vb9M/8uM7szu+7qaAvzweP9/3tv3vz//978703Ax8fHx2cvBLW2sbW11R4MBp+o6sjOzs7zioqKIVUPjZDWNjC+iqouV2FMNfWh4+hAKRFMJpNhtkxvKBS6iC6RF2oo9aboyrKWw2CNLfypvLx8KLi9vT2IE73aUWqMB4n+b/ZzVBtKCgKfCCYSiaTqJcmBO0DUVlnxacoK+/gn395x2uoo52iL6LBdc5AOvMHIZ+FwOIahCW1LQ18EW67Q9wC12WzNj+cOYNgKVQcZY8psyc/GxsYtVmYQZ1JZ0RWvHYiVlZVdw5A/qhtgYAPtjWwhSR6zODfPmDWz10THvEbMmc69dGAJA5pShskWweABym2XyE5hS3ckEllUPbC+vn6SLTfDeNdT35OTGGMTnC8SecP4zc3NZvQ52vtcjBdacHiOsX2qByorK5eoOkzNGU9WACNHMKZbZCJei/FfckUxE57p4aI4rGoAGz9QtZiaHU8cwPhjGPxL5Fwvd4OViuN0U2o7cdhKdnprdGbgxRaSNJkyvpOqIOMFno+w91+oGkCexCnbR57C1QEmGWIpLxDNE9bCRJfoG9FhWdAXU1Ei2apiwfDseYpxsDFngjJpdGTg9j8wjLF32YcSzWVrkXxOXzeTv9LhNmj/pqLM06hiwfCs3JIbVBVdzpMsHB0g8u9UdIUJHcfggPEi6jBV2oBi4DBLP49Nf1W04egAL5e/rpy4jcEx42ZLnWCM7QArFOvzOHNERRtuW+iR5G5Vs2Bp26jumZodSZsqyjzTKhYFH2/6eeu8VtwciOLxDIb+IJN8txZpo/89xfFA4rmzKso88yoWDNFf4fn0CiCfU9HGvp8DvHiNyB3lhXHkKPMvIBfzw3STeUZFiMfj9cgLRmsGjiuwFzC2ilWS/C+yRLBL5AIZTxkvkPnuqJiFJyexfHwYcAoHVkXnVB2g7aHRmZ950vRldT51oZNVlKyWxb6vgMDLohj9UlW5WvTjwFWKYy4X6JPD6iljz6SMpy1C9MfcjBe8vE5L5ujnMHysqhhUzfa6gZGnkSXLSSL4yrjP1BOMnZVxAv1hgjCG2G62OOOpAwLRGyUzdVFn/Ua6gfE1anzee5QnW8gKxnRizAKBMj7sXDA2wvlzXzIX6q4ugZ6vgBUMlL09wZb5yKrI9xCnVNNei95K3cZK5f0PtnKgDnhBCK8d79mlQoglS9/fS5DFEGmtByHGSuw6S/wnzJIcrqvs4+Pj41MMgcA/8Fr5zKgSl7AAAAAASUVORK5CYII%3D) 50% no-repeat; display: table-cell; vertical-align: middle !important; text-align: center; } .metrouicss .image-collection > div > img, .metrouicss .image-collection > li > img { width: 100%; height: auto; min-height: 100%; max-width: 100%; } .metrouicss .image-collection > div > .overlay, .metrouicss .image-collection > li > .overlay { position: absolute; width: 100%; height: 55px; overflow: hidden; background-color: #1e1e1e; color: #fff; font-size: 8pt; text-align: left; line-height: 12px; padding: 5px 10px; opacity: .8; bottom: -55px; } .metrouicss .image-collection > div:hover .overlay, .metrouicss .image-collection > li:hover .overlay { -webkit-transform: translate(0, -55px); -ms-transform: translate(0, -55px); -o-transform: translate(0, -55px); -moz-transform: translate(0, -55px); transform: translate(0, -55px); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s easet; } .metrouicss .image-collection.p16x9 > div { width: 220px; height: 121px; } .metrouicss .image-collection.p4x3 > div { width: 220px; height: 165px; } .metrouicss .image-container { position: relative; padding: 5px 5px 50px; background-color: #1e1e1e; width: 220px; margin-right: 20px; margin-bottom: 20px; } .metrouicss .image-container img { width: 100%; height: auto; } .metrouicss .image-container > .overlay { position: absolute; bottom: 0; left: 0; right: 0; height: 50px; font-size: 8pt; color: #fff; line-height: 14px; padding: 0 5px; overflow: hidden; text-overflow: ellipsis; } .metrouicss .image-container.light { background-color: #ccc; } .metrouicss .image-container.light > .overlay { color: #1e1e1e; } .metrouicss .card { width: 75px; height: 105px; border: 1px #eaeaea solid; border-radius: 0px; position: relative; float: left; display: block; margin-right: 10px; margin-bottom: 10px; cursor: pointer; background: #fff; font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; font-family: Tahoma, Arial, sans-serif; line-height: 18pt; } .metrouicss .card:hover { box-shadow: 1px 1px 1px #ccc; } .metrouicss .card .suit { padding: 0; font-size: 80px; position: absolute; right: 5px; bottom: 30px; } .metrouicss .card .small-suit:after { top: 5px; left: 13px; position: absolute; } .metrouicss .card .small-suit:before { top: 22px; left: 10px; position: absolute; } .metrouicss .card .suit:after { position: relative; bottom: 10px; } .metrouicss .red { color: red; } .metrouicss .black { color: black; } .metrouicss .card.two .small-suit:after { content: "2"; } .metrouicss .card.three .small-suit:after { content: "3"; } .metrouicss .card.four .small-suit:after { content: "4"; } .metrouicss .card.five .small-suit:after { content: "5"; } .metrouicss .card.six .small-suit:after { content: "6"; } .metrouicss .card.seven .small-suit:after { content: "7"; } .metrouicss .card.eight .small-suit:after { content: "8"; } .metrouicss .card.nine .small-suit:after { content: "9"; } .metrouicss .card.ten .small-suit:after { content: "10"; margin-left: -7px; } .metrouicss .card.jack .small-suit:after { content: "J"; } .metrouicss .card.dame .small-suit:after { content: "Q"; } .metrouicss .card.king .small-suit:after { content: "K"; } .metrouicss .card.ace .small-suit:after { content: "A"; } .metrouicss .card.joker { background: #ffffff url(data:image/jpeg;base64,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%3D) no-repeat 10px; } .metrouicss .card.back { background-color: #b91d47; background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .metrouicss .card.spades .small-suit:after { color: black; } .metrouicss .card.spades .small-suit:before { font-family: iconFont; content: "\e009"; color: black; } .metrouicss .card.spades .suit:after { font-size: 40pt; font-family: iconFont; content: "\e009"; color: black; } .metrouicss .card.clubs .small-suit:after { color: black; } .metrouicss .card.clubs .small-suit:before { font-family: iconFont; content: "\e00a"; color: black; } .metrouicss .card.clubs .suit:after { font-size: 40pt; font-family: iconFont; content: "\e00a"; color: black; } .metrouicss .card.diamonds .small-suit:after { color: red; } .metrouicss .card.diamonds .small-suit:before { font-family: iconFont; content: "\e00b"; color: red; } .metrouicss .card.diamonds .suit:after { font-size: 40pt; font-family: iconFont; content: "\e00b"; color: red; } .metrouicss .card.hearts .small-suit:after { color: red; } .metrouicss .card.hearts .small-suit:before { font-family: iconFont; content: "\e07f"; color: red; } .metrouicss .card.hearts .suit:after { font-size: 40pt; font-family: iconFont; content: "\e07f"; color: red; } .metrouicss code, .metrouicss pre { padding: 0 3px 2px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; font-size: 10pt; color: #525252; } .metrouicss code { padding: 2px 4px; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #d14; background-color: #f7f7f9; border: 1px #e1e1e8 solid; } .metrouicss pre { display: block; padding: 10px; margin: 0; line-height: 14pt; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.15); } .metrouicss pre.prettyprint { margin-bottom: 10px; } .metrouicss pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .metrouicss .page-control { position: relative; *zoom: 1; } .metrouicss .page-control:before, .metrouicss .page-control:after { display: table; content: ""; } .metrouicss .page-control:after { clear: both; } .metrouicss .page-control > ul { margin-left: 0; list-style: none; *zoom: 1; position: absolute; z-index: 5; width: 100%; background-color: rgba(217, 217, 217, 0.16); height: 31px; } .metrouicss .page-control > ul:before, .metrouicss .page-control > ul:after { display: table; content: ""; } .metrouicss .page-control > ul:after { clear: both; } .metrouicss .page-control > ul li:first-child { margin-left: 20px; } .metrouicss .page-control > ul li { float: left; display: block; text-align: center; height: 100%; } .metrouicss .page-control > ul li img { float: left; width: 16px; height: 16px; margin-right: 5px; margin-top: 3px; } .metrouicss .page-control > ul li.active { border: 1px #ccc solid; border-bottom: 0; background-color: #fff; } .metrouicss .page-control > ul li.active span, .metrouicss .page-control > ul li.active a { color: #2d89ef; } .metrouicss .page-control > ul li span, .metrouicss .page-control > ul li a { text-decoration: none; display: block; float: left; padding: 5px 10px; color: #1e1e1e; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; cursor: pointer; outline: 0; } .metrouicss .page-control.tabs-right > ul li { float: right !important; margin-left: 10px; } .metrouicss .page-control .frames { margin-top: 30px; width: 100%; min-height: 50px; border: 1px #ccc solid; } .metrouicss .page-control .frames .frame { width: 100%; min-height: 100%; height: auto; display: none; padding: 20px; } .metrouicss .page-control .frames .frame.active { display: block; } .metrouicss .page-control ul { display: block; overflow: visible; } .metrouicss .page-control .menu-pull, .metrouicss .page-control .menu-pull-bar { display: none; } .metrouicss .accordion { margin-left: 0; list-style: none; *zoom: 1; margin-bottom: 10px; } .metrouicss .accordion:before, .metrouicss .accordion:after { display: table; content: ""; } .metrouicss .accordion:after { clear: both; } .metrouicss .accordion > li { margin-bottom: 5px; display: block; } .metrouicss .accordion > li > a { display: block; height: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALnSURBVEhLrZY/aNNREMeTXzPYksHBQdoMGUxbSkXSpK2gULcKCnas0MEODoIOgqWrRcHJujpEonQQh2LrVKVCgxWEtMVABMFCW0iTDg4iqNikiZ/vy2vMX2v/fOHy7t293929e/fuxe36B7q6urwtLS1DhUJh0O12+xH5ihrXFpTK5/Ovkc8sLy9/LYprUdeBDDc3N9+BHcdACgczjuN8wuC69MjkqAP5ZcZu5o/hJ+o5qnHQ29sbxtBL8Ri9Ho/H54yiAXp6es6yLgp7EkdXq9c32dEgHA4PE8ksC1/lcrkrKysrSatqiEwmkwoEAk+2t7eP8+1kW1vbj3Q6/cGq/0KRh0KhXzgZsaJ9g+8vQFl2pdQZmB0o5x6P550iX1paumc0BwC7WW9tbW0iZQ99Pt/U5ubmd0cKe6CubDZ7W2M9sMNr7K4gIsq7VlwDr9d7n1Stco4mUEfRM47rQBOJxDcJD4NYLJbD1ihORoLB4ClHdU5qUntVy36ArY8MCzgadvA0CM0UVUcKVeOghx8/9NYKS1DOLWtAEOcsq4t2plpP1E8tu4sk34y7ObQ1mFFu4YJVGOgwLftfoPoqLm1/f79/Z2dnTSnyMM8VxUcPRwesNNl5CTieKCdE5ee0UEdfATqBD/mWok9BHUZaBlJWUevKOR8MiWeMVeurwZpOBe+o5TIpXe2jAiV6CQdzSpG23q1eVFQdHjpggr6I7WlHPRxG/XxqYGDgmF1zKFA9UWzO68KZ0qK3nEDwBScRHI6ZVQcEtm4yPIJOY+uz6aZ0wZ/08QQOJumG79UVJd8vMK6DfYGdW7wlbyQrPTg8Eqs4+Q37TC23vb19cWNjI1/U7g1Fbo1HMP7AimufTD0WVMBzFq6qK9rG1RD2xkZZfx66gfGIVRnUOBD6+vp86ud8MMx0EZqFkjxKJnX2EnWqFBlVLfOMY8q59OWo62AXpp/TcjGgjqumaP62wJu/LcznoOnGu3S5/gDwHX69fcclgQAAAABJRU5ErkJggg%3D%3D) 5px no-repeat; background-color: rgba(217, 217, 217, 0.16); padding-left: 36px; padding-top: 5px; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; } .metrouicss .accordion > li > div { border: 1px #ccc dotted; padding: 10px; margin-top: 5px; display: none; } .metrouicss .accordion > li.active > a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKlSURBVEhLtZY/aNNREMeTXzOYkMGxJBkymDSGDua/QyFuERTULYJLBwdBB8HiXBSc7OxQCdJBHIqpUyodClYU8geFFBwCbSB/BJ0kKuavn3t5rX+S2D+JX7jce3fvd3fv3r17MZv+Ab/fb7fZbJd7vV7CbDa7Ebn6GtNHqNLtdteRp/P5/Oe+eBBDHYhhq9V6h+FdDFRwkDYMYxuDu6JHJo5mkF+EzzJ/xHhxmKMBB5FIJIyh5zLG6PVsNptRihEIBoNnWZdiOI2jq3+vn9JcIRwOJ4lkjYUv2u32pUKhUNSqkajX6xWPx/O42Wye5Nslp9P5tVarvdXqX5DIQ6HQd5xc06Ijg+/PQS12JalTUDuQnFssllcSeS6Xu6c0xwC72XU4HFOk7KHL5VqpVqtfDFHoAzW1Wq3bwseB3W6/T6pKnKMK1Kwr5hNerxx0oIcF6T6Dgyx02pA6JzWVSRkXYOsdbJOgkwbbSUDpvmqikGpMGPy48bSthZNEkcDdZspyh8E8t3BTKxSQ9/TwUKD6/ri0sVjM3el0diRFFubtvvg/gEjfjHO5RoELNwfV5R5UoBklnSDIjA9WMajVdSb7V3tSoHAuUEAZqSIp0VnpRX3V+JADJujz2F41pIczkH6+Eo/HT+g1Y4HqSWFzQy6c6kUYX4RNNxqNYze6PXCwN7E3By3IXHVTuuA3+vh7hEt0w9fSFUV+VGDcR+TPsHOLt+SlyPYfHB6JEk5+MHwiLdfr9W6Vy+VuX3swJHJtfBnjD7R48MmUx4IKeMrCEnxeN66R0Dc2xXpJyw2ML2uVwtBHPxqNuqSf80GS6Ra0BhV5lFTqeE5d6HxSinCplg34AgXzQfS/Y6iDPQQCgVMYSWJAOq4brv62MFZ/W5hnoNXRuzSZfgLYkUQRTJGc4wAAAABJRU5ErkJggg%3D%3D); background-color: #d9d9d9; } .metrouicss .accordion > li.active > div { display: block; } .metrouicss .accordion.dark > li > a { background-color: #464646; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIzSURBVEhLtZYhSENRFIb3HgaDwWA0LAgaBBcMggu2DTQYFwwG44JBsE6MBpOwIhO0iahYJgoqBoNhFjEqaDAIBsOCsvn99509mXub080f/t33/nPuOfedd+7d82ItUK1W++AslykYh4PSwTN8gsee5x3AF6dGIDKBAjMsMS4zKpCC3DI+QNmVaBjOwFGYx77SKlGISqUyDh+NaZObAp8JeAdff/THIQPLsMAq+03+Efj2MmfN5i6aXA8MWrkc5kz6NUg0xfx3qNJ9AUMfokpSMOnPIFaOOG+w1hCh+MjYtCzY5mENOZMbgK2HWKVwsQhavUrT8gXh11YCAXuCeCrVkM+N+vzJ9/1iYO4ctOsNwznM+PxoEx3AbuMQpjwe45KMm3Ar0APwZPN26cD9JD4Ldq2NpwAhIuZPwW21571uTA+B9ivYtBBIcekqUQ/8cOo/QCW6YtzgJe8EUgCS13UK92OUQQ2h63OuL5zBwP13/yTcVYl24arpTYFz220qEHMBXqtEx7B+a3cH07Do82hq0VGyjTu5C+AJ9d+RJvaeEugMz8NtDL1y6BTE0TFxSmxtOCcM8AQ6z9ec0AGIkYXvxBwxKQBiGpYxNOyJdqGgxNBJ6jZkAzAsQWXPQe2PtsE8rVzB102KBg4z5lgiScLkpsAnju8Z1OkZvfLvwHEQFqCO8ROYJZDOFm1/MYmmPt83nyO0+pobWn62MHGIIQPdZwtd4f6lCFb7bCmqFcNuaUAs9glLFQdwvFGvGQAAAABJRU5ErkJggg%3D%3D); color: #fff; } .metrouicss .accordion.dark > li.active > a { background-color: #1e1e1e; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHpSURBVEhLtZavT8JRFMXBGQgEg5FAYNNgIBAMBhpsEowEIpFgYLMYMBsMFht/gRNHgRn8EzDoCBY2CAQ3g4GAAz/ncUW+ym++nu3swnn3nfu47/se32BgDobDYRie8DEFozAiHXRhB9aDwWAFvjl1CqYWkDGhSDwjykgmL8QW1LgK7cEMPIA3jF/MKzTGYDBIwLYxbfJMkHMIm/B9YT4JWdiDZVa5Y/JCkBtizqXNPTXZCwa0ciXkTFoZFEoyvw/Vuh8wEEZUS8omrQ28Svh8wO8HYiy2iUu3ZRbw2MarMV6srV6tWbihywLPOH5qVUy9z8FXG/MNeD7A8y0+6xBVnOov7mFKBaJ2iHwFns+EqApot90JnQR9XAk2bRItikRUYBt+OukfoAIdFqCLzAOqrwSbNokIvl1XAOri8hWY7xM6KlCH3qPtD45hTZV2eV51KBIjfXOo5fj1iHEn8OUaNhFCTtgQeD3Cqn11FfUrdJ9fmrQ28CjAPp7agx8gpqF+VtKklSFTPHST5k3ygoEiVPUS1PlYGszTymV+ZdJ0kJCxxAZFRps0B+RoQ9VzPSjTV/4bJEZgGeoa161YwCgpM+MRWh7eWU4Vzdtzw9zXFibGCFnoXls4sO5fCrPv15Ya2i18kv4XgcAXTr+7IYi7bgIAAAAASUVORK5CYII%3D); } .metrouicss .static-rating { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABOCAYAAADRl20RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NjQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NjUxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzAwNDIyNjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzAwNDIyNzFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmSPr8EAAASsSURBVHjavFlpiFNXFE6eMWaqcaGjMSOtrfpLrYpLcSqKqKh16kKeMg6jiFNLR4SCIEp/tBSFUmhBwQX/uNA/LpWWYq1iW1CxWLQVFRxkHNzTwaWdcamijsbvpCdwfd68d89N3hz4SPK27517z/Ldm2hVVVVEaFHgLeCy9EYnIrdK4G2L+6zIaCi6A73DJqPr0/x9QNhkfYGuiofRMMlUbxLA62GRdQFSmvkLhawfENOQOWGQ6QKiK8+jkcUEF6eKHB8IPDe4/xmRJYGh0sjyvEQq4JqHwCkiuwTcBcYA3SLlt1vAaeBpYc7+AY4BbWUmugicJKJ8OCeTycKJDuAGe9e7RJKn7M0Vb4CoRhN9DmgH3rGsnfdpfoD/dNGos2vAPWAsUCEg+hs4y6MkyjPyrklA1MFD12Gb1CkBWSyoVjoB51LC+UrbklUq7cTU+vsVB8fiLSlJzwCPNeeo7fTxG+dioqa/JneaOFLJbgLDNQWaXvJfiWc00XHl923gqEJE9oSj70+Pl2mpZ2klnM97SLzWyuWu4GUFV6B2E7Iok5E3Z1sbVz4yCIy8l+mt6ympR3BTfYUsqhGpPWmSQXI1IIq1PQyENPyDgAsmc0Zl6mqAFllRdEwbVz4BLmjnLJvN6l993TfFnjcF+ATY6DeuuufaVPWFwBDg3bBFKs1Hhr/Xhk02Q2msC6X3OxZDqGrGSWGRvQbM8RyrC4usBujhOeZKOoNjOYRqDZ1uvGSNrv16mmEX/oFbiNcOABsMnvGQHjIS+MqnKJsMb03ANSSEM9FcLkfVYjJ+7JUsEgR2EKh//tmqtvyc4csRfIxm9VouywHrgA+IKD9n5JlSD7txzfuoRCJaOywGyf6XAkQlU0g/xMdmy4UGNdsMiJqNQh8XbsPHROC6kIjmfTzQLM0z0uurBUTUB+uBB7ZJXSMg6xlUK/3IaL5mC4cxY0s2FehlQebYkLlFjh8CGlgZ6yRgtYgMoU+la64mdygl3gd2AMOAPYKXLOrZZM/y5xCvRLcrx+5wJ3BZiqtkUQmZq4TzMmCWT859z2p4N/9+k1eswfIbQ0gvMA84TESDqqtNEpu8rLt04sR3+NwCzOc8DfSM5PPnwEwfIu2I4PqCl4+1zVNXG8mG/Pp7MS9IBnwMbPJztWXahLKIVJIBy21agQ1ZLe91jQqbLMHB0ymKuIZ38QqaMdQ9YlXODfQrTaWSJTm5O0URz2EJrtoCXhx2iiJO8eLQTBEP/uW4iSKOsyKOa879GJTgbA9irBe/lAyHx+Zq2pHXaEfVzZcrlKapXLUrQ1DEP5GGRPlqd7iO/Rb5f0P6rzKS0NbFFxRYRPRKIYaHCRanDSUS0cPrQfJzYNUHaSMvg2wUMe0xuyBqMQp9XLiVpUFWSLQLeI8eIc2zP4BPBUS0UlkU0ex6h6GIaVNzgm0FSQjJSlLEMzS7A0HmRiz3iF2fJCV5d1tz7g1gnIgMoR/XLCooAJbw8W2sovZpbp8v9WxK5OU/fw6wIv5WOXaLW0ytx8uMlGyBUgmW0iLcJ+f2erwcXEwMOZohjHGjPMgP2WkQGF4vXVPP6K3WsASQVpCCl9r94xcCDACHgA63y6lwZwAAAABJRU5ErkJggg%3D%3D) top left repeat-x; height: 26px; width: 134px; margin-bottom: 10px; *zoom: 1; } .metrouicss .static-rating .rating-value { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABOCAYAAADRl20RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NjQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NjUxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzAwNDIyNjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzAwNDIyNzFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmSPr8EAAASsSURBVHjavFlpiFNXFE6eMWaqcaGjMSOtrfpLrYpLcSqKqKh16kKeMg6jiFNLR4SCIEp/tBSFUmhBwQX/uNA/LpWWYq1iW1CxWLQVFRxkHNzTwaWdcamijsbvpCdwfd68d89N3hz4SPK27517z/Ldm2hVVVVEaFHgLeCy9EYnIrdK4G2L+6zIaCi6A73DJqPr0/x9QNhkfYGuiofRMMlUbxLA62GRdQFSmvkLhawfENOQOWGQ6QKiK8+jkcUEF6eKHB8IPDe4/xmRJYGh0sjyvEQq4JqHwCkiuwTcBcYA3SLlt1vAaeBpYc7+AY4BbWUmugicJKJ8OCeTycKJDuAGe9e7RJKn7M0Vb4CoRhN9DmgH3rGsnfdpfoD/dNGos2vAPWAsUCEg+hs4y6MkyjPyrklA1MFD12Gb1CkBWSyoVjoB51LC+UrbklUq7cTU+vsVB8fiLSlJzwCPNeeo7fTxG+dioqa/JneaOFLJbgLDNQWaXvJfiWc00XHl923gqEJE9oSj70+Pl2mpZ2klnM97SLzWyuWu4GUFV6B2E7Iok5E3Z1sbVz4yCIy8l+mt6ympR3BTfYUsqhGpPWmSQXI1IIq1PQyENPyDgAsmc0Zl6mqAFllRdEwbVz4BLmjnLJvN6l993TfFnjcF+ATY6DeuuufaVPWFwBDg3bBFKs1Hhr/Xhk02Q2msC6X3OxZDqGrGSWGRvQbM8RyrC4usBujhOeZKOoNjOYRqDZ1uvGSNrv16mmEX/oFbiNcOABsMnvGQHjIS+MqnKJsMb03ANSSEM9FcLkfVYjJ+7JUsEgR2EKh//tmqtvyc4csRfIxm9VouywHrgA+IKD9n5JlSD7txzfuoRCJaOywGyf6XAkQlU0g/xMdmy4UGNdsMiJqNQh8XbsPHROC6kIjmfTzQLM0z0uurBUTUB+uBB7ZJXSMg6xlUK/3IaL5mC4cxY0s2FehlQebYkLlFjh8CGlgZ6yRgtYgMoU+la64mdygl3gd2AMOAPYKXLOrZZM/y5xCvRLcrx+5wJ3BZiqtkUQmZq4TzMmCWT859z2p4N/9+k1eswfIbQ0gvMA84TESDqqtNEpu8rLt04sR3+NwCzOc8DfSM5PPnwEwfIu2I4PqCl4+1zVNXG8mG/Pp7MS9IBnwMbPJztWXahLKIVJIBy21agQ1ZLe91jQqbLMHB0ymKuIZ38QqaMdQ9YlXODfQrTaWSJTm5O0URz2EJrtoCXhx2iiJO8eLQTBEP/uW4iSKOsyKOa879GJTgbA9irBe/lAyHx+Zq2pHXaEfVzZcrlKapXLUrQ1DEP5GGRPlqd7iO/Rb5f0P6rzKS0NbFFxRYRPRKIYaHCRanDSUS0cPrQfJzYNUHaSMvg2wUMe0xuyBqMQp9XLiVpUFWSLQLeI8eIc2zP4BPBUS0UlkU0ex6h6GIaVNzgm0FSQjJSlLEMzS7A0HmRiz3iF2fJCV5d1tz7g1gnIgMoR/XLCooAJbw8W2sovZpbp8v9WxK5OU/fw6wIv5WOXaLW0ytx8uMlGyBUgmW0iLcJ+f2erwcXEwMOZohjHGjPMgP2WkQGF4vXVPP6K3WsASQVpCCl9r94xcCDACHgA63y6lwZwAAAABJRU5ErkJggg%3D%3D) top left repeat-x; background-position: left -26px; height: 26px; width: 0; } .metrouicss .static-rating.small { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAnCAYAAAA/63kvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NkMxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NkQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzA5Qjg2QTFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzA5Qjg2QjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu4JKw4AAAILSURBVHjavJRPSFRRFIfnjUM22hiFTM4YlNhSIQKjaCdRCYlki2jjqsEgN4FbN7rUdtHKhbhrkdBsWigUVKtwaRakxuj8IUMYC9xMTt/B895Mj3vfzKh04ePd+879nXfvub93nWQyGbK085CDfVMwHLK3CxC3BW3CKJyFzkaFruAcREwT5GVLgLBJ9/rDFy+J8DRctmWm9frGP2FZJufhF/TBqVBwW4NVKLt7/A3voWARlOQr8FlE/uJIcMUi3NYztVa1wyKMa6GswoQ+9+ATfK+qbtx/HG47CWcgo0su6Z5zWvWEFvIgUywWc/vtsAXrPn/uabI22DEVp1B90PnHT0egWYd/4Et1wkg2mzV7cWpmlEeR+Ou6vYpI/ozr8LBRkz8ABwZJYnST40xOd+mk6vZKKyltDN744kU5jiswF+DT577xW1lReH9iXLJfha81DC7H8Axuodl2yuWyWxA5p3kYMojkJ3iE4KW3R1eo4os8NgzCBUT3g6p6z7LM2ySNBgndrJu65Be6t1YYMArJKBfsNZiFHpaWhif0+3X5w7YvytVxl8kp2HVf0n+n906G5CcqNaY4JroXP4xAsy0edJOLye805NVLSx+PbnKSmE3OPv6zyb/dvNGwydFUTM5eapocgdnkiK0mR3Q4k5P0mE1Oxn9MztLSUL/JmZwCz+T0PZOT3DP5XwEGAJj+1ghmlpwuAAAAAElFTkSuQmCC) top left repeat-x; height: 12px; width: 70px; margin-bottom: 5px; } .metrouicss .static-rating.small .rating-value { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAnCAYAAAA/63kvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NkMxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NkQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzA5Qjg2QTFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzA5Qjg2QjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu4JKw4AAAILSURBVHjavJRPSFRRFIfnjUM22hiFTM4YlNhSIQKjaCdRCYlki2jjqsEgN4FbN7rUdtHKhbhrkdBsWigUVKtwaRakxuj8IUMYC9xMTt/B895Mj3vfzKh04ePd+879nXfvub93nWQyGbK085CDfVMwHLK3CxC3BW3CKJyFzkaFruAcREwT5GVLgLBJ9/rDFy+J8DRctmWm9frGP2FZJufhF/TBqVBwW4NVKLt7/A3voWARlOQr8FlE/uJIcMUi3NYztVa1wyKMa6GswoQ+9+ATfK+qbtx/HG47CWcgo0su6Z5zWvWEFvIgUywWc/vtsAXrPn/uabI22DEVp1B90PnHT0egWYd/4Et1wkg2mzV7cWpmlEeR+Ou6vYpI/ozr8LBRkz8ABwZJYnST40xOd+mk6vZKKyltDN744kU5jiswF+DT577xW1lReH9iXLJfha81DC7H8Axuodl2yuWyWxA5p3kYMojkJ3iE4KW3R1eo4os8NgzCBUT3g6p6z7LM2ySNBgndrJu65Be6t1YYMArJKBfsNZiFHpaWhif0+3X5w7YvytVxl8kp2HVf0n+n906G5CcqNaY4JroXP4xAsy0edJOLye805NVLSx+PbnKSmE3OPv6zyb/dvNGwydFUTM5eapocgdnkiK0mR3Q4k5P0mE1Oxn9MztLSUL/JmZwCz+T0PZOT3DP5XwEGAJj+1ghmlpwuAAAAAElFTkSuQmCC) top left repeat-x; background-position: left -13px; height: 12px; width: 0; } .metrouicss .static-rating:before, .metrouicss .static-rating:after { display: table; content: ""; } .metrouicss .static-rating:after { clear: both; } .metrouicss .rating { *zoom: 1; } .metrouicss .rating a { float: left; display: block; width: 26px; height: 26px; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAABOCAYAAADRl20RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NjQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NjUxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzAwNDIyNjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzAwNDIyNzFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmSPr8EAAASsSURBVHjavFlpiFNXFE6eMWaqcaGjMSOtrfpLrYpLcSqKqKh16kKeMg6jiFNLR4SCIEp/tBSFUmhBwQX/uNA/LpWWYq1iW1CxWLQVFRxkHNzTwaWdcamijsbvpCdwfd68d89N3hz4SPK27517z/Ldm2hVVVVEaFHgLeCy9EYnIrdK4G2L+6zIaCi6A73DJqPr0/x9QNhkfYGuiofRMMlUbxLA62GRdQFSmvkLhawfENOQOWGQ6QKiK8+jkcUEF6eKHB8IPDe4/xmRJYGh0sjyvEQq4JqHwCkiuwTcBcYA3SLlt1vAaeBpYc7+AY4BbWUmugicJKJ8OCeTycKJDuAGe9e7RJKn7M0Vb4CoRhN9DmgH3rGsnfdpfoD/dNGos2vAPWAsUCEg+hs4y6MkyjPyrklA1MFD12Gb1CkBWSyoVjoB51LC+UrbklUq7cTU+vsVB8fiLSlJzwCPNeeo7fTxG+dioqa/JneaOFLJbgLDNQWaXvJfiWc00XHl923gqEJE9oSj70+Pl2mpZ2klnM97SLzWyuWu4GUFV6B2E7Iok5E3Z1sbVz4yCIy8l+mt6ympR3BTfYUsqhGpPWmSQXI1IIq1PQyENPyDgAsmc0Zl6mqAFllRdEwbVz4BLmjnLJvN6l993TfFnjcF+ATY6DeuuufaVPWFwBDg3bBFKs1Hhr/Xhk02Q2msC6X3OxZDqGrGSWGRvQbM8RyrC4usBujhOeZKOoNjOYRqDZ1uvGSNrv16mmEX/oFbiNcOABsMnvGQHjIS+MqnKJsMb03ANSSEM9FcLkfVYjJ+7JUsEgR2EKh//tmqtvyc4csRfIxm9VouywHrgA+IKD9n5JlSD7txzfuoRCJaOywGyf6XAkQlU0g/xMdmy4UGNdsMiJqNQh8XbsPHROC6kIjmfTzQLM0z0uurBUTUB+uBB7ZJXSMg6xlUK/3IaL5mC4cxY0s2FehlQebYkLlFjh8CGlgZ6yRgtYgMoU+la64mdygl3gd2AMOAPYKXLOrZZM/y5xCvRLcrx+5wJ3BZiqtkUQmZq4TzMmCWT859z2p4N/9+k1eswfIbQ0gvMA84TESDqqtNEpu8rLt04sR3+NwCzOc8DfSM5PPnwEwfIu2I4PqCl4+1zVNXG8mG/Pp7MS9IBnwMbPJztWXahLKIVJIBy21agQ1ZLe91jQqbLMHB0ymKuIZ38QqaMdQ9YlXODfQrTaWSJTm5O0URz2EJrtoCXhx2iiJO8eLQTBEP/uW4iSKOsyKOa879GJTgbA9irBe/lAyHx+Zq2pHXaEfVzZcrlKapXLUrQ1DEP5GGRPlqd7iO/Rb5f0P6rzKS0NbFFxRYRPRKIYaHCRanDSUS0cPrQfJzYNUHaSMvg2wUMe0xuyBqMQp9XLiVpUFWSLQLeI8eIc2zP4BPBUS0UlkU0ex6h6GIaVNzgm0FSQjJSlLEMzS7A0HmRiz3iF2fJCV5d1tz7g1gnIgMoR/XLCooAJbw8W2sovZpbp8v9WxK5OU/fw6wIv5WOXaLW0ytx8uMlGyBUgmW0iLcJ+f2erwcXEwMOZohjHGjPMgP2WkQGF4vXVPP6K3WsASQVpCCl9r94xcCDACHgA63y6lwZwAAAABJRU5ErkJggg%3D%3D) top left; } .metrouicss .rating a.rated { background-position: 0 -26px; } .metrouicss .rating a.hover { background-position: 0 -52px; } .metrouicss .rating.small a { float: left; display: block; width: 12px; height: 12px; position: relative; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAnCAYAAAA/63kvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUMwOUI4NkMxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUMwOUI4NkQxQ0Y1MTFFMjlGOThBQTVDRENEQURDNUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QzA5Qjg2QTFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QzA5Qjg2QjFDRjUxMUUyOUY5OEFBNUNEQ0RBREM1RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pu4JKw4AAAILSURBVHjavJRPSFRRFIfnjUM22hiFTM4YlNhSIQKjaCdRCYlki2jjqsEgN4FbN7rUdtHKhbhrkdBsWigUVKtwaRakxuj8IUMYC9xMTt/B895Mj3vfzKh04ePd+879nXfvub93nWQyGbK085CDfVMwHLK3CxC3BW3CKJyFzkaFruAcREwT5GVLgLBJ9/rDFy+J8DRctmWm9frGP2FZJufhF/TBqVBwW4NVKLt7/A3voWARlOQr8FlE/uJIcMUi3NYztVa1wyKMa6GswoQ+9+ATfK+qbtx/HG47CWcgo0su6Z5zWvWEFvIgUywWc/vtsAXrPn/uabI22DEVp1B90PnHT0egWYd/4Et1wkg2mzV7cWpmlEeR+Ou6vYpI/ozr8LBRkz8ABwZJYnST40xOd+mk6vZKKyltDN744kU5jiswF+DT577xW1lReH9iXLJfha81DC7H8Axuodl2yuWyWxA5p3kYMojkJ3iE4KW3R1eo4os8NgzCBUT3g6p6z7LM2ySNBgndrJu65Be6t1YYMArJKBfsNZiFHpaWhif0+3X5w7YvytVxl8kp2HVf0n+n906G5CcqNaY4JroXP4xAsy0edJOLye805NVLSx+PbnKSmE3OPv6zyb/dvNGwydFUTM5eapocgdnkiK0mR3Q4k5P0mE1Oxn9MztLSUL/JmZwCz+T0PZOT3DP5XwEGAJj+1ghmlpwuAAAAAElFTkSuQmCC) top left; } .metrouicss .rating.small a.rated { background-position: 0 -13px; } .metrouicss .rating.small a.hover { background-position: 0 -26px; } .metrouicss .rating:before, .metrouicss .rating:after { display: table; content: ""; } .metrouicss .rating:after { clear: both; } .metrouicss .progress-bar { height: 5px; width: 100%; margin-bottom: 10px; *zoom: 1; } .metrouicss .progress-bar .bar { float: left; width: 0; background-color: #008287; height: 100%; } .metrouicss .progress-bar:before, .metrouicss .progress-bar:after { display: table; content: ""; } .metrouicss .progress-bar:after { clear: both; } .metrouicss .carousel { display: block; position: relative; margin-bottom: 20px; } .metrouicss .carousel .slides { width: 100%; height: 100%; overflow: hidden; position: relative; } .metrouicss .carousel .slides .slide { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .metrouicss .carousel .slides .slide.image img { width: 100%; height: 100%; } .metrouicss .carousel .slides .slide .description { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background: rgba(0, 0, 0, 0.7); color: #fff; } .metrouicss .carousel .control { position: absolute; top: 50%; left: 15px; width: 40px; height: 45px; margin-top: -20px; font-size: 48pt; font-weight: 100; line-height: 30px; color: #fff; text-align: center; cursor: pointer; opacity: .75; } .metrouicss .carousel .control.right { left: auto; right: 15px; } .metrouicss .carousel .control:hover { opacity: 1; } .metrouicss .carousel .markers > ul { margin-left: 0; list-style: none; position: absolute; top: 100%; left: 0; padding-top: 10px; } .metrouicss .carousel .markers li { display: block; float: left; margin-right: 5px; } .metrouicss .carousel .markers li a { width: 32px; height: 6px; background-color: red; display: block; float: left; } .metrouicss .carousel .markers li.active a { background-color: #1e1e1e; } .metrouicss .listview { margin-left: 0; list-style: none; *zoom: 1; } .metrouicss .listview li { margin-bottom: 10px; border: 4px transparent solid; padding: 10px; width: 300px; position: relative; display: block; cursor: pointer; *zoom: 1; } .metrouicss .listview li .icon { width: 48px; height: 48px; font-size: 40px; float: left; } .metrouicss .listview li .icon img { width: 100%; height: 100%; } .metrouicss .listview li .icon i { margin-top: 10px; } .metrouicss .listview li .data { margin-left: 55px; } .metrouicss .listview li .data h4 { margin: 0; padding: 0 0 2px 0; } .metrouicss .listview li .data p { margin: 0; font-size: 9pt; } .metrouicss .listview li .data .static-rating.small, .metrouicss .listview li .data .progress-bar { margin-bottom: 3px; } .metrouicss .listview li:hover { outline: 3px #ccc solid; } .metrouicss .listview li:active { outline: 3px #3e3e3e solid; } .metrouicss .listview li:before, .metrouicss .listview li:after { display: table; content: ""; } .metrouicss .listview li:after { clear: both; } .metrouicss .listview.image li { width: 380px; } .metrouicss .listview.image li .icon { width: 100px; height: 100px; border: 1px #ccc solid; } .metrouicss .listview.image li .data { margin-left: 110px; } .metrouicss .listview.image li .data h4 { margin-bottom: 4px; } .metrouicss .listview.image li .data p { line-height: 16px; font-size: 10pt; margin-bottom: 5px; } .metrouicss .listview.image li .data .static-rating.small, .metrouicss .listview.image li .data .progress-bar { margin-bottom: 10px; } .metrouicss .listview.iconic li .icon { width: 32px; height: 32px; border: 1px #ccc solid; } .metrouicss .listview.iconic li .data { margin-left: 40px; } .metrouicss .listview.fluid li { float: left; margin-right: 10px; } .metrouicss .listview li div.badge { position: absolute; left: -4px; top: -4px; background-color: #2d89ef; padding: 5px; margin: 0 !important; text-align: center; display: block; font-size: 9pt; color: #ffffff; } .metrouicss .listview li div.badge.strech { padding: 0 5px; } .metrouicss .listview li div.badge.right { right: -4px; left: auto; } .metrouicss .listview li div.badge.bottom { top: auto; bottom: -4px; } .metrouicss .listview > li.selected { border: 4px #2d89ef solid; } .metrouicss .listview > li.selected:after { width: 0; height: 0; border-top: 40px solid #2d89ef; border-left: 40px solid transparent; position: absolute; display: block; right: 0; content: ""; top: 0; z-index: 1001; } .metrouicss .listview > li.selected:before { position: absolute; content: "\e08a"; color: #fff; right: 4px; top: 0; font-family: iconFont; z-index: 1002; display: block; } .metrouicss .listview:before, .metrouicss .listview:after { display: table; content: ""; } .metrouicss .listview:after { clear: both; } .metrouicss .slider { height: 12px; width: auto; position: relative; background-color: #c6c6c6; margin-bottom: 10px; } .metrouicss .slider .marker { height: 12px; width: 12px; cursor: pointer; position: absolute; top: 0; left: 0; background-color: #000000; z-index: 3; } .metrouicss .slider .complete { height: 100%; width: auto; background-color: #00828b; z-index: 2; } .metrouicss .slider.vertical { height: auto; width: 12px; } .metrouicss .slider.vertical .complete { position: absolute; height: auto; width: 12px; bottom: 0; } .metrouicss .slider:hover .complete { background-color: #219297; } .metrouicss .slider:active .complete, .metrouicss .slider:active + .marker:active .complete { background-color: #25bbc4; } .metrouicss .dialog { position: absolute; top: 40%; left: 40%; min-width: 150px; min-height: 155px; z-index: 1000; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .metrouicss .dialog .header { font-family: 'Segoe UI Light', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 200; font-size: 20pt; letter-spacing: 0.01em; line-height: 22pt; font-smooth: always; width: auto; height: 35px; padding: 0px 35px 5px 5px; font-size: 18px; white-space: nowrap; overflow: hidden; background-color: #2D89EF; color: #fff; border: 1px solid #2D89EF; border-bottom: 0 none; } .metrouicss .dialog .header div { position: absolute; right: -5px; top: 5px; } .metrouicss .dialog .header button { font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; font-size: 14px; display: inline-block; padding: 4px 12px; line-height: 20px; vertical-align: middle !important; min-width: 90px; background-color: #ccc; border: 1px transparent solid; color: #353535; margin-right: 10px; margin-bottom: 10px; border-raduis: 0; cursor: pointer; width: auto; *zoom: 1; min-width: 32px; min-height: 32px; width: 32px; height: 32px; text-align: center; position: relative; padding: 0; width: 24px !important; height: 24px !important; min-height: 24px; min-width: 24px; } .metrouicss .dialog .header button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .dialog .header button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .dialog .header button.mini { min-width: 22px; width: 22px; } .metrouicss .dialog .header button.big { min-width: 48px; width: 48px; } .metrouicss .dialog .header button [class^="icon-"], .metrouicss .dialog .header button [class*=" icon-"] { vertical-align: -10%; font-size: 1.2em; display: inline-block; } .metrouicss .dialog .header button [class^="icon-"].icon-large, .metrouicss .dialog .header button [class*=" icon-"].icon-large { line-height: .9em; } .metrouicss .dialog .header button.big [class^="icon-"], .metrouicss .dialog .header button.big [class*=" icon-"] { font-size: 1.3333333333333333em; } .metrouicss .dialog .header button [class^="icon-"], .metrouicss .dialog .header button [class*=" icon-"] { margin-right: 5px; } .metrouicss .dialog .header button [class^="icon-"].right, .metrouicss .dialog .header button [class*=" icon-"].right { margin-left: 5px; margin-right: auto; } .metrouicss .dialog .header button:before, .metrouicss .dialog .header button:after { display: table; content: ""; } .metrouicss .dialog .header button:after { clear: both; } .metrouicss .dialog .header button.standart { min-width: 90px; min-height: 32px; } .metrouicss .dialog .header button:active, .metrouicss .dialog .header button.default:active { top: 1px; left: 1px; } .metrouicss .dialog .header button:disabled, .metrouicss .dialog .header button.disabled { background-color: #eaeaea; color: #bebebe; cursor: not-allowed; } .metrouicss .dialog .header button.default { background-color: #008287; color: #fff; } .metrouicss .dialog .header button:focus { outline: 0; border: 1px #353535 dotted; } .metrouicss .dialog .header button.mini { min-height: 20px; min-width: 20px; height: 14px; font-size: .75em !important; padding-top: 0px !important; } .metrouicss .dialog .header button.big { min-height: 48px; height: 48px; font-size: 1.2em; } .metrouicss .dialog .header button img { width: 16px; height: 16px; top: 8px; } .metrouicss .dialog .header button [class^="icon-"], .metrouicss .dialog .header button [class*=" icon-"] { font-size: 11px; } .metrouicss .dialog .content { min-height: 85px; padding: 20px; background-color: #FFFFFF; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; } .metrouicss .dialog .action { position: relative; bottom: 0; width: auto; height: 40px; font-size: 18px; text-align: center; white-space: nowrap; overflow: hidden; background-color: #FFFFFF; border-left: 1px solid rgba(0, 0, 0, 0.2); border-right: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .metrouicss #dialogOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(235, 235, 235, 0.5); z-index: 1; } .metrouicss .calendar { background-color: #ffffff !important; } .metrouicss .calendar table { border: 1px #ccc solid; width: 100%; border-collapse: collapse; margin: 0; } .metrouicss .calendar table tr { height: 1px; } .metrouicss .calendar tr:empty { display: none; } .metrouicss .calendar td, .metrouicss .calendar th { padding: 4px; width: 14.285% !important; font-size: 10pt; border: 1px #ccc solid !important; text-align: center; } .metrouicss .calendar td { cursor: pointer; position: relative; height: 100%; } .metrouicss .calendar td span { font-size: 8px !important; line-height: 10px; position: absolute; top: 0; right: 0; padding: 1px 3px; background-color: #b91d47 !important; color: #ffffff !important; } .metrouicss .calendar .out { background: #ececf0; cursor: default; } .metrouicss .calendar .empty-day { border: 0 !important; display: none; } .metrouicss .calendar .weekdays td { background-color: #eff4ff !important; font-weight: bold !important; } .metrouicss .calendar .current-day { background-color: #00a300 !important; color: #ffffff !important; } .metrouicss .calendar .event { background-color: #2d89ef !important; color: #ffffff !important; } .metrouicss .datepicker { position: relative; } @import url(../_Shared/Core.css?7.0.2.0); @import url(../_Shared/_Layout.css?7.0.2.0); /*****************************************/ /* core overrides */ /*****************************************/ button { background-color: transparent; /*background-image: url(../_Shared/ActionGroupBg.gif);*/ border: 1px solid #dadada; border: 1px solid rgba(0, 0, 0, 0.1); color: #444!important; border-radius: 2px; cursor: default; font-size: 11px; font-weight: bold; font-family: Arial; text-align: center; margin-right: 16px; } button:hover { background-color: transparent; /*background-image: url(../_Shared/ActionGroupActivatedBg.gif);*/ box-shadow: rgba(0, 0, 0, 0.0976563) 0px 1px 1px 0px; user-select: none; background-color: transparent; color:Black!important; } table.DataView tr.ActionButtonsRow td button, div.CustomFilterDialog button, table.LoginDialog tr.LoginControlsRow td.LoginControls table tr td button, div.HelpBar div.Buttons button, div.MembershipBar button, .FieldFilter .Buttons button, .Import .Buttons button { height:29px; margin-right:4px; } .SettingsPanel { background-image:none; } .AutoCompleteFrame table tr, .AutoCompleteFrame table tr td.Input, .AutoCompleteFrame table tr td.Clear, .AutoCompleteFrame table tr td.Button, .AutoCompleteFrame table tr.Active, .AutoCompleteFrame table tr.Active td.Input, .AutoCompleteFrame table tr.Active td.Clear, .AutoCompleteFrame table tr.Active td.Button, .AutoCompleteFrame table tr.Active td.Button span.Button, .AutoCompleteFrame table tr td.Input input.Text { border-color:silver; background-image:none; background-color:white; } .AutoCompleteFrame table tr.Active td.Button span.Button { border-color:transparent; } .AutoCompleteFrame table tr.Active td.Button span.Button, .AutoCompleteFrame table tr td.Button span.Button { background-image: url(../_Shared/DropArrow.gif); } .CompletionList.AutoComplete .Item { color:#222; } .CompletionList.AutoComplete .HighlightedItem { background-color: #f5f5f5; border-color: #f5f5f5; color:black; } .AutoCompleteFrame { border: 1px solid rgb #dcdcdc; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; } .AutoCompleteFrame:hover { border-radius: 2px; border-color:#4D90FE; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } /*HoverMenu*/ /*.HoverMenu { border-color: #c6c6c6; border-color: rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0,0,0,0.2); background-image: none; background-color: white; } .HoverMenu .Break { border-top-color: #ebebeb; margin-left:-1px; } .HoverMenu a.Item, .SearchBarCell option.Delete { color: #333333; } .HoverMenu a.Active { background-color: #eeeeee; border-color: #eeeeee; color: #333333; } .HoverMenu a.Disabled { color: #696969; } .HoverMenu a.Item span.Text { color: #333333; } .HoverMenu a.Item span.Description { color: #333333; } .HoverMenu a.Active span.Description { color: #333333; }*/ .ViewSelector_Arrow, .ActionGroup_Arrow, .RowSelector_Arrow { /* background-image: url(../_Shared/DropArrowActivated.gif);*/ } .ViewSelector_Arrow { margin-top:-2px; } .ActionGroup_Arrow { padding-right:12px; margin-top:-1px; padding-bottom:0px; height:29px; } .RowSelector_Arrow { background-color: #f5f5f5; border-color: transparent; margin-top:-1px; } .RowSelector_Arrow div { background-image: none; } .RowSelector_TopLine, .RowSelector_RightLine, .RowSelector_BottomLine, .RowSelector_LeftLine { background-color: transparent; } div.RowSelector_Hover { background-color: #f1f1f1; /*background-image: url(../_Shared/ActionGroupActivatedBg.gif);*/ -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 2px 0px; background-repeat:repeat-x; border-radius:2px; } .HoverMenuEx { background-image: none; } table.DataView tr.Row td a, table.DataView tr.AlternatingRow td a, div.TaskBox table.ObjectRef tr td a, div.TreeView a, table.DataView tr.InfoRow td span.Highlight, table.DataView tr.HeaderRow th.FieldHeaderSelector_Hover a, tr.HeaderTextRow td.HeaderText a.Letter { color:#15c; } table.DataView tr.InfoRow td { background-color: #feffce; border-right-color: #dbdbdb; border-left-color: #dbdbdb; border-bottom: solid 1px #dbdbdb; } div.SearchButtons button { margin-bottom:6px; } table.DataView tr.HeaderRow th { background-color: transparent; color: #444!important; border: solid 0px transparent; background-image:none; } table.DataView.DataSheetType tr.HeaderRow th.First { border-left-color: #C0C0C0; border-left-width:1px; } table.DataView tr.HeaderRow th.FieldHeaderSelector_Hover { background-color: #f5f5f5; background-image:none; } table.DataView tr.HeaderRow th a { color: #333333; } .FieldHeaderSelector_Arrow { background-color: transparent; background-image: linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f1f1f1'); border-color: #d9d9d9; border-radius:2px; } .FieldHeaderSelector_Arrow div { background-image: url(../_Shared/DropArrow.gif); background-position:center center; background-repeat:no-repeat; } /* table.DataView tr.SearchBarRow td.SearchBarCell { background-image:none; border: solid 1px #d9d9d9; border-top-color:transparent; border-radius:2px; } /*body, .ParaText, .ParaHeader, .ParaInfo, table.DataView tr td, table.DataView tr.HeaderRow th, .HoverMenu, table.Menu a, div.MembershipBar, div.BookmarkBar, .TabContainer .ajax__tab_tab, span.ViewSelector a, table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind input, table.DataView tr.CategoryRow td.Fields div.Item div.Value input, table.DataView tr.CategoryRow td.Fields div.Item div.Value select, table.DataView tr.CategoryRow td.Fields div.Item div.Value textarea, .SearchBarCell input, .SearchBarCell select, .SearchBarCell button, .FieldFilter input, .FieldFilter select, .FieldFilter button, .Import input, .Import select, .Import button, .CompletionList li.Item, .CompletionList li.HighlightedItem, table.DataView tr.Row td input, table.DataView tr.AlternatingRow td input, table.DataView tr.Row td select, table.DataView tr.AlternatingRow td select, table.DataView tr.Row td textarea, table.DataView tr.AlternatingRow td textarea, div.MembershipBar input, table.DataView tr.TabsRow td.TabsBar span.Tab a { font-family: Arial, sans-serif!important; font-size: 13px!important; } table.DataView tr.HeaderTextRow td.HeaderText { color: #666666; } table.DataView tr.Row td.Cell { border-top-color:#e5e5e5; border-bottom-width: 0px; background-color:#fff; } table.DataView tr.AlternatingRow td.Cell { background-color:#fff; border-top-color:#e5e5e5; border-bottom-width: 0px; } table.DataView tr.Selected td.Cell { background-color: #FFC; border-top-color:#e5e5e5; border-bottom-color: transparent; color:#222; } table.DataView tr.Highlight td.Cell { background-color: #EEEEEE; border-top-color:#e5e5e5; border-bottom-color: transparent; } table.DataView tr.ActionRow td.ActionBar { border-color: transparent; border-bottom: solid 1px #dbdbdb; padding-bottom: 7px; background-image: none; background-color: transparent; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind { padding-left:5px; height: 29px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind { height:24px; border: 1px solid rgb #dcdcdc; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind:hover { border-color:#4D90FE; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind table tr td.Button { height:25px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.QuickFind div.QuickFind table tr td input { height:13pt; margin-top:2px; } table.DataView tr.ActionRow td.ActionBar table tr td.SearchBarActivator a { height:24px; display:inline-block; margin-top:5px; margin-bottom:-4px; } table.DataView tr.ActionRow td.ActionBar table tr td.SearchBarActivator.Activated a { display:inline-block; margin-top:1px; margin-bottom:2px; } table.DataView tr.ActionRow td.ActionBar table tr td.SearchBarActivator a span { background-image:url(QuickFind.gif); margin:0px 3px 0px 3px; } table.DataView tr.ActionRow td.ActionBar table tr td.SearchBarActivator.Activated a span { background-image:url(AdvancedSearch.gif); margin:0px 3px 0px 3px; height:24px!important; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group, table.DataView tr.ActionRow td.ActionBar table tr td.SearchBarActivator, span.ViewSelector { background-color: transparent; background-image: url(ActionGroupBg.gif); border: solid 1px #dcdcdc!important; border: 1px solid rgba(0, 0, 0, 0.1)!important; border-radius: 2px; height:27px; padding-top:0px; padding-bottom:0px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group:hover, table.DataView tr.ActionRow td.ActionBar table tr td.SearchBarActivator:hover, span.ViewSelector_Hover { background-color: transparent; background-image: url(ActionGroupActivatedBg.gif); box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; background-repeat:repeat-x; border-color: #c6c6c6; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.First { border-right-width: 0px!important; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Last { border-top-left-radius: 0px; border-bottom-left-radius: 0px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.First.Last { border-right-width:1px!important; border-top-right-radius: 2px; border-bottom-right-radius: 2px; border-top-left-radius: 2px; border-bottom-left-radius: 2px; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group.FlatGroup span.Outer { background-image:none; } table.DataView tr.ActionRow td.ActionBar table.Groups td.FlatGroupWithIcon span.Outer { white-space:normal; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group span.Outer { background-image: url(DropArrow.gif); } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.ActionGroup_Hover span.Outer { background-image: none; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Group a { color: #333; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.ActionGroup_Hover a { color: black; } .ActionGroup_TopLine, .ActionGroup_RightLine, .ActionGroup_BottomLine, .ActionGroup_LeftLine { background-color:transparent; } table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Divider div { background-image:none; padding-left:5px; } */ .ModalPlaceholder table.DataView { border-color:transparent; } span.ViewSelector { height:27px; } span.ViewSelector span.Outer { border-color: transparent; padding: 3px 9px 2px 9px; margin-right:-5px; margin-top:1px; } span.ViewSelector span.Inner { background-image: url(../_Shared/DropArrow.gif); } span.ViewSelector a { color: #444!important; } span.ViewSelector_Hover span.Inner { background-image:none; } table.DataView tr td.ViewSelectorLabel { color: #000000; padding-left:5px; } table.DataView tr.HeaderTextRow td.HeaderText a.Close { color: black; } table.DataView tr.HeaderTextRow td.HeaderText a.Close:hover { color: black; } table.DataView tr.FooterRow td.Footer { border-color: #e5e5e5; } table.DataView tr.FooterRow td.Footer td.Pager { color: #666666; } table.DataView tr.FooterRow td.Footer td.Pager span.Disabled { color: #808080; } table.DataView tr.FooterRow td.Footer td.Pager a { color: #4682B4; } table.DataView tr.FooterRow td.Footer td.Pager a:hover { color: black; } table.DataView tr.CategoryRow td.Category { border-top-color: #dbdbdb; background-color: White; } table.Categories tr.CategoryRow td.CategoryColumn table.Fields { margin-bottom:-2px; } div.ActionBarHidden table.Categories tr.CategoryRow td.CategoryColumn div.Category { margin-right:-3px; margin-left:-3px; } /*table.DataView tr.CategoryRow .Category table.Category tr td.HeaderText { color: #222; font-size:18px; font-weight:normal; } table.Category tr td.HeaderText span.Text { margin-top:10px; } table.DataView tr.CategoryRow .Category table.Category tr td.Description { color: #777; font-size:13px; } table.DataView tr.CategoryRow td.Category { border-bottom: solid 1px #dbdbdb; } table.DataView tr.CategoryRow td.Fields { background-color: #f5f5f5; border: solid 1px #dbdbdb; } table.DataView tr.CategoryRow td.CategoryColumn div.Category table.Fields { margin-bottom:1px; } table.DataView tr.CategoryRow td.Fields div.Header, table.DataView tr.InlineFormRow div.Header { color: #525252; } table.DataView tr.CategoryRow td.Fields div.Header span.Required { color: #000000; } table.DataView tr.CategoryRow td.Fields div.Item div.Error, table.DataView tr.Row td div.Error, table.DataView tr.AlternatingRow td div.Error, table.DataView tr.InlineFormRow div.Item div.Error { color: red; } table.DataView tr.CategoryRow td.Fields div.Item div.Value, table.DataView tr.InlineFormRow div.Item div.Value { color: Black; } table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup tr td, table.DataView tr.Row td table.Lookup tr td, table.DataView tr.AlternatingRow td table.Lookup tr td, table.DataViewLookup tr td { border-color: silver; background-color: White; } table.DataView tr.CategoryRow td.Fields div.Item div.Value a, table.DataView tr.Row td table.Lookup tr td a, table.DataView tr.AlternatingRow td table.Lookup tr td a, table.DataViewLookup tr td a, div.TreeView a { color: #002672; } table.DataView tr.CategoryRow td.Fields div.Item div.Value table.Lookup tr td a:hover, table.DataView tr.Row td table.Lookup tr td a:hover, table.DataView tr.AlternatingRow td table.Lookup tr td a:hover, table.DataViewLookup tr td a:hover, div.TreeView a:hover { color: black; } .ModalPlaceholder { border: 1px solid rgb #dcdcdc; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; } .ModalTop { display:none; } .RightSideShadow { display:none; } .BottomShadow { display:none; } .ModalPlaceholder .Buttons button { color: Black; } table.DataView tr.CategoryRow td.Fields div.Item div.Footer { color: #525252; } table.DataView tr.TopButtonsRow td.ActionButtons table.ActionButtons tr td { color: #696969; } table.DataView tr.BottomButtonsRow td.ActionButtons table.ActionButtons tr td { border-top-color:transparent; color: #777; } table.DataView tr.BottomButtonsRow td.RowActionButtons table.ActionButtons tr td { border-bottom-color:#f5f5f5; } table.DataView tr.TabsRow td.TabsBar { border-bottom-color: #dbdbdb; background-image: none; } table.DataView tr.TabsRow td.TabsBar td.Tab { background-image: none; background-color: #ffffff; border-right-color: transparent; border-top-color: transparent; } table.DataView tr.TabsRow td.TabsBar td.Selected { background-image: none; background-color: #f5f5f5; border-top-color: #f5f5f5; border-right-color: #f5f5f5; border-left: #f5f5f5; } table.DataView tr.TabsRow td.TabsBar td.Active { background-image: none; background-color: #f5f5f5; border-right-color: #f5f5f5; border-top-color: #f5f5f5; } table.DataView tr.TabsRow td.TabsBar td.Tab span.Outer { border-left-color: #ffffff; border-top-color: transparent; } table.DataView tr.TabsRow td.TabsBar span.Tab a { color: #15c; } table.DataView tr.TabsRow td.TabsBar td.Selected span.Tab a { color: #000; } table.DataView tr.TabsRow td.TabsBar td.Active span.Tab a { color: #000; } table.DataView tr.TabsRow td.TabsBar table.Tabs { border-left-color: #EBEBEB; } .FixedDialog div.FixedTitle { background-color: #f3f3f3; border: solid 1px #e5e5e5; } .FixedDialog div.FixedTitle .Text { color: #222222; } span.NA { color: gray; } /* tabs */ .TabContainer .ajax__tab_container { border-left-color: #FFF; background-image: none; } .TabContainer div.tab-header { border-color:#FFF; } .TabContainer .ajax__tab_inner { color: #15c; font-weight:bold; } .TabContainer .ajax__tab_tab { border-right-color: #FFF; border-top-color: #FFF; background-image: none; background-color: #FFF; border-left-color: #FFF; } .TabContainer .ajax__tab_active .ajax__tab_inner { color: #000; } .TabContainer .ajax__tab_active .ajax__tab_tab { background-image: none; background-color: #f5f5f5; border-top-color: #f5f5f5; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } .TabContainer .ajax__tab_hover .ajax__tab_inner { color: #000; } .TabContainer .ajax__tab_hover .ajax__tab_tab { background-image: none; background-color: #f5f5f5; border-right-color: #f5f5f5; border-top-color: #f5f5f5; } .TabContainer .ajax__tab_disabled { color: #A0A0A0; } .TabContainer .ajax__tab_panel { border-color: #dbdbdb; } /*****************************************/ /* layout overrides */ /*****************************************/ div#PageHeader { } /* page header */ .HomePage table#PageBody tr td#PageHeaderContent div.Header { background-image: none; } /* site map path */ .SiteMapPath .RootNode, .SiteMapPath .Node { color: #002672; } .SiteMapPath .PathSeparator { color: #4C4C4C; } .SiteMapPath .CurrentNode { color: #4C4C4C; } .SiteMapPath a:hover { color: Black; } /* page content */ div.History div div { background-color:transparent!important; } table#PageBody tr td#PageContentSideBar div.TaskBox, div.History div.TaskBox { border-color:#fff; background-color: #ffffff!important; } div.History div.TaskBox { border: 1px solid #dadada; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: rgba(0, 0, 0, 0.5) 0px 5px 50px 0px; color: #444!important; border-radius: 5px; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Inner, div.History div.TaskBox div.Inner { border-color:#fff; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Header, div.History div.TaskBox div.Header { background-color: #fff; color: #666666; border-color:#fff; border-bottom-color: #e5e5e5; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Label, div.History div.TaskBox div.Label { background-color: #fff; color: #666666; border-color:#fff; border-bottom-color: #e5e5e5; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Item, div.History div.TaskBox div.Item { background-image: none; padding-left:5px; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Task, div.History div.TaskBox div.Task { background-image: none; padding-left:5px; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Task a, div.History div.TaskBox div.Task a { color: #222; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Selected a, div.History div.TaskBox div.Selected a { color:Black; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Summary, div.History div.TaskBox div.Summary { background-image: none; background-color: #fff; color: #666666; border-color:#fff; border-bottom-color: #e5e5e5; border-color:transparent; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Divider, div.History div.TaskBox div.Divider { background-color: #ffffff; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Item a, div.History div.TaskBox div.Item a { color: #222; } table#PageBody tr td#PageContentSideBar div.TaskBox div.Item a:hover, div.History div.TaskBox div.Item a:hover { color: #15c; } table#PageBody tr td#PageContent { background-color: white; border-color:transparent; } .HomePage table#PageBody tr td#PageContent { border-color:#A4D6E3; border-color:transparent; } table#PageBody tr td#PageContentRightSide { background-color: #ffffff; background-image: none; } .HomePage table#PageBody tr td#PageContentRightSide { border-left-color: #ffffff; } table#PageBody tr td#PageHeaderContent, .HomePage table#PageBody tr td#PageHeaderContent, table#PageBody tr td#PageHeaderSideBar, table#PageBody tr td#PageHeaderLeftSide, table#PageBody tr td#PageHeaderRightSide { background-image:none; border-width:0px; border-top: solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; background-color:#f5f5f5; } table#PageBody tr td#PageContentSideBar, table#PageBody tr td#PageContentLeftSide { background-color:White; background-image:none; } /* page footer */ table#PageBody tr td#PageFooterSideBar { background-color: #ffffff; } table#PageBody tr td#PageFooterLeftSide { background-color: #ffffff; } table#PageBody tr td#PageFooterContent { background-color: #ffffff; } table#PageBody tr td#PageFooterRightSide { background-color: #ffffff; } /* page footer bar */ div#PageFooterBar { background-color: #ffffff; color: Black; } /* menu and tab bar */ div.TabBar { /*border-bottom-color: #e5e5e5;*/ } div.TabBody { border-left-color: #e5e5e5; border-bottom-color: #e5e5e5; border-right-color: #e5e5e5; } div.PageMenuBar { height:22px; padding-top:0px; } table.Menu { border-left-color: white; height:20px; } table.Menu tr td.Parent span.Outer { background-image: url(../_Shared/DropArrow.gif); } /*table.Menu tr td.Item { border-right-color: white; border-top-color: white; background-image: none; background-color:white; border-left-color: white; } table.Menu tr td.Selected { background-image: none; border-color:#f5f5f5; background-color:#f5f5f5; } table.Menu tr td.Menu_Hover { background-image: none; background-color: #f5f5f5; border-right-color: #f5f5f5; border-left-color: #f5f5f5; border-top-color: #f5f5f5; } */ table.Menu a { font-family: Tahoma; font-size: 10pt; text-decoration: none; color: #3764a0; } table.Menu a.Link { color: #15c; font-weight:bold; } table.Menu tr td.Selected a.Link { color: #000; } table.Menu tr td.Menu_Hover a.Link { color: inherit; } /* site actions menu */ table.SiteActions tr td.Item { background-image: none; border-left-color: #2d2d2d; border-right-color: #2d2d2d; border-top-color: #2d2d2d; background-color:#2d2d2d; } table.SiteActions a.Link { color: #fff; } table.SiteActions tr td.SiteActions_Hover { background-image: none; border-right-color: #4c4c4c; border-top-color: #4c4c4c; border-left-color: #4c4c4c; background-color:#4c4c4c; } .CloseSiteAction a { color: #000; } /* membership */ div.HelpBar div.Title { background-image: none; } .MembershipBarPlaceholder { background-color: #222!important; border-bottom-color: #000!important; height:26px; } table.LoginDialog { border: 1px solid rgb #dcdcdc!important; border: 1px solid rgba(0, 0, 0, 0.1)!important; border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; -moz-box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; box-shadow: rgba(0, 0, 0, 0.0976563) 0px 0px 2px 0px; background-color: #ffffff !important; } table.LoginDialogCollapsed { background-color: transparent !important; border-color: transparent !important; } table.LoginDialogCollapsed, div.HelpLink, table.LoginDialogCollapsed a, div.HelpLink a, div.CultureLink a, div.CultureLink, div.BookmarkBar a { color: white !important; } div.BookmarkBar table.Frame tr td { padding-top:5px; } /* page content */ .ParaHeader { font-size: 15px; font-weight:normal; color: Black; background-image: none; background-color:#f3f3f3; border-color: #e5e5e5; } .ParaInfo { color: #666666; } .ParaText { color: #000000; } div.BookmarkBar input { border-color: #666666; color: #666666; } table.DataSheetType tr.Row td.Cell, table.DataSheetType tr.AlternatingRow td.Cell, table.DataSheetType tr.Selected td.Cell { border-right: solid 1px #C0C0C0; border-top: solid 1px #C0C0C0; border-bottom-style: none; } table#PageBody tr td#PageHeaderContent div.Header { padding-left:14px!important; padding-right:14px!important; } table#PageBody tr td#PageContent { padding-top:4px!important; } /* RTL Fixes */ body.RTL table#PageBody tr td#PageContentSideBar div.TaskBox div.Item, body.RTL div.History div.TaskBox div.Item { padding-right:2px; } body.RTL .AutoCompleteFrame table tr.Active td.Input { border-right-color:#c0c0c0; } body.RTL .AutoCompleteFrame table tr.Active td.Button span.Button { border-left-color:#c0c0c0; border-right-color:#fff; } body.RTL table.DataView tr.ActionRow td.ActionBar table.Groups tr td.Last { border-right-width:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-top-left-radius:2px!important; border-bottom-left-radius:2px!important; } body.RTL table.DataView tr.ActionRow td.ActionBar table.Groups tr td.First { border-right-width:1px!important; border-top-right-radius:2px!important; border-bottom-right-radius:2px; border-top-left-radius:0px; border-bottom-left-radius:0px; } body.RTL .ActionGroup_Arrow { padding-right:1px; } div#PageHeaderBar { padding-top:12px; background-position-y:12px; height:30px; } /* Two-level menu */ div.two-level { border-top-color: #e5e5e5; background-color:transparent; height:auto; } div.two-level a { text-decoration: none; color: #15c!important; } div.two-level li.selected.level1, div.two-level li.current.level1, div.two-level li.hover.level1 { background-color:rgb(245, 245, 245); background-image:none; } div.two-level li.level1 { border-left-color:#e5e5e5; } div.two-level li.selected.level1.first, div.two-level li.current.level1.first, div.two-level li.hover.level1.first { border-left-color:#e5e5e5; } div.two-level li.selected.level1.last, div.two-level li.current.level1.last, div.two-level li.hover.level1.last { border-right-color: #e5e5e5; } div.two-level div.children.level2 { border-color: rgb(34, 34, 34); }-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .metrouicss .card.spades .small-suit:after { color: black; } .metrouicss .card.spades .small-suit:before { font-family: iconFont; content: "\e009"; color: black; } .metrouicss .card.spades .suit:after { font-size: 40pt; font-family: iconFont; content: "\e009"; color: black; } .metrouicss .card.clubs .small-suit:after { color: black; } .metrouicss .card.clubs .small-suit:before { font-family: iconFont; content: "\e00a"; color: black; } .metrouicss .card.clubs .suit:after { font-size: 40pt; font-family: iconFont; content: "\e00a"; color: black; } .metrouicss .card.diamonds .small-suit:after { color: red; } .metrouicss .card.diamonds .small-suit:before { font-family: iconFont; content: "\e00b"; color: red; } .metrouicss .card.diamonds .suit:after { font-size: 40pt; font-family: iconFont; content: "\e00b"; color: red; } .metrouicss .card.hearts .small-suit:after { color: red; } .metrouicss .card.hearts .small-suit:before { font-family: iconFont; content: "\e07f"; color: red; } .metrouicss .card.hearts .suit:after { font-size: 40pt; font-family: iconFont; content: "\e07f"; color: red; } .metrouicss code, .metrouicss pre { padding: 0 3px 2px; font-family: 'Segoe UI Semilight', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 11pt; letter-spacing: 0.02em; line-height: 14pt; font-smooth: always; font-size: 10pt; color: #525252; } .metrouicss code { padding: 2px 4px; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 9pt; font-smooth: always; line-height: 11pt; color: #d14; background-color: #f7f7f9; border: 1px #e1e1e8 solid; } .metrouicss pre { display: block; padding: 10px; margin: 0; line-height: 14pt; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid rgba(0, 0, 0, 0.15); } .metrouicss pre.prettyprint { margin-bottom: 10px; } .metrouicss pre code { padding: 0; color: inherit; background-color: transparent; border: 0; } .metrouicss .page-control { position: relative; *zoom: 1; } .metrouicss .page-control:before, .metrouicss .page-control:after { display: table; content: ""; } .metrouicss .page-control:after { clear: both; } .metrouicss .page-control > ul { margin-left: 0; list-style: none; *zoom: 1; position: absolute; z-index: 5; width: 100%; background-color: rgba(217, 217, 217, 0.16); height: 31px; } .metrouicss .page-control > ul:before, .metrouicss .page-control > ul:after { display: table; content: ""; } .metrouicss .page-control > ul:after { clear: both; } .metrouicss .page-control > ul li:first-child { margin-left: 20px; } .metrouicss .page-control > ul li { float: left; display: block; text-align: center; height: 100%; } .metrouicss .page-control > ul li img { float: left; width: 16px; height: 16px; margin-right: 5px; margin-top: 3px; } .metrouicss .page-control > ul li.active { border: 1px #ccc solid; border-bottom: 0; background-color: #fff; } .metrouicss .page-control > ul li.active span, .metrouicss .page-control > ul li.active a { color: #2d89ef; } .metrouicss .page-control > ul li span, .metrouicss .page-control > ul li a { text-decoration: none; display: block; float: left; padding: 5px 10px; color: #1e1e1e; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; cursor: pointer; outline: 0; } .metrouicss .page-control.tabs-right > ul li { float: right !important; margin-left: 10px; } .metrouicss .page-control .frames { margin-top: 30px; width: 100%; min-height: 50px; border: 1px #ccc solid; } .metrouicss .page-control .frames .frame { width: 100%; min-height: 100%; height: auto; display: none; padding: 20px; } .metrouicss .page-control .frames .frame.active { display: block; } .metrouicss .page-control ul { display: block; overflow: visible; } .metrouicss .page-control .menu-pull, .metrouicss .page-control .menu-pull-bar { display: none; } .metrouicss .accordion { margin-left: 0; list-style: none; *zoom: 1; margin-bottom: 10px; } .metrouicss .accordion:before, .metrouicss .accordion:after { display: table; content: ""; } .metrouicss .accordion:after { clear: both; } .metrouicss .accordion > li { margin-bottom: 5px; display: block; } .metrouicss .accordion > li > a { display: block; height: 32px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAALnSURBVEhLrZY/aNNREMeTXzPYksHBQdoMGUxbSkXSpK2gULcKCnas0MEODoIOgqWrRcHJujpEonQQh2LrVKVCgxWEtMVABMFCW0iTDg4iqNikiZ/vy2vMX2v/fOHy7t293929e/fuxe36B7q6urwtLS1DhUJh0O12+xH5ihrXFpTK5/Ovkc8sLy9/LYprUdeBDDc3N9+BHcdACgczjuN8wuC69MjkqAP5ZcZu5o/hJ+o5qnHQ29sbxtBL8Ri9Ho/H54yiAXp6es6yLgp7EkdXq9c32dEgHA4PE8ksC1/lcrkrKysrSatqiEwmkwoEAk+2t7eP8+1kW1vbj3Q6/cGq/0KRh0KhXzgZsaJ9g+8vQFl2pdQZmB0o5x6P550iX1paumc0BwC7WW9tbW0iZQ99Pt/U5ubmd0cKe6CubDZ7W2M9sMNr7K4gIsq7VlwDr9d7n1Stco4mUEfRM47rQBOJxDcJD4NYLJbD1ihORoLB4ClHdU5qUntVy36ArY8MCzgadvA0CM0UVUcKVeOghx8/9NYKS1DOLWtAEOcsq4t2plpP1E8tu4sk34y7ObQ1mFFu4YJVGOgwLftfoPoqLm1/f79/Z2dnTSnyMM8VxUcPRwesNNl5CTieKCdE5ee0UEdfATqBD/mWok9BHUZaBlJWUevKOR8MiWeMVeurwZpOBe+o5TIpXe2jAiV6CQdzSpG23q1eVFQdHjpggr6I7WlHPRxG/XxqYGDgmF1zKFA9UWzO68KZ0qK3nEDwBScRHI6ZVQcEtm4yPIJOY+uz6aZ0wZ/08QQOJumG79UVJd8vMK6DfYGdW7wlbyQrPTg8Eqs4+Q37TC23vb19cWNjI1/U7g1Fbo1HMP7AimufTD0WVMBzFq6qK9rG1RD2xkZZfx66gfGIVRnUOBD6+vp86ud8MMx0EZqFkjxKJnX2EnWqFBlVLfOMY8q59OWo62AXpp/TcjGgjqumaP62wJu/LcznoOnGu3S5/gDwHX69fcclgQAAAABJRU5ErkJggg%3D%3D) 5px no-repeat; background-color: rgba(217, 217, 217, 0.16); padding-left: 36px; padding-top: 5px; font-family: 'Segoe UI', 'Open Sans', Verdana, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 11pt; letter-spacing: 0.01em; line-height: 13pt; font-smooth: always; } .metrouicss .accordion > li > div { border: 1px #ccc dotted; padding: 10px; margin-top: 5px; display: none; } .metrouicss .accordion > li.active > a { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKlSURBVEhLtZY/aNNREMeTXzOYkMGxJBkymDSGDua/QyFuERTULYJLBwdBB8HiXBSc7OxQCdJBHIqpUyodClYU8geFFBwCbSB/BJ0kKuavn3t5rX+S2D+JX7jce3fvd3fv3r17MZv+Ab/fb7fZbJd7vV7CbDa7Ebn6GtNHqNLtdteRp/P5/Oe+eBBDHYhhq9V6h+FdDFRwkDYMYxuDu6JHJo5mkF+EzzJ/xHhxmKMBB5FIJIyh5zLG6PVsNptRihEIBoNnWZdiOI2jq3+vn9JcIRwOJ4lkjYUv2u32pUKhUNSqkajX6xWPx/O42Wye5Nslp9P5tVarvdXqX5DIQ6HQd5xc06Ijg+/PQS12JalTUDuQnFssllcSeS6Xu6c0xwC72XU4HFOk7KHL5VqpVqtfDFHoAzW1Wq3bwseB3W6/T6pKnKMK1Kwr5hNerxx0oIcF6T6Dgyx02pA6JzWVSRkXYOsdbJOgkwbbSUDpvmqikGpMGPy48bSthZNEkcDdZspyh8E8t3BTKxSQ9/TwUKD6/ri0sVjM3el0diRFFubtvvg/gEjfjHO5RoELNwfV5R5UoBklnSDIjA9WMajVdSb7V3tSoHAuUEAZqSIp0VnpRX3V+JADJujz2F41pIczkH6+Eo/HT+g1Y4HqSWFzQy6c6kUYX4RNNxqNYze6PXCwN7E3By3IXHVTuuA3+vh7hEt0w9fSFUV+VGDcR+TPsHOLt+SlyPYfHB6JEk5+MHwiLdfr9W6Vy+VuX3swJHJtfBnjD7R48MmUx4IKeMrCEnxeN66R0Dc2xXpJyw2ML2uVwtBHPxqNuqSf80GS6Ra0BhV5lFTqeE5d6HxSinCplg34AgXzQfS/Y6iDPQQCgVMYSWJAOq4brv62MFZ/W5hnoNXRuzSZfgLYkUQRTJGc4wAAAABJRU5ErkJggg%3D%3D); background-color: #d9d9d9; } .metrouicss .accordion > li.active > div { display: block; } .metrouicss .accordion.dark > li > a { background-color: #464646; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAIzSURBVEhLtZYhSENRFIb3HgaDwWA0LAgaBBcMggu2DTQYFwwG44JBsE6MBpOwIhO0iahYJgoqBoNhFjEqaDAIBsOCsvn99509mXub080f/t33/nPuOfedd+7d82ItUK1W++AslykYh4PSwTN8gsee5x3AF6dGIDKBAjMsMS4zKpCC3DI+QNmVaBjOwFGYx77SKlGISqUyDh+NaZObAp8JeAdff/THIQPLsMAq+03+Efj2MmfN5i6aXA8MWrkc5kz6NUg0xfx3qNJ9AUMfokpSMOnPIFaOOG+w1hCh+MjYtCzY5mENOZMbgK2HWKVwsQhavUrT8gXh11YCAXuCeCrVkM+N+vzJ9/1iYO4ctOsNwznM+PxoEx3AbuMQpjwe45KMm3Ar0APwZPN26cD9JD4Ldq2NpwAhIuZPwW21571uTA+B9ivYtBBIcekqUQ/8cOo/QCW6YtzgJe8EUgCS13UK92OUQQ2h63OuL5zBwP13/yTcVYl24arpTYFz220qEHMBXqtEx7B+a3cH07Do82hq0VGyjTu5C+AJ9d+RJvaeEugMz8NtDL1y6BTE0TFxSmxtOCcM8AQ6z9ec0AGIkYXvxBwxKQBiGpYxNOyJdqGgxNBJ6jZkAzAsQWXPQe2PtsE8rVzB102KBg4z5lgiScLkpsAnju8Z1OkZvfLvwHEQFqCO8ROYJZDOFm1/MYmmPt83nyO0+pobWn62MHGIIQPdZwtd4f6lCFb7bCmqFcNuaUAs9glLFQdwvFGvGQAAAABJRU5ErkJggg%3D%3D); color: #fff; } .metrouicss .accordion.dark > li.active > a { background-color: #1e1e1e; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHpSURBVEhLtZavT8JRFMXBGQgEg5FAYNNgIBAMBhpsEowEIpFgYLMYMBsMFht/gRNHgRn8EzDoCBY2CAQ3g4GAAz/ncUW+ym++nu3swnn3nfu47/se32BgDobDYRie8DEFozAiHXRhB9aDwWAFvjl1CqYWkDGhSDwjykgmL8QW1LgK7cEMPIA3jF/MKzTGYDBIwLYxbfJMkHMIm/B9YT4JWdiDZVa5Y/JCkBtizqXNPTXZCwa0ciXkTFoZFEoyvw/Vuh8wEEZUS8omrQ28Svh8wO8HYiy2iUu3ZRbw2MarMV6srV6tWbihywLPOH5qVUy9z8FXG/MNeD7A8y0+6xBVnOov7mFKBaJ2iHwFns+EqApot9