/* *** BEGIN FILE:/templates/css/1/metro.css *** */
* {
margin: 0;
padding: 0
}
body {
padding: 5px 0;
background: #fff;
text-align: center;
line-height: 1.2;
font-size: 13px
}
#top-banner {
margin: auto
}
#wrapper {
background-color: #FFF;
text-align: left;
margin: 0 auto;
width: 1000px;
float: left
}
#content {
width: 979px;
background-color: white;
margin: 0 1px
}
.regional-homepage {
height: 572px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/regional-homepage-bg.gif") no-repeat top left
}
div#banner {
clear: both;
width: 1000px
}
#article-heading {
margin-left: 20px !important;
margin-left: 10px;
float: left;
width: 442px
}
.col-179 {
float: left;
display: inline;
width: 179px
}
.col-373 {
float: left;
display: inline;
width: 373px
}
.col-567 {
float: left;
display: inline;
width: 567px
}
.col-761 {
float: left;
display: inline;
width: 761px
}
#article-col-1 {
float: left;
margin-left: 20px !important;
margin-left: 10px;
width: 530px
}
#index-col-1 {
float: left;
margin-left: 20px !important;
margin-left: 10px;
width: 582px
}
#index-179-col {
float: left;
margin-right: 15px;
width: 179px
}
#index-col-2-wide {
float: left;
margin-right: 14px;
width: 338px
}
#article-col-2, #index-col-2, #article-col-3, #index-col-3 {
float: left;
width: 180px;
margin-left: 15px
}
#article-col-2-wide {
float: left;
margin-left: 15px;
width: 375px
}
.media-bg-1 {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/media-template-bg-1.gif") no-repeat 0 159px
}
.media-bg-2 {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/media-template-bg-2.gif") no-repeat 0 1200px
}
.regional-homepage-dropdown {
position: relative;
top: 15px;
left: 350px;
width: 500px
}
/*** CLEAR, DISPLAYS & FLOATS ***/
.clear {
clear: both
}
.clear-simple {
overflow: hidden;
clear: both;
height: 1px;
margin: -1px 0 0 0;
font-size: 1px
}
.clear-left {
clear: left
}
.float-left {
float: left
}
.float-right {
float: right
}
.text-center {
text-align: center
}
.text-right {
text-align: right
}
.text-left {
text-align: left
}
.display-block {
display: block
}
/*** WIDTHS ***/
.width-45 {
width: 45px
}
.width-70 {
width: 70px
}
.width-80 {
width: 80px
}
.width-85 {
width: 85px
}
.width-114 {
width: 114px
}
.width-120 {
width: 120px
}
.width-124 {
width: 124px
}
.width-127 {
width: 127px
}
.width-132 {
width: 132px
}
.width-137 {
width: 137px
}
.width-140 {
width: 140px
}
.width-145 {
width: 145px
}
.width-148 {
width: 148px
}
.width-150 {
width: 150px
}
.width-157 {
width: 157px
}
.width-158 {
width: 158px
}
.width-160 {
width: 160px
}
.width-161 {
width: 161px
}
.width-162 {
width: 162px
}
.width-169 {
width: 169px
}
.width-170 {
width: 170px
}
.width-174 {
width: 174px
}
.width-177 {
width: 177px
}
.width-178 {
width: 178px
}
.width-179 {
width: 179px
}
.width-180 {
width: 180px
}
.width-185 {
width: 185px
}
.width-190 {
width: 190px
}
.width-200 {
width: 200px
}
.width-210 {
width: 210px
}
.width-230 {
width: 230px
}
.width-235 {
width: 235px
}
.width-240 {
width: 240px
}
.width-246 {
width: 246px
}
.width-260 {
width: 260px
}
.width-266 {
width: 266px
}
.width-271 {
width: 271px
}
.width-281 {
width: 281px
}
.width-290 {
width: 290px
}
.width-292 {
width: 292px
}
.width-325 {
width: 325px
}
.width-330 {
width: 330px
}
.width-338 {
width: 338px
}
.width-351 {
width: 351px
}
.width-353 {
width: 353px
}
.width-365 {
width: 365px
}
.width-371 {
width: 371px
}
.width-372 {
width: 372px
}
.width-373 {
width: 373px
}
.width-373-1column {
width: 180px
}
.width-373-3column {
width: 580px
}
.width-375 {
width: 375px
}
.width-377 {
width: 377px
}
.width-390 {
width: 390px
}
.width-425 {
width: 425px
}
.width-445 {
width: 445px
}
.width-526 {
width: 526px
}
.width-530 {
width: 530px
}
.width-540 {
width: 540px
}
.width-557 {
width: 557px
}
.width-560 {
width: 560px
}
.width-564 {
width: 564px
}
.width-565 {
width: 565px
}
.width-566 {
width: 566px
}
.width-567 {
width: 567px
}
.width-567 {
width: 567px
}
.width-710 {
width: 710px
}
.width-760 {
width: 760px
}
.width-956 {
width: 956px
}
.width-989 {
width: 989px
}
/*** HEIGHTS ***/
.height-54 {
height: 65px
}
.height-219 {
height: 219px
}
.height-380 {
min-height: 380px;
height: 380px
}
/*** PADDINGS ***/
.padding-1 {
padding: 1px
}
.padding-4 {
padding: 4px
}
.padding-5 {
padding: 5px
}
.padding-10 {
padding: 10px
}
.padding-15 {
padding: 15px
}
.padding-lr-10 {
padding: 0 10px
}
.padding-trb-10-l5 {
padding: 10px 10px 10px 5px
}
.padding-t10-r15-b10-l10 {
padding: 10px 15px 10px 10px
}
/* Top paddings */
.padding-top-1 {
padding-top: 1px
}
.padding-top-2 {
padding-top: 2px
}
.padding-top-3 {
padding-top: 3px
}
.padding-top-4 {
padding-top: 4px
}
.padding-top-5 {
padding-top: 5px
}
.padding-top-6 {
padding-top: 6px
}
.padding-top-7 {
padding-top: 7px
}
.padding-top-8 {
padding-top: 8px
}
.padding-top-10 {
padding-top: 10px
}
.padding-top-12 {
padding-top: 12px
}
.padding-top-14 {
padding-top: 14px
}
.padding-top-15 {
padding-top: 15px
}
/* Bottom paddings */
.padding-bottom-3 {
padding-bottom: 3px
}
.padding-bottom-4 {
padding-bottom: 4px
}
.padding-bottom-5 {
padding-bottom: 5px
}
.padding-bottom-7 {
padding-bottom: 7px
}
.padding-bottom-10 {
padding-bottom: 10px
}
.padding-bottom-12 {
padding-bottom: 12px
}
.padding-bottom-15 {
padding-bottom: 15px
}
.padding-bottom-20 {
padding-bottom: 20px
}
.padding-bottom-70 {
padding-bottom: 70px
}
/* Left paddings */
.padding-left-3 {
padding-left: 3px
}
.padding-left-4 {
padding-left: 4px
}
.padding-left-5 {
padding-left: 5px
}
.padding-left-6 {
padding-left: 6px
}
.padding-left-9 {
padding-left: 9px
}
.padding-left-10 {
padding-left: 10px
}
.padding-left-15 {
padding-left: 15px
}
.padding-left-20 {
padding-left: 20px
}
.padding-left-30 {
padding-left: 30px
}
.padding-left-25 {
padding-left: 25px
}
.padding-left-45 {
padding-left: 45px
}
.padding-left-179 {
padding-left: 179px
}
/* Right Paddings */
.padding-right-5 {
padding-right: 5px
}
.padding-right-10 {
padding-right: 10px
}
.padding-right-15 {
padding-right: 15px
}
/* Specific paddings */
.padding-lr-10-l3ie {
padding-right: 10px;
padding-left: 10px
}
.padding-left-10-5ie {
padding-left: 10px
}
.padding-bottom-12-4ie {
padding-bottom: 12px
}
.padding-bottom-8ff-1ie {
padding-bottom: 8px
}
.padding-tlr-10 {
padding: 10px 10px 0 10px
}
.padding-t15-lr10 {
padding: 15px 10px 0 10px
}
.padding-tl-15 {
padding: 15px 0 0 15px
}
.padding-t20-r10-b5-l50 {
padding: 20px 10px 5px 50px
}
.logo-padding {
padding: 2px 0 0 19px
}
.primary-nav-padding {
padding: 8px 10px 5px 10px
}
.submit-your-voice-padding {
padding: 11px 10px 15px 10px
}
.masthead-padding {
padding-bottom: 10px !important;
padding-bottom: 0
}
.photo-gallery-padding {
padding: 5px 5px 20px 5px
}
.article-module-padding-left {
padding: 13px 15px 15px 0
}
.article-module-padding-right {
padding: 13px 0 15px 15px
}
/*** BORDERS ***/
.border-dotted-top-bot-62991F {
border-top: 1px dotted #62991F;
border-bottom: 1px dotted #62991F
}
.border-dotted-bottom-62991F {
border-bottom: 1px dotted #62991F
}
.border-dotted-top-62991F {
border-top: 1px dotted #62991F
}
.border-bot-62991F {
border-bottom: 1px solid #62991F
}
.border-left-bot-62991F {
border-left: 1px solid #62991F;
border-bottom: 1px solid #62991F
}
.border-right-bot-62991F {
border-right: 1px solid #62991F;
border-bottom: 1px solid #62991F
}
.border-1px-666 {
border: 1px solid #666
}
.border-solid-ccc {
border: 5px solid #ccc
}
.border-1px-cff200 {
border: 1px solid #cff200
}
.border-1px-afd318 {
border: 1px solid #d1f400
}
.border-5px-afd318 {
border: 5px solid #d1f400
}
.border-5-lr-d1f400 {
border-right: 5px solid #d1f400;
border-left: 5px solid #d1f400
}
.border-trl-5px-afd318 {
border-top: 5px solid #d1f400;
border-right: 5px solid #d1f400;
border-left: 5px solid #d1f400
}
.border-10-afd318 {
border: 10px solid #afd318
}
/*** Z INDEX ***/
.z-index-0 {
z-index: 0
}
.z-index-9000 {
z-index: 9000
}
/* Dotted lines */
.dotted-line-180 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/dotted-line-180.gif") no-repeat top left;
height: 7px
}
.dotted-line-180-2 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/dotted-line-180-2.gif") no-repeat top left;
height: 7px
}
.dotted-line-375 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/dotted-line-375.gif") no-repeat top left;
height: 7px
}
/*** MARGINS ***/
.margin-top-10 {
margin-top: 10px
}
.margin-right-neg-5 {
margin-right: -5px
}
.margin-right-neg-15 {
margin-right: -15px
}
.margin-right-30-15 {
margin-right: 30px !important;
margin-right: 15px
}
.margin-right-15-7ie {
margin-right: 15px !important;
margin-right: 7px
}
.margin-right-15-ie-0 {
margin-right: 15px !important;
margin-right: 0
}
.margin-left-15-ie12 {
margin-left: 15px !important;
margin-left: 12px
}
.margin-top-ie-neg-13 {
margin-top: 0 !important
}
.margin-right-4 {
margin-right: 4px
}
.margin-right-5 {
margin-right: 5px
}
.margin-right-7 {
margin-right: 7px
}
.margin-right-10 {
margin-right: 10px
}
.margin-right-11 {
margin-right: 11px
}
.margin-right-14 {
margin-right: 14px
}
.margin-right-15 {
margin-right: 15px
}
.margin-right-16 {
margin-right: 16px
}
.margin-right-30 {
margin-right: 30px
}
.margin-left-5 {
margin-left: 5px
}
.margin-left-7 {
margin-left: 7px
}
.margin-left-10 {
margin-left: 10px
}
.margin-left-14 {
margin-left: 14px
}
.margin-left-15 {
margin-left: 15px
}
.margin-left-16 {
margin-left: 16px
}
.margin-left-19 {
margin-left: 19px
}
.margin-left-20 {
margin-left: 20px
}
.margin-left-179 {
margin-left: 179px
}
.margin-left-186 {
margin-left: 186px
}
.margin-left-245 {
margin-left: 245px
}
.margin-10trb-20l {
margin: 10px 10px 10px 20px
}
.margin-top-neg-34 {
margin-top: -34px
}
.margin-top-neg-17 {
margin-top: -17px
}
.margin-bottom-neg-10 {
margin-bottom: -10px
}
.margin-right-neg-10 {
margin-right: -10px
}
/* BACKGROUND COLOURS */
.bg-fcf6c8 {
background-color: #fcf6c8
}
.bg-fff {
background-color: #fff
}
.bg-ccc {
background-color: #ccc;
display: block
}
.bg-ccff00 {
background-color: #cf0
}
/*** Forms ***/
input {
position: relative;
top: -2px;
/* For IE Browsers */
}
.border-1-ccc {
border: #ccc 1px solid
}
.form-link-pos {
position: relative;
top: 0;
/* For IE Browsers */
}
.terms-check-pos {
position: relative;
top: 2px
}
.top-5 {
top: 5px
}
.top-2 {
top: 2px
}
.top-10 {
top: 10px
}
.left-5 {
left: 5px
}
.radio-label-pos {
position: relative;
top: -5px
}
.radio-pos {
position: relative;
top: 3px;
/* For IE broswers */
}
.check-pos {
position: relative;
top: -5px;
margin-bottom: -5px
}
textarea {
position: relative;
border: #ccc 1px solid;
left: 0 !important;
/* For older IE browsers */
}
textarea.width-384 {
width: 386px;
/* For IE7 */
/* For IE 5 & 6 */
}
form {
scrollbar-base-color: #fff;
scrollbar-arrow-color: #000;
scrollbar-track-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-lightshadow-color: #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-highlight-color: #fff;
scrollbar-3dlight-color: #fff
}
.browse-pos {
position: relative;
top: -5px
}
.form-but-pos {
position: relative;
top: -5px
}
/*** Buttons ***/
.green-button-left {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn2-green-left-6x23-new.gif") no-repeat top left;
width: 6px;
height: 23px
}
.green-button-mid a {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn2-green-mid-1x23-new.gif") repeat-x top left;
height: 23px;
line-height: 2em;
padding: 0 5px;
color: #fff;
text-align: center
}
.green-button-right {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn2-green-right-6x23-new.gif") no-repeat top left;
width: 6px;
height: 23px
}
.lime-button-left {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn-lime-left-4x23.gif") no-repeat top left;
width: 4px;
height: 23px
}
.lime-button-mid a {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn-lime-mid-4x23.gif") repeat-x top left;
height: 23px;
line-height: 1.9em;
padding: 0 5px;
color: #fff;
text-align: center
}
.lime-button-mid a:hover {
color: #285600
}
.lime-button-right {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn-lime-right-4x23.gif") no-repeat top left;
width: 4px;
height: 23px
}
/*** IMAGES AND IMAGE MASKS ***/
img {
border: 0
}
.img-mask {
position: absolute;
top: 0;
left: 0
}
/* Image mask sizes */
.size-72x47 {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-47-mask.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-47-mask.gif") no-repeat top right;
width: 72px;
height: 47px
}
.size-72x54blog {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-54-blog-mask.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-54-blog-mask.gif") no-repeat top right;
width: 72px;
height: 54px
}
.size-128x128 {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-128-mask.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-128-mask.gif") no-repeat top right;
width: 128px;
height: 128px
}
.size-128x128blog {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-128-blog-mask.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-128-blog-mask.gif") no-repeat top right;
width: 128px;
height: 128px
}
.size-148x73 {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-73-mask.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-73-mask.gif") no-repeat top right;
width: 148px;
height: 73px
}
.size-179x134 {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-135-mask.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-135-mask.gif") no-repeat top right;
width: 179px;
height: 134px
}
.photo-teaser-size-179x134 {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/photo-teaser-mask-179x134.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/photo-teaser-mask-179x134.gif") no-repeat top right;
width: 179px;
height: 134px
}
.video-teaser-mask-179x134 {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/video-teaser-mask-179x134.png") no-repeat top left !important;
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/video-teaser-mask-179x134.gif") no-repeat top left;
width: 179px;
height: 134px
}
/*** Module Specific ***/
#global-nav {
padding: 10px 14px 0 0;
float: right;
height: 3.4em;
background: transparent url("/(WiB3.22.1)/templates/img/global/global-nav-bg.gif") no-repeat 0 10px
}
.global-nav-container {
width: 745px
}
.global-nav-bg {
background: transparent url("/(WiB3.22.1)/templates/img/global/global-nav-bg.gif") no-repeat 0 0
}
.third-nav-middle ul.link-list li a {
display: block;
padding-bottom: 8px;
margin-left: -18px;
padding-left: 18px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-3rd-nav-seperate.gif") no-repeat bottom left
}
.third-nav-middle ul.link-list li a.last {
padding-bottom: 0;
background: transparent url() no-repeat bottom left
}
.third-nav-middle ul.link-list li.active .last {
padding-bottom: 7px;
margin-bottom: -7px;
background: transparent url() no-repeat bottom left
}
.third-nav-middle ul.link-list li {
position: relative;
z-index: 100;
padding-bottom: 7px
}
.third-nav-middle ul.link-list li.active {
z-index: 0;
margin-top: -2px;
top: -7px;
padding-top: 9px;
padding-bottom: 0;
background: #eff6d1 url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat 0 7px
}
.third-nav-top {
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/bg-3rd-nav-top.gif") no-repeat top left;
height: 29px
}
.third-nav-middle {
background-color: #fff;
border-left: 14px solid #afd318;
border-right: 10px solid #afd318
}
.third-nav-bottom {
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/bg-3rd-nav-bot.gif") no-repeat top left;
height: 18px
}
.seperator-135 {
margin-bottom: 7px;
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/bg-3rd-nav-seperate.gif") no-repeat 0 0;
width: 135px;
height: 9px
}
.go-button {
border: 1px solid #ccc;
position: relative;
left: -5px;
top: 4px !important;
top: -7px
}
/*** postioning ***/
.relative {
position: relative
}
.display-block {
display: block
}
/*** MISC ***/
.home {
background: #fff;
margin-top: 17px;
margin-left: 15px;
voice-family: "\"}\"";
margin-left: 0;
margin-top: 0
}
/*** FORMS ***/
/*** CSS drop down ***/
.css-drop-down {
position: relative;
float: left;
z-index: 9000
}
.drop-down-bg-70 {
background: transparent url("/(WiB3.22.1)/templates/img/forms/select-box-70.gif") no-repeat top left
}
.drop-down-bg-160 {
background: transparent url("/(WiB3.22.1)/templates/img/forms/select-box-160.gif") no-repeat top left
}
.drop-down-bg-190 {
background: transparent url("/(WiB3.22.1)/templates/img/forms/select-box-190.gif") no-repeat top left
}
.drop-down-bg-195 {
background: transparent url("/(WiB3.22.1)/templates/img/forms/select-box-195.gif") no-repeat top left
}
.drop-down-bg-235 {
background: transparent url("/(WiB3.22.1)/templates/img/forms/select-box-235.gif") no-repeat top left
}
.css-drop-down ul {
list-style-type: none
}
.css-drop-down ul li a.first {
margin-left: 3px;
line-height: 20px;
display: block
}
.css-drop-down ul li ul {
position: absolute;
z-index: 9000;
background: #fff;
margin-top: -2px;
padding-top: 2px;
padding-left: 5px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc
}
.long-drop-down {
height: 200px;
overflow: auto
}
.css-drop-down ul li ul li {
line-height: 1.7em;
border-bottom: 1px dotted #62991F;
margin-left: -5px;
padding-left: 5px
}
.css-drop-down ul li ul li a {
display: block
}
.css-drop-down ul li ul li a:hover {
color: #fff;
background-color: #3D7311;
margin-left: -5px;
padding-left: 5px
}
.css-drop-down ul li ul li.last {
border-bottom: 0 solid #fff
}
/*** Module tabs ***/
ul.tabs {
z-index: 8000;
position: relative
}
ul.tabs li {
float: left;
list-style-type: none;
margin-right: 5px;
background: #fff;
border-top: 1px solid #AFD318;
border-right: 1px solid #AFD318;
border-left: 1px solid #AFD318
}
ul.tabs li a {
float: left;
font-size: 0.75em;
color: #AFD318;
font-weight: bold;
text-transform: uppercase;
padding: 3px 7px;
z-index: 6000
}
ul.tabs li a.active {
background: #AFD318;
color: #fff;
z-index: 6000
}
/***SMALL TABS***/
ul.tabs li.small-tabs a {
float: left;
font-size: 0.6em;
color: #afd318;
font-weight: bold;
text-transform: uppercase;
padding: 3px 1px 3px 1px
}
ul.tabs li.small-tabs a.active {
background: #afd318;
color: #fff
}
/*** HALL OF FAME-SHAME ***/
.fame-180-bottom {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-bottom-180x120.gif") no-repeat bottom right;
height: 120px
}
/*** FEATURED CONTENT ***/
.fc-wrapper {
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/fc-portrait-bg-292x215.gif") no-repeat top left;
position: relative;
border-top: 3px solid #afd318;
border-right: 3px solid #afd318;
border-bottom: 3px solid #afd318;
border-left: 1px solid #afd318;
width: 563px;
height: 199px
}
#fc-main-image {
text-align: left;
height: 199px
}
.bottom-3pix-fix {
margin-bottom: 0 !important;
margin-bottom: -3px
}
.fc-user-quote {
position: relative;
z-index: 5000;
top: -236px;
right: -7px;
height: 254px;
margin-bottom: -254px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-user-quote.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-user-quote.gif") no-repeat top right
}
.fc-metro-quote {
position: relative;
z-index: 5000;
top: -236px;
right: -7px;
height: 254px;
width: 250px;
margin-bottom: -254px;
left: 320px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-metro-quote.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-metro-quote.gif") no-repeat top right
}
.fc-quote-container {
position: absolute;
width: 175px;
top: 50px;
right: 35px
}
.fc-metro-container {
position: absolute;
width: 175px;
top: 50px;
right: 35px
}
.fc-reader-more-link {
position: absolute;
top: 150px;
left: 0
}
.fc-reader-more-link a {
color: #3d7311
}
ul.fc-links-list {
list-style-type: none
}
ul.fc-links-list li {
float: left
}
ul.fc-links-list li a img {
border: 2px solid #fff
}
ul.fc-links-list li a:hover img {
border: 2px solid #afd318
}
ul.fc-links-list li img.active {
border: 2px solid #afd318
}
a.next {
top: 3px;
display: inline;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/next-20x19.gif") no-repeat top right;
padding: 3px 24px 19px 0;
margin-left: 5px;
line-height: 19px;
text-transform: uppercase
}
a.previous {
top: 3px;
display: inline;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/previous-20x19.gif") no-repeat top left;
padding: 3px 0 19px 24px;
margin-right: 5px;
line-height: 19px;
text-transform: uppercase
}
.fc-indicator {
position: relative;
display: block;
height: 25px;
width: 25px;
top: -86px;
left: 8px;
margin-bottom: -25px;
background: transparent url("/(WiB3.22.1)/templates/img/lists/green-arrow-up-25x25.png") no-repeat bottom left !important;
background: transparent url("/(WiB3.22.1)/templates/img/lists/green-arrow-up-25x25.gif") no-repeat top right
}
#fc-most-read {
position: relative
}
#fc-your-voice {
position: relative
}
.fc-image-map {
position: relative;
top: 64px;
left: 137px
}
.fc-count {
color: #360;
padding: 0 7px
}
/*** FEATURED CONTENT B ***/
#fc-main-image-b {
text-align: left;
height: 219px;
margin-bottom: 0 !important;
margin-bottom: -2px
}
.fc-wrapper-b {
position: relative;
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/fc-portrait-bg-292x215.gif") no-repeat top left;
border-top: 3px solid #afd318;
border-right: 3px solid #afd318;
border-bottom: 3px solid #afd318;
border-left: 1px solid #afd318;
width: 292px;
height: 219px;
text-align: center
}
.fc-user-quote-b {
position: relative;
z-index: 5000;
top: -245px !important;
top: -243px;
right: -276px;
height: 256px;
margin-bottom: -254px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-user-quote-b.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-user-quote-b.gif") no-repeat top right
}
.fc-metro-quote-b {
position: relative;
z-index: 5000;
top: -245px !important;
top: -243px;
right: -276px;
height: 256px;
margin-bottom: -254px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-metro-quote-b.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-metro-quote-b.gif") no-repeat top right
}
.fc-quote-container-b {
position: absolute;
width: 241px;
top: 50px;
right: 35px
}
.fc-metro-container-b {
position: absolute;
width: 241px;
top: 50px;
right: 35px
}
.fc-reader-more-link-b {
position: absolute;
top: 150px;
left: 0
}
.fc-user-quote-b p a, .fc-metro-quote-b p a, .fc-user-quote-b blockquote div a, .fc-user-quote blockquote div a {
color: #fff
}
.fc-user-quote-b p a, .fc-metro-quote-b p a, .fc-user-quote-b blockquote div a {
color: #fff
}
/*** FEATUREED CONTENT PORTRAIT ***/
.fc-portrait-image-wrapper {
background: url("/(WiB3.22.1)/templates/img/backgrounds/fc-portrait-bg-292x215.gif") no-repeat top left;
border-top: 3px solid #9c0;
border-right: 3px solid #9c0;
border-bottom: 3px solid #9c0;
border-left: 1px solid #9c0;
width: 292px;
height: 215px;
text-align: center
}
.fc-portrait-user-quote {
position: relative;
z-index: 5000;
top: -244px;
right: -5px;
height: 256px;
margin-bottom: -256px;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-user-quote-293x265.png") no-repeat top right !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/fc-user-quote-293x256.gif") no-repeat top right
}
.fc-portrait-quote-container {
position: absolute;
width: 245px;
top: 50px;
right: 30px
}
/*** Featured COntetn Media ***/
.fc-media-wrapper {
position: relative;
float: left;
border-top: 3px solid #afd318;
border-right: 3px solid #afd318;
border-bottom: 3px solid #afd318;
border-left: 1px solid #afd318;
width: 373px;
height: 280px
}
/*** CAROUSEL MODULE ***/
.carousel-border {
margin: 10px 0 5px 0
}
.carousel-pagination-previous {
background: url("/(WiB3.22.1)/templates/img/buttons/previous-20x19.gif") no-repeat top left;
line-height: 2.4em;
padding: 4px 5px 5px 37px
}
.carousel-pagination-next {
background: url("/(WiB3.22.1)/templates/img/buttons/next-20x19.gif") no-repeat top right;
line-height: 2.4em;
padding: 4px 37px 5px 5px
}
.photo-credit {
width: 140px;
margin-left: -140px
}
/*** ADD/VIEW COMMENT ***/
.add-view-comment {
background: transparent url("/(WiB3.22.1)/templates/img/global/add-view-comments-bg-725x64.gif") repeat-y;
border-right: 1px solid #f7ffab
}
.add-view-comments-line {
background: url("/(WiB3.22.1)/templates/img/backgrounds/comment-diag-line.gif") no-repeat top right;
position: relative;
top: 0;
right: -1px
}
.ugc-bg-left {
background: url("/(WiB3.22.1)/templates/img/backgrounds/ugc-bg-left-4x27.gif") no-repeat top left
}
.ugc-bg-center {
background: url("/(WiB3.22.1)/templates/img/backgrounds/ugc-bg-center-1x27.gif") repeat-x
}
.ugc-bg-right {
background: url("/(WiB3.22.1)/templates/img/backgrounds/ugc-bg-right-4x27.gif") no-repeat top right;
padding-top: 2px
}
.ugc-section-text p {
color: #fff;
padding: 3px 15px 5px 25px
}
.whats-this-text-section {
position: absolute;
width: 180px;
top: 100px;
left: 100px;
padding: 7px 10px 10px 10px;
background-color: #cf0
}
/*** MEDIA WIDGET ***/
ul.media-widget {
list-style-type: none;
background: url("/(WiB3.22.1)/templates/img/backgrounds/media-widget-179x47.gif") no-repeat 0 0;
width: 180px;
height: 49px;
position: relative;
top: 15px;
padding-bottom: 10px
}
ul.media-widget li {
display: inline
}
.metro-media-text {
position: relative;
top: 15px;
left: 32px;
text-align: center;
width: 10px
}
ul.media-widget li.media-widget-audio-icon {
position: relative;
top: -5px;
left: 66px
}
ul.media-widget li.media-widget-video-icon {
position: relative;
top: 22px;
left: 70px
}
ul.media-widget li.media-widget-podcast-icon {
position: relative;
top: 22px;
left: 78px
}
/* Media Widget Small Version */
ul.media-widget-small {
list-style-type: none;
background: url("/(WiB3.22.1)/templates/img/backgrounds/media-widget-85x37.gif") no-repeat 0 0;
height: 37px;
width: 85px;
margin-top: 10px
}
ul.media-widget-small li {
display: inline
}
ul.media-widget-small li.media-widget-audio-icon {
position: relative;
top: -6px;
left: 10px
}
ul.media-widget-small li.media-widget-video-icon {
position: relative;
top: 3px;
left: 14px
}
ul.media-widget-small li.media-widget-podcast-icon {
position: relative;
top: 9px;
left: 21px
}
/*** COMPETITIONS ***/
.bg-competitions {
background: url("/(WiB3.22.1)/templates/img/backgrounds/bg-competitions.gif") no-repeat top right
}
.competition-question {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/competitions-question.gif") no-repeat top left
}
/* Pagination */
.previous-button {
background: url("/(WiB3.22.1)/templates/img/lists/left-green-chevron-10x10.gif") no-repeat 0 2px;
padding-left: 16px;
padding-right: 5px
}
.previous-grey-button {
background: url("/(WiB3.22.1)/templates/img/lists/left-grey-chevron-10x10.gif") no-repeat 0 2px;
padding-left: 16px;
padding-right: 5px;
color: #ccc;
font-size: 0.7em;
font-weight: bold
}
.next-button {
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat 34px 2px;
padding-right: 18px;
padding-left: 5px
}
.next-grey-button {
background: url("/(WiB3.22.1)/templates/img/lists/grey-chevron-10x10.gif") no-repeat 34px 2px;
padding-right: 18px;
padding-left: 5px;
color: #ccc;
font-size: 0.7em;
font-weight: bold
}
/* m011 Photo Gallery Pagination */
ul.pg-pagination {
list-style: none;
text-align: center
}
ul.pg-pagination li {
position: relative;
padding-right: 11px
}
ul.pg-pagination li.first-child {
position: relative;
top: 3px;
padding-right: 12px
}
ul.pg-pagination li.last-child {
display: inline;
top: 3px;
padding-right: 0;
margin-right: 0
}
table.pg-pagination tr td a.selected {
font-weight: bold;
font-size: 1.3em
}
ul.pg-pagination li a.selected {
font-weight: bold;
font-size: 1.3em;
margin-right: -4px
}
.photo-gallery-thumb {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/image-gallery-thumbs.png") no-repeat top left !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/image-gallery-thumbs.gif") no-repeat top left;
display: block;
width: 86px;
height: 91px;
position: absolute;
top: -105px;
left: -23px;
margin-bottom: -101px;
margin-right: -100px;
padding-top: 7px
}
/* Polls */
.poll-radio {
position: relative;
top: 1px;
margin-right: 5px
}
.padding-bottom-10-ie5 {
padding-bottom: 10px
}
/*** AGGREGATED CONTENT ***/
.aggregated-bg {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/aggregated-content.gif") no-repeat bottom left
}
.aggregated-rss-block {
clear: left;
float: left;
border-top: 1px dotted #62991F;
width: 387px
}
/****CLASSIFIEDS TEASER***/
.classifieds-bg {
/* Is set as style attrib in template (classifieds-teaser-comp.xsl) to allow locale dependent background */
/*background:transparent url('/(WiB3.22.1)/templates/img/backgrounds/classifieds.gif') no-repeat top left;*/
width: 989px;
height: 216px;
float: left
}
#classifieds-wrapper-1 {
position: absolute;
left: 182px;
top: -72px;
width: 164px
}
#classifieds-wrapper-2 {
position: absolute;
left: 389px;
top: -30px;
width: 164px
}
#classifieds-wrapper-3 {
position: absolute;
left: 514px;
top: -30px;
width: 164px
}
#classifieds-wrapper-4 {
position: absolute;
left: 660px;
top: 6px;
width: 164px
}
#classifieds-wrapper-5 {
position: absolute;
left: 795px;
top: -55px;
width: 164px
}
.classifieds-details {
background-color: #d1f400;
width: 164px;
height: 144px
}
.pointer {
background: transparent url("/(WiB3.22.1)/templates/img/global/classifieds-pointer.gif") no-repeat 28px 0;
height: 16px;
width: 164px
}
.classifieds-module-pop-up {
background-color: #d1f400;
width: 164px;
padding: 5px;
position: absolute;
margin-top: -130px;
left: 270px
}
.classifieds-down-arrow {
background: url("/(WiB3.22.1)/templates/img/icons/classifieds-down-arrow-19x16.gif") no-repeat bottom left;
position: relative;
top: 20px;
left: 65px;
width: 19px;
height: 16px
}
/*** MEDIA TEASERS ***/
.metro-alert {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/metro-alert.gif") no-repeat 0 0;
height: 98px;
padding: 0 0 0 110px
}
ul.media-teaser {
list-style-type: none
}
ul.media-teaser li {
height: 30px;
padding: 5px 0 2px 40px
}
ul.media-teaser li.media-teaser-podcasts-featured-icon {
background: transparent url("/(WiB3.22.1)/templates/img/icons/podcasts-30x30.gif") no-repeat 0 0
}
ul.media-teaser li.media-teaser-mobile-icon {
background: transparent url("/(WiB3.22.1)/templates/img/icons/mobile-30x30.gif") no-repeat 0 0
}
ul.media-teaser li.media-teaser-rss-icon {
background: transparent url("/(WiB3.22.1)/templates/img/icons/rss-30x30.gif") no-repeat 0 0;
padding-right: 10px
}
ul.media-teaser li.media-teaser-photo-gallery-icon {
background: transparent url("/(WiB3.22.1)/templates/img/icons/photo-gallery-30x30.gif") no-repeat 0 0
}
ul.media-teaser li.media-teaser-video-featured-icon {
background: transparent url("/(WiB3.22.1)/templates/img/icons/video-30x30.gif") no-repeat 0 0
}
ul.media-teaser li.media-teaser-games-icon {
background: transparent url("/(WiB3.22.1)/templates/img/icons/games-30x30.gif") no-repeat 0 0
}
.generic-teaser-bg {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/generic-teaser-bg-179x102.png") no-repeat 0 0 !important;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/generic-teaser-bg-179x102.gif") no-repeat 0 0;
height: 102px
}
.games-teaser-bg {
background: #cf0 url("/(WiB3.22.1)/templates/img/backgrounds/games-teaser-bg.gif") no-repeat bottom right
}
.bg-teaser-survey-179 {
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-surveys-179.gif") no-repeat top left
}
.bg-teaser-survey-373 {
background: #fff url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-surveys-373.gif") no-repeat top left
}
.bg-teaser-archive-179 {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-archive-179.gif") no-repeat top left;
margin-left: -2px
}
.bg-teaser-archive-373 {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-archive-373.gif") no-repeat top right;
height: 100%;
min-height: 86px;
margin: -5px -5px 0 0
}
.bg-teaser-archive-373-top {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-archive-373-top.gif") no-repeat -5px 0;
min-height: 124px;
/* For IE 7 */
/* For IE 5 & 6 */
}
.bg-teaser-archive-373-bot {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-archive-bot-373.gif") no-repeat bottom left;
height: 5px
}
.bg-teaser-archive-567-top {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-archive-567-top.gif") no-repeat -5px 0;
min-height: 86px;
/* For IE 7 */
/* For IE 5 & 6 */
}
.bg-teaser-archive-567-bot {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/bg-teaser-archive-567-bot.gif") no-repeat bottom left;
height: 5px
}
.upload-media-image-single {
position: relative;
margin-top: -17px;
margin-right: -10px
}
.upload-media-image-triple {
position: relative;
margin-top: -30px;
margin-right: -15px
}
.upload-media-bg {
position: relative;
float: left;
background: url("/(WiB3.22.1)/templates/img/backgrounds/upload-media-bg.gif") repeat-x bottom left;
top: -17px;
left: 3px;
margin-right: -7px;
height: 17px;
margin-bottom: -17px
}
.teaser-generic-bg-line-right {
background: url("/(WiB3.22.1)/templates/img/backgrounds/bg-line-right-82x121.gif") no-repeat bottom right
}
.teaser-generic-bg-line-left {
background: url("/(WiB3.22.1)/templates/img/backgrounds/bg-line-left-82x121.gif") no-repeat bottom left
}
.cheveron-down-arrow-left {
background: url("/(WiB3.22.1)/templates/img/icons/down-arrow-17x14.gif") repeat-y -8px 0
}
.cheveron-down-arrow-right {
background: url("/(WiB3.22.1)/templates/img/icons/down-arrow-27x14.gif") repeat-y 168px 0
}
.cheveron-down-arrow-right-2-col {
background: url("/(WiB3.22.1)/templates/img/icons/down-arrow-27x14.gif") repeat-y 362px 0
}
.cheveron-down-arrow-right-3-col {
background: url("/(WiB3.22.1)/templates/img/icons/down-arrow-27x14.gif") repeat-y 556px 0
}
.display-inline {
display: inline
}
.call-to-action-left {
float: left;
background: url("/(WiB3.22.1)/templates/img/backgrounds/call-to-action-left.gif") no-repeat top left;
width: 32px;
height: 19px
}
.call-to-action-center {
float: left;
background: url("/(WiB3.22.1)/templates/img/backgrounds/call-to-action-center.gif") repeat-x top left;
height: 19px;
padding: 0 1px 0 2px
}
.call-to-action-right {
float: left;
background: url("/(WiB3.22.1)/templates/img/backgrounds/call-to-action-right.gif") no-repeat top left;
height: 19px;
width: 16px
}
/*** Hal of Fame ***/
.hfs-wrapper-middle-338 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-middle-338x1.gif") repeat-y top left;
width: 338px;
float: left;
z-index: 50
}
.hfs-wrapper-top-338 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shape-top-338x78.gif") no-repeat top left;
float: left;
width: 338px;
z-index: 1000
}
.hfs-wrapper-bottom-338 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-bottom-338x47.gif") no-repeat bottom left;
float: left;
width: 338px
}
.hfs-wrapper-bottom-no-number-338 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-bottom-no-number-338x47.gif") no-repeat bottom left;
width: 338px;
float: left;
z-index: 1000
}
.hfs-wrapper-338 {
padding: 4px 0 10px 13px
}
/***HAll of Fame 371 Pixel Width***/
.hfs-wrapper-middle-373 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-middle-371.gif") repeat-y top left;
width: 373px;
float: left;
z-index: 50
}
.hfs-wrapper-top-373 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-371x80-top.gif") no-repeat top left;
width: 373px;
float: left;
z-index: 1000
}
.hfs-wrapper-bottom-373 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-373x122-bottom.gif") no-repeat bottom left;
width: 373px;
float: left;
z-index: 1000
}
.hfs-wrapper-bottom-no-number-373 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-shame-373x122-no-number-bottom.gif") no-repeat bottom left;
width: 373px;
float: left
}
.hfs-wrapper-373 {
padding: 7px 10px 10px 20px
}
/****Hall of fame shame 179 pixel width**/
.hf-wrapper-top-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-top-179x79.gif") no-repeat top left;
width: 179px;
float: left
}
.hf-wrapper-middle-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-middle-179x1.gif") repeat-y top left;
width: 179px;
float: left
}
.hf-wrapper-bottom-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-bottom-179x120.gif") no-repeat bottom left;
width: 179px;
float: left;
z-index: 1000
}
.hf-wrapper-bottom-no-number-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-fame-bottom-no-number-179x120.gif") no-repeat bottom left;
width: 179px;
float: left;
z-index: 1000
}
.hs-wrapper-top-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-shame-top-179x79.gif") no-repeat top left;
width: 179px;
float: left;
z-index: 1000
}
.hs-wrapper-middle-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-shame-middle-179x1.gif") repeat-y top left;
width: 179px;
float: left;
z-index: 50
}
.hs-wrapper-bottom-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-shame-bottom-179x120.gif") no-repeat bottom left;
width: 179px;
float: left;
z-index: 1000
}
.hs-wrapper-bottom-no-number-179 {
background: url("/(WiB3.22.1)/templates/img/backgrounds/hall-of-shame-bottom-no-number-179x120.gif") no-repeat bottom left;
width: 179px;
float: left;
z-index: 1000
}
.hfs-wrapper-179 {
width: 149px;
padding: 5px 0 10px 20px
}
.hfs-margins {
margin-left: 20px !important;
margin-left: 15px
}
.hall-of-fame-tabs {
background: #afd318;
padding: 3px 6px
}
.hall-of-fame-tabs p {
color: #fff;
font-weight: bold;
font-size: 0.8em;
text-transform: uppercase
}
.hfs-image-map-179 {
position: relative;
left: 109px;
top: 22px
}
.hfs-image-map-338 {
position: relative;
left: 274px;
top: 8px
}
.hfs-image-map-373 {
position: relative;
left: 303px;
top: 8px
}
/*** m011 Photo gallery ***/
.photo-gallery-top {
width: 373px !important;
width: 375px;
height: 7px;
background: #afd318 url("/(WiB3.22.1)/templates/img/backgrounds/image-gallery-top-376x7.gif") no-repeat top left
}
.photo-gallery-bottom {
width: 373px;
background: #afd318
}
.photo-gallery-top-1column {
width: 180px !important;
width: 180px;
height: 7px;
background: #afd318 url("/(WiB3.22.1)/templates/img/backgrounds/image-gallery-top-376x7.gif") no-repeat top left
}
.photo-gallery-bottom-1column {
width: 180px;
background: #afd318
}
.photo-gallery-top-3column {
width: 580px !important;
width: 580px;
height: 7px;
background: #afd318 url("/(WiB3.22.1)/templates/img/backgrounds/image-gallery-top-376x7.gif") no-repeat top left
}
.photo-gallery-bottom-3column {
width: 580px;
background: #afd318
}
/**Metro Teaser Style*/
.teaser-wrapper-bottom {
width: 174px;
border-right: 3px solid #62991F;
border-bottom: 3px solid #62991F
}
.teaser-sub-wrapper-top {
border: 1px solid #62991F;
position: relative;
top: -3px;
left: -2px;
padding: 10px;
margin-bottom: -3px;
margin-right: -2px;
width: 173px;
voice-family: "\"}\"";
width: 154px !important
}
/*Form Element Styles*/
fieldset {
margin-bottom: 10px;
border: none
}
fieldset ul.metro-form-list {
list-style-type: none
}
fieldset li {
list-style-type: none;
margin: 0
}
fieldset label.metro-form-label {
float: left;
width: 180px;
text-align: right;
padding-top: 2px
}
fieldset input.input-text {
float: left;
width: 160px;
margin-left: 10px;
margin-bottom: 5px
}
/* Added from Kuldip's development versions */
.margin-left-14 {
margin-left: 14px
}
.green-button-left-fcf8 {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn2-green-left-6x23-new.gif") no-repeat top left;
width: 6px;
height: 23px;
display: inline
}
.green-button-right-fcf8 {
float: left;
background: transparent url("/(WiB3.22.1)/templates/img/buttons/btn2-green-right-6x23-new.gif") no-repeat top left;
width: 6px;
height: 23px
}
.searchResults {
width: 567px
}
.searchResults v-small {
font-size: 12px
}
.sky-scrapper-position-relative {
position: relative
}
.search-text-box {
border: 1px solid #ccc;
width: 420px;
padding: 2px
}
.sky-scrapper-tile-square {
background: url("/(WiB3.22.1)/templates/img/backgrounds/skyscrapper-bg.gif") no-repeat top left;
height: 620px;
padding-top: 15px;
width: 177px;
float: left
}
.aggregated-content-bg {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/linesbg.gif") no-repeat top left;
width: 567px;
margin-top: 3px
}
.aggregated-rss-first-block {
float: left;
width: 373px;
padding-bottom: 3px
}
.aggregated-rss-right-border {
float: left;
width: 179px
}
#aggregated-content-wrap {
width: 567px;
float: left;
border-top: 1px dotted #62991F;
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/linesbg.gif") no-repeat top left;
border-bottom: 1px dotted #62991F
}
#aggregated-content-menu-wrap {
width: 179px;
float: left
}
#aggregated-content-blocks-wrap {
float: left;
width: 387px
}
fieldset {
margin-bottom: 10px;
border: none
}
fieldset ul.metro-form-list {
list-style-type: none
}
fieldset li {
list-style-type: none;
margin: 0
}
fieldset label.metro-form-label {
float: left;
width: 180px;
text-align: right;
padding-top: 2px
}
fieldset input.input-text {
float: left;
width: 160px;
margin-left: 10px;
margin-bottom: 5px
}
ul.aggregated-rss-level-2 {
margin-bottom: -3px
}
ul.aggregated-rss-level-2 li.border-dotted-top {
border-top: 1px dotted #62991F;
margin-left: -20px;
margin-right: -4px
}
ul.aggregated-rss-level-2 li.active {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/linesbg-active.gif") no-repeat -1px 1px;
padding: 5px 0 4px 36px;
border-right: 0 solid #fff;
width: 145px !important;
width: 175px;
margin-right: -8px
}
ul.aggregated-rss-level-2 li.active a {
font-size: 1.1em;
color: #cbdb29
}
ul.search-option {
float: right;
list-style-type: none
}
ul.search-option li {
display: inline
}
ul.search-option li .pipe {
padding: 0 5px 0 5px
}
ul.search-results-list-option {
padding-top: 3px;
list-style-type: none
}
ul.search-results-list-option li {
font-size: 0.7em;
font-weight: normal;
color: #666;
display: inline
}
.mpu-search {
position: relative;
left: 120px;
width: 330px
}
.most-searched-wrapper {
background: url("/(WiB3.22.1)/templates/img/backgrounds/most-searched-bg.gif") no-repeat top left;
border: 1px solid #bfe7f1
}
h4.big-teaser-heading-grey {
font-size: 1.22em;
line-height: 1em;
color: #333;
text-transform: uppercase
}
.padding-t10-r10-b5-l10 {
padding: 10px 10px 5px 10px
}
.search-in-text {
float: left;
color: #333
}
.search-radio {
position: relative;
top: -2px;
margin-right: 5px
}
.margin-top-3 {
margin-top: 3px
}
.margin-top-25 {
margin-top: 25px
}
.refine-search-bg {
background: transparent no-repeat 0 0 !important;
/* url('/(WiB3.22.1)/templates/img/backgrounds/refine-search-179x102.png') */
background: transparent no-repeat 0 0
}
ul.link-list li.video {
background: url("/(WiB3.22.1)/templates/img/icons/video-20x23.gif") no-repeat 0 0;
padding: 7px 0 5px 28px
}
ul.link-list li.photo {
background: url("/(WiB3.22.1)/templates/img/icons/photo-17x18.gif") no-repeat 0 0;
padding: 3px 0 5px 25px
}
ul.link-list li.podcasts {
background: url("/(WiB3.22.1)/templates/img/icons/podcast-15x20.gif") no-repeat 0 5px;
padding: 5px 0 5px 22px
}
ul.link-list li.audio {
background: url("/(WiB3.22.1)/templates/img/icons/audio-16x23.gif") no-repeat 0 0;
padding: 10px 0 5px 22px
}
ul.link-list li.rss {
background: url("/(WiB3.22.1)/templates/img/icons/rss-17x18.gif") no-repeat 0 5px;
padding: 5px 0 5px 22px
}
.position-absolute {
position: absolute
}
/* Bottom paddings */
.padding-bottom-3 {
padding-bottom: 3px
}
.padding-bottom-5 {
padding-bottom: 5px
}
.padding-bottom-8 {
padding-bottom: 8px
}
.padding-bottom-10 {
padding-bottom: 10px
}
.padding-bottom-15 {
padding-bottom: 15px
}
.padding-bottom-20 {
padding-bottom: 20px
}
.padding-bottom-70 {
padding-bottom: 70px
}
/** Send to a friend popup **/
form#send2friendForm {
text-align: left
}
/** blog pushes **/
.size-128x128blog {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-128-blog-mask.png") no-repeat scroll right top !important;
height: 128px;
width: 128px
}
.size-72x54blog {
background: transparent url("/(WiB3.22.1)/templates/img/img-masks/height-54-blog-mask.png") no-repeat scroll right top !important;
height: 54px;
width: 72px
}
li.blog-teaser-icon {
background-color: transparent;
list-style-image: url("/(WiB3.22.1)/templates/img/icons/blog.gif");
list-style-position: inside
}
/** article caption **/
p.article-image-caption {
font-size: 12px;
font-weight: 300;
line-height: 1.4;
color: #616262;
margin-top: 5px
}
p.article-image-caption .credits {
font-style: italic;
font-size: 11px
}
div.article-image-caption {
width: 246px;
margin-bottom: 5px;
margin-left: 10px
}
div.article-image-caption-2column {
margin-bottom: 10px;
width: 373px
}
/** article byline **/
.article-byline {
text-align: left;
float: left;
font-size: 0.7em;
background-color: #F3FCBF;
width: 246px
}
.article-byline p {
padding-top: 5px
}
.close-article-byline {
float: left;
background-color: #AFD318;
clear: both;
width: 246px;
height: 4px
}
.article-byline div.image {
float: left;
height: 40px;
margin-right: 15px
}
.article-byline a {
font-weight: bold
}
/* *** END FILE:/templates/css/1/metro.css *** */
/* *** BEGIN FILE:/templates/css/1/metro2.css *** */
/* --------- New Style CSS ------- */
.article-body p, .teaser-component.generic p {
padding-bottom: 10px;
line-height: 1.4
}
div.column-1-3 {
float: left;
display: inline;
width: 567px;
margin-left: 19px;
border-right: 1px solid #CACACA;
padding-right: 9px;
/*overflow: hidden; remove as of Zendesk ticket 894, to allow expandable ads */
}
div.column-1-2 {
float: left;
clear: left;
display: inline;
width: 373px;
padding-right: 7px;
border-right: 1px solid #CACACA;
/*overflow: hidden; remove as of Zendesk ticket 894, to allow expandable ads */
}
div.column-3 {
float: right;
display: inline;
width: 179px;
/*overflow: hidden; remove as of Zendesk ticket 894, to allow expandable ads */
}
div.column-4-5 {
float: right;
display: inline;
width: 373px;
/*overflow: hidden; remove as of Zendesk ticket 356, to allow expandable ads */
}
div.column-1-4 {
float: left;
display: inline;
width: 761px;
margin-left: 19px;
margin-right: 20px;
overflow: hidden
}
div.column-1-5 {
float: left;
display: inline;
width: 960px;
margin-left: 19px;
margin-right: 19px
}
div.column-4 {
float: left;
display: inline;
width: 179px;
margin-right: 19px;
overflow: hidden
}
div.column-5 {
float: left;
display: inline;
width: 179px;
margin-right: 19px;
overflow: hidden
}
/* Common page */
div.common-page-wrapper {
padding: 21px 0 21px 0
}
/* 404-page */
div.wrapper-404 {
padding: 50px 30px 95px 30px
}
div.wrapper-404 p {
font-size: 12px
}
div.title-404 {
padding: 0 0 15px 0
}
div.title-404 h1 {
font-size: 32px
}
div.search-404 {
padding: 15px 0 0
}
div.search-title-404 {
padding: 5px 0 15px 0
}
div.search-title-404 p {
font-weight: 700
}
input.search-field-404 {
top: auto;
/* FIXME: remove this when we remove global input css */
float: left;
width: 312px;
height: 13px;
font-size: 11px;
color: #000;
/*background-image: url('/(WiB3.22.1)/templates/img/backgrounds/header-searchbox.gif');
background-repeat: no-repeat;
background-position: top left;*/
border: 1px solid #666;
padding: 2px 3px
}
input.search-button-404 {
float: left;
margin-left: 5px;
width: 25px;
height: 19px;
top: auto;
/* FIXME: remove this when we remove global input css */
}
div.copyright-404 {
padding: 10px 0 0
}
/* --- end 404-page --- */
div.one-col {
width: 179px;
overflow: hidden
}
div.two-col {
width: 373px;
overflow: hidden
}
div.three-col {
width: 567px;
overflow: hidden
}
div.five-col {
width: 960px;
overflow: hidden
}
div.white {
background-color: #FFF
}
div.grey {
background-color: #E7E7E7
}
div.lightgreen {
background-color: #ADD036
}
div.ultralightgreen {
background-color: #F3FCBF
}
div.darkgreen {
background-color: #649B44
}
div.orange {
background-color: #FFAD10
}
div.white li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-white.gif")
}
div.grey li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-grey.gif")
}
div.lightgreen li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-lightgreen.gif")
}
div.ultralightgreen li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-ultralightgreen.gif")
}
div.darkgreen li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-darkgreen.gif")
}
div.orange li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-orange.gif")
}
div.white li.blog {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-blog-white.gif")
}
div.grey li.blog {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-blog-grey.gif")
}
div.lightgreen li.blog {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-blog-lightgreen.gif")
}
div.darkgreen li.blog {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-blog-darkgreen.gif")
}
div.orange li.blog {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-blog-orange.gif")
}
div.white li.video {
background-image: url("/(WiB3.22.1)/templates/img/lists/icon_video_white.gif")
}
div.grey li.video {
background-image: url("/(WiB3.22.1)/templates/img/lists/icon_video_grey.gif")
}
div.lightgreen li.video {
background-image: url("/(WiB3.22.1)/templates/img/lists/icon_video_lightgreen.gif")
}
div.darkgreen li.video {
background-image: url("/(WiB3.22.1)/templates/img/lists/icon_video_darkgreen.gif")
}
div.orange li.video {
background-image: url("/(WiB3.22.1)/templates/img/lists/icon_video_orange.gif")
}
div.teaser-component {
font-size: 12px
}
div.teaser-component a {
color: #24763b
}
div.teaser-component, div.push-component {
float: left
}
div.teaser-component-inner {
/* Fix for IE to get hasLayout property set */
display: inline-block;
/* IE6+ */
}
div.teaser-component-inner {
/* Fix for IE to get hasLayout property set */
display: block;
/* IE6+ */
}
div.teaser-component h4.module-title, div.teaser-component h2.module-title, div.push-component h4.category-title, div.push-component h4.source-title, div.push-component span.category-source-divider {
color: #666;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
float: left
}
div.teaser-component h4.module-title, div.teaser-component h2.module-title {
float: none
}
div.large-package {
padding-bottom: 15px
}
div.large-package p {
color: #141414
}
div.teaser-component div.large-package div.float-right div.push {
width: 184px
}
div.teaser-component div.large-package div.float-right div.push div.image {
float: left;
margin-right: 10px
}
div.teaser-component div.large-package div.float-right div.push div.text-container-with-image {
font-size: 12px
}
div.teaser-component div.large-package ul {
display: block;
float: left;
width: 183px;
list-style: disc inside none
}
div.teaser-component div.large-package ul li {
padding: 0 10px 0 0;
font-size: 12px
}
div.teaser-component div.large-package a {
color: #141414
}
div.teaser-component.most-read-1, div.teaser-component.most-commented-1, div.teaser-component.most-recent-1 {
margin-bottom: 15px;
width: 179px
}
div.teaser-component.most-read-1 li, div.teaser-component.most-commented-1 li {
padding: 5px 0 6px 0;
font-family: arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 140%;
overflow: hidden;
/* clearfix */
}
div.teaser-component.most-read-1 li.item-1, div.teaser-component.most-commented-1 li.item-1 {
padding-top: 10px
}
div.teaser-component.most-read-1 a:hover, div.teaser-component.most-read-1 a, div.teaser-component.most-commented-1 a:hover, div.teaser-component.most-commented-1 a, div.teaser-component.most-recent-1 a:hover, div.teaser-component.most-recent-1 a {
display: block;
color: #141414
}
div.teaser-component.most-read-1 li .text, div.teaser-component.most-commented-1 li .text {
margin-left: 28px
}
div.teaser-component.most-read-1 li .number, div.teaser-component.most-commented-1 li .number {
width: 25px;
height: 31px;
background-image: url("/(WiB3.22.1)/templates/img/global/123.gif");
background-repeat: no-repeat;
float: left
}
div.teaser-component.most-read-1 li.item-1 .number, div.teaser-component.most-commneted-1 li.item-1 .number {
background-position: 0 0
}
div.teaser-component.most-read-1 li.item-2 .number, div.teaser-component.most-commented-1 li.item-2 .number {
background-position: -35px 0
}
div.teaser-component.most-read-1 li.item-3 .number, div.teaser-component.most-commented-1 li.item-3 .number {
background-position: -70px 0
}
div.push-component h4.title, div.push-component h4.title a {
color: #141414
}
div.push-component p.small, div.push-component ul li, div.push-component ul li a {
font-size: 12px
}
div.teaser-component h4.teaser-title, div.teaser-component h2.teaser-title, div.push-component h4.title {
font-size: 16px
}
div.teaser-component div.lightgreen h4.teaser-title *, div.teaser-component div.lightgreen h2.teaser-title * {
color: #FFF
}
div.teaser-component div.darkgreen h4.teaser-title *, div.teaser-component div.darkgreen h2.teaser-title *, div.teaser-component div.darkgreen p {
color: #FFF
}
div.push-component div.one-col h4.title {
font-size: 17px;
font-weight: 300
}
div.push-component div.bold-push h4.title {
font-weight: 700
}
div.push-component div.two-col div.bold-push h3.title {
font-size: 16px;
font-weight: 600
}
div.push-component div.two-col div.large-image h3.title {
font-size: 20px;
font-weight: 300
}
div.push-component div.two-col div.bold-push div.large-image h3.title {
font-weight: 700
}
div.push-component div.two-col h3.title {
font-size: 20px;
font-weight: 300
}
div.push-component div.two-col h3.title, div.push-component div.two-col h3.title a {
color: #000
}
div.push-component div.three-col div.standard-image h4.title {
margin: 0
}
div.push-component div.three-col div.large-image h4.title {
font-size: 37px;
font-weight: 500;
font-family: arial;
line-height: 120%
}
div.push-component div.three-col div.large-image div.bold-push h4.title {
font-family: arial black
}
div.push-component div.three-col div.small-image h4.title, div.push-component div.three-col div.medium-image h4.title {
font-size: 30px
}
div.push-component div.mediatype-blog h4.title * {
color: #FCAF17
}
div.push-component div.three-col div.small-image div.category-and-source-wrapper, div.push-component div.three-col div.medium-image div.category-and-source-wrapper, div.push-component div.three-col div.large-image div.category-and-source-wrapper {
margin: 0
}
div.push-component div.two-col div.large-image div.category-and-source-wrapper {
margin: 0
}
div.push-component div.one-col div.category-and-source-wrapper {
margin: 0
}
div.push-component .comment {
color: #FFB000;
font-weight: bold;
white-space: nowrap
}
div.push-component span.comment {
margin-left: 5px
}
div.push-component a.comment {
margin-left: 7px
}
div.teaser-component div.image-right {
float: right;
margin-left: 7px
}
div.push-component div.image-left {
float: left;
margin-bottom: 7px;
margin-right: 7px
}
div.teaser-component ul, div.push-component ul, div.poll-component ul, div.article-box-fact ul {
list-style: none
}
div.push-component ul.push-link-list a {
color: #264A04
}
div.push-component ul.push-link-list a:hover {
color: #264A04
}
div.teaser-component ul li, div.push-component ul li, div.poll-component ul lii, div.article-box-fact ul li {
background-repeat: no-repeat;
padding: 2px 0 2px 20px;
background-color: transparent;
background-attachment: scroll;
background-position: 2px 6px
}
div.article-box-fact ul li {
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-facts.gif")
}
div.related-links {
margin-bottom: 15px
}
div.related-links li {
clear: both
}
div.related-links li .media-photo, div.related-links li .media-video {
width: 33px;
height: 27px;
float: right;
background-position: 0 -3px;
margin-top: -2px
}
div.related-links li .media-photo {
background-image: url("/(WiB3.22.1)/templates/img/icons/related_links_photo.jpg")
}
div.related-links li .media-video {
background-image: url("/(WiB3.22.1)/templates/img/icons/related_links_video.jpg")
}
div.related-links li, div.teaser-component.most-recent-1 li {
font-size: 12px;
font-family: arial, sans-serif;
font-weight: normal;
padding: 2px 0 7px 0;
line-height: 140%
}
div.related-links li a, div.teaser-component.most-recent-1 li a {
display: block;
/* Counter gaps in click area due to line-height. */
}
div.related-links ul, div.teaser-component.most-recent-1 ul {
list-style: disc outside none;
margin: 5px 0 0 20px
}
div.related-links .item-1, div.related-links .item-1 a, div.teaser-component.most-recent-1 .item-1, div.teaser-component.most-recent-1 .item-1 a:hover, div.teaser-component.most-recent-1 .item-1 a {
color: #24763b
}
div.teaser-component table.teaser-component-most-tabs {
width: 100%
}
div.teaser-component table.teaser-component-most-tabs td.divider {
width: 1px;
background-color: #b5b5b5
}
div.teaser-component div.active-left, div.teaser-component div.active-right, div.teaser-component div.passive {
float: left;
position: relative;
bottom: -1px;
font-size: 11px;
font-weight: bold
}
div.teaser-component table.teaser-component-most-tabs td.active-left, div.teaser-component table.teaser-component-most-tabs td.active-right, div.teaser-component table.teaser-component-most-tabs td.passive {
font-size: 12px;
padding: 4px;
font-weight: 700;
text-transform: uppercase;
cursor: pointer;
text-align: center
}
div.teaser-component div.list {
padding: 10px 5px
}
div.teaser-component li.bold {
font-weight: bold
}
div.teaser-component div.active-left span, div.teaser-component div.active-right span, div.teaser-component div.passive span {
cursor: pointer
}
div.push-component div.mediatype-blog ul li {
background-image: none;
font-size: 11px;
font-weight: 700;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0
}
div.push-component div.mediatype-blog ul li a {
color: #FCAF17
}
ul li.blog {
background-position: 0 2px !important
}
ul li.video {
background-position: 0 1px !important
}
ul.teaser-footer-link li {
font-weight: bold;
font-size: 13px
}
div.push-component div.border, div.teaser-component div.border {
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/dotted-b5b5b5-border-100x100.gif");
background-repeat: repeat;
background-position: top left;
float: left
}
div.teaser-component div.teaser-component-most {
background-image: none;
border: 1px solid #b5b5b5
}
div.teaser-component div.teaser-component-most div.inner {
padding: 5px 10px 0 10px
}
div.teaser-component div.teaser-component-most div.inner div.push {
padding-bottom: 8px;
width: 371px;
float: left;
clear: both
}
div.teaser-component div.teaser-component-most div.inner div.push img.arrow {
float: left;
padding-top: 2px;
padding-right: 10px
}
div.teaser-component div.teaser-component-most div.inner div.push div.image {
padding-right: 14px;
float: left
}
div.teaser-component div.teaser-component-most div.inner div.push div.text-container {
float: left;
width: 331px
}
div.teaser-component div.teaser-component-most div.inner div.push div.text-container-with-image {
float: left;
width: 280px
}
div.teaser-component div.teaser-component-most div.inner div.push div.title a {
font-size: 12px;
font-weight: 700;
color: #264A04
}
div.teaser-component div.teaser-component-most div.inner div.push div.text {
font-size: 11px;
color: #000
}
div.teaser-component table.teaser-component-most-tabs td.passive {
border-style: none none solid none;
border-color: #b5b5b5;
border-width: 1px;
background-color: #e7e7e7
}
div.push-component div.border-inner, div.teaser-component div.border-inner {
margin: 1px
}
div.one-col div.border div.border-inner {
width: 177px;
overflow: hidden
}
div.two-col div.border div.border-inner {
width: 371px;
overflow: hidden
}
div.three-col div.border div.border-inner {
width: 565px;
overflow: hidden
}
div.push-component div.two-col div.image {
float: left;
margin-top: 2px
}
div.push-component div.two-col div.large-image div.image {
margin-top: 0
}
div.push-component div.three-col div.image {
float: left
}
div.push-component div.two-col div.mediatype-blog div.image, div.push-component div.three-col div.mediatype-blog div.image {
margin-left: 7px;
margin-bottom: 7px;
display: inline;
/* Fixes double margin bug in IE6 (?) */
}
div.push-component div.two-col div.large-image div.mediatype-blog div.image {
margin-left: 0
}
div.push-component div.one-col div.image {
width: 179px;
margin: 0
}
div.push-component div.one-col span.icon, div.push-component div.two-col span.icon, div.push-component div.three-col span.icon, div.push-component div.top-carousel-push span.icon, div.news-carousel-component div.news-carousel-push span.icon {
background-position: right bottom;
background-repeat: no-repeat
}
div.push-component div.one-col div.mediatype-photo span.icon, div.push-component div.two-col div.mediatype-photo span.icon, div.push-component div.three-col div.mediatype-photo span.icon, div.push-component div.top-carousel-push div.mediatype-photo span.icon, div.news-carousel-component div.news-carousel-push div.mediatype-photo span.icon {
background-image: url("/(WiB3.22.1)/templates/img/icons/gallery_play2.gif")
}
div.push-component div.one-col div.mediatype-video span.icon, div.push-component div.two-col div.mediatype-video span.icon, div.push-component div.three-col div.mediatype-video span.icon, div.push-component div.top-carousel-push div.mediatype-video span.icon, div.news-carousel-component div.news-carousel-push div.mediatype-video span.icon {
background-image: url("/(WiB3.22.1)/templates/img/icons/video_play2.gif")
}
div.push-component div.date {
overflow: hidden;
padding: 2px 0;
font-size: 10px;
font-weight: 700;
color: #74A94F
}
div.push-component div.text {
overflow: hidden
}
div.push-component div.two-col div.text {
margin: 0 0 0 7px
}
div.push-component div.two-col div.large-image div.text {
margin: 0
}
div.push-component div.three-col div.text {
margin: 0
}
div.push-component div.one-col div.text {
margin: 0
}
div.push-component div.two-col div.large-image div.mediatype-blog div.text {
margin: 0 7px
}
div.push-component div.mediatype-blog img.blog-avatar {
float: left;
margin: 2px 7px 3px 0
}
div#top-carousel {
position: relative;
margin-bottom: 8px
}
div#top-carousel-wrapper {
width: 960px;
overflow: hidden;
float: left
}
div#top-carousel-content {
width: 5000px
}
div.top-carousel-push {
width: 180px;
overflow: hidden;
margin-right: 15px
}
div.top-carousel-push div.image {
width: 180px;
height: 80px
}
div.top-carousel-push h4.title {
font-size: 12px;
font-weight: bold;
line-height: 140%;
margin-top: 4px
}
a.top-carousel-left, a.top-carousel-right {
display: block;
position: absolute;
top: 22px;
height: 36px;
width: 12px
}
a.top-carousel-left {
left: -19px;
background-image: url("/(WiB3.22.1)/templates/img/buttons/top-carousel-left.gif")
}
a.top-carousel-right {
right: -19px;
background-image: url("/(WiB3.22.1)/templates/img/buttons/top-carousel-right.gif")
}
a.top-carousel-left-disabled, a.top-carousel-right-disabled {
opacity: 0.5;
filter: alpha(opacity=50);
cursor: default
}
div.poll-component {
margin-bottom: 15px
}
div.poll-component, div.poll-component p.small {
font-family: arial;
font-size: 12px;
color: #141414
}
div.poll-component ul {
list-style: disc inside none !important
}
div.poll-component div.the-poll {
padding-left: 1px;
padding-top: 8px
}
/* Fix for IE to get hasLayout property set */
div.poll-component p {
position: relative
}
div.keyline-component {
margin-bottom: 2px;
float: left;
background-image: url("/(WiB3.22.1)/templates/img/global/large-package-header-bg.gif");
background-repeat: repeat-x;
background-position: 0 50%
}
div.keyline-component .one-col {
width: 179px
}
div.keyline-component .two-col {
width: 373px
}
div.keyline-component .three-col {
width: 567px
}
div.keyline-component h4 {
font-size: 12px;
font-weight: normal;
text-transform: uppercase;
color: #141414;
display: inline;
padding: 0 5px 0 12px;
background-color: #fff;
background-image: url("/(WiB3.22.1)/templates/img/lists/bullet-white.gif");
background-position: 0 50%;
background-repeat: no-repeat
}
div.line-component {
float: left;
border-bottom: 1px solid #ccc;
margin-bottom: 15px
}
div.ad {
margin-bottom: 10px;
text-align: center
}
div.ad-rectangle-edit {
background-color: #eee
}
div.ad-msg {
text-align: center
}
span.ad-msg, div.wibAdOverlay span.ad-msg {
color: #999;
font-size: 10px !important;
font-weight: 700
}
div.wibAdOverlay span.ad-msg {
line-height: 1em
}
div.wibAdOverlay {
position: relative;
padding: 10px;
width: 885px;
height: 470px;
font-size: 10px !important;
/* IE8 workaround */
}
#ad0, #ad14, #adadcomp-7, #adadcomp-8, #adadcomp-9, #ad18 {
margin-bottom: 0
}
#ad11 {
float: right;
padding: 15px 0 20px 15px;
margin: 0;
width: 310px
}
#ad12 {
margin-top: 10px
}
#ad11 div.ad-msg {
background-color: #CBCBCB
}
#ad11 div.ad-msg span.ad-msg {
color: #444
}
#ad11_rectangle {
padding: 0 5px 5px 5px;
background-color: #CBCBCB
}
#ad0 div.ad-msg, #adadcomp-7 div.ad-msg, #adadcomp-8 div.ad-msg, #adadcomp-9 div.ad-msg, #adadcomp-10 div.ad-msg, #adadcomp-18 div.ad-msg, #adadcomp-21 div.ad-msg, #ad1 div.ad-msg, #ad14 div.ad-msg, #ad12 div.ad-msg, #ad15 div.ad-msg, #ad17 div.ad-msg, #ad18 div.ad-msg, #ad19 div.ad-msg, #ad20 div.ad-msg, #ad23 div.ad-msg, #ad24 div.ad-msg, #ad25 div.ad-msg {
display: none
}
#ad14 {
/* display: none; */
}
#ad15 {
width: 728px;
height: 90px;
float: right;
margin: 0
}
#ad17 {
width: 468px;
height: 60px;
margin: 16px auto 0 auto
}
#ad23 {
margin-top: 10px;
margin-bottom: 0
}
#ad25, #ad1 {
top: 0;
text-align: left;
width: 160px;
overflow: hidden
}
#ad24 {
position: absolute;
top: 0;
width: 160px;
overflow: hidden;
left: -160px;
text-align: right
}
#ad1 {
margin-top: 10px
}
#ad26 {
margin-top: 10px
}
#adadcomp-21 {
height: 90px;
display: table-cell;
vertical-align: middle;
width: 265px
}
#ad-right-hanger {
left: 1000px;
position: absolute
}
div.article-item-wrapper {
float: right
}
div.article-column-4 {
float: left;
width: 179px;
overflow: hidden
}
div.article-column-5 {
float: left;
width: 179px;
margin-left: 15px;
overflow: hidden
}
div.article-copy-link {
margin-top: 15px
}
div.dotted-line-rating {
width: 179px;
height: 2px;
background-image: url("/(WiB3.22.1)/templates/img/global/dotted-line-rating.gif");
background-repeat: repeat-x
}
/* CUSTOM HTML CSS */
div.outer-wrapper, div.default {
margin: 0 auto;
width: 1000px
}
div.custom-html {
/* 1000 + (142 * 2) */
width: 1284px
}
/* -------- HEADER --------- */
div.header {
width: 1000px;
height: 90px;
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/header-background.jpg");
background-repeat: no-repeat;
background-position: top left
}
div.header-links {
margin-top: 5px;
padding: 0 12px;
background-color: #e9f2d2;
color: #1b1b1b;
font-size: 11px;
height: 28px;
/* IE 7 (and 8?) fix */
}
div.header-links ul {
display: inline;
list-style-image: none;
list-style-position: outside;
list-style-type: none
}
div.header-links li {
padding: 7px 8px
}
.header-links-left li {
float: left
}
.header-links-left {
float: left
}
.header-links-right {
float: right
}
.header-links-right li {
float: right
}
.logotype {
float: left;
margin-top: 14px;
margin-left: 20px
}
.logotype a {
display: block;
width: 183px;
height: 53px;
background-image: url("/(WiB3.22.1)/templates/img/global/metro-183x53.png")
}
.logotype a span {
display: none
}
div.promos {
position: relative;
float: right;
color: white;
width: 720px;
height: 90px
}
div.promo-1, div.promo-2, div.promo-1 a, div.promo-2 a {
color: white
}
div.columnist {
position: relative
}
div.promo-1 {
position: absolute;
width: 380px;
height: 90px
}
div.promo-1 .text, div.promo-2 .text {
display: table;
height: 90px;
overflow: hidden
}
div.promo-1 .text {
width: 230px
}
div.promo-2 .text {
text-align: left;
padding-left: 130px;
height: 90px
}
div.promo-1 .cell, div.promo-2 .cell {
display: table-cell;
vertical-align: middle
}
div.promo-1 .cell {
text-align: right;
width: 230px
}
div.promo-2 .cell {
width: 135px
}
div.promo-1 .inner {
width: 230px
}
div.promo-1 .image {
position: absolute;
right: 0;
bottom: 0;
width: 150px;
height: 118px
}
div.promo-1 .image img {
position: absolute;
bottom: 0;
left: 0
}
div.promo-1 .text .title {
font-size: 18px;
line-height: 24px;
font-weight: 300
}
div.promo-1 .text .body {
clear: left;
font-size: 12px;
font-weight: 300;
line-height: 22px
}
div.promo-2 {
position: absolute;
right: 20px;
width: 265px;
height: 90px
}
/* Don't break layout in editor */
#edit_table div.promo-1, #edit_table div.promo-2 {
position: inherit;
right: 0
}
#edit_table div.promo-2 {
background-color: #6ca443
}
#edit_table div.promo-1 {
background-color: #467a3a
}
#edit_table div.promo-1 *, #edit_table div.promo-2 * {
font-family: helvetica, arial, sans-serif
}
div.promo-2 .image {
position: absolute;
right: 145px;
bottom: 0;
/*
width: 120px;
height: 90px;
background-color: rgba(255, 0, 0, 0.5);
*/
}
div.promo-2 .image img {
position: absolute;
right: 0;
bottom: 0
}
div.promo-2 .text .title {
font-size: 18px;
line-height: 24px;
font-weight: 300
}
div.promo-2 .text .body {
clear: left;
font-size: 12px;
font-weight: 300;
line-height: 22px
}
div.promo-full {
float: left;
width: 468px;
height: 60px;
margin: 15px 37px 15px 16px;
overflow: hidden
}
div.header-search {
float: right;
width: 138px;
height: 19px;
font-size: 11px;
border: 1px solid #dcdcdc
}
div.header-search input.search-field {
top: auto;
/* FIXME: remove this when we remove global input css */
float: left;
width: 110px;
height: 15px;
border: none;
font-size: 11px;
/*background-image: url('/(WiB3.22.1)/templates/img/backgrounds/header-searchbox.gif');
background-repeat: no-repeat;
background-position: top left;*/
padding: 2px 3px
}
div.header-search input.search-button {
float: left;
width: 22px;
height: 19px;
top: auto;
/* FIXME: remove this when we remove global input css */
}
div.search-form-button {
float: left;
margin-top: 5px
}
div.search-filter-links-separator {
float: left
}
div.search-filter-links a:active {
font-weight: bold
}
div.top-searches {
float: left;
color: #fff;
width: 235px;
height: 23px;
line-height: 11px;
overflow: hidden;
margin: 3px 0 0 0
}
a.top-search-link, a.top-search-link:hover {
color: #fff
}
h4.search-results-heading a {
color: #264A04
}
div.header-advertisement {
float: left;
width: 230px;
height: 90px;
overflow: hidden;
margin-bottom: 0
}
div.header-advertisement div.ad-msg {
display: none
}
div.navigation {
width: 1000px;
position: relative;
margin-bottom: 17px;
z-index: 11;
/* in order to make sure the submenu is displayed over the top
carousel. */
}
/* Navigation */
div.navigation ul.primary-nav, div.navigation ul.secondary-nav {
list-style: none;
font-weight: 300;
margin: 0 20px;
clear: left
}
div.navigation ul.primary-nav {
font-size: 14px;
line-height: 18px;
height: 42px;
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/nav-line-1.png");
background-repeat: repeat-x;
background-position: left bottom
}
div.navigation ul.secondary-nav {
font-size: 12px;
line-height: 16px;
height: 33px;
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/nav-line-2.png");
background-repeat: repeat-x;
background-position: left bottom
}
div.navigation ul.primary-nav li.quicklink {
font-size: 12px;
line-height: 16px
}
div.navigation ul.primary-nav li.quicklink a {
padding-top: 13px;
height: 13px
}
div.navigation ul.primary-nav a, div.navigation ul.secondary-nav a {
display: block;
text-decoration: none;
color: #000;
white-space: nowrap
}
div.navigation ul.primary-nav a, div.navigation ul.primary-nav .delimiter {
height: 20px;
padding: 11px 11px 6px
}
div.navigation ul.primary-nav li.selected a {
padding-bottom: 11px
}
div.navigation ul.primary-nav li.quicklink a {
padding-bottom: 11px
}
div.navigation ul.secondary-nav a {
/*height: 17px;*/
padding: 6px 11px
}
div.navigation ul.primary-nav.drop li:hover {
background-color: #dddbd6
}
div.navigation ul.primary-nav.drop .delimiter:hover {
background-color: transparent
}
div.navigation ul.primary-nav.drop a:hover {
text-decoration: none
}
div.navigation ul.primary-nav.drop li.selected a:hover {
text-decoration: underline
}
div.navigation ul.primary-nav.drop li.selected:hover {
background-color: white
}
div.navigation ul.primary-nav.drop li.selected.first:hover {
background-color: transparent
}
div.navigation ul.primary-nav.drop li.selected a:hover img, div.navigation ul.secondary-nav li a:hover img {
text-decoration: none
}
div.navigation ul.primary-nav a:hover, div.navigation ul.secondary-nav a:hover {
text-decoration: underline
}
div.navigation ul.primary-nav .delimiter {
color: #dddbd6;
-moz-user-select: none;
-khtml-user-select: none;
user-select: none;
cursor: default
}
/* Level 1 item */
div.navigation ul.primary-nav li {
display: block;
position: relative;
float: left
}
div.navigation ul.primary-nav li.with-logo-right a, div.navigation ul.secondary-nav li.with-logo-right a {
padding-right: 44px
}
div.navigation ul.primary-nav li.with-logo-left a, div.navigation ul.secondary-nav li.with-logo-left a {
padding-left: 44px
}
div.navigation ul.primary-nav img, div.navigation ul.secondary-nav img {
position: absolute;
vertical-align: middle;
margin-top: -3px
}
div.navigation ul.primary-nav li.selected, div.navigation ul.secondary-nav li.selected {
font-weight: 700
}
div.navigation ul.primary-nav li.with-logo-left img {
left: 11px
}
div.navigation ul.primary-nav li.with-logo-right img, div.navigation ul.secondary-nav li img {
padding-left: 5px
}
div.navigation ul.primary-nav li.selected {
background: url("/(WiB3.22.1)/templates/img/backgrounds/nav-line-right.png") no-repeat right bottom;
background-color: white
}
div.navigation ul.primary-nav li.selected a {
background: url("/(WiB3.22.1)/templates/img/backgrounds/nav-line-left.png") no-repeat left bottom;
padding-left: 18px;
padding-right: 18px
}
div.navigation ul.primary-nav li.selected.with-logo-left a {
padding-left: 51px
}
div.navigation ul.primary-nav li.selected.with-logo-right a {
padding-right: 51px
}
div.navigation ul.primary-nav li.selected.with-logo-left img {
left: 18px
}
div.navigation ul.primary-nav li.selected.first, div.navigation ul.primary-nav li.selected.first a {
background: none
}
div.navigation ul.primary-nav li.selected.first a {
padding-left: 0;
padding-right: 11px
}
div.navigation ul.primary-nav li.first a, div.navigation ul.secondary-nav li.first a {
padding-left: 0
}
div.navigation ul.primary-nav li.first a:hover, div.navigation ul.primary-nav li.first:hover {
background-color: transparent;
text-decoration: underline;
font-weight: normal
}
div.navigation ul.primary-nav li.first.selected a:hover {
font-weight: 700
}
/* Level 1 dropdowns */
div.navigation ul.primary-nav.drop li ul {
display: none;
position: absolute;
left: 0;
top: 42px;
z-index: 10;
border: 1px solid #dddbd6;
padding: 0;
background: #f3f2ee;
background: rgba(243, 242, 238, 0.96)
}
div.navigation ul.primary-nav.drop .spacer {
width: 172px;
height: 5px;
position: absolute;
display: none
}
div.navigation ul.primary-nav.drop li:hover ul, div.navigation ul.primary-nav.drop li:hover .spacer {
display: block
}
div.navigation ul.primary-nav.drop li ul li {
float: none
}
div.navigation ul.primary-nav.drop li ul a {
font-size: 12px;
font-weight: normal;
color: #141414;
height: 17px;
padding: 4px 11px 2px !important;
width: 150px;
/* Fixed due to IE */
}
div.navigation ul.primary-nav.drop li ul img {
position: static;
float: right;
margin-right: -11px;
margin-top: -3px
}
div.navigation ul.secondary-nav li {
float: left
}
div.navigation .nav-right {
/* IE renders ul.primary-nav too narrow if this is just float right */
position: absolute;
right: 0;
margin-top: 9px;
margin-right: 20px;
width: 178px
}
div.navigation .nav-right .rss {
float: right;
margin-right: 11px
}
.now {
margin: 0 0 5px 7px;
padding-top: 3px;
font-size: 11px;
color: #808080
}
div.banner {
width: 1000px
}
div.banner-bottom {
width: 970px;
margin: 0 auto
}
div.banner div.ad-msg, div.banner-bottom div.ad-msg {
display: none
}
p.article-comments-disclaimer-text {
padding-bottom: 10px;
font-style: italic;
font-size: 10px;
color: #666
}
div.map-component h3 {
color: black
}
div.html-component {
float: left
}
div.html-component-ad-filler {
width: 118px
}
/* Footer */
div.footer {
clear: both;
padding: 20px 20px 20px 213px;
font-size: 11px;
font-family: Tahoma, arial, sans-serif;
color: #141414;
background-image: url("/(WiB3.22.1)/templates/img/global/metro-footer-173x63.png");
background-position: 20px 50%;
background-repeat: no-repeat
}
div.footer .texts-1 {
/* width: 767-20 px; */
}
div.footer .texts-2 .footer-text {
width: 363px;
/* 767/2 - 20; */
float: left
}
div.footer .texts-3 .footer-text {
width: 235px;
/* 767/3 - 20; */
float: left
}
div.footer .footer-text {
padding-left: 20px
}
/* the relative positioning of this div is in order to bottom-align
the images by absolute-positioning them inside. */
div.footer-extra {
position: relative;
margin: 20px 20px 20px 20px;
padding: 14px 19px 0 19px;
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/footer-extra-gradient.png");
background-repeat: repeat-x;
background-color: #E0E0E0;
border: solid 1px #CACACA;
font-size: 11px;
font-family: Tahoma, arial, sans-serif
}
div.footer-extra table {
font-size: 11px;
width: 100%;
font-size: 11px;
font-family: Tahoma, arial, sans-serif
}
div.footer-extra div.footer-text {
float: left
}
div.footer-extra table tr.header-row {
font-family: arial, sans-serif;
font-size: 14px;
color: #24763b;
font-weight: bold
}
div.footer-extra table tr.header-row td {
border-bottom: 1px solid #020202;
padding: 0 0 5px 0
}
div.footer-extra table tr.header-row td.col-divider {
border-bottom: none
}
div.footer-extra table tr.content-row td {
padding: 5px 0 0 0;
background-position: center bottom;
background-repeat: no-repeat;
vertical-align: top
}
div.footer-extra ul {
margin: 0 0 8px 4px
}
div.footer-extra ul li {
margin-bottom: 2px
}
/* the absolute positioning of this element is to be able to
bottom-align this element in the first parent div. */
div.footer-extra div.image {
position: absolute;
bottom: 0
}
/* Placeholder is here to make sure there is enough space for the image, since
div.image is taken out of the flow. */
div.footer-extra .placeholder {
display: block
}
div.footer h4 {
font-size: 14px;
padding-bottom: 10px
}
div.footer ul li ul {
padding-top: 4px
}
div.footer ul li {
padding-left: 10px
}
div.footer ul li b {
font-size: 12px
}
/* unnumbered lists */
ul.article-paragraph {
list-style: disc inside none;
margin-left: 1px
}
/* implementation of numbered lists */
ol, ol.small, div.white ol {
list-style: outside;
list-style-type: decimal
}
ol li, div.white ol li, div.orange ol li {
font-size: 12px;
background-image: none;
padding: 0;
margin: 2px 0 2px 20px
}
/* New layout for article-box-component, variant quotes */
div.article-box-quote {
border: 1px solid #b5b5b5;
padding: 6px 3px 4px 3px
}
blockquote.metro-generated-quote {
color: #000
}
div.metro-generated-quote-footer {
clear: both
}
blockquote.metro-generated-quote div.open-quote {
float: left;
margin-right: 4px;
width: 36px
}
blockquote.metro-generated-quote div.close-quote {
float: right;
margin: 0;
padding: 0;
width: 36px
}
blockquote.metro-generated-quote div.text {
padding: 13px 36px 0 0;
margin-bottom: -8px;
color: #000
}
.article-box-fact.module-title, .related-links .module-title, .teaser-component.most-read-1 .module-title, .teaser-component.most-commented-1 .module-title, .teaser-component.most-recent-1 .module-title, .poll-component div.poll-title {
clear: both;
border-top: 1px solid black;
border-bottom: 4px solid black;
padding: 8px 0;
color: #24763b;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold
}
.related-links div.module-title a {
color: #24763b;
font-family: arial, sans-serif;
font-size: 14px;
font-weight: bold
}
.article-box-fact .subtitle {
padding-bottom: 3px
}
.article-box-fact .subtitle span {
display: table;
color: white;
background-color: #24763b;
padding: 3px 6px;
font-weight: bold
}
.article-box-fact.column {
float: left;
background-color: #f0f2ed;
/* unspecified */
padding: 11px 8px 4px 8px;
width: 163px
}
.article-box-fact .body {
padding: 3px 0
}
.article-box-fact .body p {
margin: 3px 0 7px 0
}
.article-box-fact-group {
background-color: #f0f2ed;
/* unspecified */
overflow: hidden;
display: inline-block;
/* Necessary to trigger "hasLayout" in IE */
display: block;
/* Sets element back to block */
}
.column-1-3 .article-box-fact.column.first {
padding-right: 23px;
/* 8+15 */
}
.article-box-fact-para {
float: right;
clear: right;
width: 179px;
margin: 0 0 10px 15px
}
#edit_table .article-box-fact.module-title {
width: 179px
}
/* Advertisements */
.width-370 {
width: 370px
}
.width-336 {
width: 336px
}
/* Big News Module */
.big-news-box {
float: left;
width: 372px;
overflow: hidden;
margin-top: 7px
}
.big-news-box h1 {
font-family: arial, sans-serif;
font-weight: normal;
font-size: 14px;
color: #649844
}
.big-news-line {
float: left;
margin-bottom: 10px
}
.teaser-component-big-news {
float: left;
width: 114px;
height: 108px;
overflow: hidden
}
.big-news-caption {
margin-top: 8px;
font-family: arial, sans-serif;
font-size: 13px;
color: #000;
padding-left: 2px
}
/* 5 Column (bottom) styles */
#column-1-5-bottom {
margin-bottom: 19px
}
#column-1-5-bottom .box-header {
float: left;
width: 100%;
height: 19px;
margin-bottom: 5px
}
#column-1-5-bottom .box-title {
float: left;
font-family: arial, sans-serif;
font-size: 16px;
line-height: 16px;
color: #649844;
font-weight: bold;
margin-top: 6px
}
#column-1-5-bottom .box-nav {
float: right;
width: 110px;
height: 20px
}
#column-1-5-bottom a.box-nav-previous {
display: block;
float: left;
width: 50px;
height: 20px;
margin-right: 10px;
background-image: url("/(WiB3.22.1)/templates/img/global/btn-previous-green.jpg")
}
#column-1-5-bottom a.box-nav-previous-hidden {
background-image: url("/(WiB3.22.1)/templates/img/global/btn-previous-grey.jpg") !important;
cursor: default
}
#column-1-5-bottom a.box-nav-next {
display: block;
float: left;
width: 50px;
height: 20px;
background-image: url("/(WiB3.22.1)/templates/img/global/btn-next-green.jpg")
}
#column-1-5-bottom a.box-nav-next-hidden {
background-image: url("/(WiB3.22.1)/templates/img/global/btn-next-grey.jpg") !important;
cursor: default
}
#column-1-5-bottom .box-line {
height: 2px;
margin-bottom: 8px
}
#column-1-5-bottom .category-and-source-wrapper {
height: 14px;
margin: 0;
padding: 0
}
#column-1-5-bottom h4.category-title {
text-transform: none;
font-weight: normal;
font-size: 11px;
line-height: 11px;
color: #646464
}
#column-1-5-bottom h4.title {
font-size: 20px
}
#column-1-5-bottom div.image {
margin: 0;
width: 179px
}
#column-1-5-bottom p.small, #column-1-5-bottom h4.title {
font-size: 11px
}
/* Article title/subtitle */
h1.title {
color: #000;
font-size: 44px;
padding-bottom: 10px;
line-height: 1.15;
font-weight: 300
}
h2.subtitle {
font-size: 13px;
font-weight: 700;
padding-bottom: 10px
}
/* Bottom Carousel */
#bottom-carousel-wrapper {
width: 959px;
height: 240px;
overflow: hidden
}
#bottom-carousel-content {
width: 1940px
}
/* Article Gallery layout */
div.gallery div.header {
margin-bottom: 0
}
div.gallery div.light-header .logotype {
margin-left: 0;
margin-top: 11px
}
div.gallery div.light-header .logotype a {
width: 233px;
height: 68px;
background-image: url("/(WiB3.22.1)/templates/img/global/metro-logo-233x68.jpg")
}
div.gallery div.light-header {
background-image: none;
margin-bottom: 5px
}
div.gallery div.header div.header-ads {
width: 767px;
float: left
}
div.gallery div.article-slideshow {
padding-bottom: 0
}
div.light-navigation {
background-color: white;
margin: 0 1px;
padding-left: 19px;
width: 979px;
border-top: solid 1px #7f7f7f;
border-bottom: solid 1px #7f7f7f;
height: 24px;
font-family: arial, sans-serif
}
div.light-navigation ul.primary-nav {
border: none;
list-style: none;
font-size: 15px;
font-weight: 400;
line-height: 24px;
height: 24px
}
div.light-navigation ul.primary-nav li {
float: left;
border: none;
margin: 0;
padding: 0;
height: 24px
}
div.light-navigation ul.primary-nav li span.divider {
padding-left: 5px;
padding-right: 5px;
font-size: 10px;
vertical-align: top
}
div.gallery h1.title {
font-size: 40px;
font-weight: 50
}
div.gallery div#gallery {
width: 567px;
margin-bottom: 50px
}
div.gallery div#gallery div.gallery-item div.image {
cursor: pointer
}
div.gallery div#gallery div.gallery-item div.image div.spinner {
cursor: pointer;
width: 526px;
height: 427px;
text-align: center
}
div.gallery div#gallery div.gallery-item div.image div.spinner img {
margin-top: 205px
}
div.gallery div#gallery div.gallery-item div.credit {
font-size: 11px;
float: right;
margin-top: 5px
}
div.gallery div#gallery div.gallery-item div.title {
clear: both;
margin-bottom: 10px
}
div.gallery div#gallery div.gallery-item div.title h3 {
font-size: 21px;
color: #285600
}
div.gallery div#gallery div.gallery-item div.caption p.caption {
font-size: 13px
}
div.gallery div.gallery-text {
margin: 10px 0 5px 0
}
div.gallery div#gallery-navigation div.controls {
width: 373px;
float: left
}
div.gallery div#gallery-navigation div.previous {
float: left;
width: 40px;
cursor: pointer
}
div.gallery div#gallery-navigation div.counter {
float: left;
width: 293px;
text-align: center;
color: #285600;
line-height: 76px
}
div.gallery div#gallery-navigation div.counter span.number {
font-size: 38px
}
div.gallery div#gallery-navigation div.counter span.of {
font-size: 22px;
padding: 0 10px
}
div.gallery div#gallery-navigation div.next {
float: left;
width: 40px;
cursor: pointer
}
div.gallery div#gallery-navigation div.thumbs {
width: 370px;
height: 60px;
overflow: hidden;
float: left;
margin-top: 15px
}
div.gallery div#gallery-navigation div.thumb-list {
/* width need to be specified in template as it needs to be as wide as the sum of the items */
}
div.gallery div#gallery-navigation div.gallery-item-thumbnail {
float: left;
padding: 5px;
margin: 0 5px;
cursor: pointer
}
div.gallery div#gallery-navigation div.selected {
background-color: #659347
}
div.gallery div.gallery-share {
width: 373px;
float: left;
margin-top: 20px;
margin-bottom: 20px
}
/* *********************** SHARE TOOLS ***********************/
div.share-tools-top {
clear: both;
border-top: 1px dotted #b5b5b5;
border-bottom: 1px dotted #b5b5b5;
margin-bottom: 10px
}
div.share-tools-top div.fb-like {
/* Removed as this hides the expande dialog from the facebook plugins. */
/* overflow: hidden; */
}
div.share-tools-bottom {
clear: both;
margin-top: 30px;
/* Removed as this hides the expande dialog from the facebook plugins. */
/* overflow: hidden; */
}
div.share-tools-bottom div.byline div.text {
padding-top: 5px
}
div.share-tools-bottom div.byline div.text div.name {
font-size: 13px;
font-weight: 700;
margin-bottom: 5px
}
div.share-tools-bottom div.byline div.image {
float: left;
margin-right: 10px
}
div.share-tools {
clear: both;
padding: 7px 0
}
div.share-tools div.tweet {
overflow: hidden;
float: left
}
div.share-tools div.addthis {
overflow: hidden;
float: left;
margin-top: 7px
}
div.gallery div.share-tools div.addthis {
float: right;
margin-top: 3px
}
div.gallery div.share-tools div.tools {
text-align: center
}
/* new row with extra tools */
div.extra-tools {
background-color: lightyellow
}
div.extra-tools div.readspeaker, div.extra-tools div.email-editorial-staff {
vertical-align: middle;
float: left;
margin-right: 6px;
margin-top: 7px
}
div.extra-tools div.readspeaker span, div.extra-tools div.email-editorial-staff span {
line-height: 23px
}
div.extra-tools div.readspeaker img, div.extra-tools div.email-editorial-staff img {
padding-right: 5px;
display: block;
float: left
}
div.extra-tools div.email-editorial-staff img {
margin-top: 3px
}
div.extra-tools div.vkontakte-share {
margin: 7px 5px 0 0
}
div.extra-tools div.vkontakte-share, div.extra-tools div.addthis {
float: left
}
div.extra-tools div.odnoklassniki-share {
float: left;
margin: 7px 5px 0 0
}
div.extra-tools div.email-share {
float: left;
margin: 7px 5px 0 0
}
div.share-tools div.sharethis span.st_sharethis_custom {
background: url("/(WiB3.22.1)/templates/img/icons/share-icon-black.png") no-repeat scroll left center transparent;
padding: 0 0 2px 20px;
font-family: verdana, helvetica, sans-serif;
font-size: 11px;
line-height: 16px
}
/* Article Slideshow */
div.article-slideshow {
position: relative;
padding-bottom: 10px
}
div#article-slideshow-wrapper {
overflow: hidden;
margin-bottom: 10px
}
div.article-slideshow-2-col {
width: 373px;
min-height: 430px
}
div.article-slideshow-3-col {
width: 567px;
min-height: 321px
}
div.article-slideshow-2-col div#article-slideshow-content, div.article-slideshow-3-col div#article-slideshow-content {
width: 100000px
}
div.article-slideshow-image {
float: left
}
div.article-slideshow-2-col div.article-slideshow-image {
width: 373px
}
div.article-slideshow-3-col div.article-slideshow-image {
width: 567px
}
a.article-slideshow-control {
width: 32px;
height: 68px;
position: absolute;
outline: none
}
a.article-slideshow-control-left {
background-image: url("/(WiB3.22.1)/templates/img/icons/article-slideshow-left.png")
}
a.article-slideshow-control-right {
background-image: url("/(WiB3.22.1)/templates/img/icons/article-slideshow-right.png");
right: 0
}
a.article-slideshow-control-right {
background-image: url("/(WiB3.22.1)/templates/img/icons/article-slideshow-right.png");
right: 0
}
div.article-slideshow-2-col a.article-slideshow-control {
top: 168px
}
div.article-slideshow-3-col a.article-slideshow-control {
top: 112px
}
a.article-slideshow-control-fullscreen {
float: right;
margin: 6px 6px
}
span.article-slideshow-counter {
font-family: "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 100;
font-size: 30px;
color: #616262
}
span.article-slideshow-of {
font-weight: 700;
color: #ee8522;
font-size: 12px;
margin: 0 5px 0 3px
}
div.article-slideshow-counter-container {
float: right
}
/* Gallery teaser */
div.gallery-teasers {
width: 567px
}
div.gallery-teasers div.gallery-teasers-part {
float: left;
width: 250px;
margin-bottom: 30px;
overflow: hidden
}
div.gallery-teasers div.gallery-teasers-part-left {
clear: left
}
div.gallery-teasers div.gallery-teasers-part-left div.gallery-teaser-item {
padding-right: 29px;
border-right: 1px solid #B2B2B2
}
div.gallery-teasers div.gallery-teasers-part-right div.gallery-teaser-item {
padding-left: 29px;
border-left: 1px solid #B2B2B2;
margin-left: -1px
}
div.gallery-teasers div.gallery-teasers-part div.part-title {
margin-bottom: 10px;
width: 240px
}
div.gallery-teasers div.gallery-teasers-part-left div.part-title {
padding-right: 10px
}
div.gallery-teasers div.gallery-teasers-part-right div.part-title {
padding-left: 10px
}
/* FIXME: what are "gallery teasers"??? */
div.gallery-teasers div.gallery-teasers-part div.part-title h3 {
width: 230px;
white-space: nowrap;
overflow: hidden;
color: #285600
}
div.gallery-teasers div.gallery-teasers-part-right div.part-title h3 {
padding-left: 20px
}
div.gallery-teasers div.gallery-teasers-part div.part-title div.title-line {
margin-top: 4px;
height: 1px;
background-color: #B2B2B2
}
div.gallery-teasers div.gallery-teaser-item {
width: 220px;
padding-top: 10px;
overflow: hidden
}
div.gallery-teasers div.gallery-teaser-item div.image {
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/gallery-stack-black.jpg");
background-repeat: no-repeat;
background-position: top left;
width: 73px;
height: 56px;
float: left
}
div.gallery-teasers div.gallery-teaser-item div.image img {
margin-left: 13px;
margin-top: 12px
}
div.gallery-teasers div.gallery-teaser-item div.text {
float: left;
width: 137px;
padding-left: 10px;
padding-top: 5px
}
div.gallery-teasers div.gallery-teaser-item div.text div.title h4 {
font-size: 13px;
font-weight: 700
}
div.gallery-teasers div.gallery-teaser-item div.text div.body p.small {
font-size: 12px
}
/* --- */
div.teaser-ad-filler {
float: left;
width: 118px
}
div.teaser-ad-filler h4.module-title, div.teaser-ad-filler h2.module-title {
font-size: 16px;
margin-bottom: 10px
}
div.teaser-ad-filler h4.teaser-title, div.teaser-ad-filler h2.teaser-title {
font-size: 14px
}
div.teaser-ad-filler a.small {
font-size: 12px;
color: #000
}
#date {
clear: both;
margin-left: 19px;
font-size: 11px;
font-weight: 300;
color: #616262;
height: 15px
}
/* News Carousel */
div.news-carousel-component {
min-height: 425px
}
div.news-carousel-push {
float: left
}
div.news-carousel-push div.text {
width: 371px;
padding-top: 10px;
padding-right: 10px
}
div.news-carousel-push div.text h2.title {
font-size: 35px;
font-weight: 300
}
div.news-carousel-push div.bold-push div.text h2.title {
font-weight: 700
}
div.news-carousel-push div.text p.small {
font-size: 12px
}
div.news-carousel-wrapper {
overflow: hidden
}
div.news-carousel-content {
width: 3000px
}
div.news-carousel-thumbnails-wrapper {
position: relative
}
div.news-carousel-thumbnails {
position: absolute;
top: 301px;
right: 0
}
div.news-carousel-thumbnail {
position: relative;
float: left;
padding: 3px
}
div.news-carousel-thumbnail-left-margin {
margin-left: 10px
}
div.news-carousel-push div.image {
width: 567px;
height: 291px
}
span.news-carousel-overlay {
width: 88px;
height: 57px;
position: absolute;
top: 0;
left: 0
}
span.news-carousel-overlay-1:hover, span.news-carousel-overlay-active-1 {
background-image: url("/(WiB3.22.1)/templates/img/icons/news-carousel-overlay-1.png")
}
span.news-carousel-overlay-2:hover, span.news-carousel-overlay-active-2 {
background-image: url("/(WiB3.22.1)/templates/img/icons/news-carousel-overlay-2.png")
}
span.news-carousel-overlay-3:hover, span.news-carousel-overlay-active-3 {
background-image: url("/(WiB3.22.1)/templates/img/icons/news-carousel-overlay-3.png")
}
span.news-carousel-overlay-4:hover, span.news-carousel-overlay-active-4 {
background-image: url("/(WiB3.22.1)/templates/img/icons/news-carousel-overlay-4.png")
}
div.news-carousel-component a.news-carousel-jumper {
outline: 0
}
div.news-carousel-component a.news-carousel-control {
width: 32px;
height: 68px;
position: absolute;
outline: 0
}
div.news-carousel-component a.news-carousel-control-left {
background-image: url("/(WiB3.22.1)/templates/img/icons/article-slideshow-left.png")
}
div.news-carousel-component a.news-carousel-control-right {
background-image: url("/(WiB3.22.1)/templates/img/icons/article-slideshow-right.png");
right: 0
}
div.news-carousel-component a.news-carousel-control-left, div.news-carousel-component a.news-carousel-control-right {
top: 112px
}
/* Video Carousel */
div.video-carousel-component {
min-height: 270px;
border: 1px solid #36343a;
background-color: #e8e2e2;
width: 565px;
overflow: hidden
}
div.video-carousel-thumbnails-wrapper {
position: relative
}
div.video-carousel-thumbnails {
position: absolute;
border-right: 3px solid #36343a;
height: 272px
}
div.video-carousel-thumbnail {
position: relative;
padding: 7px;
width: 152px;
height: 40px
}
div.video-carousel-thumbnail img {
float: left;
margin-right: 5px
}
div.video-carousel-thumbnail div.text {
padding: 4px 0;
height: 37px;
overflow: hidden;
font-size: 11px;
font-weight: bold;
color: #36343a
}
span.video-carousel-overlay {
width: 178px;
height: 54px;
position: absolute;
z-index: 1;
top: 0;
left: 0
}
div.video-carousel-component a.news-carousel-jumper {
outline: 0
}
div.video-carousel-wrapper {
overflow: hidden;
margin-left: 169px
}
div.video-carousel-content {
position: relative;
width: 3000px;
height: 272px
}
div.video-carousel-push {
float: left
}
div.video-carousel-push div.text {
position: absolute;
bottom: 0;
width: 385px;
height: 33px;
padding: 7px 4px 7px 7px;
background: url("/(WiB3.22.1)/templates/img/icons/video-carousel-text-bg.png") top left no-repeat
}
div.video-carousel-push div.text div.play-button {
float: right;
width: 39px;
height: 35px
}
div.video-carousel-push div.text h2.title {
float: left;
font-weight: 300;
font-size: 18px;
line-height: 80%
}
div.video-carousel-push div.text p.small {
font-size: 11px
}
div.video-carousel-push div.text a, div.video-carousel-push div.text p.small {
color: white
}
div.video-carousel-push div.image {
width: 398px;
height: 268px
}
span.video-carousel-overlay-active-1, span.video-carousel-overlay-active-2, span.video-carousel-overlay-active-3, span.video-carousel-overlay-active-4, span.video-carousel-overlay-active-5 {
background-image: url("/(WiB3.22.1)/templates/img/icons/video-carousel-overlay.png")
}
span.video-carousel-overlay-1:hover, span.video-carousel-overlay-2:hover, span.video-carousel-overlay-3:hover, span.video-carousel-overlay-4:hover, span.video-carousel-overlay-5:hover {
background: url("/(WiB3.22.1)/templates/img/icons/video-carousel-overlay-bg.png") top left repeat-y
}
div.rss-component div.rss-component-item {
clear: both;
margin-bottom: 15px
}
div.rss-component div.advertorial div.header {
height: 15px;
width: 367px;
background-image: none;
background-color: black;
color: white;
font-family: arial;
font-size: 12px;
font-weight: bold;
padding: 0 3px
}
div.rss-component div.advertorial div.image.following {
width: 128px;
float: left;
margin: 0 7px 0 0
}
div.rss-component div.advertorial div.header div.text {
float: right;
font-size: 10px;
padding-top: 1px
}
div.rss-component div.advertorial .image .link {
display: block;
position: relative
}
div.rss-component div.advertorial .image .arrow {
position: absolute;
right: 0
}
div.rss-component div.two-col h4.title {
font-size: 20px;
font-weight: 300
}
div.rss-component div.two-col h4.title.bold {
font-weight: 700
}
div.rss-component div.advertorial div.footer {
background-image: none;
background-color: #FFF;
height: 13px;
width: 375px;
padding: 0
}
/* News Ticker Styles */
div.news-ticker {
background-image: url("/(WiB3.22.1)/templates/img/backgrounds/nav-line-1.png");
background-position: left bottom;
background-repeat: repeat-x;
font-size: 13px;
height: 37px;
margin: 0 0 10px 0;
overflow: hidden
}
div.news-ticker .headline {
white-space: nowrap;
font-weight: bold;
font-size: 16px;
color: #ed8522;
margin: 0 10px 0 0
}
div.news-ticker .content {
font-size: 13px;
color: #141414;
white-space: nowrap
}
div.news-ticker span.text {
margin: 0 25px 0 0
}
div.news-ticker div.news-ticker-content-wrapper {
overflow: hidden
}
div.video-component {
padding-bottom: 10px
}
/* js-kit */
input.js-kit-from-name {
width: 190px
}
/* search */
.search-page a.gs-title {
color: #264a04;
font-size: 15px !important;
font-weight: bold;
text-decoration: none !important
}
.search-page div.gs-title a.gs-title b {
font-weight: bold;
text-decoration: underline;
color: #264a04
}
.search-page div.gs-title {
text-decoration: none !important
}
.search-page input.gsc-input {
top: 0;
height: 25px;
font-size: 15px !important;
line-height: 25px !important
}
.search-page input.gsc-search-button {
top: 0;
height: 25px;
font-size: 12px !important
}
.search-page input.gsc-input {
border-color: #ccc
}
.search-page input.gsc-search-button {
font-size: 18px
}
.search-page div.gs-visibleUrl, .search-page div.gs-visibleUrl-short {
color: #264a07
}
.search-page div.gsc-cursor-current-page {
color: #141414 !important
}
ul.link-list-light.refine-search-list li a.selected {
font-weight: bold;
font-size: 15px
}
ul.link-list-light.refine-search-list li.delimiter {
margin: 0 7px
}
.search-radio-button-label {
float: left;
margin-top: -3px;
margin-right: 30px
}
.search-page-search {
border: 1px solid #DCDCDC;
height: 37px;
width: 440px
}
div.search-page-search input.search-text-box {
border: medium none;
float: left;
font-size: 16px;
height: 33px;
padding: 2px 6px;
top: auto;
width: 396px
}
.search-powered-by {
float: right;
width: 123px
}
.search-powered-by-text {
float: left;
margin-top: 6px;
font-weight: bold
}
.search-powered-by-logo {
float: right;
padding-left: 5px
}
/* Topics */
div.topic div.article-item-wrapper {
float: left
}
div.topic div.column-1-3 h1 {
font-size: 26px;
font-style: arial, sans-serif;
clear: both;
border-top: 1px solid black;
border-bottom: 4px solid black;
color: #24763B;
padding: 8px 0;
margin-bottom: 15px
}
div.topic div.title {
max-height: 200px;
overflow: hidden
}
/* Start CSS Class for Solr Search Result Layout */
.solr-results-heading {
padding-bottom: 10px;
margin-top: 10px;
border-bottom: solid 1px #EAEAEA;
color: #444
}
.solr-result-box {
padding: 2px;
height: 5px;
vertical-align: top
}
.solr-result-image {
float: left;
margin-right: 6px
}
.solr-result-title {
font-weight: bold;
font-size: 15px !important;
color: #264A04;
text-decoration: none !important
}
.solr-pagination {
padding: 5px;
float: right
}
.solr-page-num {
text-decoration: underline
}
.solr-no-result {
border: 1px solid #FC3;
background-color: #FFF4C2;
padding: 5px;
margin: 5px 0 0 0
}
.solr-search-btn {
padding: 2px 6px 2px 6px;
background-color: #EAEAEA
}
/* End CSS Class for Solr Search Result Layout */
/* *** END FILE:/templates/css/1/metro2.css *** */
/* *** BEGIN FILE:/templates/css/1/typography.css *** */
body {
font-family: helvetica, arial, sans-serif;
font-weight: 400
}
/*** PARAGRAPHS ***/
p {
color: #000
}
v-big {
font-size: 1.4em
}
p.big {
font-size: 1.1em
}
.medium {
font-size: 1em
}
.small {
font-size: 13px;
line-height: 1.4
}
.v-small {
font-size: 0.7em
}
.x-small-333 {
font-size: 0.6em;
color: #333
}
/*** HEADINGS ***/
h1.small-heading {
color: #3D7311;
font-size: 1.3em
}
h1.fc-reader {
color: #ffaf00
}
h1.fc-metro {
color: #3D7311
}
h2 {
color: #000;
font-size: 1.1em
}
h2.small {
font-size: 0.8em
}
h3 {
color: #3D7311;
font-size: 1em
}
h3.small-666 {
color: #666;
font-size: 0.8em
}
h4 {
margin-top: 0.18em
}
h4.big-teaser-heading {
font-size: 1.35em;
line-height: 1em;
padding-bottom: 0.1em;
margin-bottom: -0.1em;
color: #3D7311
}
h4.small-teaser-heading {
font-size: 0.8em;
line-height: 1.2em;
color: #3D7311
}
h4.teaser-heading-grey {
color: #666;
font-size: 1em
}
/*** QUOTES ***/
blockquote {
color: #fff;
font-size: 12px;
font-weight: bold
}
/* Blockquote */
blockquote.user-generated-quote {
background: url("/(WiB3.22.1)/templates/img/global/open-pull-quote-32x27.gif") no-repeat 3px 3px
}
blockquote.user-generated-quote div {
background: url("/(WiB3.22.1)/templates/img/global/close-pull-quote-32x27.gif") no-repeat bottom right;
padding: 29px 0 20px 0;
margin-right: 3px
}
blockquote.metro-generated-quote div.quotes {
padding: 29px 0 20px 0;
margin: 0 3px 3px 0
}
blockquote.user-white {
background: url("/(WiB3.22.1)/templates/img/global/open-user-quote-white.gif") no-repeat top left;
padding-left: 14px;
padding-top: 29px
}
blockquote.user-white div {
background: url("/(WiB3.22.1)/templates/img/global/close-user-quote-white.gif") no-repeat bottom right;
padding-bottom: 22px
}
/*** LINKS ***/
a {
color: #000;
text-decoration: none
}
a:hover {
color: #000;
text-decoration: underline
}
a.white-rollover:hover {
color: #fff
}
.article-body a {
color: #24763b
}
.call-to-action-center {
font-size: 0.75em;
line-height: 1.4em;
font-weight: bold;
color: #fff
}
.call-to-action-center a {
color: #fff
}
.call-to-action-center a:hover {
text-decoration: underline;
color: #fff
}
/*** LINK LISTS ***/
ul {
list-style: none
}
ul.link-list li {
background: transparent url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat 0 4px;
line-height: 0.9em;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding-left: 18px
}
ul.link-list.bg-ffb000 li {
font-size: 0.7em;
line-height: 1.4em;
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat 0 2px;
padding-left: 18px
}
/* Blog pushes **/
.small-blog-teaser-heading a:hover {
color: #FFB000;
text-decoration: underline
}
.small-blog-teaser-heading {
color: #FFB000;
font-size: 1em;
line-height: 1em
}
.big-blog-teaser-heading a:hover {
color: #FFB000;
text-decoration: underline
}
.big-blog-teaser-heading a {
color: #FFB000
}
.small-blog-teaser-heading a {
color: #FFB000
}
ul.link-list.bg-fcf6c8 li {
font-size: 0.7em;
line-height: 1.4em;
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-bg-fcf6c8.gif") no-repeat 0 2px;
padding-left: 18px
}
ul.mp-link-list li {
list-style: none;
font-size: 0.7em;
line-height: 1.3em;
padding-bottom: 5px
}
ul.mp-link-list li {
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat 6px 3px;
padding-left: 27px
}
ul.mp-link-list li.user-generated {
background: url("/(WiB3.22.1)/templates/img/lists/user-comment-17x15.gif") no-repeat 0 0;
padding-left: 27px
}
ul.ug-link-list li {
background: url("/(WiB3.22.1)/templates/img/lists/user-comment-20x18.gif") no-repeat 0 3px;
padding-left: 28px;
list-style-type: none
}
ul.ug-link-list li a {
font-size: 0.7em;
font-weight: bold;
color: #666
}
ul.ug-link-list li a .ug-title {
color: #3D7311;
line-height: 1.1em
}
ul.link-list-light {
list-style: none
}
ul.link-list-light li {
font-weight: normal
}
.inline li {
display: inline;
margin-right: 5px
}
ul.link-list-x-small {
list-style-type: none
}
ul.link-list-x-small li {
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-bg-green.gif") no-repeat 0 0;
font-size: 0.6em;
line-height: 1.2em;
padding: 0 0 4px 16px
}
ul.link-list-x-small li a:hover {
color: #fff
}
/*** NAVIGATION LISTS ***/
.home {
position: relative;
top: 0;
background: #fff;
border-top: 0;
margin-bottom: 0;
padding: 0 20px 10px 0
}
/* Article Tools */
ul.tools {
margin-left: 5px;
list-style-type: none;
text-transform: uppercase;
font-size: 0.7em
}
ul.tools li {
float: left;
width: 129px
}
ul li.tools-comments {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/user-comment-20x18.gif") no-repeat top left
}
ul li.tools-comments a, ul li.tools-comments a:hover {
color: #FCAF17;
font-weight: 700
}
ul li.tools-print {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/tools-print.gif") no-repeat top left
}
ul li.tools-share {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/tools-share.gif") no-repeat top left
}
ul li.tools-rss {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/tools-rss.gif") no-repeat top left
}
ul li.tools-newsvine {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/tools-newsvine.gif") no-repeat top left
}
ul li.tools-delicious {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/tools-delicious.gif") no-repeat top left
}
ul li.tools-wikio {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/tools-wikio.gif") no-repeat top left
}
ul li.tools-facebook {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/FaceBook_14x14.png") no-repeat;
background-position: 3px top;
text-transform: none
}
ul li.tools-myspace {
padding: 0 20px 9px 25px;
background: url("/(WiB3.22.1)/templates/img/lists/MySpace_14x14.png") no-repeat;
background-position: 3px top;
text-transform: none
}
/* Aggregated Content */
ul.aggregated-menu {
list-style: none;
width: 161px
}
ul.aggregated-menu li.aggregated-level-1 {
padding: 0 5px 0 18px
}
ul.aggregated-menu li.closed {
background: transparent url("/(WiB3.22.1)/templates/img/lists/plus-14x13.png") no-repeat 0 4px !important;
background: transparent url("/(WiB3.22.1)/templates/img/lists/plus-14x13.gif") no-repeat 0 4px
}
ul.aggregated-menu li.open {
background: transparent url("/(WiB3.22.1)/templates/img/lists/minus-14x13.png") no-repeat 0 4px !important;
background: transparent url("/(WiB3.22.1)/templates/img/lists/minus-14x13.gif") no-repeat 0 4px
}
ul.aggregated-level-2 {
list-style: none
}
ul.aggregated-level-2 li {
padding-bottom: 3px
}
/* Classifieds */
ul.classifieds-teaser-lists li {
list-style-type: none;
display: inline;
text-transform: uppercase
}
ul.classifieds-teaser-lists li.property {
position: absolute;
left: 230px;
top: 70px
}
ul.classifieds-teaser-lists li.property a {
background: url("/(WiB3.22.1)/templates/img/icons/property-21x17.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 3px;
position: relative
}
ul.classifieds-teaser-lists li.property a:hover {
background: url("/(WiB3.22.1)/templates/img/icons/property-hover-21x17.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 3px;
position: relative
}
ul.classifieds-teaser-lists li.dating {
position: absolute;
left: 440px;
margin-top: 114px
}
ul.classifieds-teaser-lists li.dating a {
background: url("/(WiB3.22.1)/templates/img/icons/dating-25x16.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 0;
position: relative
}
ul.classifieds-teaser-lists li.dating a:hover {
background: url("/(WiB3.22.1)/templates/img/icons/dating-hover-25x16.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 0;
position: relative
}
ul.classifieds-teaser-lists li.education {
position: absolute;
left: 553px;
margin-top: 114px
}
ul.classifieds-teaser-lists li.education a {
background: url("/(WiB3.22.1)/templates/img/icons/education-13x16.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 12px;
position: relative
}
ul.classifieds-teaser-lists li.education a:hover {
background: url("/(WiB3.22.1)/templates/img/icons/education-hover-13x16.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 12px;
position: relative
}
ul.classifieds-teaser-lists li.cars {
position: absolute;
left: 696px;
margin-top: 150px
}
ul.classifieds-teaser-lists li.cars a {
background: url("/(WiB3.22.1)/templates/img/icons/cars-29x16.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 15px;
position: relative
}
ul.classifieds-teaser-lists li.cars a:hover {
background: url("/(WiB3.22.1)/templates/img/icons/cars-hover-29x16.gif") no-repeat 0 20px;
width: 21px;
height: 17px;
padding: 5px 10px 25px 15px;
position: relative
}
ul.classifieds-teaser-lists li.jobs {
position: absolute;
left: 825px;
margin-top: 95px
}
ul.classifieds-teaser-lists li.jobs a {
background: url("/(WiB3.22.1)/templates/img/icons/jobs-23x21.gif") no-repeat 0 5px;
width: 21px;
height: 17px;
padding: 0 10px 10px 25px;
position: relative
}
ul.classifieds-teaser-lists li.jobs a:hover {
background: url("/(WiB3.22.1)/templates/img/icons/jobs-hover-23x21.gif") no-repeat 0 5px;
width: 21px;
height: 17px;
padding: 0 10px 10px 25px;
position: relative
}
/* Ratings Lists */
ul.start-ratings-list {
list-style-type: none
}
ul.start-ratings-list li {
display: inline;
margin-left: -4px
}
/* PAGINATION */
ul.pagination li {
text-align: center;
text-transform: uppercase;
display: inline
}
ul.pagination-list {
list-style: none;
float: left;
padding: 0 5px
}
ul.pagination-list li {
display: inline
}
/*** MISC ***/
.indent {
text-indent: 10px
}
.access-text {
display: none
}
.bold {
font-weight: bold
}
.normal {
font-weight: normal
}
/*** COLOURS ***/
.color-360 {
color: #360
}
.color-fff {
color: #fff
}
.color-000 {
color: #000
}
.color-ec008c {
color: #ec008c
}
.color-c65b46 {
color: #c65b46
}
a.pagination {
font-size: 0.9em;
padding: 0 5px
}
a.pagination-text {
font-size: 0.9em;
padding: 0 0 0 18px
}
.current-page {
font-size: 0.9em;
color: #666;
font-weight: bold
}
a.small {
font-size: 0.7em;
color: #3D7311;
text-decoration: none
}
a.small:hover {
text-decoration: underline;
color: #3D7311
}
.your-voice-error-text {
font-size: 0.7em;
font-weight: bold;
color: #f2270c;
padding: 3px 0
}
.pipe {
font-size: 0.7em;
color: #360;
font-weight: bold
}
.error-text {
font-size: 0.7em;
font-weight: bold;
color: #f2270c;
padding: 3px 0
}
ul.aggregated-menu-rss {
list-style: none;
width: 176px;
display: block;
border-right: 3px solid #CBDB29;
min-height: 380px
}
ul.aggregated-menu-rss li.aggregated-level-1 {
padding: 3px 5px 3px 18px;
border-bottom: 1px dotted #62991F
}
ul.aggregated-menu-rss li.closed {
background: #FFF /*background:#fff url('/(WiB3.22.1)/templates/img/lists/plus-14x13.png') no-repeat 0px 4px !important;
background:#fff url('/(WiB3.22.1)/templates/img/lists/plus-14x13.gif') no-repeat 0px 4px;*/
}
ul.aggregated-menu-rss li.open {
background: #FFF /*background:#fff url('/(WiB3.22.1)/templates/img/lists/minus-14x13.png') no-repeat 0px 4px !important;
background:#fff url('/(WiB3.22.1)/templates/img/lists/minus-14x13.gif') no-repeat 0px 4px;*/
}
ul.aggregated-rss-level-2 {
list-style: none
}
ul.aggregated-rss-level-2 li {
/*background:transparent url('/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif') no-repeat 20px 7px;*/
font-size: 0.9em;
line-height: 1.1em;
font-weight: normal;
padding: 5px 0 4px 37px
}
ul.link-list-light.refine-search li {
list-style: none;
line-height: 0.9em;
font-size: 1em;
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat 0 5px;
padding-top: 5px;
padding-left: 18px
}
ul.link-list-light.refine-search-list li {
font-size: 13px;
padding-bottom: 8px;
float: left
}
ul.pagination-list {
list-style: none;
float: left;
padding-left: 10px
}
ul.pagination-list li {
list-style: none;
display: inline
}
.color-666 {
color: #666
}
h1.page-heading {
color: #666;
font-size: 1.1em
}
h4.search-results-heading {
font-size: 16px;
line-height: 1.2em;
color: #3D7311
}
ul.ugc-link-list li {
background: url("/(WiB3.22.1)/templates/img/lists/user-comment-20x18.gif") no-repeat 0 0;
padding-left: 28px;
list-style-type: none
}
#pg-description {
overflow: hidden
}
/* *** END FILE:/templates/css/1/typography.css *** */
/* *** BEGIN FILE:/templates/css/1/roxen-style-changes.css *** */
.rating-outer-box {
margin-left: 5px
}
#clubmetro {
margin-left: 4px
}
.col-179 {
overflow: hidden
}
.col-373 {
/*overflow: hidden; remove as of Zendesk ticket 356, to allow expandable ads */
}
.col-567 {
overflow: hidden
}
.col-761 {
overflow: hidden
}
/* Extra class for 5-Column article layout used when article contains
5-Column iframes. */
.col-955 {
width: 955px;
overflow: hidden
}
.col-960 {
/* overflow: hidden;*/
}
/* Style for push */
ul.link-list li {
background: transparent url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat scroll center left
}
/* Style for third navigation */
.third-nav-middle ul.link-list li {
background: transparent url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat scroll top left
}
/* Style for blogicon added, missing in typograh css file */
ul.link-list-light li.user-generated {
background: transparent url("/(WiB3.22.1)/templates/img/lists/user-comment-17x15.gif") no-repeat scroll 0;
padding-left: 27px
}
.overflow-hidden {
overflow: hidden
}
#profile_login {
background: #FCF6C8 none repeat scroll 0%;
float: left;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 17px;
padding-right: 17px
}
#profile_login label {
font-size: 0.7em;
line-height: 1.4em;
color: black;
padding: 10px 0 0
}
#profile_login li {
background: #FCF6C8 none repeat scroll 0%;
padding: 0
}
#profile_login input {
background: #FFF none repeat scroll 0%;
border: 1px solid #CCC;
margin-top: 5px
}
#profile_login input[type="submit"] {
margin-left: 150px
}
.width-176 {
width: 176px
}
.width-230 {
width: 230px
}
.margin-bottom-10 {
margin-bottom: 10px
}
.margin-bottom-11 {
margin-bottom: 11px
}
.margin-top-11 {
margin-top: 11px
}
/* Custom margins */
.margin-left-3 {
margin-left: 3px
}
/* customization for IE to make all components in the right col fit */
.hfs-image-map-179 {
position: relative;
left: 128px;
top: 0
}
.hfs-image-map-179-no-number {
position: relative;
left: 109px;
top: 10px
}
.hfs-image-map-373 {
position: relative;
left: 303px;
top: 8px
}
/* Layout for table component */
table.table-article {
width: 373px;
font-family: arial, sans-serif;
font-size: 0.8em;
color: #666
}
table.table-article th {
font-weight: 700;
text-align: left;
padding: 3px 0 3px 6px
}
table.table-article td {
/* font-size: 10px; */
padding: 3px 3px 3px 6px
}
table.table-article tr.alternate td {
background-color: #DDEADD
}
/* metro-generated-facts (a derivate from the quote) */
blockquote.metro-generated-fact {
font-weight: 400
}
blockquote.metro-generated-fact div {
padding: 10px 5px 10px 10px;
margin: 0 3px 3px 0
}
blockquote.metro-generated-fact ul, blockquote.metro-generated-fact ol {
color: #666
}
/* metro-generated-quote (addition) */
blockquote.metro-generated-quote ul, blockquote.metro-generated-quote ol {
color: #666
}
/* Featured content */
.fc-metro-container p a {
color: #FFF
}
.fc-metro-container p a:hover {
color: #3D7311;
text-decoration: underline
}
/* Carousel (slideshow) */
.carousel-pagination-next {
background: url("/(WiB3.22.1)/templates/img/buttons/next-20x19.gif") no-repeat top right
}
/* Search result pagination */
.previous-grey-button {
background: url("/(WiB3.22.1)/templates/img/lists/left-grey-chevron-10x10.gif") no-repeat left 2px;
padding-left: 18px
}
.next-grey-button {
background: url("/(WiB3.22.1)/templates/img/lists/grey-chevron-10x10.gif") no-repeat right 2px
}
.previous-button {
background: url("/(WiB3.22.1)/templates/img/lists/left-green-chevron-10x10.gif") no-repeat left 2px;
padding-left: 18px
}
.next-button {
background: url("/(WiB3.22.1)/templates/img/lists/green-chevron-10x10.gif") no-repeat right 2px
}
.pagination-list {
width: 353px
}
.search-in-text {
margin-right: 5px
}
/* Fix empty background: url('') that generates extra requests */
.third-nav-middle ul.link-list li a.last {
background-image: none
}
.third-nav-middle ul.link-list li.active .last {
background-image: none
}
/* Map component */
.map {
width: 371px;
height: 278px;
overflow: hidden
}
.map .marker {
width: 217px;
font-size: 10px
}
.map .marker .title {
font-size: 12px;
font-weight: 700
}
.map-description-wrapper {
background-color: #F3FCBF
}
.map-description-p {
color: #999;
font-size: 0.7em;
padding: 5px 10px 10px
}
.rss-component {
float: left;
width: 373px
}
/* RSS List css changes */
ul.aggregated-rss-level-2 li.active {
background: transparent url("/(WiB3.22.1)/templates/img/backgrounds/linesbg-active-no-arrow.gif") no-repeat scroll -1px 1px
}
.width-383 {
width: 383px
}
/* *** END FILE:/templates/css/1/roxen-style-changes.css *** */
/* *** BEGIN FILE:/templates/css/1/roxen.css *** */
div#panel_form_inner form table tr td table tr td {
padding: 4px
}
div#panel_form_inner input {
top: 0;
margin: 0 2px;
position: static
}
.comp_edit_component_box option {
padding-left: 3px;
padding-right: 5px
}
table#edit_table input {
top: 0;
position: static
}
.wiz_table {
text-align: left
}
tr.popup_item, tr.popup_item_hover, tr.popup_item_submenu, tr.popup_item_submenu_hover, tr.popup_item_disabled {
text-align: left
}
table#edit_table div#aggregated-content-wrap.height-380 {
overflow: hidden
}
/* Hidden navigation menu items */
ul.primary-nav li a.strikeout, ul.secondary-nav li a.strikeout {
text-decoration: line-through;
color: #888
}
/*Style for blogicon added, missing in typograh css file*/
ul.link-list-light li.user-generated {
background: transparent url("/(WiB3.22.1)/templates/img/lists/user-comment-17x15.gif") no-repeat scroll 0;
padding-left: 27px
}
.article-body u.a {
color: #24763b;
text-decoration: none
}
.article-body u.a:hover {
text-decoration: underline
}
u.a-small {
color: #360;
font-size: 0.7em;
text-decoration: none
}
.call-to-action u {
color: #FFF;
text-decoration: none
}
.content-box {
background-color: #FFF;
padding: 20px;
width: 567px;
text-align: left
}
div.content-box {
padding: 8px 20px;
/* font-family: ;*/
/* font-size: 11px;*/
/* color: ;*/
/* line-height: 130%;*/
/* background-color: ;*/
}
.content-box td, .content-box th {
/*padding: 4px;*/
}
/* Editor widgets */
.roxen-editor-table {
border: 1px solid #c9c9c6;
font-family: verdana, arial, sans-serif;
font-size: 11px
}
.roxen-editor-table th, .roxen-editor-table td {
padding: 3px
}
.roxen-editor-table {
border: 1px solid #c9c9c6;
margin-bottom: 5px
}
.roxen-editor-category {
float: left;
margin-right: 5px;
clear: left
}
.roxen-editor-category-add-button {
float: left;
clear: left
}
.roxen-editor-category-article {
clear: none
}
.roxen-editor-mediatype {
float: left;
margin-right: 5px
}
.roxen-editor-feed {
float: left;
margin-right: 5px
}
.roxen-editor-content-group {
float: left;
margin-right: 5px
}
/* Day Parting */
div.dp-selector {
float: left;
padding: 0 2px 0 0;
cursor: default
}
div.dp-selector span.dp-choice {
display: block;
color: #3D7311;
padding: 0 4px 0 0
}
div.dp-selector span.dp-choice.open {
background: #bbcabb
}
div.dp-selector span.dp-choice span.dp-popup {
display: none
}
div.dp-selector span.dp-choice span.title, div.dp-selector span.dp-choice span.title2 {
font-weight: bold
}
div.dp-selector span.blob, div.dp-selector span.dp-choice span.title {
cursor: pointer
}
div.dp-selector span.dp-choice span.title2 {
color: #3D7311;
padding-left: 2px
}
div.dp-selector span.dp-choice.open span.dp-popup {
display: block;
z-index: 9999;
position: absolute;
background: #bbcabb;
border-bottom: 4px solid #bbcabb
}
div.dp-selector div.heading {
margin: 8px 8px 4px 8px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 95%
}
div.dp-selector div.disabled, div.dp-selector div.item {
margin: 0;
padding: 0
}
div.dp-selector div.disabled {
color: #666;
margin-left: 16px
}
div.dp-selector div.item a {
display: block;
padding: 2px 8px 2px 0;
color: #222;
text-decoration: none;
white-space: nowrap;
cursor: pointer
}
div.dp-selector div.item.sel a {
font-weight: bold
}
div.dp-selector div.item:hover a {
background: #222;
color: white
}
div.dp-page-selector span.blob, div.dp-selector span.blob {
display: block;
float: left;
width: 14px;
height: 8px;
border: 1px solid white;
margin: 1px 3px 1px 2px;
cursor: pointer
}
div.dp-selector div.item span.blob {
margin-top: 2px;
margin-left: 16px
}
div.dp-page-selector {
float: right;
width: 660px
}
.dp-calendar {
float: left;
width: 54px;
margin-left: 3px
}
.dp-list {
float: left;
width: 600px
}
div.dp-page-selector div.item {
float: left;
width: 60px;
height: 29px;
text-align: center;
font-size: 90%;
border: 4px solid #ccc;
margin: 0 3px 3px 0;
padding: 2px;
overflow: hidden
}
div.dp-page-selector div.icon {
border-width: 1px;
width: 45px;
height: 35px
}
div.dp-page-selector div.item:hover {
/* border: 1px solid green; */
background: white !important;
cursor: pointer
}
div.dp-page-selector a {
text-decoration: none
}
div.dp-page-selector div.item.sel {
background: #bbcabb;
/* border: 1px solid green; */
}
/*
div.dp-page-selector div.item span.blob {
float: none;
width: 24px;
height: 14px;
margin: 1px auto;
}
*/
div.dp-page-selector div.icon span.blob {
width: auto;
height: 22px;
border: none;
margin-left: 7px
}
div.dp-page-selector div.item.disabled {
opacity: 0.25;
filter: alpha(opacity=25)
}
div.dp-page-selector div.item.disabled:hover {
opacity: 1;
filter: alpha(opacity=100)
}
div.dp-page-selector div.item span.title {
clear: both;
position: relative;
color: black
}
/*
div.dp-page-selector div.item.disabled span.title {
color: #aaa;
filter: alpha(opacity=75);
}
div.dp-page-selector div.item.disabled.sel span.title {
color: #666;
filter: alpha(opacity=75);
}
*/
div.dp-page-selector div.item.sel span.title {
font-weight: bold
}
div.dp-page-selector div.item.disabled:hover span.title {
color: black
}
div.dp-page-selector div.item:hover span.title {
display: block
}
div#toolbar-calendar {
/*float: left; */
display: none;
position: relative;
z-index: 99999;
left: -894px
}
iframe#toolbar-calendar-iframe {
position: absolute;
border: 3px solid #cf0;
padding: 0;
margin: 0;
z-index: 10000;
width: 828px;
height: 378px
}
body#toolbar-calendar {
margin: 0;
padding: 0;
background: white
}
body#toolbar-calendar div.info {
height: 30px;
text-align: center;
background: #cf0;
color: black
}
body#toolbar-calendar div.info span {
float: left;
padding: 8px 0 0 10px;
margin: 0;
font-family: verdana, sans-serif;
font-size: 11px
}
body#toolbar-calendar div.info p {
padding: 8px 0 0 0;
margin: 0 100px;
font-family: verdana, sans-serif;
font-weight: bold;
font-size: 11px;
color: #7fa308
}
div.cal, div.day {
float: left;
padding: 0;
margin: 10px 10px 0 10px;
cursor: default
}
div.day {
margin-right: 0
}
body#toolbar-calendar div.sep {
float: left;
background: url(/internal-roxen-pixel-ccff00) 50% 0 repeat-y;
width: 1px;
height: 348px
}
div.cal div.nav {
text-align: center;
width: 245px;
padding: 1px 0 9px 0;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: bold
}
div.cal div.nav span.prev, div.cal div.nav span.next {
display: block;
font-weight: normal
}
div.cal div.nav span.prev {
float: left
}
div.cal div.nav span.next {
float: right
}
div.cal div.nav span a {
text-decoration: none;
color: #555;
cursor: pointer
}
div.cal div.heading, div.cal div.row {
clear: both
}
div.cal div.heading span, div.cal div.row span {
display: block;
float: left;
width: 35px;
padding: 3px 0;
text-align: center;
color: white;
background: white;
border-bottom: 1px solid #444;
font-family: verdana, sans-serif;
font-size: 11px
}
div.cal div.heading span {
color: #444;
background: #ccc;
font-weight: bold
}
div.cal div.row a {
text-decoration: none;
cursor: pointer
}
div.cal div.row a:hover span {
background: #444 !important
}
div.cal div.row a span.sel {
font-weight: bold;
color: yellow
}
div.day div.nav {
text-align: center;
width: 535px;
padding: 1px 0 9px 0;
font-family: verdana, sans-serif;
font-size: 11px;
font-weight: bold
}
div.schedule {
width: 535px;
height: 308px;
position: relative;
background: url("/(WiB3.22.1)/templates/img/roxen/timescale.gif") 0 0 no-repeat
}
div.schedule div.slot {
position: absolute;
display: table;
width: 118px;
background: #ccc;
text-align: center;
opacity: 0.92
}
div.schedule div.slot div.cent {
display: table-cell;
vertical-align: middle;
width: 120px;
left: 0;
right: 120px
}
div.schedule div.slot span.cent2 {
padding-top: 2px;
padding-left: 2px;
display: block;
font-family: verdana, sans-serif;
font-size: 11px;
color: white;
opacity: 1
}
div.schedule div.slot span.dim {
color: #ddd;
font-size: 9px;
padding-top: 1px
}
div.schedule div.slot.default {
background: #888;
border-top: 1px solid #bbb;
border-left: 1px solid #bbb;
border-bottom: 1px solid #555;
border-right: 1px solid #555
}
div.schedule div.slot.daily {
left: 120px;
background: #2a2;
border-top: 1px solid #5d5;
border-left: 1px solid #5d5;
border-bottom: 1px solid #060;
border-right: 1px solid #060
}
div.schedule div.slot.weekly {
left: 240px;
background: #22a;
border-top: 1px solid #55d;
border-left: 1px solid #55d;
border-bottom: 1px solid #006;
border-right: 1px solid #006
}
div.schedule div.slot.exception {
left: 360px;
background: #a22;
border-top: 1px solid #d55;
border-left: 1px solid #d55;
border-bottom: 1px solid #600;
border-right: 1px solid #600
}
div.schedule div#indicator-line {
position: absolute;
width: 531px;
height: 1px;
background: url(/internal-roxen-pixel-red) 0 0 repeat-x;
z-index: 500;
visibility: hidden
}
div.schedule div#indicator-text {
position: absolute;
width: 31px;
margin: 0 0 0 500px;
padding: 2px;
z-index: 500;
text-align: center;
color: white;
font-family: verdana, sans-serif;
font-size: 9px;
font-weight: bold;
background: red;
visibility: hidden
}
div.roxen-action-toolbar-on {
display: block;
background: #ddeadd;
padding: 2px 3px
}
div.roxen-action-toolbar-on, div.roxen-action-toolbar-on table {
color: #898;
font-size: 10px
}
div.roxen-action-toolbar-on a, div.roxen-action-toolbar-on table a {
color: #3d7311
}
div.roxen-action-toolbar-off {
display: none
}
div.roxen-action-toolbar-on span.disabled {
color: #aba
}
div.roxen-action-border-on {
min-height: 40px
}
div.roxen-action-border-off {
min-height: 1px
}
div.roxen-action-border-on.colgroup {
outline: 1px dashed red;
margin-bottom: 0
}
div.roxen-action-toolbar-off, div.roxen-action-toolbar-on {
font-family: arial
}
div.roxen-error-box {
clear: both;
background: #fcc;
color: red;
padding: 4px;
border: 1px dotted #f88;
font-size: 11px;
font-family: helvetica
}
.roxen-edit-box-off, .roxen-edit-box-on {
position: relative
}
.roxen-edit-marker-off {
visibility: hidden;
display: block;
position: absolute
}
.roxen-edit-marker-on {
background: #DDEADD;
border: 1px solid green;
color: #898;
padding: 2px 4px 2px 4px;
display: block;
visibility: visible;
position: absolute;
z-index: 1
}
.roxen-edit-link {
color: #3D7311 !important;
font-size: 10px;
font-weight: bold !important;
display: inline !important
}
.roxen-edit-marker-text {
font-size: 11px;
font-weight: bold;
color: #888
}
div.roxen-linkbrowser-anchor a {
visibility: visible;
display: block;
position: absolute;
background: url(/roxen-files/cms-images/button_link_browser.gif) top left no-repeat;
width: 28px;
height: 13px;
z-index: 1
}
div#popuplinetop {
font-size: 1px;
position: absolute;
top: 22px;
left: 0;
width: 100%;
height: 5px;
background-color: #EAEAEA
}
div#popuplineleft {
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
background-color: #EAEAEA
}
div#popuplinebottom {
position: absolute;
left: 0;
width: 100%;
height: 5px;
bottom: 0;
background-image: url("/(WiB3.22.1)/templates/images/popup_bottom.gif");
background-position: bottom left;
background-repeat: repeat-x
}
div#popupbar {
position: absolute;
top: 0;
left: 0;
text-align: right;
padding-top: 4px;
z-index: 2;
background-color: #004B32;
width: 100%;
height: 18px
}
div#popupbar .popupbar-title {
margin-left: 12px;
align: left;
text-align: left;
color: white;
display: block;
float: left
}
div#popupcontent {
position: absolute;
top: 46px;
left: 22px;
width: 345px
}
div.popup-image {
align: center;
text-align: center;
padding-top: 40px;
padding-left: 10px;
padding-right: 10px
}
div.popup-nav-link {
color: #999;
z-index: 2
}
div.warning-on-admin-user {
border: 5px solid red;
padding: 10px;
margin-bottom: 5px
}
/* *** END FILE:/templates/css/1/roxen.css *** */
/* *** BEGIN FILE:/templates/css/1/lightbox.css *** */
#lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0
}
#lightbox img {
width: auto;
height: auto
}
#lightbox a img {
border: none
}
#outerImageContainer {
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto
}
#imageContainer {
position: relative;
padding: 10px
}
#loading {
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0
}
#hoverNav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10
}
#imageContainer > #hoverNav {
left: 0
}
#hoverNav a {
outline: none
}
#prevLink, #nextLink {
width: 49%;
height: 100%;
background-image: url("data:image/png;base64,AAAA");
/* Trick IE into showing hover */
display: block
}
#prevLink {
left: 0;
float: left
}
#nextLink {
right: 0;
float: right
}
#prevLink, #prevLink:visited {
background: url(/templates/img/icons/article-slideshow-left.png) 10px 50% no-repeat
}
#nextLink, #nextLink:visited {
background: url(/templates/img/icons/article-slideshow-right.png) 402px 50% no-repeat
}
#imageDataContainer {
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
overflow: hidden;
width: 100%;
padding: 0 0 10px 0
}
#imageData {
padding: 0 10px;
color: #666
}
#imageData #imageDetails {
width: 100%;
float: left;
text-align: left
}
#imageData #caption {
float: left;
width: 780px;
font-weight: normal;
font-size: 12px;
text-align: left
}
#imageData #numberDisplay {
text-align: right;
display: block;
float: right
}
#imageData #numberDisplay .article-slideshow-counter {
color: #616262;
font-family: "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 30px;
font-weight: 100;
line-height: 1
}
#imageData #numberDisplay #article-slideshow-of {
font-weight: 700;
color: #ee8522;
font-size: 12px;
margin: 0 5px 0 3px
}
#topNav {
position: absolute;
top: -10px;
right: -10px;
z-index: 110
}
#imageData #bottomNavClose {
float: right;
padding: 10px 0 5px 0;
outline: none
}
#overlay {
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000
}
div#lightbox p.article-image-caption {
font-size: 11px
}
/* *** END FILE:/templates/css/1/lightbox.css *** */
/* *** BEGIN FILE:/locale/fr/templates/css/1/typography.css *** */
ul li.tools-wikio {
padding: 0 20px 9px 25px;
background: url(/templates/img/lists/wikio_14x14.png) no-repeat;
background-position: 3px top;
text-transform: none
}
ul li.tools-facebook {
padding: 0 20px 9px 25px;
background: url(/templates/img/lists/FaceBook_14x14.png) no-repeat;
background-position: 3px top;
text-transform: none
}
ul li.tools-myspace {
padding: 0 20px 9px 25px;
background: url(/templates/img/lists/MySpace_14x14.png) no-repeat;
background-position: 3px top;
text-transform: none
}
/* *** END FILE:/locale/fr/templates/css/1/typography.css *** */