/* CSS Document */
/* Branding */
/* Vancouver Journal */

/*Header*/
#networkbar{background-color:#0066cc;height:19px;margin-bottom:1px;}
#networkbar  ul.network_dropdown li {padding-left:8px !important;padding-right:8px !important;}
#networkbar ul li.ss-nopad {margin-left:3px;}
#networkbar ul li#digital_edition a, #networkbar ul li#subscriber_services a, #networkbar ul li#home_delivery a { color:#ffff99; font-weight:bold; font-size:10px; }
#loginstatusbar li a { color:#fff; }
.close-button { position:absolute; right:-27px; top:34px; }

.pagewrapper .headerwrapper #networkbar .networkbar ul.network_dropdown li{margin-top:0px;}
#loginstatusbar{margin-top:-5px;}
/*Header Logo*/
#logocol {width:100%;}
#logocol .newspaperlogo {width:411px;height:68px;background:transparent url(/images/logo_vancouversun.gif) top left no-repeat;margin-top:26px;}/*update*/
#logocol .newspaperlogo h1 a {width:411px;height:68px;margin:0 auto;display:block;}
#logocol .newspaperlogo h1 span{display:none;}

#headersearch .formrow ul.form_newspaper li.formbutton { background:url(/images/header/searchButton.gif) 0 0px no-repeat; height:17px; }
#headersearch .formrow ul.form_newspaper li.formicon { background:url(/images/header/searchIcon.gif) 0 0px no-repeat; height:17px; }
#headersearch .formrow ul.form_newspaper li.formicon a {display:block;height:18px;width:22px;position:relative;margin-top:-3px;margin-left:-8px;}

.navbar .navbarwrapper ul li {float:left;}
#page .navbar .navbarwrapper ul li.hovered { background:url(/images/newspaper/rc_tr.gif) top right no-repeat; z-index:5; margin-top:-5px; }
#page .navbar .navbarwrapper ul li.hovered a.navitem { color:#035a91; background:transparent url(/images/newspaper/rc_tl.gif) top left no-repeat; text-decoration:underline; padding:0 3px; letter-spacing:-1px;}
#page .navbar .navbarwrapper ul li.hovered a.navitem span { padding:11px 6px 8px 7px !important; color:#035a91; background:transparent url(/images/newspaper/rc_mid.gif) top right repeat-x; }

#page .navbar .navbarwrapper ul li#home a.navitem span{ padding:0px 4px 1px 4px !important;}
#page .navbar .navbarwrapper ul li#home.hovered { background:transparent url(/images/header/navbar-hover-bgd.gif) 0 0 repeat-x; z-index:5; margin-top:0px;}
#page .navbar .navbarwrapper ul li#home.hovered a.navitem {background:transparent url(/images/header/navbar-hover-bgd.gif) 0 0 repeat-x; text-decoration:underline; padding:0 0px; }
#page .navbar .navbarwrapper ul li#home.hovered a.navitem span { padding:1px 7px 2px 7px !important;background:#000 !important; }

.navbar .navbarwrapper ul li#travel {background:transparent url(/images/header/navbar-bgd.jpg) 0 0 repeat-x; }
.navbar .navbarwrapper ul li#jobs{background:transparent url(/images/header/jobs-bgd.jpg) 0 0 repeat-x; }
.navbar .navbarwrapper ul li#navSeparator{background:transparent url(/images/header/jobs-delimeter.jpg) -27px 0 no-repeat;border:0px solid red;}
.navbar .navbarwrapper ul li#navSeparator span{display:block;width:4px;height:27px;}

.news #page .navbar .navbarwrapper ul li#news a.navitem,
.home #page .navbar .navbarwrapper ul li#home a.navitem,
.opinion #page .navbar .navbarwrapper ul li#opinion a.navitem,
.business #page .navbar .navbarwrapper ul li#business a.navitem,
.sports #page .navbar .navbarwrapper ul li#sports a.navitem,
.entertainment #page .navbar .navbarwrapper ul li#entertainment a.navitem,
.life #page .navbar .navbarwrapper ul li#life a.navitem,
.topics #page .navbar .navbarwrapper ul li#topics a.navitem,
.technology #page .navbar .navbarwrapper ul li#technology a.navitem,
.travel #page .navbar .navbarwrapper ul li#travel a.navitem,
.jobs #page .navbar .navbarwrapper ul li#jobs a.navitem,
.cars #page .navbar .navbarwrapper ul li#cars a.navitem,
.homes #page .navbar .navbarwrapper ul li#homes a.navitem,
.classifieds #page .navbar .navbarwrapper ul li#classifieds a.navitem {background:transparent url(/images/header/navbar-hover-bgd.gif) 0 0 repeat-x;}

.properties .navbar .navbarwrapper ul li#homes.hovered, .news #page .navbar .navbarwrapper ul li#news.hovered, .opinion #page .navbar .navbarwrapper ul li#opinion.hovered, .business #page .navbar .navbarwrapper ul li#business.hovered,
.sports #page .navbar .navbarwrapper ul li#sports.hovered, .entertainment #page .navbar .navbarwrapper ul li#entertainment.hovered, .life #page .navbar .navbarwrapper ul li#life.hovered,
.topics #page .navbar .navbarwrapper ul li#topics.hovered, .technology #page .navbar .navbarwrapper ul li#technology.hovered, .travel #page .navbar .navbarwrapper ul li#travel.hovered,
.jobs #page .navbar .navbarwrapper ul li#jobs.hovered, .cars #page .navbar .navbarwrapper ul li#cars.hovered, .homes #page .navbar .navbarwrapper ul li#homes.hovered, .classifieds #page .navbar .navbarwrapper ul li#classifieds.hovered
{ background:url(/images/newspaper/rc_tr.gif) top right no-repeat !important; }

.home #page .navbar .navbarwrapper ul li#home.hovered { background:url(/images/newspaper/rc_tr.gif) top right no-repeat !important; }
.properties .navbar .navbarwrapper ul li#homes.hovered a.navitem, .news #page .navbar .navbarwrapper ul li#news.hovered a.navitem, .opinion #page .navbar .navbarwrapper ul li#opinion.hovered a.navitem, .business #page .navbar .navbarwrapper ul li#business.hovered a.navitem,
.sports #page .navbar .navbarwrapper ul li#sports.hovered a.navitem, .entertainment #page .navbar .navbarwrapper ul li#entertainment.hovered a.navitem, .life #page .navbar .navbarwrapper ul li#life.hovered a.navitem,
.topics #page .navbar .navbarwrapper ul li#topics.hovered a.navitem, .technology #page .navbar .navbarwrapper ul li#technology.hovered a.navitem, .travel #page .navbar .navbarwrapper ul li#travel.hovered a.navitem,
.jobs #page .navbar .navbarwrapper ul li#jobs.hovered a.navitem, .cars #page .navbar .navbarwrapper ul li#cars.hovered a.navitem, .homes #page .navbar .navbarwrapper ul li#homes.hovered a.navitem, .classifieds #page .navbar .navbarwrapper ul li#classifieds.hovered a.navitem
{ background:transparent url(/images/newspaper/rc_tl.gif) top left no-repeat !important; }

.properties .navbar .navbarwrapper ul li#homes.hovered a.navitem span, .news #page .navbar .navbarwrapper ul li#news.hovered a.navitem span, .opinion #page .navbar .navbarwrapper ul li#opinion.hovered a.navitem span, .business #page .navbar .navbarwrapper ul li#business.hovered a.navitem span,
.sports #page .navbar .navbarwrapper ul li#sports.hovered a.navitem span, .entertainment #page .navbar .navbarwrapper ul li#entertainment.hovered a.navitem span, .life #page .navbar .navbarwrapper ul li#life.hovered a.navitem span,
.topics #page .navbar .navbarwrapper ul li#topics.hovered a.navitem span, .technology #page .navbar .navbarwrapper ul li#technology.hovered a.navitem span, .travel #page .navbar .navbarwrapper ul li#travel.hovered a.navitem span,
.jobs #page .navbar .navbarwrapper ul li#jobs.hovered a.navitem span, .cars #page .navbar .navbarwrapper ul li#cars.hovered a.navitem span, .homes #page .navbar .navbarwrapper ul li#homes.hovered a.navitem span, .classifieds #page .navbar .navbarwrapper ul li#classifieds.hovered a.navitem span
{ background:transparent url(/images/newspaper/rc_mid.gif) top right repeat-x !important;}

.navbar .navbarwrapper ul li#topics a.navitem span { padding:6px 13px 6px 7px !important; }
#page .navbar .navbarwrapper ul li#topics.hovered a.navitem span { padding:11px 13px 8px 7px !important; }
.navbar .navbarwrapper ul li#jobs a.navitem span { padding:6px 6px 6px 10px !important;}
#page .navbar .navbarwrapper ul li#jobs.hovered a.navitem span { padding:11px 6px 8px 10px !important; }

.spotlight_right_image .newsimage { float:right !important; }

/* margin-left auto is for oodle */
.partner-html li.mainnav .subnav { width:auto !important; }
li#news .subnavcontent { width:170px; }
li#news .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#community .subnavcontent { width:170px; }
li#community .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#opinion .subnavcontent { width:170px; }
li#opinion .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#business .subnavcontent { width:170px; }
li#business .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#sports .subnavcontent { width:170px; }
li#sports .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#entertainment .subnavcontent { width:170px; }
li#entertainment .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#life .subnavcontent { width:170px; }
li#life .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#guides .subnavcontent { width:170px; }
li#guides .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#topics .subnavcontent { width:170px; }
li#topics .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#technology .subnavcontent { width:170px; }
li#technology .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#travel .subnavcontent { width:170px; }
li#travel .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#cars .subnavcontent { width:170px; }
li#cars .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#homes .subnavcontent { width:170px; }
li#homes .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }
li#classifieds .subnavcontent { width:170px; }
li#classifieds .subnav { position:absolute; top:32px; left:-80px; margin-left:auto !important; }
li#jobs .subnavcontent { width:170px; }
li#jobs .subnav { position:absolute; top:32px; left:0px; margin-left:auto !important; }

/* oodle fixes */
.partner-html .pagewrapper .adwrapper{margin-top:0px}
.partner-html .headerwrapper #networkbar{height:20px;margin-bottom:1px;}

.partner-html #networkbar ul.cc_dropdown li.cc { z-index:700000;}
.partner-html #networkbar ul.cc_dropdown li.cc .cc-dropdown { z-index:700000; }
.partner-html #networkbar ul.cc_dropdown li.showdrop .cc-dropdown { margin-top:1px;}
.partner-html #networkbar ul.cc_dropdown li.showdrop a.ccn_network {padding-bottom:12px;}

.partner-html #networkbar ul li { background:transparent url(/images/bg_delimiter.gif) -4px 6px no-repeat; }
.partner-html #networkbar #loginstatusbar ul li { background:transparent url(/images/bg_delimiter.gif) right 10px no-repeat;}

.partner-html #networkbar .section_title {border-bottom:3px solid #e8e8e8;padding:18px 0 2px 0;}
.partner-html #networkbar .section_title a {font-size:11px; color: #000;}
.partner-html #networkbar .section_title span {font-family:georgia; font-size:11px; color: #000; text-transform:uppercase;padding:0 0 1px 0;font-weight:bold;}
.partner-html #networkbar .section_title span.chevron {font-family:georgia; font-size:11px; color: #000; text-transform:uppercase;font-weight:bold;}
.partner-html #networkbar .section_title span i {text-transform:lowercase;font-weight:normal;}
.partner-html #networkbar .section_title h3 span {font-family:georgia; font-size:11px; color: #000; text-transform:uppercase;padding:0 0 1px 0;}
.partner-html #networkbar .section_title h3 a span {font-family:georgia; font-size:11px; color: #000; text-transform:uppercase;padding:0 0 1px 0;}
.partner-html #networkbar .section_title h3 a:hover span {text-decoration:underline;}
.partner-html #networkbar .section_title h3 a:hover span.chevron { text-decoration:none; }

.partner-html #navcontent li.hovered #textlinks ul li { padding:0; display:block !important; float:none !important; margin:0; background:none; overflow:hidden; z-index:0; clear:both; }
.partner-html #navcontent li.hovered #textlinks ul li a { display:block; overflow:hidden; font-size:12px; font-weight:normal; padding:2px 5px 2px 0; float:none !important; color:#035a91; background:transparent url(/images/list_dot.gif) 3px 7px no-repeat !important; z-index:0; }
.partner-html .navbar .navbarwrapper #navcontent li.hovered #textlinks li a span {padding:0; float:left; }
.partner-html #navcontent li.hovered #textlinks ul li a span { padding:0; background:none; display:inline; background:transparent; }
.partner-html #navcontent li.hovered #textlinks ul li a:hover { background:url(/images/list_dot.gif) 3px 7px no-repeat !important; }
.partner-html #navcontent li.hovered .tagged #textlinks ul li { border-bottom:1px solid #ececec; padding:1px 0 1px 0; }
.partner-html #navcontent li.hovered .tagged #textlinks ul li.lastnoline { border-bottom:none; }
.partner-html #navcontent li.hovered .tagged #textlinks .featurecontent { border-bottom:none; }
.partner-html #navcontent li.hovered .tagged #textlinks ul li a { font-size:12px; font-weight:normal; margin:0; padding:5px 5px 5px 0; color:#035a91; background:transparent url(/images/list_dot.gif) 3px 10px no-repeat !important; overflow:hidden; }
.partner-html #navcontent li.hovered .tagged #textlinks ul li a:hover { background:#ddf3fe url(/images/newspaper/list_dot_w.gif) 3px 10px no-repeat !important; overflow:hidden; text-decoration:none; }
.partner-html #navcontent li.hovered .tagged #textlinks ul li a:hover span { text-decoration:none; }
.partner-html #navcontent li.hovered .col_160 #textlinks ul li a { width:155px; }

.partner-html li#news .subnav,
.partner-html li#community .subnav,
.partner-html li#opinion .subnav,
.partner-html li#business .subnav,
.partner-html li#sports .subnav,
.partner-html li#entertainment .subnav,
.partner-html li#life .subnav,
.partner-html li#guides .subnav,
.partner-html li#topics .subnav,
.partner-html li#technology .subnav,
.partner-html li#travel .subnav,
.partner-html li#cars .subnav,
.partner-html li#homes .subnav,
.partner-html li#classifieds .subnav,
.partner-html li#jobs .subnav { top:32px; }

.partner-html .classifieds #page .navbar .navbarwrapper ul li#classifieds.hovered a.navitem span { padding:12px 6px 11px 6px !important; }

.ie6 #banner { margin-left:2px; width:945px; clear:both; z-index:0; display:inline; position:static; }
.ie6 .bodywrapper { padding:0; }
#banner { z-index:0; background:transparent; position:static; }
.partner-html #content, .partner-html #footer { background:transparent; }
.ie6 #networkbar { position:static; }
.ie7 #networkbar { position:static; }
#networkbar { position:static; }
#weatherfix { position:relative; }

#weatherfix #weatherspot { position:absolute; top:-80px; left:755px; display:none; }
.partner-html .adwrapper { height:100px; }
.partner-html li.mainnav .subnav { width:auto !important; }
.partner-html .navbar { height:41px; }

/* adperfect fix */
#navtabs { z-index: 1; }

/* saxotech rotator and feature css*/
.cont { width:465px;}	 
.rg-rotator { padding:25px 0 20px 0; width:465px; height:383px; overflow:hidden; }
.rg-rotator a { text-decoration:none; color:#0e7da8; }
.rg-rotator a:hover { text-decoration:underline; }
.rg-rotator .clear { height:0px; clear:both; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0; }
.rg-rotator img, .rg-rotator a { border:none; }
.rg-rotator .rgr-imageframe { background:url(http://www.calgaryherald.com/images/restaurant-guide/rotator-frame.gif) top left no-repeat; padding:3px; }
.rgr-control { position:relative; height:0px; }
.rgr-control .rgr-controlarea { position:absolute; right:4px; top:-25px; }
.rgr-control .rgr-buttons { float:right; width:18px; height:19px; background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-button.jpg) top left no-repeat; margin:2px 0 0 2px; }
.rgr-control a.rgr-buttons:hover { background-position:-19px 0; }
.rgr-control .active { background-position:-19px 0; }
.rgr-control .rgr-pause { float:right; width:21px; height:22px; background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-pause2.gif) top left no-repeat; margin-left:3px; }
.rgr-control a.rgr-pause:hover { background-position:-22px 0;}
.rgr-control .play { background:url(http://www.calgaryherald.com/images/restaurant-guide/rgr-play.gif) top left no-repeat; }
.rgr-control a.play:hover { background-position:-22px 0;}
.rg-rotator .rgr-content h1 { font-family:Georgia, "Times New Roman", Times, serif; padding:5px 0 10px 0; margin:0; font-weight:normal; }
.rg-rotator .rgr-content h1 a { font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; color:#000; line-height:normal; }
.rg-rotator .rgr-author { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; float:left; padding:0 10px 8px 0; }
.rg-rotator .rgr-author span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; }
.rg-rotator .rgr-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.rg-rotator .rgr-date span { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; }
.rg-rotator .rgr-text { font-family:Georgia, "Times New Roman", Times, serif; font-size:14px; line-height:17px; color:#333; }
.rg-rotator .rgr-text a { font-style:italic; font-size:14px; }

.rg-feature { background:url('http://www.calgaryherald.com/images/restaurant-guide/dotline.gif') top left repeat-x; padding-top:20px; }
.rg-feature .rgf-wrapper { padding:0 0 20px 0; float:left; }
.rg-feature a { text-decoration:none; color:#0e7da8; }
.rg-feature a:hover { text-decoration:underline; }
.rg-feature .clear { height:0px; clear:both; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0; }
.rg-feature img, .rg-feature a { border:none; }
.rg-feature .rgf-image { float:left; padding:7px; background:url(http://www.calgaryherald.com/images/restaurant-guide/frame.gif) top left no-repeat; }
.rg-feature .rgf-rightcol { float:left; margin-left:15px; display:inline; width:310px; }
.rg-feature h3 { padding:0 0 5px 0; margin:0; font-size:14px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, serif; float:left; }
.rg-feature .rgf-author { font-family:Arial, Helvetica, sans-serif; font-size:11px; float:left; padding:0 10px 8px 0; font-style:italic; color:#9f9f9f; }
.rg-feature .rgf-author span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:normal; }
.rg-feature .rgf-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
.rg-feature .rgf-date span { font-style:italic; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#9f9f9f; }
.rg-feature .rgf-text { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; line-height:14px; }
.rg-feature .rgf-text a { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:11px; }