/* * HTML5 Boilerplate * * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. */ /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ html, button, input, select, textarea { color: #222; } body { font-size: 1.125em; /* 18/16 */ line-height: 1.4; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } /* * A better looking default horizontal rule */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* * Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */ img { vertical-align: middle; } /* * Remove default fieldset styles. */ fieldset { border: 0; margin: 0; padding: 0; } /* * Allow only vertical resizing of textareas. */ textarea { resize: vertical; } /* ========================================================================== Chrome Frame prompt ========================================================================== */ .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ @font-face { font-family: 'VIC'; src: url('../fonts/VIC-Light.eot'); src: url('../fonts/VIC-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/VIC-Light.woff') format('woff'), url('../fonts/VIC-Light.woff2') format('woff2'), url('../fonts/VIC-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'VIC'; src: url('../fonts/VIC-Regular.eot'); src: url('../fonts/VIC-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/VIC-Regular.woff') format('woff'), url('../fonts/VIC-Regular.woff2') format('woff2'), url('../fonts/VIC-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'VIC'; src: url('../fonts/VIC-Bold.eot'); src: url('../fonts/VIC-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/VIC-Bold.woff') format('woff'), url('../fonts/VIC-Bold.woff2') format('woff2'), url('../fonts/VIC-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'VIC'; src: url('../fonts/VIC-SemiBold.eot'); src: url('../fonts/VIC-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/VIC-SemiBold.woff') format('woff'), url('../fonts/VIC-SemiBold.woff2') format('woff2'), url('../fonts/VIC-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'VIC'; src: url('../fonts/VIC-Medium.eot'); src: url('../fonts/VIC-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/VIC-Medium.woff') format('woff'), url('../fonts/VIC-Medium.woff2') format('woff2'), url('../fonts/VIC-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } /* General Elements & Classes */ body { font-family: "VIC", sans-serif; font-style: normal; color: #100b0e; } input, button, textarea, select { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-family: "VIC", sans-serif; font-style: normal; } b, strong { font-weight: 600; } .speech-bubble { position: absolute; top: 30px; left: 30px; display: none; } .speech-bubble:focus { outline: none; } .speech-bubble .speech { margin: 14px; padding: 20px; border: 1px solid #000; min-width: 32px; max-width: 300px; min-height: 32px; background: #fff; -webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); font-size: 0.75em; /* 12/16 */ } .speech > *:first-child { margin-top: 0; } .speech p { margin: 0.5em 0 0; } .speech a { font-weight: bold; text-decoration: none; color: inherit; } .speech a:hover { cursor: pointer; } .bubble-callout { position: absolute; } .bubble-callout.top-left, .bubble-callout.top-right, .bubble-callout.top-center, .bubble-callout.bottom-left, .bubble-callout.bottom-right, .bubble-callout.bottom-center { width: 32px; height: 15px; } .bubble-callout.top-left, .bubble-callout.top-right, .bubble-callout.top-center { top: 0; background: url( '../img/callout-top.png' ) no-repeat 0 0; } .bubble-callout.bottom-left, .bubble-callout.bottom-right, .bubble-callout.bottom-center { bottom: 0; background: url( '../img/callout-bottom.png' ) no-repeat 0 0; } .bubble-callout.top-left, .bubble-callout.bottom-left { left: 34px; } .bubble-callout.top-right, .bubble-callout.bottom-right { right: 34px; } .bubble-callout.top-center, .bubble-callout.bottom-center { left: 50%; /* taken care of by JS */ } .bubble-callout.left-top, .bubble-callout.left-bottom, .bubble-callout.left-center, .bubble-callout.right-top, .bubble-callout.right-bottom, .bubble-callout.right-center { width: 15px; height: 32px; } .bubble-callout.left-top, .bubble-callout.left-bottom, .bubble-callout.left-center { left: 0; background: url( '../img/callout-left.png' ) no-repeat 0 0; } .bubble-callout.right-top, .bubble-callout.right-bottom, .bubble-callout.right-center { right: 0; background: url( '../img/callout-right.png' ) no-repeat 0 0; } .bubble-callout.left-top, .bubble-callout.right-top { top: 34px; } .bubble-callout.left-bottom, .bubble-callout.right-bottom { bottom: 34px; } .bubble-callout.left-center, .bubble-callout.right-center { top: 50%; /* taken care of by JS */ } .grey-shine { background: #fbfbfb; /* Old browsers */ background: -moz-linear-gradient(top, #fbfbfb 0%, #e8e8e8 50%, #dcdcdc 51%, #d7d7d7 100%, #9a9a9a 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(50%,#e8e8e8), color-stop(51%,#dcdcdc), color-stop(100%,#d7d7d7), color-stop(100%,#9a9a9a)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#e8e8e8 50%,#dcdcdc 51%,#d7d7d7 100%,#9a9a9a 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#e8e8e8 50%,#dcdcdc 51%,#d7d7d7 100%,#9a9a9a 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#e8e8e8 50%,#dcdcdc 51%,#d7d7d7 100%,#9a9a9a 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%,#e8e8e8 50%,#dcdcdc 51%,#d7d7d7 100%,#9a9a9a 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#9a9a9a',GradientType=0 ); /* IE6-9 */ } .nbxp .grey-shine { background: #c2c2c2; /* Old browsers */ background: -moz-linear-gradient(top, #c2c2c2 0%, #d7d7d7 50%, #cccccc 51%, #d7d7d7 100%, #d4d4d4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(50%,#d7d7d7), color-stop(51%,#cccccc), color-stop(100%,#d7d7d7), color-stop(100%,#d4d4d4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #c2c2c2 0%,#d7d7d7 50%,#cccccc 51%,#d7d7d7 100%,#d4d4d4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #c2c2c2 0%,#d7d7d7 50%,#cccccc 51%,#d7d7d7 100%,#d4d4d4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #c2c2c2 0%,#d7d7d7 50%,#cccccc 51%,#d7d7d7 100%,#d4d4d4 100%); /* IE10+ */ background: linear-gradient(to bottom, #c2c2c2 0%,#d7d7d7 50%,#cccccc 51%,#d7d7d7 100%,#d4d4d4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2c2c2', endColorstr='#d4d4d4',GradientType=0 ); /* IE6-9 */ } .blue-shine, .blue-shine-hover:hover { background: #7dcce5; /* Old browsers */ background: -moz-linear-gradient(top, #7dcce5 0%, #54b6d4 50%, #0097bf 51%, #0077a2 100%, #0077a2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7dcce5), color-stop(50%,#54b6d4), color-stop(51%,#0097bf), color-stop(100%,#0077a2), color-stop(100%,#0077a2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7dcce5 0%,#54b6d4 50%,#0097bf 51%,#0077a2 100%,#0077a2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7dcce5 0%,#54b6d4 50%,#0097bf 51%,#0077a2 100%,#0077a2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7dcce5 0%,#54b6d4 50%,#0097bf 51%,#0077a2 100%,#0077a2 100%); /* IE10+ */ background: linear-gradient(to bottom, #7dcce5 0%,#54b6d4 50%,#0097bf 51%,#0077a2 100%,#0077a2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7dcce5', endColorstr='#0077a2',GradientType=0 ); /* IE6-9 */ } .blue-shine-hover { background: none; } .nbxp .blue-shine, .nbxp .blue-shine-hover:hover { background: #0077a2; /* Old browsers */ background: -moz-linear-gradient(top, #0077a2 0%, #2490b6 50%, #1082ab 51%, #208dac 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0077a2), color-stop(50%,#2490b6), color-stop(51%,#1082ab), color-stop(100%,#208dac)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #0077a2 0%,#2490b6 50%,#1082ab 51%,#208dac 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #0077a2 0%,#2490b6 50%,#1082ab 51%,#208dac 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #0077a2 0%,#2490b6 50%,#1082ab 51%,#208dac 100%); /* IE10+ */ background: linear-gradient(to bottom, #0077a2 0%,#2490b6 50%,#1082ab 51%,#208dac 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0077a2', endColorstr='#208dac',GradientType=0 ); /* IE6-9 */ } .nbxp .blue-shine-hover { background: none; } .blue-shine-lite { background: #00a3c4; /* Old browsers */ background: -moz-linear-gradient(top, #00a3c4 0%, #52b6d3 50%, #0099c1 51%, #0077a2 100%, #33b1d5 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a3c4), color-stop(50%,#52b6d3), color-stop(51%,#0099c1), color-stop(100%,#0077a2), color-stop(100%,#33b1d5)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #00a3c4 0%,#52b6d3 50%,#0099c1 51%,#0077a2 100%,#33b1d5 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00a3c4 0%,#52b6d3 50%,#0099c1 51%,#0077a2 100%,#33b1d5 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #00a3c4 0%,#52b6d3 50%,#0099c1 51%,#0077a2 100%,#33b1d5 100%); /* IE10+ */ background: linear-gradient(to bottom, #00a3c4 0%,#52b6d3 50%,#0099c1 51%,#0077a2 100%,#33b1d5 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a3c4', endColorstr='#33b1d5',GradientType=0 ); /* IE6-9 */ } .icon a, .navItem a { display: block; text-decoration: none; text-transform: uppercase; text-align: center; font-family: "VIC", sans-serif; font-size: 0.75em; /* 12/16 */ font-weight: 400; line-height: 1em; color: inherit; } .systemMessage { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 1.071428571em 0; /* 15/14 */ border: 1px solid #cccccc; border-radius: 5px; width: 90%; } #container_3184 .systemMessage, #page.auth .systemMessage { width: 100%; } #page.auth .systemMessage { margin-bottom: 2em; } .systemMessage h3 { display: none; } .systemMessage .cappingTop, .systemMessage .cappingBottom { display: none; } .systemMessage .body { padding: 0.5em 0.8em; font-size: 0.875em; /* 14/16 */ line-height: 1.5em; } .systemMessage .body ul { margin: 0; padding: 0; list-style-type: none; } .systemMessage .body li { margin: 0; font-size: 1em; } .systemMessage .body a { font-weight: bold; text-decoration: none; } .systemMessage .body a:hover { text-decoration: underline; } .systemMessage.errorMessage { border-color: #F00; background-color: #FEE; } .systemMessage.errorMessage .body, .systemMessage.errorMessage .body a { color: #633; } .systemMessage.informativeMessage { border-color: #6E92A5; background-color: #6E92A5; } .systemMessage.informativeMessage .body, .systemMessage.informativeMessage .body a { color: #ffffff; } .systemMessage.successMessage { border-color: green; background-color: #EFE; } .systemMessage.successMessage .body, .systemMessage.successMessage .body a { color: #252; } .systemMessage.warningMessage { border-color: #ac5927; background-color: #d57135; } .systemMessage.warningMessage .body, .systemMessage.warningMessage .body a { color: #ffffff; } @media screen and ( max-width: 712px ) { .systemMessage { margin-left: auto!important; margin-right: auto!important; width: 90%; } } /* High-Level Shell Structure */ #page { margin: 0 auto; width: 100%; } #pageHeader { margin: 0 auto; width: 100%; height: 55px; overflow: hidden; background-color: #231f20; } #pageSubheader { margin: 0 auto; width: 100%; height: 30px; overflow: hidden; background-color: #30637e; } #pageBody { margin: 0 auto; width: 100%; } #page.auth #pageBody { margin: 2em 0 0 3.125%; width: 80%; max-width: 500px; } #page.auth #pageBody h1 { margin: 0; font-family: "VIC", sans-serif; font-size: 1.333333333em; font-weight: 500; line-height: 1.2em; color: #30637E; } #pageBody > .container { height: 100%; } #container_3206 { position: relative; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-right: 1px solid #96979A; width: 32%; /* 320/1000 */ min-width: 320px; overflow: hidden; background-color: #f5f5f5; } #container_3184 { position: relative; overflow-x: hidden; overflow-y: auto; } #pageFooter { display: none; } @media screen and ( max-width: 1024px ) { #page { font-size: 0.875em; /* 14/16 */ } } @media screen and ( max-width: 712px ) { body { height: 100%; overflow: hidden; } #pageBody { position: relative; } #page.auth #pageBody { margin: 2em auto 0 auto; } #pageBody .container { float: none; position: absolute; top: 0; left: -100%; height: 100%; width: 100%; } } /* Page Header */ #pageHeader_MMULogo { float: left; margin-top: 14px; width: 16%; /* 160/1000 */ min-width: 160px; font-family: "VIC", sans-serif; font-size: 1.375em; /* 22/16 */ font-weight: 500; line-height: 1.1em; text-align: center; color: #ffffff; text-decoration: none; } #pageHeader_MMULogo span { font-family: "VIC", sans-serif; font-weight: 800; color: #a7a9ac; } #pageHeader_VICGovLogo { display: block; float: right; margin: 1em 1.6% 0 0; /* 16/16 (t); 16/1000 (r) */ width: 4.4%; /* 44/1000 */ max-width: 44px; } #pageHeader_VICGovLogo img { max-width: 100%; } #pageHeader_nav { float: left; width: 76.8%; /* 768/1000 */ max-width: 768px; } #pageHeader_nav .currentLocation, #pageHeader_nav .navToggle { display: none; } #pageHeader_nav ul, #pageHeader_nav ul li { float: left; margin: 0; padding: 0; list-style-type: none; } #pageHeader_nav ul { width: 100%; } #pageHeader_nav li.navItem { width: 12.5%; color: #ffffff; } #pageHeader_nav .navItem a { padding-top: 23px; border-left: 1px solid #5f5f62; height: 32px; } #pageHeader_nav .navItem a:focus, #pageHeader_nav .navItem a:hover, #pageHeader_nav .navItem a.current { border-color: #6e92a5; background-color: #6e92a5; } #pageHeader_nav .navItem a.current { font-weight: 600; } #pageHeader_nav .navItem.settings, #pageHeader_nav .navItem.help, #pageHeader_nav .navItem.auth, #pageHeader_nav .navItem.pages { display: none; } @media screen and ( max-width: 1024px ) { #pageHeader_MMULogo { margin-top: 16px; min-width: 140px; } } @media screen and ( max-width: 690px ) { #pageHeader { position: relative; overflow: visible; } #pageHeader #pageHeader_nav { position: absolute; top: 0.6em; left: 30%; z-index: 50; width: 50%; } #pageHeader_nav .currentLocation { display: block; padding: 11px 10px 9px 10px; border: 1px solid #5f5f62; min-height: 17px; text-transform: uppercase; font-family: "VIC", sans-serif; font-size: 1em; font-weight: 600; line-height: 1.2em; color: #ffffff; } #pageHeader_nav .navToggle { display: block; position: absolute; top: 0.24em; right: 10px; font-size: 1.5em; /* 24/16 */ color: #5f5f62; } #pageHeader_nav .navToggle a:hover { cursor: pointer; } #pageHeader_nav ul { display: none; -webkit-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5); box-shadow: 0px 5px 10px rgba(50, 50, 50, 0.5); } #pageHeader_nav ul li { float: none; } #pageHeader_nav ul li.navItem { width: 100%; background-color: #231F20; } #pageHeader_nav ul li.navItem a { padding: 10px; border-top: 1px solid #5f5f62; width: auto; height: auto; text-align: left; font-size: 1em; font-weight: 500; line-height: 1.2em; } #pageHeader_nav ul li.navItem:first-child a { border-top: none; } #pageHeader_VICGovLogo { display: none; } } @media screen and ( max-width: 460px ) { #pageHeader #pageHeader_nav { left:auto; right: 20px; } } #pageSubheader { position: relative; font-size: 0.75em; /* 12/16 */ text-align: right; color: #ffffff; } #pageSubheader a { display: inline-block; vertical-align: middle; margin: 6px 1.3em 0 0; line-height: 16px; text-decoration: none; color: inherit; } #pageSubheader a.active { font-weight: bold; } #pageSubheader a:focus, #pageSubheader a:hover { cursor: pointer; } #pageSubheader .dash, #pageSubheader .settings, #pageSubheader .assistant { font-size: 1.333333333em; /* 16/12 */ } #pageSubheader .assistant { color: #6e92a5; } #pageSubheader .assistant.active { color: #fff; } #pageSubheader .dash { display: none; position: absolute; top: 0; left: 1.3em; } #pageSubheader_inner { width: 98%; } @media screen and ( max-width: 712px ) { #pageSubheader .dash { display: inline; } } /* ContentPage */ #contentPage { margin: 0 2%; max-width: 720px; font-size: 0.875em; /* 14/16 */ } #contentPage .sectionBody { padding-bottom: 60px; } .help #contentPage .sectionBody p.image { float: right; margin: 0 0 20px 20px; } .help #contentPage .sectionBody p.image img { max-width: 100%; } @media screen and ( max-width: 480px ) { .help #contentPage .sectionBody p.image { float: none; margin: 1em 0; text-align: center; } } /* Container 3206 */ #container_3206 > section { position: absolute; top: 0; left: -100%; height: 100%; width: 100%; } #container_3206 .sectionBody .systemMessage { margin-left: 3.125%; } #container_3206 .sectionBody li.message p { margin: 1em auto; width: 90%; font-size: 0.875em; /* 14/16 */ text-align: center; } #container_3206 .sectionBody li.message p a { font-weight: 700; } #container_3206 .sectionBody li.message p a:hover { cursor: pointer; } #container_3206 .sectionBody .spinnerContainer { position: relative; width: 100%; height: 150px; } #container_3206 .sectionBody .spinnerContainer .spinner { top: 50px!important; left: 50%!important; } /* Container 3206 - Sections using Accordion Layout */ #container_3206 .layout_accordion.ui-widget { font-family: "VIC", sans-serif; font-style: normal; font-size: 1em; /* 16/16 */ } #container_3206 .layout_accordion > header.ui-accordion-header { margin: 0; padding: 0.5em 0 0.5em 3.125%; /* 10/320 */ border: none; border-top: 1px solid #dadada; border-radius: 0; overflow: hidden; background: none; background-color: #fbfbfb; background-image: -webkit-gradient( linear, 0% 0%, 0% 100%, from( #fbfbfb ), to( #e8e8e8 ) ); background-image: -webkit-linear-gradient( top, #fbfbfb, #e8e8e8 ); background-image: -moz-linear-gradient( top, #fbfbfb, #e8e8e8 ); background-image: -ms-linear-gradient( top, #fbfbfb, #e8e8e8 ); background-image: -o-linear-gradient( top, #fbfbfb, #e8e8e8 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */ } #container_3206 .layout_accordion > header.ui-accordion-header:first-child { border-top: none; } #container_3206 .layout_accordion > header.ui-state-active { background-color: #33b1d5; background-image: -webkit-gradient( linear, 0% 0%, 0% 100%, from( #33b1d5 ), to( #2e83a2 ) ); background-image: -webkit-linear-gradient( top, #33b1d5, #2e83a2 ); background-image: -moz-linear-gradient( top, #33b1d5, #2e83a2 ); background-image: -ms-linear-gradient( top, #33b1d5, #2e83a2 ); background-image: -o-linear-gradient( top, #33b1d5, #2e83a2 ); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33b1d5', endColorstr='#2e83a2',GradientType=0 ); /* IE6-9 */ } #container_3206 .layout_accordion > header.ui-accordion-header .ui-accordion-header-icon { display: none; } #container_3206 .layout_accordion > header h1 { position: relative; margin: 0; padding-left: 1em; font-style: italic; font-weight: 700; font-size: 1em; line-height: 1.1em; color: #848383; } #container_3206 .layout_accordion > header.ui-state-active h1 { color: #ffffff; } #container_3206 .layout_accordion > header h1 i { position: absolute; top: 0.5em; left: 0; padding-right: 1%; /* ~5/320 */ vertical-align: middle; font-size: 0.5em; } #container_3206 .layout_accordion .sectionBody, #container_3206 .layout_tabs .sectionBody { padding: 0; border: none; border-radius: 0; color: inherit; background: none; } @media screen and ( max-width: 1024px ) { #container_3206 .layout_accordion > header h1, #container_3206 .layout_tabs > header h1 { font-weight: 300; } } /* Container 3206 - Sections using Tabs Layout */ #container_3206 .layout_tabs.ui-widget { font-family: "VIC", sans-serif; font-style: normal; font-size: 1em; /* 16/16 */ } #container_3206 .ui-tabs-nav { margin: 0 auto; padding: 13px 0 11px 0; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-bottom: 1px solid #6d6e71; width: 93.75%; background: none; } #container_3206 .ui-tabs-nav li { float: right; margin: 0; padding: 0.181818182em 10px; /* 2/11 (t) */ border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border-right: 1px solid #96979a; background: none; font-size: 0.6875em; /* 11/16 */ font-weight: 600; text-transform: uppercase; color: #96979a; } #container_3206 .ui-tabs-nav li:first-child { padding-right: 0; border-right: none; } #container_3206 .ui-tabs-nav li.ui-tabs-disabled { display: none; } #container_3206 .ui-tabs-nav li a { padding: 0; color: inherit; } #container_3206 .ui-tabs-nav li a:focus, #container_3206 .ui-tabs-nav li a:hover { cursor: pointer; color: #30637e; } #container_3206 .ui-tabs-nav li.ui-tabs-active a { font-weight: 800; color: #30637e; } #container_3206 .ui-tabs-panel { margin: 0 auto; width: 93.75%; } /* Section using listing layout */ #container_3206 .listing_withHeader > header { position: relative; padding-bottom: 0.875em; /* 14/16 */ min-height: 85px; } #container_3206 .listing_withHeader > header .icon { float: left; margin-top: 0.875em; /* 14/16 */ color: #ffffff; } #container_3206 .listing_withHeader > header .backBtn { position: absolute; top: 0; left: 3.125%; } #container_3206 .listing_withHeader > header .backBtn a { width: 100%; } #container_3206 .listing_withHeader > header .backBtn a:hover { cursor: pointer; } #container_3206 .listing_withHeader > header h1 { margin: 1em 0 0 3.125%; /* 20/20 (t) */ font-family: "VIC", sans-serif; font-weight: 500; font-size: 1.25em; /* 20/16 */ line-height: 1.1em; color: #30637e; } #container_3206 .listing .sectionBody, #container_3184 .listing .sectionBody { overflow: auto; } #container_3206 .listing .sectionBody .spinnerContainer { position: relative; width: 100%; height: 150px; } #container_3206 .listing .sectionBody .spinnerContainer .spinner { top: 50px!important; left: 50%!important; } #container_3206 .sectionBody ul.itemsContainer, #container_3206 .sectionBody ul.itemsContainer li, #container_3206 .sectionBody ul.itemsContainer ul { margin: 0; padding: 0; list-style-type: none; } #container_3206 .sectionBody ul.itemsContainer { padding-bottom: 1em; /* 16/16 */ } #container_3206 .sectionBody ul.itemsContainer > .itemContainer, #container_3206 .sectionBody ul.itemsContainer > .flaggable { margin-top: 1.333333333em; /* 16/12 */ padding-top: 1.333333333em; /* 16/12 */ padding-left: 3.125%; /* 10/320 */ background: url( '../img/hr_dotted_grey.gif' ) repeat-x 0 0; font-family: "VIC", sans-serif; font-style: normal; font-weight: 400; font-size: 0.75em; /* 12/16 */ } #container_3206 .sectionBody ul.itemsContainer > .itemContainer:first-child, #container_3206 .sectionBody ul.itemsContainer > .flaggable:first-child { margin-top: 0; background: none; } #container_3206 .sectionBody ul.itemsContainer .flaggable { position: relative; padding-left: 0; } #container_3206 .sectionBody ul.itemsContainer .flaggable input[type="checkbox"] { position: absolute; top: 23px; left: 3.125%; } #container_3206 .sectionBody ul.itemsContainer .flaggable .itemContainer { margin-left: 7.8125%; } #container_3206 .sectionBody ul.itemsContainer .itemContainer a { color: inherit; text-decoration: none; } #container_3206 .sectionBody .itemContainer header h1 { margin: 0; font-weight: 600; font-size: 1.166666667em; /* 14/12 */ } #container_3206 .sectionBody .itemContainer ul.itemTypes { margin-top: 0.8em; margin-left: 0.8em; } #container_3206 .sectionBody .itemContainer ul.itemTypes li { margin-top: 0.4em; } #container_3206 .sectionBody .itemContainer ul.itemTypes li i { padding-right: 2%; color: #999999; } #container_3206 .sectionBody .itemContainer ul.itemTypes li .count { padding-left: 2%; color: #999999; } @media screen and ( max-width: 1024px ) { #container_3206 .sectionBody ul.itemsContainer .flaggable input[type="checkbox"] { top: 18px; } #container_3206 .sectionBody ul.itemsContainer > .flaggable .itemContainer { margin-left: 12.5%; /* 40/320 */ } } @media screen and ( max-width: 712px ) { #container_3206 .sectionBody ul.itemsContainer li { width: 80%; } } @media screen and ( max-width: 600px ) { #container_3206 .sectionBody ul.itemsContainer > .flaggable .itemContainer { margin-left: 9.375%; /* 30/320 */ } } /* Container 3206 - Section Clips Listing */ #container_3206 #c3206_itemsListing > header ul.itemTypes li { /* Due to the potentially confusing behaviour of the broadcast/print filters (i.e. they filter only items that have been retrieved from the server and displayed to screen, *not* the entire set of items ), we're temporarily hiding them, with the chance of re-introducing them in future. All the related JS should still be intact, though. */ visibility: hidden; } #container_3206 #c3206_itemsListing .sectionBody .items { margin: 0; padding: 0; list-style-type: none; } #container_3206 #c3206_itemsListing .sectionBody .items li, #container_3184 #c3184_itemsAnalysis .sectionBody .items li { margin: 0; padding: 1em 0; list-style-type: none; background: url( '../img/hr_dotted_grey.gif' ) repeat-x 0 0; } #container_3206 #c3206_itemsListing .sectionBody .items li.current { background-color: #a6bbc5; } #container_3206 #c3206_itemsListing .sectionBody .items li.current:first-child { border-color: #ffffff; } #container_3206 #c3206_itemsListing .sectionBody .items li.current + li { background-image: none; } #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable { position: relative; } #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable input[type="checkbox"] { position: absolute; top: 23px; left: 3.125%; } #container_3206 #c3206_itemsListing .sectionBody .items .click-wrapper { display: block; margin-right: 2%; } #container_3206 #c3206_itemsListing .sectionBody .items .click-wrapper:hover { cursor: pointer; } #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable .click-wrapper { margin-left: 7.8125%; /* 25/320 */ } #container_3206 #c3206_itemsListing .sectionBody .items article { margin-right: 2%; font-family: "VIC", sans-serif; font-style: normal; font-weight: 400; font-size: 0.75em; /* 12/16 */ } #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable article { margin-left: 7.8125%; /* 25/320 */ } #container_3206 #c3206_itemsListing .sectionBody .items li a.click-wrapper article { margin-right: 0; margin-left: 0; } #container_3206 #c3206_itemsListing .sectionBody .items article header { overflow: hidden; } #container_3206 #c3206_itemsListing .sectionBody .items article header h1 { margin: 0; font-weight: 500; font-size: 1.166666667em; /* 14/12 */ } #container_3206 #c3206_itemsListing .sectionBody .items article header h1 a { text-decoration: none; color: inherit; } #container_3206 #c3206_itemsListing .sectionBody .items article header h1 a:hover { cursor: pointer; } #container_3206 #c3206_itemsListing .sectionBody .items article header div { display: none; } #container_3206 #c3206_itemsListing .sectionBody .items article header div.meta_publishedDate_contextual { display: block; margin-top: 0.2em; font-weight: 400; font-size: 0.833333333em; /* 10/12 */ color: #96979a; } #container_3206 #c3206_itemsListing .sectionBody .items article header div.meta_publishedDate_contextual span.articleData:after { content: "|"; padding: 0 0.2em; } #container_3206 #c3206_itemsListing .sectionBody .items article header div.meta_publishedDate_contextual span.articleData span { font-weight: 500; } #container_3206 #c3206_itemsListing .sectionBody .items article header div.meta_publishedDate_contextual span.articleData { } #container_3206 #c3206_itemsListing .sectionBody .items li.current article header div { color: #100B0E; } #container_3206 #c3206_itemsListing .sectionBody .items article p { display: none; margin: 0; } #container_3206 #c3206_itemsListing .sectionBody .items article header + p { margin-top: 0.5em; } #container_3206 #c3206_itemsListing .sectionBody .items article p.summaryShort { display: block; } #container_3206 #c3206_itemsListing .sectionBody .items article a.drilldown { padding-left: 1em; text-decoration: none; color: #30637E; } #container_3206 #c3206_itemsListing .sectionBody .items article a.drilldown:hover { text-decoration: underline; cursor: pointer; } #container_3206 #c3206_itemsListing .sectionBody .items li.current article a.drilldown { display: none; } #container_3206 #c3206_itemsListing .sectionBody .items article span.typeIcon { position: absolute; top: 0.3em; right: 0.3em; font-size: 20px; color: #96979A; } @media screen and ( max-width: 1024px ) { #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable input[type="checkbox"] { top: 20px; } #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable article { margin-left: 12.5%; /* 40/320 */ } } @media screen and ( max-width: 712px ) { #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable article { width: 80%; } } @media screen and ( max-width: 600px ) { #container_3206 #c3206_itemsListing .sectionBody .items li.flaggable article { margin-left: 9.375%; /* 30/320 */ } } /* Container 3206 - Section Notifications Listing */ #container_3206 #c3206_notifications_listing .sectionBody ul.itemsContainer > .flaggable { margin: 0; padding: 1em 0; font-size: 1em; /* 16/16 */ } #container_3206 #c3206_notifications_listing ul.itemsContainer > .itemContainer:first-child, #container_3206 #c3206_notifications_listing ul.itemsContainer > .flaggable:first-child { background: url('../img/hr_dotted_grey.gif') repeat-x 0 0; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.current { background-color: #a6bbc5; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.current:first-child { border-color: #ffffff; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.current + li { background-image: none; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer .click-wrapper { display: block; margin-right: 2%; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer .click-wrapper:hover { cursor: pointer; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.flaggable .click-wrapper { margin-left: 7.8125%; /* 25/320 */ } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article { margin-right: 2%; font-family: "VIC", sans-serif; font-style: normal; font-weight: 400; font-size: 0.75em; /* 12/16 */ } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.flaggable article { margin-left: 7.8125%; /* 25/320 */ } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li a.click-wrapper article { margin-right: 0; margin-left: 0; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header { overflow: hidden; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header h1 { margin: 0; font-weight: 600; font-size: 1.166666667em; /* 14/12 */ } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header h1 a { text-decoration: none; color: inherit; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header h1 a:hover { cursor: pointer; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header div { display: none; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header div.meta_lastrun_contextual, #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header div.meta_nextrun_friendly { display: block; margin-top: 0.2em; font-weight: 400; font-size: 0.833333333em; /* 10/12 */ color: #96979a; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header div.meta_lastrun_contextual + div.meta_nextrun_friendly { margin-top: 0; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.current article header div { color: #100B0E; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article p { display: none; margin: 0; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article header + p { margin-top: 0.5em; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article p.summaryShort { display: block; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article p.summary { display: block; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article .notification-icon { position: absolute; top: 0.3em; right: 0.3em; font-size: 20px; color: #96979A; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer article.overdue .notification-icon { color: #dc3912; } @media screen and ( max-width: 1024px ) { #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.flaggable input[type="checkbox"] { top: 20px; } #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.flaggable article { margin-left: 12.5%; /* 40/320 */ } } @media screen and ( max-width: 712px ) { #container_3206 #c3206_notifications_listing ul.itemsContainer li { width: 100%; } #container_3206 #c3206_notifications_listing ul.itemsContainer li article { width: 80%; } } @media screen and ( max-width: 600px ) { #container_3206 #c3206_notifications_listing .sectionBody .itemsContainer li.flaggable article { margin-left: 9.375%; /* 30/320 */ } } /* Actions Bar - 3206 */ #container_3206 section > footer.actionsBar { padding-bottom: 1em; border-top: 1px solid #F5F5F5; } #container_3206 section > footer.actionsBar .actions { position: relative; margin: 0 auto; padding-top: 0.888888889em; /* 16/18 */ border-top: 1px solid #6D6E71; width: 93.75%; overflow: hidden; } #container_3206 section > footer.actionsBar .actions select { float: left; padding: 2px 0; border: none; width: 40.625%; /* 130/320 */ font-size: 14px; font-weight: 400; line-height: 1.2em; color: #4b4a4b; background-color: #e7e7e8; } #container_3206 section > footer.actionsBar .actions select:focus { outline: none; } #container_3206 section > footer.actionsBar .actions .statusPanel { position: absolute; top: 16px; right: 0; min-height: 23px; font-size: 14px; font-weight: 400; line-height: 23px; color: #939598; } #container_3206 section > footer.actionsBar .actions .statusPanel > div { float: left; } #container_3206 section > footer.actionsBar .actions .statusPanel .statusPanel_selectedCnt { width: 90px; text-align: right; } #container_3206 section > footer.actionsBar .actions .statusPanel .statusPanel_options { margin-left: 5px; } #container_3206 section > footer.actionsBar .actions .statusPanel .statusPanel_option { display: block; float: left; margin-left: 5px; border: 2px solid #939598; -webkit-border-radius: 1.357142857em; /* 19/14 */ -moz-border-radius: 1.357142857em; border-radius: 1.357142857em; width: 1.357142857em; height: 1.357142857em; line-height: 1.357142857em; text-align: center; } #container_3206 section > footer.actionsBar .actions .statusPanel .statusPanel_option:hover, #container_3206 section > footer.actionsBar .actions .statusPanel .statusPanel_option.active { cursor: pointer; color: #4b4a4b; } #container_3206 section > footer.actionsBar .actions input[type="submit"] { margin-left: 5px; padding: 0; border: none; width: 15.625%; /* 50/320 */ min-width: 50px; min-height: 25px; background-color: #30637e; font-size: 14px; font-weight: 600; line-height: 25px; color: #ffffff; } @media screen and ( max-width: 1024px ) { #container_3206 section > footer.actionsBar .actions .statusPanel { top: 14px; } } @media screen and ( max-width: 1000px ) { #container_3206 section > footer.actionsBar .actions select { width: 30%; } } /* CCLibForm - Generic + 3206 */ .CCLibForm { padding-bottom: 3em; padding-left: 3.125%; width: 100%; max-width: 100%; font-size: 0.75em; /* 12/16 */ } #page.auth .CCLibForm { margin-top: 1em; padding-left: 0; } #container_3206 .sectionBody .CCLibForm { width: 90%; } #container_3184 .sectionBody .CCLibForm { padding-left: 0; } .CCLibForm .CCLibFormControl_label label { font-size: 1em; /* 12/12 */ font-weight: 600; } .CCLibForm select { background: none; } .CCLibForm div.CCLibFormControl_control input[type*="text"], .CCLibForm div.CCLibFormControl_control input[type*="password"], .CCLibForm div.CCLibFormControl_control input[type*="email"], .CCLibForm div.CCLibFormControl_control input[type*="submit"], .CCLibForm div.CCLibFormControl_control input[type*="reset"], .CCLibForm div.CCLibFormControl_control select, .CCLibForm div.CCLibFormControl_control textarea { border: 1px solid #999999; background-color: #e7e7e8; color: #4B4A4B; } .CCLibForm .CCLibFormControl.typeBtnSubmit { background: url( '../img/hr_dotted_grey.gif' ) repeat-x 0 0; } .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_label { display: none; } .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_control { margin-top: 1.5625em; padding-left: 0; width: 100%; text-align: right; } .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_control input, .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_control button { padding: 0 10px; border: none; min-width: 18.75%; /* 60/320 */ min-height: 30px; background-color: #30637E; font-size: 14px; font-weight: 600; line-height: 30px; color: #FFF; } .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_control > * + * { margin-left: 1em; } #page.auth .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_label { display: block; margin-top: 1.5625em; } #page.auth div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_label a { text-decoration: none; color: inherit; } #page.auth div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_label a:focus, #page.auth div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_label a:hover { text-decoration: underline; } #page.auth .CCLibForm div.CCLibFormControl.typeBtnSubmit div.CCLibFormControl_control { width: 80%; } .typeCheckbox .CCLibElementContainer .CCLibFormControl { margin-top: 0; padding-left: 0; } .typeCheckbox .CCLibElementContainer .CCLibFormControl_label { display: none; } .typeCheckbox .CCLibElementContainer .CCLibFormControl_control { padding-left: 0; } #container_3184 .btnCancel { display: none; } @media screen and ( max-width: 712px ) { #container_3184 .btnCancel { display: inline; } } /* Generic Form Extras */ .CCLibForm h2 { float: left; clear: both; margin-top: 0; width: 100%; font-weight: 500; font-size: 1.2em; } .CCLibForm .CCLibFormControl + h2 { margin-top: 3em; } /* Container 3206 - Folder Form */ #c3206_folderForm header { display: none; } #container_3206 #c3206_folderForm .sectionBody { overflow: auto; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /* Container 3206 - Items Request/Forward Form */ #c3206_itemsRequestForm header { display: none; } #container_3206 #c3206_itemsRequestForm .sectionBody { overflow: auto; webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .itemsRequestForm #ctrlItemDttmRangeFrom, .itemsRequestForm #ctrlItemDttmRangeTo { display: none; } .itemsSendToForm .CCLibFormControl_twoColumns > .CCLibFormControl_control .CCLibElementContainer { clear: none; width: 50%; } .itemsSendToForm .CCLibFormControl_twoColumns > .CCLibFormControl_control .CCLibFormControl { padding-left: 0; } .itemsSendToForm .CCLibFormControl_twoColumns > .CCLibFormControl_control .CCLibFormControl:first-child { margin-top: 0; } .itemsSendToForm .CCLibFormControl_twoColumns > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_label { display: none; } .itemsSendToForm .CCLibFormControl_twoColumns > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_control { padding-left: 0; } .itemsSendToForm #ctrlMailinglists { margin-top: 2em; } .itemsSendToForm #ctrlAdditionalRecipients { margin-top: 2em; } .itemsSendToForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl:first-child { margin-top: 0; } .itemsSendToForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_label { display: none; } .itemsSendToForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_control { padding-left: 0; width: 100%; } .itemsSendToForm .CCLibFormControl.typeBtnSubmit .CCLibFormControl_label { display: block!important; } .itemsSendToForm .CCLibFormControl.typeBtnSubmit .CCLibFormControl_control { padding-left: 1.125em!important; } /* Container 3206 - Notification Add/Edit Form */ .notification_addeditForm h2 { margin-top: 0.3em; font-weight: 500; font-size: 1.2em; } @media screen and ( max-width: 712px ) { .itemsRequestForm, .itemsSendToForm, #container_3206 .sectionBody .CCLibForm { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; padding-left: 0; } } @media screen and ( max-width: 450px ) { .CCLibFormControl.typeDateTimeSelect.showingTimePart > .CCLibFormControl_control > .CCLibFormControl.typeTimeSelect { clear: left; margin-top: 5px; } .CCLibFormControl.typeDateTimeSelect.showingTimePart > .CCLibFormControl_control > .CCLibFormControl.typeTimeSelect > .CCLibFormControl_label { display: none; } } /* Container 3184 */ #container_3184 > section { position: absolute; top: 0; left: -100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.875em 1.5% 0 5%; height: 100%; width: 100%; } #container_3184 > section > header + .sectionBody { margin-top: 1em; padding-bottom: 2em; } #container_3184 > section > header .backBtn { display: none; } #page.dash #container_3184 > #c3184_item > header .backBtn { display: block; } #container_3184 > section > header .backBtn a:hover { cursor: pointer; } #c3184_itemsForwardForm > .sectionBody .systemMessage { /*margin-left: 3.125%;*/ } #c3184_itemsToFolderForm > .sectionBody .systemMessage { /*margin-left: 3.125%;*/ } .mailinglist_addeditForm #c3184_mailinglist_addeditForm_ctrlMailinglistAddresses > .CCLibFormControl_control .CCLibFormControl:first-child { margin-top: 0; } .mailinglist_addeditForm #c3184_mailinglist_addeditForm_ctrlMailinglistAddresses > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_label { display: none; } .mailinglist_addeditForm #c3184_mailinglist_addeditForm_ctrlMailinglistAddresses > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_control { padding-left: 0; width: 100%; } #container_3184 article { max-width: 600px; } #container_3184 article > header { } #container_3184 article > header h1 { margin: 0; font-family: "VIC", sans-serif; font-size: 1.333333333em; /* 20/14 */ font-weight: 500; line-height: 1.2em; color: #30637e; } #container_3184 article > header div { margin: 0.4em 0 0 0; font-size: 0.75em; /* 12/16 */ font-weight: 400; color: #96979a; } #container_3184 article > header h1 + div { /*padding-bottom: 0.5em; border-bottom: 1px solid #dadbdb;*/ } #container_3184 article.article > header .meta_publishedDate_contextual { display: none; } #container_3184 article.article > header .meta_publication_page { margin-top: 1.2em; font-size: 1em; /* 18/18 */ color: #100B0E;96979a } #container_3184 article.article > header .page { margin-left: 10px; color: #96979a; } #container_3184 article.article .media { font-size: 1em; /* 18/18 */ font-weight: 400; text-align: right; } #container_3184 article.article .media a { text-decoration: none; color: #30637E; } #container_3184 article.article .media a:focus, #container_3184 article.article .media a:hover { text-decoration: underline; } #container_3184 article.clip > header .meta_airDate_contextual { display: none; } #container_3184 article.clip > header .meta_program_duration { margin-top: 1.2em; font-size: 1em; /* 18/18 */ color: #100B0E;96979a } #container_3184 article.clip > header .duration { margin-left: 10px; color: #96979a; } #container_3184 article.clip .media { margin-top: 1.5em; width: 352px; height: 288px; } #container_3184 article.clip .media > * { max-width: 100%; } #container_3184 article p.summaryShort { display: none; } #container_3184 article p.summary { margin-top: 1.5em; font-size: 1em; /* 18/18 */ font-weight: 300; line-height: 1.6em; } #container_3184 > section#c3184_itemsAnalysis { padding: 0; } #container_3184 > section#c3184_itemsAnalysis > header + .sectionBody { margin-top: 0em; padding-right: 40px; } @media screen and ( max-width: 1024px ) { #container_3184 > section { width: 95%; } #container_3184 > section#c3184_itemsAnalysis { width: 100%; } } @media screen and ( max-width: 850px ) { #container_3184 > section { width: 93%; } #container_3184 article { } #container_3184 article > header { width: 100%; } #container_3184 article.clip .media { clear: both; float: none; margin: 1em auto 0 auto; text-align: center; } } @media screen and ( max-width: 712px ) { #container_3184 > section > header .backBtn { display: block; } } @media screen and ( max-width: 380px ) { #container_3184 article.clip .media { width: 298px; height: 244px; } } @media screen and ( max-width: 1076px ) { #container_3184 .itemsForwardForm .CCLibFormControl { margin-top: 1.3em; } #container_3184 .itemsForwardForm .CCLibFormControl > .CCLibFormControl_label { margin-top: 0!important; width: 100%; } #container_3184 .itemsForwardForm .CCLibFormControl > .CCLibFormControl_label label { margin-left: 5px; } #container_3184 .itemsForwardForm .CCLibFormControl > .CCLibFormControl_control { clear: left; margin-top: 0.5em; margin-left: 0; padding-left: 0; width: 100%; } #container_3184 .itemsForwardForm #ctrlRecipients { margin-top: 1em; } #container_3184 .itemsForwardForm #ctrlRecipients > .CCLibFormControl_control .CCLibElementContainer:first-child { margin-left: 2.777777778%; /* 20/710 */ width: 40%; } #container_3184 .itemsForwardForm #ctrlRecipients > .CCLibFormControl_control .CCLibFormControl { margin-top: 1em; } #container_3184 .itemsForwardForm #ctrlRecipients > .CCLibFormControl_control .CCLibFormControl:first-child, #container_3184 .itemsForwardForm #ctrlMailinglists > .CCLibFormControl_control .CCLibFormControl:first-child { margin-top: 0.5em; } #container_3184 .itemsForwardForm #ctrlAdditionalRecipients { margin-top: 2em; } #container_3184 .itemsForwardForm #ctrlAdditionalRecipients > div.CCLibFormControl_control { margin-top: 0; } #container_3184 .itemsForwardForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl { margin-top: 1em; } #container_3184 .itemsForwardForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl:first-child { margin-top: 0; } #container_3184 .itemsForwardForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl .CCLibFormControl_control { margin-top: 0; } #container_3184 .itemsForwardForm #ctrlAdditionalRecipients > .CCLibFormControl_control .CCLibFormControl:first-child .CCLibFormControl_control { margin-top: 0.5em; } #container_3184 .itemsForwardForm .CCLibFormControl.typeBtnSubmit .CCLibFormControl_label { display: none; } #container_3184 .itemsForwardForm .CCLibFormControl.typeBtnSubmit .CCLibFormControl_control { padding-left: 0; } } @media screen and ( max-width: 845px ) { #container_3184 .itemsForwardForm #ctrlRecipients > .CCLibFormControl_control .CCLibElementContainer { margin-left: 10px; width: 48%; } } ul.datagrid { float: left; margin: 0; padding: 0; border: 1px solid #dadada; border-radius: 5px; width: 98%; font-size: 0.75em; /* 12/16 */ line-height: 1.5em; list-style-type: none; } ul.datagrid li { float: left; margin: 0; padding: 0; width: 100%; list-style-type: none; font-size: inherit; line-height: inherit; } ul.datagrid li div.column { float: left; margin: 0; padding: 0; overflow: hidden; } ul.datagrid li div.column .gutterAgent { padding-left: 0.833333333em; /* 10/12 */ } ul.datagrid li.datagrid_columnHeadings { padding-top: 0.5em; /* 6/12 */ padding-bottom: 0.5em; /* 6/12 */ background-color: #d7d7d7 ; } ul.datagrid li.datagrid_columnHeadings div.columnHeading { font-size: 1.166666667em; /* 14/12 */ font-weight: 500; line-height: 1.3em; color: #3c3625; } ul.datagrid li.datagrid_columnHeadings div.columnHeading .gutterAgent { padding-left: 0.714285714em; /* 10/14 */ } ul.datagrid li.datagrid_row { padding-top: 1.666666667em; /* 20/12 */ padding-bottom: 1.666666667em; /* 20/12 */ border-top: 1px solid #dadada; } ul.datagrid li.datagrid_columnHeadings + li.datagrid_row { border-top: none; } ul.datagrid li.datagrid_row.mod2 { background-color: #f3efec; } .itemsReport p, .itemsReport li { font-size: 0.75em; /* 12/16 */ } .itemsReport_title_gutterAgent { overflow: hidden; } h1.itemsReport_title { margin: 0; font-weight: 500; font-size: 1.5em; } .itemsReport_options_gutterAgent { clear: left; padding-top: 1.3em; /* 15/20 */ } .itemsReport_options { margin-top: 0; line-height: 2em; } .itemsReport_options a { margin-left: 0.5em; padding: 0.3em 0.7em; background-color: #30637E; font-size: 0.9em; /* 12/12 */ font-weight: normal; line-height: 1.3em; text-align: center; text-decoration: none; text-transform: none; color: #ffffff; } .itemsReport_options a:hover { cursor: pointer; } .itemsReport_options a:first-child { margin-left: 0; } .itemsReport_options a.options_refineCriteria { display: none; } @media screen and ( max-width: 813px ) { .itemsReport_options_gutterAgent { padding-top: 0.8em; } .itemsReport_options { overflow:hidden; } .itemsReport_options a { float: left; display: block; margin-top: 0.5em; margin-left: 0; margin-right: 0.5em; } } @media screen and ( max-width: 600px ) { .itemsReport_options a.options_refineCriteria { display: block; } } .itemsReport_summary_gutterAgent { float: left; padding-top: 1.25em; /* 15/20 */ width: 30%; } .itemsReport_summary { float :left; width: 100%; } .itemsReport_aggregateStats_gutterAgent { clear: left; padding-top: 1.25em; /* 15/20 */ } .itemsReport_summary *:first-child { margin-top: 0.9em; } .itemsReport_summary ul { margin-top: 0.65em; } .itemsReport_summary li, .itemsReport_aggregateStats li { margin-top: 0.8em; line-height: 1.8em; } .itemsReport_summary li em, .itemsReport_aggregateStats li em { font-weight: bold; font-style: normal; } .itemsReport_summary_gutterAgent .itemsReport_options a.options_seeChart, .itemsReport_summary_gutterAgent .itemsReport_options a.options_seeData, .itemsReport_summary_gutterAgent .itemsReport_options a.options_top { display: none; } .itemsReport_summary_gutterAgent a.options_refineCriteria { margin-left: 0; } .itemsReport_aggregateStats h2 { margin-top: 0.3em; font-weight: 500; font-size: 1.2em; } .itemsReport_aggregateStats ul { margin-top: 1em; } @media screen and ( max-width: 1186px ) { div.itemsReport_summary_gutterAgent { padding-left: 0; padding-right: 0; width: 100%; } .itemsReport_summary_gutterAgent .itemsReport_options a.options_seeChart, .itemsReport_summary_gutterAgent .itemsReport_options a.options_seeData { display: inline; } .itemsReport_summary_gutterAgent .itemsReport_options a.options_refineCriteria { margin-left: 0.5em; } } @media screen and ( max-width: 845px ) { .itemsReport_summary_gutterAgent { padding-top: 0.5em; /* 10/20 */ } .itemsReport_summary li, .itemsReport_aggregateStats li { margin-left: 1.2em; } } @media screen and ( max-width: 813px ) { .itemsReport_summary_gutterAgent .itemsReport_options a.options_refineCriteria { margin-left: 0; margin-right: 0.5em } } .itemsReport_chart_gutterAgent { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-top: 0.833333333em; /* 10/12 */ padding-left: 3.125%; /* 30/960 */ width: 70%; } .itemsReport_chart { position: relative; float: left; width: 100%; } .itemsReport_chart h2 { display: none; margin-top: 0.3em; font-weight: 500; font-size: 1.2em; } .itemsReport_chart .itemsReport_options_gutterAgent { display: none; } @media screen and ( max-width: 1186px ) { div.itemsReport_chart_gutterAgent { padding-top: 1.25em; padding-left: 0; padding-right: 0; width: 100%; } .itemsReport_chart h2 { display: block; } .itemsReport_chart h2 + div { margin-top: 0.5em; } .itemsReport_chart .itemsReport_options_gutterAgent { display: block; } .itemsReport_chart .itemsReport_options a.options_seeChart, .itemsReport_chart .itemsReport_options a.options_seeData, .itemsReport_chart .itemsReport_options a.options_export { display: none; } .itemsReport_chart .itemsReport_options a.options_top { margin-left: 0; } } .itemsReport_datagrid_gutterAgent { clear: both; padding-top: 0.833333333em; /* 10/12 */ } .itemsReport_chart_gutterAgent + .itemsReport_datagrid_gutterAgent { padding-top: 2.5em; /* 30/12 */ } .itemsReport_datagrid_gutterAgent h2 { display: none; margin-top: 0.3em; font-weight: 500; font-size: 1.2em; } ul.itemsReport_datagrid li.datagrid_row { padding-top: 0.833333333em; /* 10/12 */ padding-bottom: 0.833333333em; /* 10/12 */ } ul.itemsReport_datagrid div.column .columnVar, ul.itemsReport_datagrid div.column .columnVar .columnVar_label { display: none; } ul.itemsReport_datagrid div.column .columnVar:first-child, ul.itemsReport_datagrid div.column .columnVar.idx1 { display: block; } ul.itemsReport_datagrid div.column.idx-key { width: 45px; } ul.itemsReport_datagrid .key { margin-top: 2px; width: 15px; height: 15px; } ul.itemsReport_datagrid div.column.idx1 { width: 16.666666667%; /* 160/960 */ font-weight: bold; } ul.itemsReport_datagrid div.column.idx2 { width: 16.666666667%; /* 160/960 */ text-align: right; } ul.itemsReport_datagrid div.column.idx3 { width: auto; color: #666666; } ul.itemsReport_datagrid li.datagrid_columnFootings { height: 1.666666667em; /* 20/12 */ background-color: #d7d7d7; } ul.itemsReport_datagrid li.datagrid_columnFootings * { display: none; } .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_seeChart, .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_seeData { display: none; } .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_top { margin-left: 0; } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx2, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx3, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx4, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx5 { width: 20%; text-align: center; } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx3 { color: #100B0E; } #itemsReport_itemRatingsPerBriefReport .key { display: inline-block; margin-top: 0; vertical-align: -12%; } #itemsReport_itemRatingsPerBriefReport span span { margin-left: 5%; color: #666666; } @media screen and ( max-width: 1386px ) { ul.itemsReport_datagrid div.column.idx2 { width: 30%; } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx2 { width: 20%; } } @media screen and ( max-width: 1186px ) { .itemsReport_datagrid_gutterAgent, .itemsReport_chart_gutterAgent + .itemsReport_datagrid_gutterAgent { padding-top: 1.25em; } .itemsReport_datagrid_gutterAgent h2 { display: block; } ul.itemsReport_datagrid { margin-top: 1.5em; } ul.itemsReport_datagrid div.column.idx1 { width: 20%; } .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_seeData { display: none; } .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_top { margin-left: 0.5em; } .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_seeChart { display: inline; margin-left: 0; } } @media screen and ( max-width: 845px ) { ul.itemsReport_datagrid { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } ul.itemsReport_datagrid div.column.idx1 { width: 45%; } ul.itemsReport_datagrid.has-key div.column.idx1 { width: 40%; } ul.itemsReport_datagrid div.column.idx2 { width: 45%; } ul.itemsReport_datagrid div.column.idx3 { clear: left; font-size: 0.9em; } ul.itemsReport_datagrid.has-key div.column.idx3 { margin-left: 45px; /* same width as key column */ } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx1 { width: 17%; font-size: 1em; } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx2, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx3, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx4, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx5 { clear: none; width: 20%; font-size: 1em; } #itemsReport_itemRatingsPerBriefReport span span { font-size: 0.9em; } } @media screen and ( max-width: 813px ) { .itemsReport_datagrid_gutterAgent .itemsReport_options a.options_top { margin-left: 0; margin-right: 0.5em; } } @media screen and ( max-width: 510px ) { #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx1 { width: 100%; } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.columnHeading.idx1 { display: none; } #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx2, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx3, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx4, #itemsReport_itemRatingsPerBriefReport ul.itemsReport_datagrid div.column.idx5 { width: 25%; } #itemsReport_itemRatingsPerBriefReport li.datagrid_row div.column.idx2, #itemsReport_itemRatingsPerBriefReport li.datagrid_row div.column.idx3, #itemsReport_itemRatingsPerBriefReport li.datagrid_row div.column.idx4, #itemsReport_itemRatingsPerBriefReport li.datagrid_row div.column.idx5 { margin-top: 0.5em; } } @media screen and ( max-width: 440px ) { #itemsReport_itemRatingsPerBriefReport .key { display: block; margin: 0 auto; } } @media screen and ( max-width: 410px ) { ul.itemsReport_datagrid.has-key div.column.idx2 { width: 40%; } } /* Container 3184 - DASH */ #c3184_dash > header h1 { font-family: "VIC", sans-serif; font-size: 1.333333333em; font-weight: 500; line-height: 1.2em; color: #30637E; } #c3184_dash .sectionBody { padding-bottom: 2em; } #c3184_dash .sectionBody > p { margin: 1em 0 0 0; font-family: "VIC", sans-serif; font-size: 0.875em; font-weight: 300; color: #100B0E; } #c3184_dash .widgets-collection { margin: 1.8em 0 0 0; padding: 0; max-width: 690px; overflow: hidden; list-style-type: none; } #c3184_dash .widgets-collection > li { float: left; margin: 2em 0 0 5%; width: 47.5%; overflow: hidden; } #c3184_dash .widgets-collection > li:nth-child(1), #c3184_dash .widgets-collection > li:nth-child(2) { margin-top: 0; } #c3184_dash .widgets-collection > li:nth-child(2n+1) { clear: left; margin-left: 0; } #c3184_dash .widget { padding-bottom: 0.7em; border: 1px solid #96979A; font-size: 0.75em; /* 12/16 */ } #c3184_dash .widget > header { padding: 10px; border-bottom: 1px solid #dddddd; background-color: #f5f5f5; } #c3184_dash .widget > header h1 { margin: 0; font-weight: 600; font-size: 1.166666667em; } #c3184_dash .widget .spinnerContainer { position: relative; width: 100%; height: 150px; } #c3184_dash .widget .spinnerContainer .spinner { top: 50px!important; left: 50%!important; } #c3184_dash .widget .items { margin: 0.7em auto 0 auto; padding: 0; width: 95%; list-style-type: none; } #c3184_dash .widget .items li { background: url('../img/hr_dotted_grey.gif' ) repeat-x 0 0; } #c3184_dash .widget .items li:first-child { background: none; } #c3184_dash .widget .items a { display: block; padding: 1.7em 0.8em; } #c3184_dash .widget .items li:first-child a { padding-top: 0.8em; } #c3184_dash .widget .items a:focus, #c3184_dash .widget .items a:hover { outline: none; cursor: pointer; background-color: #A6BBC5; } #c3184_dash .widget .items a > span { padding-left: 2%; color: #999; } #c3184_dash .widget article > * { display: none; } #c3184_dash .widget article > header { display: block; } #c3184_dash .widget article > header h1 { font-family: 'Open Sans', sans-serif; font-size: 1em; font-weight: 600; } #c3184_dash .widget .items a:focus article > header h1, #c3184_dash .widget .items a:hover article > header h1 { color: #100B0E; } #c3184_dash .widget article > header .meta_title_publishedDate { display: none; } #c3184_dash .widget .items a:focus article > header .meta_publishedDate_contextual, #c3184_dash .widget .items a:hover article > header .meta_publishedDate_contextual { color: #100B0E; } #c3184_dash .widget article > .summaryShort { display: block; margin-bottom: 0; } @media screen and ( max-width: 810px ) { #c3184_dash .widgets-collection > li { margin-left: 0; width: 100%; } #c3184_dash .widgets-collection > li:nth-child(2) { margin-top: 2em; } } @media screen and ( max-width: 712px ) { #c3184_dash .widgets-collection > li { margin: 2em 0 0 5%; width: 47.5%; } #c3184_dash .widgets-collection > li:nth-child(1), #c3184_dash .widgets-collection > li:nth-child(2) { margin-top: 0; } } @media screen and ( max-width: 470px ) { #c3184_dash .widgets-collection > li { margin-left: 0; width: 100%; } #c3184_dash .widgets-collection > li:nth-child(2) { margin-top: 2em; } } /** * Analysis */ #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating ul { margin-top: 0; } #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating { float: right; } #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating li { background: #30637E; display: inline; color: #FFF; padding: 10px; border: medium none; float: left; } #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating li a { display: inline-block; text-decoration: none; color: #FFF; } #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating li a [class^="icon-"], #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating li a [class*=" icon-"], #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating li a [class^="icon-"]:before, #container_3184 #c3184_itemsAnalysis .sectionBody .items li .meta_analysis_rating li a [class*=" icon-"]:before { display: inline-block; } /* ========================================================================== Helper classes ========================================================================== */ /* * Image replacement */ .ir { background-color: transparent; border: 0; overflow: hidden; /* IE 6/7 fallback */ *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } /* * Hide from both screenreaders and browsers: h5bp.com/u */ .hidden { display: none !important; visibility: hidden; } /* * Hide only visually, but have it available for screenreaders: h5bp.com/v */ .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* * Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the * `contenteditable` attribute is included anywhere else in the document. * Otherwise it causes space to appear at the top and bottom of elements * that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using * `:before` to contain the top-margins of child elements. */ .clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ } .clearfix:after { clear: both; } /* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */ .clearfix { *zoom: 1; } /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ }