/*** Global : Structure ***/ * { margin:0; padding:0; box-sizing:border-box; font-family: 'Open Sans', serif; text-decoration-skip-ink:none; } body { position:relative; margin:auto; min-width:320px; font-size:17px; line-height:28px; color:#444444; background-color:#14385e; overflow-x:hidden; } .siteContainer { position:absolute; margin:auto; width:100%; top:0; left:0; background-color:#ffffff; } .siteContainer .siteContainerBackground { opacity:0.0; position:absolute; width:100%; height:100%; top:0; left:0; background-position:center -40px; background-repeat:no-repeat; background-size:2000px; } .siteContainerHome .siteContainerBackground { background-position:center -280px; } #bodyTop { position:fixed; width:100%; margin: auto; z-index:100000; } #header { position:relative; background-color:rgba(255,255,255,.9); } #headerTop { position:relative; height:52px; z-index:70000; background-color:#123b66; overflow:hidden; border:solid #ffffff; border-width:0 0 4px 0; box-shadow:0px 1px 6px rgba(23,58,96,.2); } #headerTopFrame { position:relative; width:100%; margin:auto; overflow:hidden; } #headerBottom { position:relative; z-index:60000; height:26px; background-color:#ffffff; box-shadow:0px 1px 6px rgba(23,58,96,.2); } #homeButton { position:absolute; z-index:71000; top:0px; left:12px; cursor:pointer; background-color:rgba(34,81,127,.89); padding:3px 9px 7px 9px; } #homeButton img { margin:0; padding:0; float:left; } #bodyPrebottom { position:relative; clear:both; margin:40px 0 0 0; padding:0px 0 0px 0; background-color:#1c426b; background-color:#14385e; border:solid #1c426b; border-width:0 0 1px 0; } #bodyPrebottom #bodyPrebottomLinks { position:relative; padding:12px 0 12px 0; width:600px; margin:auto; } #bodyPrebottom #bodyPrebottomLinks a { float:left; font-size:15px; text-align: center; color:#527291; width:20%; margin:0; padding:0; text-decoration:none; } #bodyBottom { position:relative; clear:both; padding:12px 0 10px 0; background-color:#14385e; } #footer { font-size:15px; line-height:24px; color:#527291; margin:0; text-align:center; } #footer a { color:#607892; display:inline-block; clear:both; line-height:20px; text-decoration:none; transition:.5s; margin:0 0 3px 0; padding:2px 4px; } /*#globalSearchContainer { position:relative; float:left; height:32px; width:552px; margin:6px 0 0 348px; padding:0; background-color:#ffffff; }*/ #globalSearchContainer { position:relative; float:left; height:32px; width:552px; margin:8px 0 0 348px; padding:0; background-color:#ffffff; } #globalSearchContainer #searchInputContainer { float:left; padding:0 0px 0 0; width:100%; height:32px; border:solid 1px #8ba9ca; border-width:1px 0 1px 1px; } #globalSearchContainer #searchInputContainer input { font-size:15px; line-height:19px; padding:3px 0 3px 8px; margin:3px 0 0 0; color:#b8c4d1; border:0; } #globalSearchContainer #searchButtonContainer { position:absolute; top:0; right:0; margin:0; padding:6px 0 0 24px; width:72px; height:32px; background-color:#224972; cursor: pointer; } #globalSearchContainer #searchButtonContainer input { background-color:transparent; margin:0; padding:0; border:0; width:auto; } #globalSearchContainer .clearValueIcon { position:absolute; top:0px; right:80px; cursor:pointer; margin:2px 0 0 0; padding:4px 0 0 0; } #tagline { float:left; font-size:15px; line-height:16px; margin:6px 0 0 374px; padding:0; height:16px; } #socialMedia { float:left; margin:2px 0 0 10px; padding:0; height:16px; } #socialMedia a { margin:0 2px 0 3px; } /*** Global : Main Menu ***/ #mainMenu { position:relative; float:right; z-index:500; padding:10px 0px 0 0px; margin:0 0px 0 0px; } #mainMenu a { z-index:500; font-size:14px; line-height:14px; float:left; margin:0px 0 0px 20px; text-align:center; padding:7px 14px 7px 14px; color:#6d86a3; transition:.5s; cursor:pointer; } #mainMenu a:hover { background-color:rgba(107,153,200,.16); } #mainMenu a.selected { background-color:rgba(107,153,200,.16); } /*** Global : Submenus ***/ .submenus { position:relative; width:100%; z-index:6; } .submenu { position:relative; width:100%; background-color:#ffffff; box-shadow:0px 2px 10px rgba(24,24,23,.12); } .submenuFrame { position:relative; margin:auto; padding:24px 12px 18px 12px; border:solid; border-color:#e0e0d6; border-width:0px 0px 0 0px;} .submenuFrame a { float:left; clear:both; color:#545252; font-size:17px; line-height:17px; padding:5px 10px 5px 10px; margin:2px 0 0px 0; text-decoration:none; transition:.2s; } .submenuFrame a:hover { color:#545252; background-color:#dddddd; } .subsection { position:relative; width:100%; clear:both; float:left; padding:2px 0 2px 20px; } .subsection .subsectionColumn { float:left; width:33.3%; } .subsection .subsectionColumn a { display:inline-block; max-width:98%; color:#545252; font-size:16px; line-height:16px; padding:5px 6px 0px 6px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; } /*** Global : Submenus ***/ #videoSubmenu { display:none; position:absolute; opacity:0.0; left:0; top:-160px; width:100%; z-index:5; } #storeSubmenu { display:none; position:absolute; opacity:0.0; left:0; top:-160px; width:100%; z-index:5; } #aboutSubmenu { display:none; position:absolute; opacity:0.0; left:0; top:-160px; width:100%; z-index:5; } /*** Global : Mobile Menu Button ***/ #mobileMenuContainer #mobileNavigationButtonContainer { position:fixed; top:16px; right:15px; cursor: pointer; margin:0px 0 0 4px; z-index:500000; } #mobileNavigationButton { width:20px; height:20px; position:relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; } #mobileNavigationButton span { display:block; position:absolute; height:2px; width:100%; background:#ffffff; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; } #mobileNavigationButton span:nth-child(1) { top: 0px; } #mobileNavigationButton span:nth-child(2), #mobileNavigationButton span:nth-child(3) { top: 7px; } #mobileNavigationButton span:nth-child(4) { top: 14px; } #mobileNavigationButton.open span:nth-child(1) { top:7px; width:0%; left:50%; } #mobileNavigationButton.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #mobileNavigationButton.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #mobileNavigationButton.open span:nth-child(4) { top: 7px; width: 0%; left: 50%; } /*** Global : Mobile Menu ***/ #mobileMenuContainer #mobileMenu { position:absolute; display:none; opacity:0.0; z-index:80000; top:0px; right:-100%; width:100%; padding:0px 0px 0px 0px; background-color:rgba(20,50,90,.98); min-height:1200px; } #mobileMenuContainer #mobileMenu .mobileMenuTop { background-color:rgba(23,58,96,1.0); margin:0 0 0px 0; } #mobileMenuContainer #mobileMenu .mobileMenuTop .logoContainer { float:left; margin:0 12px; background-color:rgba(34,81,127,.89); padding:3px 9px 7px 9px;} #mobileMenuContainer #mobileMenu a { color:#ffffff; text-decoration:none; display:block; font-size:16px; line-height:16px; padding:10px 4px 10px 40px; cursor:pointer; } #mobileMenuContainer #mobileMenu a:hover { background-color:rgba(34,81,127,.89); color:#ffffff; text-decoration:none; } #mobileMenuContainer #mobileMenu .mobileSubmenu { display:none; background-color:rgba(27,70,112,.89); } #mobileMenuContainer #mobileMenu .mobileMenuHeader { position:relative; color:#ffffff; text-decoration:none; display:block; font-size:16px; background-color:rgba(23,58,96,.98); line-height:16px; padding:14px 4px 14px 14px; cursor:pointer; margin:0px 0 0px 0; } #mobileMenuContainer #mobileMenu .mobileMenuHeader:hover { background-color:rgba(34,81,127,.89); color:#ffffff; text-decoration:none; } #mobileMenuContainer #mobileMenu .mobileMenuArrowDown { position:absolute; top:17px; right:16px; width:13px; height:9px; background-image:url('../Assets/Global/DownArrowHover.png'); } #mobileMenuContainer #mobileMenu .mobileMenuHeader:hover > .mobileMenuArrowDown { background-image:url('../Assets/Global/DownArrowHover.png'); } #mobileMenuContainer #mobileMenu .mobileMenuArrowUp { position:absolute; top:17px; right:16px; width:13px; height:9px; background-image:url('../Assets/Global/UpArrowHover.png'); } #mobileMenuContainer #mobileMenu .mobileMenuHeader:hover > .mobileMenuArrowUp { background-image:url('../Assets/Global/UpArrowHover.png'); } /*** Global : Frames ***/ .contentFrameMedium { position:relative; margin:auto; padding:0 12px 0 12px; } /*** Global : Layouts ***/ #layout { position:relative; font-size:17px; line-height:30px; margin:88px 0 0px 0; padding:0; } #layoutTop { position:relative; } #layoutBottom { position:relative; min-height:400px; } .siteContainerHeroNone #layoutTop { height:0px; } .siteContainerHeroNone #layoutBottom { background-color:#ffffff; padding:14px 0 48px 0; } .siteContainerHeroLarge #layoutTop { padding:0px 0 0px 0; } .siteContainerHeroLarge #layoutBottom { background-color:#ffffff; padding:24px 0 0px 0; } /*** Default Elements ***/ h1 { color:#000000; font-family: 'PT Serif', serif; font-size:26px; font-weight:normal; line-height:28px; margin:6px 0 20px 0; } h2 { color:#000000; font-family: 'PT Serif', serif; font-size:26px; line-height:2px; font-weight:normal; margin:4px 0 40px 0; padding:4px 0 0 0; } h3 { color:#000000; font-family: 'PT Serif', serif; font-size:22px; line-height:26px; font-weight:normal; margin:0px 0 8px 0; padding:4px 0 0 0; } h5 { color:#000000; font-family: 'PT Serif', serif; font-size:20px; line-height:26px; font-weight:normal; margin:0px 0 6px 0; padding:4px 0 0 0; } img { max-width:100% } a { color:#32609c; text-decoration:none; transition:.4s; } form { margin:0; padding:0; } /*** General Elements ***/ .topNote { line-height:24px; font-size:18px; margin:0 0 20px 0; } .bottomNote { line-height:24px; font-size:18px; margin:40px 0 10px 0; text-align: center; } a.linkButton, button.linkButton { display:inline-block; font-size:18px; line-height:18px; background-color:#135392; color:#ffffff; padding:8px 12px 8px 12px; min-width:120px; text-align:center; margin:0 8px 0 0; cursor: pointer; transition:.5s; border:none; } a.linkButton:hover, button.linkButton:hover { background-color:#135392; color:#ffffff; } a.miniButton { display:inline-block; text-decoration:none; font-size:15px; line-height:20px; background-color:#135392; color:#ffffff; padding:3px 12px 3px 12px; margin:4px 0px 0 0px; } a.programLinkButton { display:inline-block; font-size:15px; line-height:19px; background-color:#135392; color:#ffffff; padding:4px 10px 4px 10px; min-width:100px; text-align:center; margin:0 8px 0 0; cursor: pointer; transition:.5s; border:none; } a.programLinkButton:hover { background-color:#135392; color:#ffffff; } a.mediaProfileButton { display:inline-block; text-decoration:none; vertical-align: top; font-size:13px; line-height:14px; min-width:62px; text-align: center; background-color:#124980; color:#ffffff; padding:1px 4px 2px 4px; margin:7px 0px 0 4px; cursor:pointer; } a.mediaProfileButton:hover { background-color:#416ca3; } a.mediaProfileButtonGreen { background-color:#59b054; } a.mediaProfileButtonGreen:hover { background-color:#5ac455; } a.miniButtonRed { background-color: #990000; } /*** Form : Full Form ***/ .fullForm { position:relative; float:left; margin:0 0 0 0; width:100%; font-size:15px; } .fullForm .fullFormElement { position:relative; clear:both; margin:0 0 4px 0; padding:0; } .fullForm .fullFormElement .fullFormLabel { float:left; width:22%; text-align:left; margin:0px 2% 12px 0; padding:0; font-size:17px; } .fullForm .fullFormElement .fullFormLabel .note { font-weight:normal; font-size:13px; color:#bbbbbb; line-height:10px; margin:0px 0px 12px 0px; } .fullForm .fullFormElement .fullFormInput { float:left; width:58%; margin:0px 0 5px 0; padding:4px 0 0 0; line-height:22px; } .fullForm .fullFormElement .fullFormInput .formInputNote { font-size:12px; font-style:italic; } .fullForm .fullFormElement .fullFormInput .formInputNoteInline { display:inline; font-size:12px; font-style:italic; } .fullForm .fullFormElement .fullFormInput .formInputInlineLabel { float:left; margin:0px 8px 0 24px; padding-top:3px; } .fullForm .fullFormElement .fullFormInput .formInputConnector { display:inline; margin:0px 6px 0 6px; } .fullForm .fullFormElement .fullFormInput .fileUploadContainer { float:left; margin:0px 6px 0 0px; } .fullForm .fullFormElement .fullFormInput .thumbnailContainer { float:left; display:block; margin:0px 8px 0 0; width:120px; } .fullForm .fullFormElement .fullFormInput .thumbnailContainer img { float:left; border:1px solid #95acd5; } .fullForm .fullFormElement .fullFormInput .extendedContent { width:60%; } .fullForm .fullFormButtons { clear:both; margin:20px 0 20px 24%; padding:0; } /*** Forms : Feedback Panel ***/ ul.feedbackPanel { font-size:18px; line-height:24px; color:#1a2233; margin:16px 0px 16px 0px; padding:6px 12px 6px 12px; display:block; border:3px solid #43659f; background-color:#cfd7e5; } li.feedbackPanelERROR { margin:1px 0px 0px 0px; padding:1px 0px 2px 0px; list-style-position:inside; list-style-type:square; } span.feedbackPanelERROR { position:relative; margin:0px 0px 0px 0px; padding:2px 0px 0px 0px; } #feedbackPanelClose { font-size:15px; line-height:15px; font-weight:bold; padding:1px 6px 3px 6px; margin:3px 0px 0px 22px; color:#1a2233; background-color:#6d83ac; vertical-align: top; display:inline-block; cursor: pointer; text-align:center; } #feedbackPanelClose:hover { background-color:#5a6e91; } /*** Forms : Inputs ***/ input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input:focus, select:focus, textarea:focus, button:focus { outline:none; } input { color:#000000; display:inline-block; width:100%; margin:0 0px 0 0; font-size:15px; line-height:19px; padding:6px 4px 6px 6px; border:solid; background-color:#ffffff; border-width:1px; border-color:#dddddd; } textarea { position:relative; padding:8px 4px 4px 6px; border:solid; border-width:1px; width:100%; border-color:#dddddd; font-size:15px; } input[type="checkbox"] { width:14px; display:inline-block; margin:8px 4px 0 0px; } input.microEntry { width:60px !important; } input.smallEntry { width:80px !important; } input.mediumEntry { width:320px !important; } input.largeEntry { width:580px !important; } input.fullEntry { width:100% !important; } /*** Forms : Radio Choice ***/ .radioChoice { display:inline; margin:0 0 0 0px; font-size:16px; line-height:16px; } .radioChoice input { float:left; width:26px; font-size:16px; margin:2px 0px 0px 0px; padding:0; vertical-align:middle; } .radioChoice label { float:left; margin:0px 24px 0px 2px; padding:0px 0px 0px 0px; } /*** Forms : Select ***/ .selectContainer { float:left; color:#000000; background-color:#ffffff; line-height:24px; height:33px; width:100%; position:relative; display:block; margin:0px 14px 0 0; padding:4px 0 4px 6px; border:solid; border-width:1px; border-color:#dddddd; font-weight:normal; } .selectContainer select { font-size:15px; line-height:21px; color:#000000; width:100%; margin:0; padding:0; border:0px solid transparent; outline:none; background:none; box-sizing:border-box; cursor:pointer; -moz-appearance:none; appearance:none; -webkit-appearance:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } .selectContainer::after { content:"⏷"; font-size:24px; transform:scale(1,1.25); line-height:16px; position:absolute; height:20px; top:0; right:0; display:block; padding:1px 4px 0 5px; margin:5px 0 0px 0; border:solid #dddddd; border-width:0 0 0 1px; z-index:1; pointer-events:none; background-color:#ffffff; } select::-ms-expand { display: none; } .selectContainerMedium { width:320px; } .selectContainerSmall { width:144px; } /*** Forms : Date Selector ***/ .dateSelectorContainer { float:left; cursor:pointer; margin-right:20px; } .dateSelectorContainer input { float:left; margin:4px 8px 0 0; } .floatingToContainer { font-size:18px; float:left; padding:0px 0px 0px 0px; line-height:38px; } input[type="text"].dateEntry { width:80px; margin:0px 8px 0 0; } .dateSelectorContainer img { margin-top:4px; } /*** Forms : Misc ***/ .requiredField { display:inline-block; color:#961111; } .formControls .selectContainer { margin-top:2px; } /*** Search : Header ***/ .headerMenuFrame { margin:6px 0px 0px 0px; } .headerMenuFrame h1 { float:left; margin:0 0 12px 0; padding:0px; line-height:28px; } .headerMenuFrame .headerMenu { float:left; margin:6px 0px 0px 28px; padding:0px 0px 0px 0px; font-size:14px; font-weight:bold; } .headerMenuFrame .headerMenu a { padding:0px 2px 0px 2px; margin:2px 0px 0px 0px; font-size:14px; font-weight:bold; } /*** Search Home : Misc ***/ #searchResultsInfo { float:left; font-size:14px; line-height:15px; padding:5px 0px 5px 0px; margin:6px 24px 0 20px; } /*** Search : Selected Search Parameters ***/ .searchParameterDisplay { } .searchParameter { float:left; font-size:14px; line-height:15px; padding:5px 5px 5px 5px; margin:6px 8px 8px 0px; color:#3e3107; background-color:#d5bb68; } .searchParameterLabel { float:left; font-weight: bold; margin-right:4px; } .searchParameterValue { float:left; margin-right:4px; } .searchParameterClear { float:left; width:14px; height:14px; border-radius:7px; margin:1px 0 0 0; color:#ffffff; cursor:pointer; background:#c6a244; background-image:url('../Assets/Global/ClearSearchParameter.png'); background-position:center center; } .searchParameterClear:hover { background-color:#b08924; } /*** Search : Search Parameters ***/ .searchParametersOuter { position:relative; float:left; width:100%; margin-top:0px; margin-bottom:28px; } .searchParameters { position:relative; float:left; margin:0px 4px 0px 0px; } .searchParameters .selectControl { position:relative; float:left; margin:0 8px 8px 0; padding:0; } .searchParameters .selectControl .selectControlLabel { background:#ffffff; min-width:180px; position:relative; border:1px solid #dddddd; font-size:15px; padding:5px 0px 5px 8px; line-height:21px; margin:0; cursor: pointer; } .searchParameters .selectControl .selectControlLabel .selectControlArrow { position:absolute; width:33px; top:3px; right:0; margin:0px 0 0 0px; height:25px; padding:4px 4px 0px 4px; border:solid #dddddd; border-width:0px 0px 0px 1px; } .searchParameters .selectControl .selectControlLabel:hover { background:#dddddd; } .searchParameters .selectControl .selectControlValues { max-height:340px; overflow:auto; width:200px; padding:4px; margin:0; z-index:100000; font-size:14px; text-align:left; visibility:hidden; position:absolute; top:32px; background-color:#ffffff; border:0px solid #d3d5db; border-width:1px; box-shadow:4px 4px 8px rgba(53,82,138,0.0); } .searchParameters .selectControl .selectControlValues input[type="checkbox"] { float:left; padding:4px; margin:8px 8px 0 0px; } .searchParameters .selectControl .selectControlValues a { color:#000000; display:block; text-decoration:none; padding:5px 0px 2px 4px; line-height:18px; transition:0.0s; } .searchParameters .selectControl .selectControlValues a:hover { background-color:#dddddd; } .searchParameters .selectControl .selectControlValues .optionCheckbox { float:left; margin:0; } .searchParameters .selectControl .selectControlValues .optionLabel { margin:0px 0px 0 23px; font-size:14px; } .searchParameters .selectControl .generalPanel { font-size:15px; width:360px; padding:8px 8px 8px 8px; } .searchParameters .selectControl .generalPanel input { width:100px; color:#000000; } .searchParameters .selectControl .generalPanel .floatingToContainer { font-size:15px; float:left; padding:0px 10px 0px 0px; } .searchParameters #collectionSelect .selectControlValues { width:600px; } .searchParameters input[type="text"] { color:#d4d4d4; float:left; margin:0 8px 6px 0; } /*** Search : Display Parameters ***/ .displayParameters { float:left; font-size:16px; position:relative; width:348px; padding:3px 0px 4px 0px; margin:0px 0px 6px 0px; border:solid #e7e7e7; border-width:0px 0px; } .displayParameters .selectControl { position:relative; float:left; margin:0 8px 0 0px; } .displayParameters .selectControl .selectControlLabel { position:relative; padding:5px 0px 5px 8px; margin:1px 0 0 0; font-size:15px; line-height:16px; cursor: pointer; color:#ffffff; background-color:#124980; } .displayParameters .selectControl .selectControlLabel .selectControlArrow { float:right; margin:0; height:13px; padding:0px 4px 0px 0px; } .displayParameters .selectControl .selectControlLabel .selectControlArrow:hover { } .displayParameters .selectControl .selectControlLabel:hover { background:#416ca3; } .displayParameters .selectControl .selectControlValues { max-height:294px; overflow:auto; width:160px; padding:0px; margin:0; z-index:100000; font-size:14px; text-align:left; visibility:hidden; position:absolute; top:27px; background-color:#ffffff; border:0px solid #dddddd; border-width:1px; box-shadow:4px 4px 8px rgba(53,82,138,0.0); } .displayParameters .selectControl .selectControlValues a { color:#000000; display:block; text-decoration:none; padding:3px 2px 3px 6px; line-height:18px; transition:0.0s; } .displayParameters .selectControl .selectControlValues a:hover { background-color:#dddddd; } .displayParameters #sortSelect .selectControlLabel { width:120px; } .displayParameters #pageSizeSelect .selectControlLabel { width:120px; } .displayParameters .linkButton { padding:0 0 0 0; background-color:#124980; } .displayParameters .miniButton { float:left; margin:1px 8px 0 0px; background-color:#124980; } /*** Pager ***/ #pager { margin:0px 0px 0px 0px; vertical-align:baseline; } #pager a { color:#000000; background-color:#ffffff; font-size:15px; line-height:18px; font-weight:normal; margin:0 12px 0 0px; padding:5px 0px 5px 0px; min-width:30px; float:left; text-align:center; text-decoration:none; border:0px solid #ffffff; } #pager a:hover { background-color:#124980; color:#ffffff; } #pager a.selectedPage { background-color:#124980; color:#ffffff; } #pager .arrowsLeft { float:left; margin:0; } #pager .arrowsRight { float:left; margin:0; } #pager .first { display:none; width:60px; background:no-repeat 4px 8px; padding:5px 0px 5px 18px; text-align:left; background-image:url('../Assets/Global/Pager/First.png'); } #pager .previous { width:58px; background:no-repeat 2px 8px; padding:5px 0px 5px 14px; text-align:left; background-image:url('../Assets/Global/Pager/Previous.png'); } #pager .next { width:56px; background:no-repeat 40px 8px; padding:5px 0px 5px 3px; text-align:left; background-image:url('../Assets/Global/Pager/Next.png'); } #pager .last { display:none; width:58px; background:no-repeat 39px 8px; padding:5px 0px 5px 3px; text-align:left; background-image:url('../Assets/Global/Pager/Last.png'); } #pager .first:hover { background-image:url('../Assets/Global/Pager/FirstHover.png'); } #pager .previous:hover { background-image:url('../Assets/Global/Pager/PreviousHover.png'); } #pager .next:hover { background-image:url('../Assets/Global/Pager/NextHover.png'); } #pager .last:hover { background-image:url('../Assets/Global/Pager/LastHover.png'); } .pagerTop { display:block; width:100%; height:31px; margin:0px 0 0px 0; } .pagerBottom { display:block; width:100%; height:31px; margin:0px 0 20px 0; } /*** Letter Pager ***/ .letterPagerContainer { position:relative; clear:both; padding:8px 0px 8px 0px; margin:0px 0px 28px 0px; border:solid #dddddd; border-width:1px 0px; } .letterPager { margin:0px 0px 0px 2px; vertical-align:baseline; } .letterPager a { color:#222222; font-size:15px; line-height:15px; width:28px; padding:5px 0px 5px 0px; margin-right:1.35%; float:left; text-align:center; text-decoration:none; } .letterPager a:hover { color:#ffffff; background-color:#124980; border:0px solid #2f4c7e; } .letterPager a.pageNumber { padding:0; } .letterPager a.selectedLetter { color:#ffffff; background-color:#124980; border:0px solid #2f4c7e; } /*** Tables ***/ table { width:100%; border-collapse:collapse; } table tr {} table tr th { text-transform: uppercase; font-weight:normal; padding:8px 10px 2px 10px; line-height:18px; vertical-align: top; text-align:left; } table tr td { padding:6px 10px 6px 10px; font-size:15px; line-height:20px; vertical-align: top; text-align:left; } table tr td a { text-decoration:none; } th.smartPhoneSpacerHeader { display:none; } td.smartPhoneSpacerCell { display:none; } div.smartPhoneTableHeader { display:none; } /*** Data Grid Open ***/ table.dataGridOpen { width:100%; margin:0px 0 20px 0; border-collapse:collapse; background-color: #ffffff; border:solid #eeeeee; border-width:0px 0px 0px 0px; } table.dataGridOpenNoBorder { border-width:0px 0px 0px 0px; } table.dataGridOpen tr.spacerRow { display:none; } table.dataGridOpen tr.spacerRow td { display:none; font-size:1px; line-height:1px; padding:0; height:12px } table.dataGridOpen tr th { color:#ffffff; font-size:14px; line-height:20px; padding:9px 12px 7px 8px; border:solid #dddddd; border-width:0px 1px 0px 0px; background-color:#22497C; } table.dataGridOpen tr th.headerRow { font-size:14px; color:#333333; line-height:20px; text-align: center; padding: 6px 2px 6px 8px; background-color: #e1e1e1; } table.dataGridOpen tr th.emptyHeader { line-height:2px; padding:0px 0px 0px 4px; } table.dataGridOpen tr th a { font-size:14px; color:#ffffff; text-decoration:none !important; display:block; width:100%; padding:0px 10px 0px 4px; } table.dataGridOpen tr td { font-size:15px; line-height:19px; padding:12px 12px 11px 8px; border:solid #dddddd; border-width:0px 0px 1px 0px; } table.dataGridOpen tr td a { text-decoration:none; color:#000000; } table.dataGridOpen tr td a:hover { text-decoration:underline; color:#32609c; } table.dataGridOpen tr td a.linkButton { text-decoration:none; float:left; font-size:16px; line-height:16px; margin:0; padding:7px 6px 3px 6px; min-width:80px !important; color:#ffffff; } table.dataGridOpen tr td img { float:left; margin:0; padding:0; } table.dataGridOpen tr:hover td { background:#f1f1f1; } table.dataGridOpen tr:hover td a { } table.dataGridOpen tr th a.sortLinks {} table.dataGridOpen tr th a.sortLinks img { margin:0 0 0 6px; } /*** Spacers ***/ .spacer2 { height:2px; line-height:1px; font-size:1px; } .spacer4 { height:4px; line-height:1px; font-size:1px; } .spacer6 { height:6px; line-height:1px; font-size:1px; } .spacer8 { height:8px; line-height:1px; font-size:1px; } .spacer10 { height:10px; line-height:1px; font-size:1px; } .spacer12 { height:12px; line-height:1px; font-size:1px; } .spacer14 { height:14px; line-height:1px; font-size:1px; } .spacer16 { height:16px; line-height:1px; font-size:1px; } .spacer18 { height:18px; line-height:1px; font-size:1px; } .spacer20 { height:20px; line-height:1px; font-size:1px; } .spacer24 { height:24px; line-height:1px; font-size:1px; } .spacer32 { height:32px; line-height:1px; font-size:1px; } .spacer48 { height:48px; line-height:1px; font-size:1px; } /*** Video General ***/ .mediaGroupModule { position:relative; width:100%; margin:auto; } .mediaGroupModule .mediaGroupTitle { width:100%; font-size:20px; margin:0 0 0 0; float:left; line-height:18px; } .mediaGroupModule .mediaGroupTitle .groupTitle { float:left; margin:0 1% 0 0; font-weight:bold; } .mediaGroupModule .mediaGroupTitle .groupLink { margin:0 0 0 0; } .mediaContainer { position:relative; font-size:13px; float:left; width:22.7%; margin:0 3.0% 40px 0; text-align:left; } .mediaContainer .mediaThumbnailOuter { position:relative; width: 100%; padding:0 0 56.25% 0; margin:0 0 2.4% 0; border:0px solid #eeeeee; } .mediaContainer .mediaThumbnailOuter .mediaThumbnail { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; } .mediaContainer .mediaThumbnail .mediaThumbnailOverlay { color:#ffffff; position:absolute; z-index:10; padding:0; margin:0; width:100%; height:100%; text-decoration:none; border:solid #345896; border-width:0; text-align:center; font-size:12px; } .mediaContainer .mediaThumbnail .mediaThumbnailOverlay .mediaOverlayButton { margin:0; padding:8px 9px; text-decoration:none; display:block; position:absolute; bottom:0; left:0; color:#ffffff; border:solid #233c68; display:block; border-width:0; background:rgba(34,81,127,.8); } .mediaContainer .mediaThumbnail .mediaThumbnailOverlay .mediaOverlayButton img { float:left; } .mediaThumbnailBoundingBox { position:absolute; background-position:center center; background-repeat:no-repeat; background-size:103.5% 103.5%; height:100%; width:100%; background-color:#000000; } .mediaContainer .mediaInfo { clear:both; position:relative; margin:8px 0 0 0; } .mediaContainer .mediaInfo .mediaTitle { margin:0 0 4px 0; line-height:19px; } .mediaContainer .mediaInfo .mediaTitle a { font-size:15px; line-height:19px; color:#000000; text-decoration:none; } .mediaDetails { width:100%; color:#a89980; font-size:14px; line-height:16px; min-height:20px; margin:0px 0 0 0; padding:0; } .mediaDetails .mediaDetailsDivider { float:left; margin:0 5px; font-size:13px; line-height:14px; padding:0; color:#333333; } .mediaDetails .mediaDate { float:left; margin:0; padding:0; } .mediaDetails .durationDisplay { float:left; margin:0; padding:0; } .mediaDetails .mediaViewCount { float:left; margin:0; padding:0; } .mediaButtons { margin:8px 0 0 0; } /*** Video Container ***/ .videoContainer { position:relative; float:left; box-sizing:border-box; width:100%; margin:0px 0 20px 0; padding:0; background-color:#ffffff; border:solid 24px #ffffff; } .videoContainer .videoBoundingBox { position:relative; width:100%; height:0; padding-bottom:56.25%; } .videoContainer .videoBoundingBox iframe { position:absolute; left:0; top:0; width:100%; height:100% } /*** Media Profile : Header ***/ #mediaProfile { } #mediaProfile #header { margin:4px 0 4px 0px; } #mediaProfile #header #mediaProfileTitle { float:left; color:#000000; font-family: 'PT Serif', serif; width:74%; font-size:24px; font-weight:normal; line-height:28px; margin:2px 0 4px 0; padding:0 20px 0 0; } #mediaProfile #header .profilePagerContainer { float:right; width:26%; } #mediaProfile #header .profilePagerContainer .profilePager { float:right; margin:2px 0 0 0; } #mediaProfile #header .profilePagerContainer .profilePager a { color:#ffffff; font-size:14px; line-height:14px; padding:2px 6px 2px 6px; margin:1px 6px 0 0; text-decoration:none; background:#416ca3; } #mediaProfile #header .profilePagerContainer .profilePager a.profilePagerNext { margin:0 0 0 0; } #mediaProfile #header .profilePagerContainer .profilePager a:hover { background:#416ca3; } /*** Media Profile : Panels ***/ #mediaProfile .panelContainer { padding:0px 0 0px 0; border:0px solid #cccccc; margin:20px 0px 20px 0px; max-height:320px; overflow-y:auto; background-color:#ffffff; } #mediaProfile .panelContainer .panelHeader { font-family: 'PT Serif', serif; font-size:20px; text-align:left; line-height:22px; margin:0 0 0px 0; padding:3px 8px 3px 8px; border:solid #ffffff; border-width:0 0 2px 0; background-color:#dddddd; } #mediaProfile .panelContainer .panelBody { font-size:15px; text-align:left; line-height:22px; padding:4px 8px 4px 8px; } #mediaProfile .panelContainer .panelBody a { text-decoration:underline; } #mediaProfile .panelContainer .panelBody a.tag { text-decoration:none; float:left; display:inline; padding:4px 6px 4px 6px; margin:4px 6px 3px 0px; background-color:#eeeeee; font-size:15px; line-height:16px; color:#000000; transition:0.2s; } #mediaProfile .panelContainer .panelBody a.tag:hover { color:#ffffff; background-color:#416ca3; text-decoration:none;} /*** Media Profile : Alternative Media ***/ #ohioChannelMediaContainerInner { border:0px solid #555555; } #ohioChannelMediaContainerInnerImage { padding:0 0 0 0px; background-color:#000000; width:100%; } #ohioChannelMediaContainerInnerImage img { float:left; border:0px solid #555555; width:100%; } #ohioChannelMediaContainerEmbedded { background:#000000; } .ohioChannelMediaContainerOther { color:#555555; border:1px solid #555555; background:#000000; text-align:center; vertical-align:middle; padding:180px 0px; } .ohioChannelMediaContainerOther a { color:#ffffff; background:#2e4a77; padding:8px 16px; line-height:40px; text-decoration:none; font-size:20px; } .ohioChannelMediaContainerOther a:hover { background:#355483; } .ohioChannelMediaContainerOther a.downloadOtherLink { clear:both; padding:4px 12px; font-size:14px; } .mediaPlayerContainer { width:100%; } .channelOffAir { padding:240px 0 0 0; height:484px; text-align:center; color:#999999; font-size:24px; } #ohioChannelMediaContainer .fileNotYetAvailable { background-color:#000000; color:#555555; font-size:22px; text-align:center; padding:169px 0px; } #primaryMediaInfo { float:left; width:100%; margin:0px 0px 0px 0px; } .primaryMediaInfoHeader { float:left; width:100%; padding:7px 0px 8px 0px; text-align:left; border:solid #dddddd; border-width:2px 0 2px 0; margin:0px 0px 0px 0px; } .primaryMediaInfoHeader .info { float:left; font-family: 'PT Serif', serif; font-size:20px; margin:2px 0 0 0; } .primaryMediaInfoHeader .info .date { float:left; font-family: 'PT Serif', serif; margin-right:12px; line-height:28px; } .primaryMediaInfoHeader .info .viewCount { float:left; line-height:24px; font-size:15px; margin:3px 0 0 0; } .primaryMediaInfoHeader .buttons { float:right; margin:1px 0 0 20px; padding:0; } /*.primaryMediaInfoHeader .buttons a.mediaProfileButton { margin:7px 0px 0 6px; padding:2px 6px 2px 6px; }*/ /*** Media Profile : Share Panel ***/ #sharePanel { font-size:14px; display:none; margin:0px 0 12px 0; padding:18px 0 18px 0; } #sharePanel h5 { font-size:15px; margin:6px 0 0px 0; } #upcomingPanel { font-size:15px; display:none; margin:18px 0 12px 0; line-height:28px; padding:14px 0 0px 0; border:solid #dddddd; border-width:2px 0px 0px 0px; } #upcomingPanel h5 { font-size:15px; margin:20px 0 0px 0; } #sharePanel a { cursor:pointer; } .shareSeparator { clear:both; height:20px; line-height:12px; } #downloadPanel { display:none; margin:0px 0 12px 0; padding:0px 0 0px 0; border:solid #cccccc; border-width:0px 0px 0px 0px; } #downloadPanel h5 { font-size:15px; margin:6px 0 0px 0; } #downloadPanel a.miniButton { margin-right:8px; } #sidebar .section { line-height:18px; } /*** Media Profile : Transcript / Captions Panel ***/ #additionalInfo { float:left; margin:0px 0px 0px 0px; } #additionalInfo .transcriptPanel { padding:0px; border:0px solid #cccccc; margin:16px 0px 0px 0px; height:362px; overflow-y:auto; } #additionalInfo .transcriptPanelHeader { margin:0 0 8px 0; padding:0px 0px 0px 0px; background-color:#eeeeee; } #additionalInfo .transcriptPanelHeader a { float:left; margin:0 0px 0 0; font-size:16px; line-height:16px; font-weight:normal; padding:7px 8px 7px 8px; color:#000000; cursor:pointer; } #additionalInfo #transcriptPanel { display:none; } #additionalInfo a.activeHeader { color:#ffffff; background:#124980; } #additionalInfo a.activeHeader:hover { color:#ffffff; background:#416ca3; } #additionalInfo a.inactiveHeader { color:#999999; } #additionalInfo a.inactiveHeader:hover { color:#ffffff; background:#416ca3; } table.captionsTable { margin:0px 0px 0px 0px; width:100%; border-collapse:collapse; border:1px solid #dddddd; border-width:2px 0px 0px 0px; font-size:15px; line-height:15px; } table.captionsTable tr { border:0px solid #d0d0d0; } table.captionsTable tr.odd { border:0px solid #d0d0d0; background-color:#f7f7f7; } table.captionsTable tr.even { border:0px solid #d0d0d0; background-color:#ffffff; } table.captionsTable th { border:1px solid #d0d0d0; padding:6px 3px 6px 3px; border-width:0px 0px 2px 0px; } table.captionsTable td { border:1px solid #d0d0d0; padding:6px 3px 6px 3px; border-width:0px 0px 2px 0px; text-align:left; vertical-align:top; } table.captionsTable tr:hover td { background:#cfd7e5; border-color:#355487; border-style:double; border-width:2px 0 2px 0; } table.captionsTable a { color:#000000; cursor:pointer; } table.captionsTable td.captionTime { margin-right:0; width:92px; text-align:center; padding:8px 0px 8px 0px; } table.captionsTable td.captionTime a { display:block; font-size:14px; line-height:15px; padding:3px 6px 3px 6px; color:#ffffff; background:#124980; } table.captionsTable tr:hover td.captionTime a { color:#ffffff; } table.captionsTable tr:hover td.captionTime a:hover { background:#416ca3; } table.captionsTable td.captionDescription { margin-right:0; width:340px; } table.captionsTable td a { padding:3px 4px 3px 4px; font-size:15px; line-height:19px; float:left; clear:both; transition:0.0s; } table.captionsTable td a:hover { text-decoration:none; color:#ffffff; background-color:#124980; } table.captionsTable td a.viewLegislationLink { text-decoration:none; color:#aaaaaa; } table.captionsTable td a.viewLegislationLink:hover { text-decoration:none; color:#ffffff; background-color:#43639b; } .markerAmPm { display:inline; font-size:9px; padding-left:6px; } .captionsDisclaimerText { margin:4px 0px 0px 0px; font-size:11px; } .noMarkers { padding:12px 0px; border:solid #dddddd; border-width:2px 0px 2px 0px; color:#cccccc; } .noCaptions { padding:12px 0px; border:solid #dddddd; border-width:2px 0px 2px 0px; color:#cccccc; } /*** Media Profile : Layouts ***/ .mediaContainerExpandedView { float:left; width:100%; margin:0px 0px 8px 0px; } .additionalInfoExpandedView { float:left; width:100%; margin:0px 0px 8px 0px; } .additionalInfoExpandedView .transcriptPanel { margin:16px 0px 0px 0px; height:initial !important; overflow-y:auto; } .sidebarExpandedView { float:right; width:100%; padding:0; margin:20px 0px 0px 0px; } .mediaContainerCollapsedView { float:left; width:60%; margin:0px 0px 8px 0px; } .additionalInfoCollapsedView { float:left; width:60%; margin:0px 0px 8px 0px; } .sidebarCollapsedView { float:right; width:38%; padding:0; margin:0px 0px 0px 0px; } /*** Homepage ***/ #homepageTop { margin:18px 0 0 0; background:-webkit-linear-gradient(rgba(6,34,65,.55), rgba(29,63,100,.55)); background:linear-gradient(rgba(6,34,65,.55), rgba(29,63,100,.55)); } #homepageBottom { margin:8px 0 0 0; } #homepageBottomLeft { float:left; width:78%; border:solid; border-color:rgba(255,255,255, 1.0); border-width:0 0px 0 0px; } #homepageBottomRight { float:left; width:22%; border:solid; border-color:rgba(255,255,255, 1.0); border-width:0 0px 0 0px; margin-top:0px; } #liveChannels { margin:0px 0 0 0; } .committeeChannels { margin:0px 0 0 0; } #recentAdditions { margin:40px 0 0 0; } .splashPage { text-align: center; margin: 20px 0; line-height: 24px; width:301px; } /*** Mobile live stream notices ***/ #mobileLiveNotices { margin: 20px 0 0px 0; } #mobileLiveNotices .mobileLiveNotice { width:100%; background:#eed5d5; border: 3px solid #990000; padding: 3px 4px; margin: 10px 0 0px 0; } #mobileLiveNotices .mobileLiveNoticeIcon { float:left; margin-right:10px; width:48px; font-size:14px; line-height:22px; font-weight: bold; text-align: center; color:#ffffff; background: #990000; } #mobileLiveNotices .mobileLiveNoticeText { color:#990000; font-size:14px; line-height:22px; } /*** Homepage : Primary Channels ***/ #primaryChannels { padding:18px 0 30px 0; } #primaryChannels .primaryChannelModule { color:#ffffff; float:left; position:relative; width:24%; margin:0px 1.33% 0 0; } #primaryChannels .primaryChannelModule a { color:#ffffff; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner { color:#ffffff; position:relative; width:100%; margin:12px 0 0 0; padding:6px 0px 0 0px; background:-webkit-linear-gradient(rgba(3,33,65,.9), rgba(23,58,96,.4)); background:linear-gradient(rgba(3,33,65,.9), rgba(23,58,96,.4)); } #primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader { position:relative; width:100%; text-align:center; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader h3 { color:#ffffff; font-size:21px; letter-spacing:2px; line-height:18px; margin:0 0 4px 0; font-weight:normal; display:block; width:100%; text-align:center; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader a.archiveLink { position:relative; display:block; font-size:13px; font-weight:normal; line-height:18px; padding:0px 4px 0px 4px; width:84px; margin:1px auto 1px auto; background-color:#33516f; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader a.archiveLink:hover { background:#355d85; } #primaryChannels .primaryChannelModule .imageContainerOuter { position:relative; width:76%; box-sizing:border-box; padding:0 0 41% 0; margin:9px auto 0 auto; border:4px solid #ffffff; background-color:#000000; } #primaryChannels .primaryChannelModule .imageContainerOuter:hover { border-color:#ffffff; } #primaryChannels .primaryChannelModule .imageContainer { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; } #primaryChannels .primaryChannelModule .primaryChannelBoundingBox { position:absolute; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-color:#000000; background-size:cover; } #primaryChannels .primaryChannelModule .channelInfo { float:left; position:relative; padding:0 0 0 8px; min-height:60px; font-size:13px; line-height:16px; width:100%; margin:6px 0 0 0; box-sizing: border-box; text-align:center; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner a.liveLink { position:relative; display:block; font-size:13px; line-height:16px; padding:2px 4px 2px 4px; width:88px; margin:0px auto 2px auto; background-color:#880000; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner a.liveLink:hover { background:#8c1c1c; } /*** Homepage : Committee Channels ***/ .committeeChannels { background: #ffffff; padding:0px 0px 0 0px; border:solid #d3d6db; border-width:0px 0px 0 0; } .committeeChannels .committeeChannelModule { color:#333333; float:left; position:relative; width:23%; margin:0px 2.6% 20px 0; padding:0px 0px 0px 2px; background: #ffffff; } .committeeChannels .committeeChannelModule a { color:#333333; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner { position:relative; width:100%; padding:0px 0px 0px 0px; border:solid #d3d6db; border-width:0px 0px 0px 0; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner .committeeChannelHeader { clear:both; position:relative; width:100%; text-align:center; margin:0 0 0px 0; border:solid #d3d6db; border-width:0px 0px 0px 0;} .committeeChannels .committeeChannelModule .committeeChannelModuleInner .committeeChannelHeader h3 { font-family: "Open Sans"; color:#000000; font-size:15px; line-height:18px; margin:0 0 6px 0; font-weight:normal; display:block; width:100%; text-align:center; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner .committeeChannelHeader a.archiveLink { position:relative; display:block; color:#ffffff; font-size:13px; line-height:16px; padding:2px 4px 2px 4px; width:88px; margin:1px auto 0px auto; background-color:#355d85; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner .committeeChannelHeader a.archiveLink:hover { background:#355d85; } .committeeChannels .committeeChannelModule .imageContainerOuter { float:left; position:relative; width:100%; box-sizing:border-box; padding:0 0 54.7% 0; margin:0px 0 0px 0; border-radius:0px; border:0px solid #ffffff; background-color:#000000; } .committeeChannels .committeeChannelModule .imageContainerOuter:hover { border-color:#ffffff; } .committeeChannels .committeeChannelModule .imageContainer { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; } .committeeChannels .committeeChannelModule .committeeChannelBoundingBox { position:absolute; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-color:#000000; background-size:102% 102%; } .committeeChannels .committeeChannelModule .channelInfo { float:left; position:relative; padding:6px 0 6px 0px; min-height:40px; font-size:13px; border:solid #d3d6db; border-width:0px 0px 0px 0; line-height:16px; width:100%; margin:0px 0 0 0; box-sizing: border-box; text-align:center; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner a.liveLink { position:relative; display:block; color:#ffffff; font-size:13px; line-height:16px; padding:2px 4px 2px 4px; width:88px; margin:1px auto 0px auto; background-color:#990000; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner a.liveLink:hover { background:#8c1c1c; } /*** Homepage : Live Channels ***/ #liveChannels { background-color:#455a72; } #liveChannels .liveChannelModule { color:#ffffff; float:left; position:relative; width:100%; margin:0px 0 20px 0; } #liveChannels .liveChannelModule a { color:#ffffff; } #liveChannels .liveChannelModule .liveChannelModuleInner { color:#ffffff; position:relative; width:100%; background-color:#222222; padding:8px 18px 8px 18px; } #liveChannels .liveChannelModule .liveChannelModuleInner .liveChannelHeader { position:relative; width:100%; text-align:left; } #liveChannels .liveChannelModule .liveChannelModuleInner .liveChannelHeader h3 { color:#ffffff; font-size:17px; letter-spacing:2px; line-height:18px; margin:0 0 2px 0; font-weight:normal; display:block; width:100%; text-align:left; } #liveChannels .liveChannelBar { float:left; width:94%; height:2px; background-color:#8a2c2c; font-size:1px; line-height:1px; margin:6px 0 2px 0; } #liveChannels .liveChannelModule .imageContainerOuter { float:left; position:relative; width:100%; box-sizing:border-box; padding:0 0 54.6% 0; margin:8px 0 0 0; border:0px solid #8a2c2c; background-color:#000000; } #liveChannels .liveChannelModule .imageContainerOuter:hover { border-color:#ffffff; } #liveChannels .liveChannelModule .imageContainer { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; } #liveChannels .liveChannelModule .liveChannelBoundingBox { position:absolute; height:100%; width:100%; background-position:center; background-repeat:no-repeat; background-color:#000000; background-size:cover; } #liveChannels .liveChannelModule .channelInfo { float:left; position:relative; padding:0 0 0 0px; font-size:13px; line-height:16px; width:100%; margin:9px 0 0 0; box-sizing: border-box; text-align:left; } #liveChannels .liveChannelModule .channelInfo a div.liveStreamName { color:#999999; } /*** Homepage : Sections ***/ .sectionHeader { padding:12px 0 12px 0; } .sectionHeader h3 { float:left; margin:0px 20px 0px 0; } .headerLink { font-size:15px; margin:2px 0 0px 0px; } /*** Homepage : Broadcast Schedule ***/ #homepageBroadcastSchedule { position:relative; float:left; width:100%; margin:0px 0 0px 0; padding:30px 0 40px 0; } #homepageBroadcastScheduleBody { } .broadcastScheduleModule { float:left; position:relative; width:100%; margin:0 0 0 0; } .broadcastScheduleModule .broadcastScheduleModuleInner { position:relative; width:100%; } .scheduleEntry { font-size:15px; line-height:22px; float:left; width:25%; padding:0 20px 0 0; margin:0; transition:.5s; } .scheduleEntry h3 { font-size:18px; line-height:18px; } .scheduleEntry a { float:left; margin:2px 0 0 0; padding:0px 0px; text-decoration:none; } a .scheduleEntry { color:#444444; } .scheduleEntry:hover { } /*** Video Library ***/ #videoLibrary #videoLibraryHeader { margin:0px 0px 0px 0px; } #videoLibrary #videoLibraryHeader .videoLibraryTitle { padding:0px 0px 0px 0px; float:left; } #videoLibrary #videoLibraryHeader .videoLibrarySort { padding:0px 0px 0px 20px; float:left; } #videoLibrary #videoLibraryHeader .videoLibraryInfo { font-size:14px; padding:0px 0px 0px 0px; float:right; margin:11px 0 0 0; } /*** Collection ***/ #collection { position:relative; } #collection #top { color:#ffffff; margin:4px 0 10px 0; padding:10px; background-color:#000000; } #collection #top #left { float:left; width:58%; margin:0 2% 0 0; text-align: center; } #collection #top #left .featuredVideoFrameOuter { font-size:14px; line-height:20px; } #collection #top #left .featuredVideoFrameOuter h3 { font-size:15px; line-height:20px; margin:6px 0 0 0; padding:0; } #collection #top #left .featuredVideoFrameOuter .featuredVideoFrame { border:1px solid #444444; } #collection #top #left .featuredVideoFrameOuter #ohioChannelMediaContainerInnerImage { padding:0 0 0 0px;} #collection #top #left .featuredVideoFrameOuter a { color:#ffffff; text-decoration:none; } #collection #top #left .featuredVideoFrameOuter a:hover { text-decoration:underline; } #collection #top #right { float:left; width:40%; font-size:15px; line-height:22px; text-align:left; } #collection #top #right h3 { color:#ffffff; font-family: 'PT Serif', serif; font-size:24px; font-weight:normal; line-height:28px; margin:0 0 10px 0; } #collection #top #right a { color:#ffffff; text-decoration:underline; } #collection #bottom { margin:1% 0 0 0; } /*** Collection Files ***/ #collectionFilesTable {} #collectionFilesTable #thumbnailColumn { width:100px; } #collectionFilesTable #idColumn { width:68px; } #collectionFilesTable #nameColumn { } #collectionFilesTable #durationColumn { width:130px; } #collectionFilesTable #fileTypeColumn { width:180px; } #collectionFilesTable #creationDateColumn { width:100px; } #collectionFilesTable #actionsColumn { width:92px; min-width:92px; } /*** Ohio Channel Live ***/ #ohioChannelLive { position:relative; } #ohioChannelLive #top { position:relative; color:#ffffff; margin:4px 0 0 0; padding:0; border-radius:0px; width:100%; } #ohioChannelLive #top #streamScreen { position:relative; float:left; width:100%; margin:auto; } #ohioChannelLive #top #streamScreen .featuredVideoFrameOuter { position:relative; background-color:#000000; } #ohioChannelLive #top #streamScreen .featuredVideoFrameOuter h3 { font-size:15px; margin:2% 0 0 0; line-height:10px; } #ohioChannelLive #top #streamScreen .featuredVideoFrameSD { position:relative; width:640px; padding:100px 0; margin:auto; } #ohioChannelLive #top #streamScreen .featuredVideoFrameHD { position:relative; width:100%; padding:0 0; margin:auto; } #ohioChannelLive #streamInformation { float:left; width:100%; margin:16px 0 0 0; font-size:16px; line-height:22px; background-color:#ffffff; color:#333333; } #ohioChannelLive #streamInformation h3 { font-size:26px; font-weight:normal; margin:0px 0 0px 0; line-height:32px; color:#333333; } #ohioChannelLive #streamInformation h5 { font-size:20px; font-weight:normal; margin:0px 0 1px 0;color:#333333; } #ohioChannelLive #streamInformation a { } #ohioChannelLive #streamInformation .streamInfoModule { float:left; margin:0 0 18px 0; } #ohioChannelLive #streamInformation .streamInfoModuleHeader { float:left; margin:0 0 0px 0; } #ohioChannelLive #streamInformation .streamInfoModule .streamInfoModuleHeader .liveText { float:right; display:inline; text-decoration:none; color:#ffffff; background:rgba(160, 0, 0, 1); font-size:16px; letter-spacing:1px; line-height:17px; font-weight:bold; margin:0px 0 0 12px; padding:7px 9px 5px 9px; } #ohioChannelLive #streamInformation .streamInfoModule .streamInfoModuleBody { display:block; clear:both; padding:10px 0px 0 0px; } #ohioChannelLive #bottom { margin:0px 0 0 0; } #ohioChannelLive #bottom a.liveLink { float:left; display:block; text-decoration:none; color:#ffffff; background:rgba(160, 0, 0, 1); font-size:15px; font-weight:bold; margin:5px 0 0 0; padding:4px 6px 4px 6px; } #ohioChannelLive #bottom .mediaContainer .mediaInfo { clear:both; position:relative; } #ohioChannelLive #streamInformation .liveStreamButtons { float:left; margin:6px 0 0 0; width:100%; padding:0px 0 0 0; color:#ffffff; border:solid #cccccc; border-width:0px 0 0px 0; } /*** Program Profile ***/ .programProfile { margin:0px 0 0px 0; } .programProfile .programProfileLeft { position: absolute; width:290px; padding:0px 0 40px 0; } .programProfile .programProfileLeft .programProfileThumbnail { width:100%; float:left; margin:5px 0px 0px 0px; } .programProfile .programProfileRight { float:left; min-height:190px; margin:0 0 0 312px; } .programProfile .programProfileRight .programProfileHeader { margin:0 0 0px 0px; } .programProfile .programProfileRight .programProfileHeader .programProfileTitle { color:#000000; font-family: 'PT Serif', serif; font-size:24px; font-weight:normal; line-height:28px; margin:0px 0 0px 0; } .programProfile .programProfileRight .programProfileHeader .programProfileReturnLink { clear:both; line-height:24px; margin:2px 0 16px 0px; } .programProfile .programProfileRight .programProfileHeader .programProfilePrice { font-size:16px; display:block; margin:0 0 20px 0px; } .programProfile .programProfileRight .programProfileHeader .programProfilePrice .purchaseInfoLabel { float:left; font-weight:bold; } .programProfile .programProfileRight .programProfileHeader .programProfilePrice .purchaseInfoValue { float:left; padding:0 0 0px 10px; } .programProfile .programProfileRight .programProfileButtons { display:block; width:100%; margin:0px 0px 20px 0px; } .programProfile .programProfileRight .programProfileDescription { line-height:24px; margin:0px 0px 0px 0px; } .programProfile .programProfileRight .programProfileDescription .descriptionRaised { margin-top:-36px; } .programProfile .programProfileRight .programProfileDate { font-size:15px; color:#a89980; float:left; margin:12px 0px 0px 0px; width:100%; } /*** Store ***/ .storeHeader { float:left; width:100%; margin:0px 0px 0px 0px; } .storeHeader .storeBanner { float:left; } .storeHeader .storeBanner a { color:#000000; text-decoration:none; } .storeHeader .shoppingCartIcon { float:right; padding:4px 5px 4px 5px; margin:0; } .storeHeader .shoppingCartIcon img { float:left; margin:0; } .storeHeader .shoppingCartIcon .shoppingCartLabel { float:left; margin:1px 2px 0px 6px; font-size:14px; font-weight:bold; line-height:16px; } .storeHeader .shoppingCartIcon .shoppingCartLabel a { color:#000000; text-decoration:none; } /*** Shopping Cart ***/ .shoppingCartHeader { float:left; width:100%; } .shoppingCartTitle { float:left; color:#000000; font-family: 'PT Serif', serif; font-size:24px; font-weight:normal; line-height:28px; margin:0px 0 24px 0; } .shoppingCartHeader .shoppingCartButtonTop { float:right; margin:32px 0px 0px 0px; } .shoppingCartHeader .shoppingCartButtonTop a { float:left; margin:0px 0px 0px 8px; } .shoppingCartHeader .shoppingCartButtonTop button { float:left; margin:0px 0px 0px 8px; } .shoppingCartButtonBottom { float:right; margin:0px 0px 2px 0px; } .shoppingCartButtonBottom a { float:left; margin:0px 0px 0px 8px; } .shoppingCartButtonBottom button { float:left; margin:0px 0px 0px 8px; } table.shoppingCartTable { width:100%; margin:24px 0px 16px 0px; border:1px solid #dddddd; border-width:1px 0px 0px 0px; } table.shoppingCartTable tr { border:0px solid #dddddd; } table.shoppingCartTable tr th { font-size:15px; font-weight:bold; padding:8px 2px 8px 2px; border:1px solid #dddddd; border-width:2px 0px 2px 0px; text-align:left; } table.shoppingCartTable tr th a { text-decoration:underline; } table.shoppingCartTable tr th#itemColumn { } table.shoppingCartTable tr th#priceColumn { width:120px; text-align:right; } table.shoppingCartTable tr th#spacerColumn { width:58px; } table.shoppingCartTable tr th#quantityColumn { width:100px; } table.shoppingCartTable tr th#totalColumn { width:80px; text-align:right; } table.shoppingCartTable tr th#endSpacerColumn { width:20px;} table.shoppingCartTable td { border:1px solid #dddddd; padding:9px 0px 9px 0px; font-size:16px; line-height:18px; border-width:2px 0px 2px 0px; text-align:left; vertical-align:top; } table.shoppingCartTable td img { float:left; width:160px; border:0px solid #000000; border-radius:0px; margin:0px 8px 0px 0px; } table.shoppingCartTable td a { color:#000000; vertical-align:top; text-decoration:none; } table.shoppingCartTable td a strong { vertical-align:top; font-size:14px; } table.shoppingCartTable td a:hover strong { text-decoration:underline; color:#576fa4; } table.shoppingCartTable td a.editLink { display:block; text-decoration:underline; margin:4px 0px 0px 0px; line-height:26px; font-size:14px; } table.shoppingCartTable td.moneyCell { text-align:right; } table.shoppingCartTable td.moneyCell .currencySymbol { float:left; } table.shoppingCartTable td input.centerAlign { text-align:center; } .centerAlign { text-align:center; } input[type="image"] { border-radius:0px; margin:0px 4px 2px 0px; } .itemFrame { float:left; width:290px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .itemFrameSpacer { float:left; width:32px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } .productProfile {} .productProfile .purchaseInfo { padding:4px 0px 16px 0px; font-size:14px; font-weight:bold; } .productProfile input[type="image"] { border-radius:0px; margin:4px 4px 0px 0px; } .purchaseInfo { padding:14px 40px 0px 4px; font-size:14px; } .purchaseInfo .purchaseInfoLabel { display:inline; font-size:14px; font-weight:bold; } /*** Orders ***/ table.orderItemsTable { width:100%; border:0px solid #dddddd; border-width:0px 0px 0px 0px; border-collapse:collapse; } table.orderItemsTableFirst { width:100%; border:0px solid #dddddd; border-width:1px 0px 0px 0px; border-collapse:collapse; } table.orderItemsTable tr { border:0px solid #dddddd; } table.orderItemsTable tr th { font-size:15px; font-weight:bold; padding:8px 2px 8px 2px; border:1px solid #dddddd; border-width:2px 0px 2px 0px; text-align:left;; } table.orderItemsTable tr th a { text-decoration:underline !important; } table.orderItemsTable tr td { font-size:15px; padding:6px 2px 4px 2px; border:1px solid #dddddd; border-width:0px 0px 1px 0px; text-align:left; vertical-align:top; } table.orderItemsTable tr td.lastRow { border:0px solid #dddddd; padding:12px 0px 8px 0px; } table.orderItemsTable tr td a { text-decoration:none; font-weight:bold; } table.orderItemsTable tr td a:hover { text-decoration:underline !important; } table.orderItemsTable tr td a.actionLinks { text-decoration:underline !important; } table.orderItemsTable tr td a.buttonLink { padding:1px 4px 1px 4px; font-size:12px; color:#ffffff; background-color:#6477a2; border:2px solid #38528b; } table.orderItemsTable tr td.moneyCell { text-align:right; } table.orderItemsTable tr td.moneyCell .currencySymbol { float:left; } table.orderItemsTable tr td input.moneyInput { text-align:right; } table.orderItemsTable tr th.moneyCell { text-align:right; } table.orderItemsTable tr th.moneyCell .currencySymbol { float:left; } table.orderItemsTable #numberColumn { width:38px; } table.orderItemsTable #itemColumn { } table.orderItemsTable #priceColumn { width:84px; } table.orderItemsTable .spacerColumn { width:80px; } table.orderItemsTable #quantityColumn { width:106px; } table.orderItemsTable #subtotalColumn { width:124px; } .verifyOrder table.orderItemsTable { margin-top:6px; } .verifyOrder .billingInfo { margin:8px 0 8px 0; line-height:26px; } .verifyOrder #editBillingInfoContainer { float:left; margin:16px 100px 10px 0; } .verifyOrder #editShippingInfoContainer { float:left; margin:16px 0px 10px 0; } /*** Broadcast Schedule ***/ .broadcastScheduleHeader { float:left; width:32%; font-weight:normal; line-height:28px; margin:0px 0 0px 0px; text-align:left; } .broadcastScheduleDateRangeContainer { margin:2px 0 0px 0px; float:left; width:44%; text-align:center; } .broadcastScheduleSubtitle { font-family: 'PT Serif', serif; color:#000000; font-size:22px; font-weight:normal; } #colorKeyBroadcast { width:100%; float:left; clear:both; margin:0px 0 12px 0; } #colorKeyBroadcast .colorSwatchGroup { float:left; margin:0px 4.8% 10px 0; } #colorKeyBroadcast .colorSwatch { float:left; margin:0 6px 0px 0; } #colorKeyBroadcast .colorSwatchLabel { display:block; margin:-2px 0px 0px 20px; font-size:15px; line-height:18px; text-align:left; } .colorSwatch { width:14px; height:14px; margin:0px 0px 0px 0px; } .broadcastScheduleControls { z-index:10; position: relative; float:left; margin:-8px 0 16px 0; padding:0px 0 4px 0; width:100%; font-size:15px; line-height:12px; display:block; background-color:#ffffff; } .broadcastScheduleControls h3 { float:left; font-size:15px; margin:0 8px 0px 0; } .broadcastScheduleControls .broadcastControl { float:left; margin:0px 8px 0 0; } .broadcastScheduleControls .broadcastControlButtons { float:right; margin:0px 0px 0 0px; } .broadcastScheduleControls .broadcastControlButtons .miniButton { width: 116px; margin:0px 0px 0 8px; text-align: center; } .broadcastScheduleControls .broadcastControl a.broadcastNavButton { background:#416ca3; font-size:16px; color:#f0f3fa; float:left; cursor:pointer; line-height:22px; padding:3px 9px 2px 9px; margin:2px 4px 0 0px; } .broadcastScheduleControls .broadcastControl a.broadcastNavArrow { padding:5px 10px 4px 10px; margin:2px 4px 0 0px; line-height:18px; } div.broadcastButtonGroup { float:right; margin:0px 0 0px 0; } a.broadcastButton { float:right; padding:0px 3px 2px 3px; margin:1px 0px 0 0; cursor:pointer; font-size:13px; line-height:11px; text-align:center; text-decoration:none; color:#ffffff; background-color:rgba(255,255,255,0.3); } a.broadcastButton:hover { color:#ffffff; background-color:rgba(255,255,255,0.5); } div.scheduleLive { display:block; width:28px; text-align:center; text-decoration:none; color:#ffffff; background:rgba(160, 0, 0, .9); margin:2px 0 0px 0; padding:0px 1px 1px 1px; border:0px solid #440000; } div.closedCaptionBroadcast { display:block; width:20px; text-align:center; font-size:11px; letter-spacing:1px; text-decoration:none; color:#ffffff; background:rgba(255, 255, 255, .2); border-radius:2px; margin:4px 0 0px 0; padding:0px 1px 0px 1px; border:0px solid #440000; } div.scheduleNotes { margin-top:4px; color:rgba(255, 255, 255, .7);} /*** Show / Hide Elements ***/ .phoneView { display:none; } .tabletView { display:none; } .desktopView { display:none; } .largeScreenView { display:none; } #homeLogoLarge { display:inline ; } #homeLogoMedium { display:none; } #homeLogoSmall { display:none; } #taglineSmall { display:none; } #mobileLiveNotices { display:none; } /* Smart Phones */ @media screen and (max-width:680px) { /*** Global : Structure ***/ #homeButton { left:10px; padding:0px 1px 1px 1px; } #bodyPrebottom #bodyPrebottomLinks { width:100%; } #bodyPrebottom #bodyPrebottomLinks a { font-size:14px; line-height:24px; display:block; width:100%; text-align: center; clear:both; margin:auto; } /*** Global : Layouts ***/ #layout { margin:74px 0 0px 0; font-size:15px; line-height:26px; } /*** Global : Mobile Menu Button ***/ #mobileMenuContainer #mobileNavigationButtonContainer { right:10px; } /*** Global : Mobile Menu ***/ #mobileMenuContainer #mobileMenu #mobileMenuHeaderSmall .logoContainer { float:left; margin:0 10px 0 10px; padding:0px 1px 1px 1px;} #mobileMenuContainer #mobileMenu a { font-size:15px; line-height:16px; padding:10px 4px 10px 40px; } /*** Global : Frames ***/ .contentFrameMedium { position:relative; margin:auto; padding:0 10px 0 10px; } /*** Global Search ***/ #globalSearchContainer { margin:8px 0 0 95px; width:58.5%; } #globalSearchContainer #searchInputContainer { float:left; margin:0; margin:0; } #globalSearchContainer #searchInputContainer input { font-size:13px; line-height:13px; padding:6px 0 0 3px; margin:0px 0 0 0; vertical-align: top; } #globalSearchContainer #searchButtonContainer { padding:6px 0 0 10px; width:44px; } #globalSearchContainer .clearValueIcon { top:-1px; right:48px; } #taglineSmall { position: relative; margin:1px 0 0 4%; width:278px; } /*** Default Elements ***/ h1 { font-size:24px; line-height:24px; margin:8px 0 20px 0; } /*h3 { font-size:22px; line-height:26px; margin:0px 0 8px 0; padding:4px 0 0 0; }*/ h5 { font-size:18px; line-height:22px; margin:0px 0 6px 0; padding:4px 0 0 0; } /*** General Elements ***/ a.linkButton, button.linkButton { font-size:16px; line-height:18px; padding:6px 8px 6px 8px; min-width:100px; margin:0 8px 0 0; } /*** Form : Full Form ***/ .fullForm { position:relative; float:left; margin:0 0 0 0; width:100%; font-size:15px; } .fullForm .fullFormElement { position:relative; clear:both; margin:0 0 4px 0; padding:0; } .fullForm .fullFormElement .fullFormLabel { float:left; width:100%; text-align:left; margin:0px 2% 0px 0; padding:0; font-size:17px; } .fullForm .fullFormElement .fullFormLabel .note { font-weight:normal; font-size:13px; color:#bbbbbb; line-height:10px; margin:0px 0px 12px 0px; } .fullForm .fullFormElement .fullFormInput { float:left; width:100%; margin:0px 0 5px 0; padding:4px 0 0 0; line-height:22px; } .fullForm .fullFormElement .fullFormInput .formInputNote { font-size:12px; font-style:italic; } .fullForm .fullFormElement .fullFormInput .formInputNoteInline { display:inline; font-size:12px; font-style:italic; } .fullForm .fullFormElement .fullFormInput .formInputInlineLabel { float:left; margin:0px 8px 0 24px; padding-top:3px; } .fullForm .fullFormElement .fullFormInput .formInputConnector { display:inline; margin:0px 6px 0 6px; } .fullForm .fullFormElement .fullFormInput .fileUploadContainer { float:left; margin:0px 6px 0 0px; } .fullForm .fullFormElement .fullFormInput .thumbnailContainer { float:left; display:block; margin:0px 8px 0 0; width:120px; } .fullForm .fullFormElement .fullFormInput .thumbnailContainer img { float:left; border:1px solid #95acd5; } .fullForm .fullFormElement .fullFormInput .extendedContent { width:60%; } .fullForm .fullFormButtons { clear:both; margin:20px 0 20px 0; padding:0; } /*** Search : Search Parameters ***/ .searchParameters .selectControl { position:relative; float:left; margin:0 8px 6px 0; padding:0; width:100%; } .searchParameters .miniButton { margin-left:0px; margin-bottom:12px; } /*** Search : Display Parameters ***/ .displayParameters { width:100%; padding:0px 0px 4px 0px; margin:0px 0px 6px 0px; } /*** Search Home : Misc ***/ #searchResultsInfo { width:100%; font-size:15px; padding:4px 0px 8px 0px; margin:-8px 0px 16px 0px; } .selectedSearchParameters { font-size:16px; padding:0px 0px 10px 0px; margin-top:-8px; } /*** Pager ***/ .pagerTop { display:none; } #pager .pageNumber { display:none; } #pager .selectedPage { display:none; } #pager .first { display:none; } #pager .last { display:none; } /*** Forms : Inputs ***/ input { padding:6px 4px 5px 6px; font-size:16px; margin:0 14px 8px 0; } textarea { padding:8px 4px 4px 6px; font-size:16px; } /*** Forms : Input Sizes ***/ input.microEntry { width:60px; } input.smallEntry { width:80px; } input.mediumEntry { width:100% !important; } input.largeEntry { width:100% !important; } input.fullEntry { width:100%; } .selectContainerSmall { width:100%; } .selectContainerMedium { width:100%; } /*** Tables ***/ table.dataGridOpen { width:100%; margin:0px 0 0px 0; border-collapse:collapse; } td.smartPhoneSpacerCell { display:block; height:4px; } table.dataGridOpen tr { border:solid #ffffff; border-width:0 0 10px 0; } table.dataGridOpen tr th { display:none; } table.dataGridOpen tr th.smartPhoneSpacerHeader { display:none; float:left; line-height:12px; width:50% !important; border:none; } table.dataGridOpen tr td { position:relative; clear:both; float:left; font-size:15px; width:100% !important; border:none; padding:0px 0px 0px 0px; margin:0 0 0 0; } /*** Video General ***/ .mediaContainer { position:relative; font-size:13px; float:left; width:100%; margin:10px 0 20px 0; text-align:left; } /*** Thumbnail Grid ***/ .mediaGroupModule .column2-end-clear { clear:both; height:0px; line-height:1px; font-size:1px; } .mediaGroupModule .column3-end-clear { display:none; } .mediaGroupModule .column4-end-clear { display:none; } .column2-end { margin-right:0; } /*** Homepage ***/ #homepageTop { background:#ffffff; margin:0px 0 0 0; padding:0px 0px 0 0px; } #homepageBottom { margin:0px 0 0 0; padding:0px 0px 0 0px; } #homepageBottomLeft { float:left; width:100%; border:solid; border-color:rgba(255,255,255, 1.0); border-width:0 0px 0 0px; } #homepageBottomRight { float:left; width:100%; border:solid; border-color:rgba(255,255,255, 1.0); border-width:0 0px 0 0px; } #liveChannels { margin:0px 0 0 0; padding:0px 4px 0 4px; } .committeeChannels { margin:0px 0 0 0; padding:0px 0px 0 0px; } #recentAdditions { margin:0px 0 0 0; padding:0px 4px 0 4px;} /*** Homepage : Sections ***/ .sectionHeader { padding:0px 0 4px 0; } .headerLink { display:block; clear:both; font-size:16px; margin:5px 0 4px 0px; } /*** Homepage : Primary Channels ***/ #primaryChannels { padding:4px 0 20px 0; } #primaryChannels .primaryChannelModule { position:relative; width:100%; margin:0px 0 4px 0; } #primaryChannels .primaryChannelModule .primaryChannelModuleInner { min-height:initial; width:100%; margin:12px 0 0 0; padding:6px 32px 0 32px; background:-webkit-linear-gradient(rgba(3,33,65,1.0), rgba(23,58,96,.6)); background:linear-gradient(rgba(3,33,65,1.0), rgba(23,58,96,.6)); } #primaryChannels .primaryChannelModule .imageContainerOuter { width:100%; padding:0 0 54.5% 0; margin:8px auto 0 auto; } #primaryChannels .column2-end-clear { display:none; } #primaryChannels .column3-end-clear { display:none; } #primaryChannels .column4-end-clear { display:none; } /*** Homepage : Committee Channels ***/ .committeeChannels .committeeChannelModule { width:100%; margin:0px 0 20px 0; border-width:0; padding:0; } .committeeChannels .committeeChannelModule .committeeChannelModuleInner { width:100%; padding:0px 0px 0px 0px; border-width:0px 0px 0px 0; } /*** Homepage : Broadcast Schedule ***/ .scheduleEntry { width:100%; margin:0 0 20px 5px; } /*** Video Library ***/ /*#videoLibrary #videoLibraryHeader { margin:0px 0px 0px 0px; }*/ /*#videoLibrary #videoLibraryHeader .videoLibraryTitle { padding:0px 0px 0px 0px; float:left; }*/ /*#videoLibrary #videoLibraryHeader .videoLibrarySort { padding:0px 0px 0px 20px; float:left; }*/ #videoLibrary #videoLibraryHeader .videoLibraryInfo { font-size:14px; width:100%; display:block; padding:0px 0px 0px 0px; float:left; margin:-16px 0 16px 0; } /*** Media Profile : Layouts ***/ #mediaProfile #header { margin:0 0 2px 0px; } #mediaProfile #header #mediaProfileTitle { width:100%; font-size:20px; line-height:22px; margin:2px 0 6px 0; } #mediaProfile #header .profilePagerContainer { float:left; width:100%; margin:0 0 10px 0; } #mediaProfile #header .profilePagerContainer .profilePager { float:left; } #primaryMediaInfo { width:100%; margin:4px 0px 0px 0px; } /*** Media Profile : Layouts ***/ .mediaContainerExpandedView { width:100%; margin:0px 0px 8px 0px; } .additionalInfoExpandedView { width:100%; margin:0px 0px 8px 0px; } .additionalInfoExpandedView .transcriptPanel { margin:16px 0px 0px 0px; height:initial !important; overflow-y:auto; } .sidebarExpandedView { float:right; width:100%; padding:0; margin:20px 0px 0px 0px; } .mediaContainerCollapsedView { float:left; width:100%; margin:0px 0px 8px 0px; } .additionalInfoCollapsedView { float:left; width:100%; margin:0px 0px 8px 0px; } .sidebarCollapsedView { float:right; width:100%; padding:0; margin:0px 0px 0px 0px; } #toggleSizeButton { display:none; } #mediaProfile .collectionsContainer { max-height:initial; overflow: hidden; } #mediaProfile .descriptionContainer { max-height:initial; overflow: hidden; } #mediaProfile .tagsContainer { max-height:initial; overflow: hidden; } .primaryMediaInfoHeader .buttons { display:block; float:left; clear:both; margin:0; padding:0; } .primaryMediaInfoHeader .buttons a.mediaProfileButton { margin:2px 4px 0 0; } /*.primaryMediaInfoHeader .buttons { float:left; margin:1px 0 0 20px; padding:0; }*/ /*!*.primaryMediaInfoHeader .buttons a.mediaProfileButton { margin:7px 0px 0 6px; padding:2px 6px 2px 6px; }*!*/ /*** Collection Profile ***/ #collection #top { margin:10px 0 10px 0; padding:0px; background-color:#ffffff; } #collection #top #left { width:100%; margin:0 0 20px 0; background-color:#000000; padding:10px; } #collection #top #left .featuredVideoFrameOuter { font-size:12px; line-height:20px; } #collection #top #left .featuredVideoFrameOuter h3 { font-size:15px; line-height:20px; margin:6px 0 0 0; padding:0; } #collection #top #right { width:100%; font-size:15px; line-height:22px; background-color:#000000; padding:10px; } #collection #top #right h3 { font-size:22px; font-weight:normal; line-height:28px; margin:0 0 6px 0; } /*** Letter Pager ***/ .letterPager a { margin-right:1.2%; } /*** Program Profile ***/ .programProfile { margin:0px 0 0px 0; } .programProfile .programProfileLeft { position: relative; width:100%; padding:0px 0 4px 0; } .programProfile .programProfileLeft .programProfileThumbnail { width:100%; float:left; margin:5px 0px 0px 0px; } .programProfile .programProfileLeft .programProfileThumbnail img { width:100%; } .programProfile .programProfileRight { float:left; width:100%; min-height:initial; margin:0 0 0 0px; } .programProfile .programProfileRight .programProfileHeader { margin:0 0 0px 0px; } .programProfile .programProfileRight .programProfileHeader .programProfileTitle { font-size:20px; font-weight:normal; line-height:24px; margin:0px 0 4px 0; } .programProfile .programProfileRight .programProfileHeader .programProfilePrice { font-size:16px; display:block; width:200px; } .programProfile .programProfileRight .programProfileHeader .programProfilePrice .purchaseInfoLabel { float:left; width:180px; font-weight:bold; line-height:14px; margin:8px 0 4px 0px; } .programProfile .programProfileRight .programProfileHeader .programProfilePrice .purchaseInfoValue { float:left; width:120px; padding:0 0 0 0px; margin:0px 0 10px 0px;} .programProfile .programProfileRight .programProfileHeader .programProfileReturnLink { font-size:18px; clear:both; line-height:24px; margin:0px 0 10px 0px; } .programProfile .programProfileRight .programProfileDescription { line-height:24px; } /*.programProfile .programProfileRight .programProfileDate { font-size:16px; float:left; margin:12px 0px 0px 0px; width:100%; font-weight:bold; }*/ .programProfile .programProfileRight .programProfileButtons { display:block; width:100%; margin:32px 0px 20px 0px; } /*** Store ***/ .shoppingCartLabel { display:none; } /*** Show / Hide Elements ***/ #homeLogoLarge { display:none ; } #homeLogoMedium { display:none; } #homeLogoSmall { display:inline; } #taglineSmall { display:inline-block; } #tagline { display:none; } #mobileMenuHeaderMedium { display:none; } #mobileMenuHeaderSmall { display:inline; } #mainMenu { display:none; } #socialMedia { display:none; } .phoneView { display:inline; } #mobileLiveNotices { display:block; } } /* Tablets */ @media screen and (min-width:681px) and (max-width:900px) { /*!*** Global Search ***!*/ #globalSearchContainer { position:relative; float:left; height:32px; width:58%; margin:8px 0 0 168px; padding:0; background-color:#ffffff; } #globalSearchContainer #searchInputContainer { float:left; padding:0 0px 0 0; width:100%; height:32px; border:solid 1px #8ba9ca; border-width:1px 0 1px 1px; } #globalSearchContainer #searchInputContainer input { font-size:15px; line-height:19px; padding:3px 0 3px 8px; margin:3px 0 0 0; color:#b8c4d1; border:0; } #globalSearchContainer #searchButtonContainer { position:absolute; top:0; right:0; margin:0; padding:6px 0 0 24px; width:72px; height:32px; background-color:#224972; cursor: pointer; } #globalSearchContainer #searchButtonContainer input { background-color:transparent; margin:0; padding:0; border:0; width:auto; } #globalSearchContainer .clearValueIcon { position:absolute; top:0px; right:80px; cursor:pointer; margin:2px 0 0 0; padding:4px 0 0 0; } #tagline { float:left; font-size:15px; line-height:16px; margin:6px 0 0 168px; padding:0; height:16px; } /*** Thumbnail Grid ***/ .mediaContainer { width:30%; margin:1% 5% 1% 0; } .mediaGroupModule .column2-end-clear { display:none; } .mediaGroupModule .column3-end-clear { clear:both; height:0px; line-height:1px; font-size:1px; } .mediaGroupModule .column4-end-clear { display:none; } .column3-end { margin-right:0; } /*** Homepage ***/ #homepageTop { margin:18px 0 0 0; } #homepageBottom { margin:0px 0 0 0; } #homepageBottomLeft { float:left; width:72%; border:solid; border-color:rgba(255,255,255, 1.0); border-width:0 2px 0 0px; } #homepageBottomRight { float:left; width:28%; border:solid; border-color:rgba(255,255,255, 1.0); border-width:0 0px 0 0px; margin-top:0px; } #liveChannels { margin:0px 0 0 0; } .committeeChannels { margin:0px 0 0 0; } #recentAdditions { margin:40px 0 0 0; } /*** Homepage : Primary Channels ***/ #primaryChannels { padding:8px 0 20px 0; } /*#primaryChannels .primaryChannelModule { width:24.25%; margin:0px 1% 0 0; }*/ #primaryChannels .primaryChannelModule .primaryChannelModuleInner { margin:12px 0 0 0; padding:2px 0px 0 0px; } /*#primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader { position:relative; width:100%; text-align:center; }*/ #primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader h3 { font-size:18px; letter-spacing:1px; line-height:18px; margin:0 0 4px 0; font-weight:normal; display:block; width:100%; } /*#primaryChannels .primaryChannelModule .primaryChannelModuleInner .primaryChannelHeader a.archiveLink { position:relative; display:block; letter-spacing:1px; font-size:12px; font-weight:normal; line-height:16px; padding:0px 4px 0px 4px; width:80px; margin:1px auto 1px auto; }*/ #primaryChannels .primaryChannelModule .imageContainerOuter { width:80%; padding:0 0 43.5% 0; margin:8px auto 0 auto; } /*#primaryChannels .primaryChannelModule .imageContainerOuter { float:left; position:relative; width:100%; box-sizing:border-box; margin:8px 0 0 0; }*/ /*#primaryChannels .primaryChannelModule .imageContainer { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; }*/ /*#primaryChannels .primaryChannelModule .primaryChannelBoundingBox { position:absolute; height:100%; width:100%; background-position:center; background-repeat:no-repeat; }*/ #primaryChannels .primaryChannelModule .channelInfo { padding:0 0 0 8px; min-height:50px; font-size:11px; line-height:14px; width:100%; margin:6px 0 0 0; box-sizing: border-box; text-align:center; } /*#primaryChannels .primaryChannelModule .primaryChannelModuleInner a.liveLink { position:relative; display:block; font-size:14px; line-height:14px; padding:3px 4px 0px 4px; width:88px; margin:-2px auto 5px auto; }*/ /*** Homepage : Primary Channels ***/ #primaryChannels .column2-end-clear { display:none; } #primaryChannels .column3-end-clear { display:none;} #primaryChannels .column4-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; } #primaryChannels .channel-column4-end { margin-right:0; } /*** Homepage : Committee Channels ***/ .committeeChannels .committeeChannelModule { width:48%; margin:0px 2% 20px 0; padding:0px 8px 0px 0px; } /*.committeeChannels .committeeChannelModule .committeeChannelModuleInner .committeeChannelHeader h3 { font-size:15px; line-height:18px; margin:-6px 0 4px 0; }*/ .committeeChannels .column2-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; } .committeeChannels .column3-end-clear { display:none; } .committeeChannels .channel-column2-end { margin-right:0; } /*** Homepage : Live Channels ***/ #liveChannels .liveChannelModule { margin:0px 0 20px 0; } #liveChannels .liveChannelModule .liveChannelModuleInner { position:relative; width:100%; padding:4px 10px 8px 10px; } #liveChannels .liveChannelModule .liveChannelModuleInner .liveChannelHeader { position:relative; width:100%; text-align:left; } #liveChannels .liveChannelModule .liveChannelModuleInner .liveChannelHeader h3 { font-size:16px; letter-spacing:2px; line-height:18px; margin:0 0 2px 0; font-weight:normal; display:block; width:100%; text-align:left; } #liveChannels .liveChannelBar { width:100%; margin:4px 0 0px 0; } #liveChannels .liveChannelModule .imageContainerOuter { float:left; position:relative; width:100%; box-sizing:border-box; padding:0 0 54.6% 0; margin:8px 0 0 0; border:0px solid #8a2c2c; } #liveChannels .liveChannelModule .imageContainerOuter:hover { border-color:#ffffff; } #liveChannels .liveChannelModule .imageContainer { position:absolute; top:0; bottom:0; left:0; right:0; height:100%; } #liveChannels .liveChannelModule .channelInfo { float:left; position:relative; padding:0 0 0 0px; font-size:11px; line-height:13px; width:100%; margin:4px 0 0 0; box-sizing: border-box; text-align:left; } /*** Media Profile : Layouts ***/ #mediaProfile #header { margin:0 0 2px 0px; } #mediaProfile #header #mediaProfileTitle { width:100%; font-size:20px; line-height:22px; margin:2px 0 6px 0; } #mediaProfile #header .profilePagerContainer { float:left; width:100%; margin:0 0 10px 0; } #mediaProfile #header .profilePagerContainer .profilePager { float:left; } #primaryMediaInfo { width:100%; margin:4px 0px 0px 0px; } /*** Media Profile : Layouts ***/ .mediaContainerExpandedView { width:100%; margin:0px 0px 8px 0px; } .additionalInfoExpandedView { width:100%; margin:0px 0px 8px 0px; } .additionalInfoExpandedView .transcriptPanel { margin:16px 0px 0px 0px; height:initial !important; overflow-y:auto; } .sidebarExpandedView { float:right; width:100%; padding:0; margin:20px 0px 0px 0px; } .mediaContainerCollapsedView { float:left; width:100%; margin:0px 0px 8px 0px; } .additionalInfoCollapsedView { float:left; width:100%; margin:0px 0px 8px 0px; } .sidebarCollapsedView { float:right; width:100%; padding:0; margin:0px 0px 0px 0px; } #toggleSizeButton { display:none; } #mediaProfile .collectionsContainer { max-height:initial; overflow: hidden; } #mediaProfile .descriptionContainer { max-height:initial; overflow: hidden; } #mediaProfile .tagsContainer { max-height:initial; overflow: hidden; } .primaryMediaInfoHeader .buttons { display:block; float:left; clear:both; margin:0; padding:0; } .primaryMediaInfoHeader .buttons a.mediaProfileButton { margin:2px 4px 0 0; } /*** Show / Hide Elements ***/ #homeLogoLarge { display:none ; } #homeLogoMedium { display:inline; } #homeLogoSmall { display:none; } #mobileMenuHeaderMedium { display:inline; } #mobileMenuHeaderSmall { display:none; } #mainMenu { display:none; } .tabletView { display:inline; } } /* Desktops */ @media screen and (min-width:901px) and (max-width:1280px) { #globalSearchContainer { position:relative; float:left; height:32px; width:48%; margin:8px 0 0 168px; padding:0; background-color:#ffffff; } #globalSearchContainer #searchInputContainer { float:left; padding:0 0px 0 0; width:100%; height:32px; border:solid 1px #8ba9ca; border-width:1px 0 1px 1px; } #globalSearchContainer #searchInputContainer input { font-size:15px; line-height:19px; padding:3px 0 3px 8px; margin:3px 0 0 0; color:#b8c4d1; border:0; } #globalSearchContainer #searchButtonContainer { position:absolute; top:0; right:0; margin:0; padding:6px 0 0 24px; width:72px; height:32px; background-color:#224972; cursor: pointer; } #globalSearchContainer #searchButtonContainer input { background-color:transparent; margin:0; padding:0; border:0; width:auto; } #globalSearchContainer .clearValueIcon { position:absolute; top:0px; right:80px; cursor:pointer; margin:2px 0 0 0; padding:4px 0 0 0; } #tagline { float:left; font-size:15px; line-height:16px; margin:6px 0 0 168px; padding:0; height:16px; } /*** Thumbnail Grid ***/ .mediaGroupModule .column2-end-clear { display:none; } .mediaGroupModule .column3-end-clear { display:none; } .mediaGroupModule .column4-end-clear { clear:both; height:0px; line-height:1px; font-size:1px; } .column4-end { margin-right:0; } /*** Homepage : Primary Channels ***/ #primaryChannels .column2-end-clear { display:none; } #primaryChannels .column3-end-clear { display:none; } #primaryChannels .column4-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; } #primaryChannels .channel-column4-end { margin-right:0; } /*** Homepage : Committee Channels ***/ /*.committeeChannels .column2-end-clear { display:none; }*/ /*.committeeChannels .column3-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; }*/ /*.committeeChannels .channel-column3-end { margin-right:0; }*/ .committeeChannels .column2-end-clear { display:none; } .committeeChannels .column3-end-clear { display:none; } .committeeChannels .column4-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; } .committeeChannels .channel-column4-end { margin-right:0; } /*** Show / Hide Elements ***/ #homeLogoLarge { display:inline; } #homeLogoMedium { display:none; } #homeLogoSmall { display:none; } #mobileNavigationButtonContainer { display:none; } #mobileMenu { display:none; } #mainMenu { display:block; } #mobileMenuContainer { display:none; } .desktopView { display:inline; } } /* Large Screen */ @media screen and (min-width:1281px) { /*** Site Structure ***/ .contentFrameMedium { width:1280px; } /*** Thumbnail Grid ***/ .mediaGroupModule .column2-end-clear { display:none; } .mediaGroupModule .column3-end-clear { display:none; } .mediaGroupModule .column4-end-clear { clear:both; height:0px; line-height:1px; font-size:1px; } .column4-end { margin-right:0; } /*** Homepage : Primary Channels ***/ #primaryChannels .column2-end-clear { display:none; } #primaryChannels .column3-end-clear { display:none; } #primaryChannels .column4-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; } #primaryChannels .channel-column4-end { margin-right:0; } /*** Homepage : Committee Channels ***/ /*.committeeChannels .column2-end-clear { display:none; }*/ /*.committeeChannels .column3-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; }*/ /*.committeeChannels .channel-column3-end { margin-right:0; }*/ .committeeChannels .column2-end-clear { display:none; } .committeeChannels .column3-end-clear { display:none; } .committeeChannels .column4-end-clear { display:block; clear:both; height:0px; line-height:1px; font-size:1px; } .committeeChannels .channel-column4-end { margin-right:0; } #mobileNavigationButtonContainer { display:none; } #mobileMenu { display:none; } #mainMenu { display:block; } #mobileMenuContainer { display:none; } .largeScreenView { display:inline; } } /*** Overrides ***/ .clear { clear:both; height:0; line-height:1px; font-size:1px; } .blackLinks { color:#444444; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /*** End ***/