/* Defines styles for reusable modular content */

/*---------------------------------- 
- Tabs
- Lead Feature
- Poll
- Block Advertisement
- Banner Advertisement
- Popular Links
- Supplementary items/Articles
- Quicklink
- Hotspots
- National News
- Search Facility
- Category Links
- Article Image Gallery
- Comments Listing
- Comments
- Horoscopes Promotion
- Events Promotion
- Article Tools
- Paging
- Information Panel
- Local News Filter
- Forms
- General Tooltip Styles
- Assets Holder
- Webcams
- Games
- Promotions
-----------------------------------*/

/* =Tabs
----------------------------------------------------------------------------------------- */

.tabs {float:left;width:100%;background:#fff url(/_img/tabs/bg.gif) repeat-x bottom;}
.relatedTabs .tabs{background:#fff url(/_img/tabs/bg2.gif) repeat-x bottom;}
.tabs ul {margin:0;}
.tabs li {
    float:left;
    background: url(/_img/tabs/left_both.gif) no-repeat left top;
    margin:0;
    padding:0 0 0 4px;
    border-bottom:1px solid #DADBDC;
    list-style:none;
}
.tabs a {
    float:left;
    display:block;
    width:.1em;
    background:url(/_img/tabs/right_both.gif) no-repeat right top;
    padding:5px 10px 4px 6px;
    text-decoration:none;
    white-space: nowrap;
	font-size: 95%;
}
.tabs > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabs a {float:none;}
/* End IE5-Mac hack */

/** tab colour schemes **/
.relatedTabs .tabs li 
{
	background: url(/_img/tabs/left_both2.gif) no-repeat left top;
	border-bottom:1px solid #bbdaec;
}
.relatedTabs .tabs a {background: url(/_img/tabs/right_both2.gif) no-repeat right top;}

.tabs a:hover {color: #000;}
.tabs li.on{background-position:0 -150px;border-width:0;}
.tabs li.on a{background-position:100% -150px;padding-bottom:5px;font-weight: bold;color: #000;}
.tabs li:hover, .tabs li:hover a {background-position:0% -150px;}
.tabs li:hover a {background-position:100% -150px;}

.tabContent
{
    float: left;
    width: 98%;
	padding: 0 1%;
    border: solid 1px #DADBDC;
    background: #F7F9FB url(/_img/tabs/tab-content-gradient.gif) bottom left repeat-x;
    border-top: 0;
}
.relatedTabs .tabContent{border: solid 1px #bbdaec;border-top: 0;background: #eff8fc url(/_img/tabs/tab-content-gradient2.gif) bottom left repeat-x;}

.tabContent ul{list-style-image: url(/_img/list-blue.gif);}
.relatedTabs .tabContent ul{list-style-image: url(/_img/bullet-related.gif);}
.relatedTabs .vid ul{list-style-image:url(/_img/bullet-vid.gif);}
.alt_sport .relatedTabs .tabContent ul{list-style-image: url(/_img/bullet-related-sport.gif);}
.alt_leisure .relatedTabs .tabContent ul{list-style-image: url(/_img/bullet-related-leisure.gif);}
.alt_sport .tabContent ul{list-style-image: url(/_img/list-sport.gif);}
.alt_leisure .tabContent ul{list-style-image: url(/_img/list-leisure.gif);}
.alt_local .tabContent ul{list-style-image: url(/_img/list-local.gif);}
.tabContent ul li{margin-bottom: 5px;}
.tabContent ul li a{text-decoration: none;}
.relatedTabs .tabContent ul li a{color: #488cc2;}
.tabContent ul li a:hover{text-decoration: underline;}
.tabContent ul li.on, .tabContent ul li.on a{color: #336699;font-weight: bold;text-decoration: underline;}
.rss .tabContent ul{list-style-image: url(/_img/rss-orange-sml.gif);}
.rss .tabContent ul li span{color: #e67622;}

.altColour a{color: #A1519E;} 
.altColour li.on a{color: #82119A;}

/** leisure Review tab specifics **/
.altColour .tabContent .left{float: left;width: 390px;margin: 15px 25px 15px 0;}
.altColour .tabContent .left img{float: left; margin-right: 10px;border: solid 1px #82129c;}
.altColour .tabContent .left p{margin: 0;}
.altColour .tabContent h1{color: #82129c; margin: 0;}
.altColour .tabContent .right{float: left;width: 190px;margin: 15px 0;}
.altColour .tabContent .right ul{margin: 0;}
.altColour .tabContent .right ul li{margin: 5px 0;padding: 0; list-style-image: none;}
.altColour .tabContent .right ul li a{color: #333; }
.altColour .tabContent .right span{color: #82129c;}

/* =Lead Feature
---------------------------------------------------------------------------------------------- */
.leadFeature {background: #fff;position: relative;}
.leadFeature .leadImg{float: left;border: solid 1px #99ccff; margin: 5px 20px 5px 5px;padding:2px;}
.leadFeature .newsLead{margin: 15px 20px 5px 5px;}
.alt_sport .leadFeature .leadImg{border: solid 1px #aac31f;}
.leadFeature .leadfeatureContent{float: left; width: 395px;min-height: 195px; height: auto!important; height: 195px;}
.leadFeature h1 a{color: #336598;text-decoration: none;}
.leadFeature .date{color: #999;}
.alt_sport .leadFeature h1 a{color: #aac31f;}
.alt_leisure .leadFeature h1 a{color: #83119a;}
.leadFeature h1 a:hover{text-decoration: underline;}
.leadFeature .loadHolder{margin: 0;padding: 0;position: absolute;bottom: 5px; right: 5px;}
.leadControls
{
    float: left;
    width: 630px;
    height: 23px;
    background: #ecf1f5 url(/_img/leadcontrols-bg.gif) bottom left repeat-x;
    margin: 0 0 5px 0;
    border-top: solid 1px #c3d2de;   
}
.lead_news_v2 {
  width: 630px;
}
.leadControls .newsPredict
{
    padding-left: 5px;
    height: 23px;
    line-height: 22px;
    background: url(/_img/controls-left-curve.gif) bottom left no-repeat;
}
.leadControls .pageIndicate
{
    background: #fff url(/_img/pageindicate-left.gif) bottom left no-repeat;
    padding: 0 8px; 
    float: left; 
    height: 22px;
    line-height: 21px;
}
.leadControls img{vertical-align: bottom;margin-left: 1px;}
.leadControls a{text-decoration: none;}
.leadControls a:hover{text-decoration: underline;}
/** the below styles the loading panel for the lead feature **/
.LeadFeatureLoad{min-height: 165px; height: auto !important; height: 165px;}
.LeadFeatureLoad p.loadingLeadfeature{text-align:center;margin-top: 70px;}

.lead_sport .leadImg{border: solid 1px #a9c21e;}
.lead_sport h1 a{color: #a9c21e;}

.lead_leisure .leadImg{border: solid 1px #83119a;}
.lead_leisure h1 a{color: #83119a;}

/* =Poll
---------------------------------------------------------------------------------------------------------*/

.poll{background: #F4F6F9 url(/_img/quote-open.gif) top left no-repeat;}
.poll p
{
    background: url(/_img/quote-close.gif) bottom right no-repeat;
    margin: 30px 0 0 30px;
    padding: 0 20px 20px 0;
}

.pollbar{background: url(/_img/poll-bar.gif) top left repeat-x; height: 10px;border: solid 1px #ccc;}

/* =Block Advertisement
-------------------------------------------------------------------------------------------------------------*/

.ad{background: #F4F6F9; text-align: center;}
.ad p{margin: 2px 0; text-align: center;}

/* =Banner Advertisement
------------------------------------------------------------------------------------------------------------ */

.bannerAd{text-align: center;}
.bannerAd img{padding: 3px; border: solid 1px #bbb;}

/* =Popular Links
------------------------------------------------------------------------------------------------------------ */

.popLinks{background: #d9ecff url(/_img/popular-link-gradient.gif) bottom left repeat-x;}
.popLinks p{font-weight: bold;font-size: 110%;margin: 5px;}
.popLinks span
{
    background: url(/_img/popular-link-bg.gif) top left repeat-x;
    float: left;
    margin: 0 1px 0 1px;
    text-align: center;
    width: 124px;
    padding: 6px 0 3px 0;
    font-size:90%;
}

/* =Supplementary items/Articles
------------------------------------------------------------------------------------------------------------- */

.suppItems div.item
{   
    float: left;
    width: 49%;
    margin: 0 1% 12px 0;
	line-height: 1.2em;
	font-size:90%;
}
.suppItems div.wide{width: 98%;}
.suppItems div.item img{float: left;padding: 2px; border: solid 1px #ccc;margin-right: 5px;}
.suppItems div.item .date{color: #999;font-size: 90%;}
/** alternate colour chemes **/
.alt_sport .suppItems div.item img{border: solid 1px #aac31f;}
.alt_leisure .suppItems div.item img{border: solid 1px #83119a;}
.suppItems div.item div{float:left;}
.suppItems div.item div.info{width:262px;}
.suppItems div.wide div.info{width:625px;}
.suppItems div.item div.txt{width:180px;}
.suppItems div.wide div.txt{width:495px;}

.suppItems div.item a{color: #366086;text-decoration: none;font-weight: bold;font-size:110%;}
.alt_sport .suppItems div.item a, .suppItems div.item a.alt{color: #a9c21e;}
.alt_leisure .suppItems div.item a{color: #83119a;}
.suppItems div.item a:hover{text-decoration: underline;}
.suppItems .relevancy{color: #999;}

.suppItems div.item div.icons{float:right;width:42px;background:url(/_img/bg-divider.gif) top left repeat-y;}
.suppItems div.item div.icons ul{list-style:none;margin:0;padding:0;float:right;}
.suppItems div.item div.icons ul li{float:left;font-size:90%;font-family:Arial;color:#699DD0;width:42px;}
.suppItems div.item div.icons ul li.right{background-image:none;}
.suppItems div.item div.icons ul li img{border: none;margin:0;}
.suppItems div.item div.icons ul li span{float:left;margin:2px 5px 0 0;display:block;width:13px;text-align:right;}

.newsControls{margin: 5px 0 0 0;float: right;}
.newsControls img{vertical-align: bottom;}

/** New leisure page layout **/

#wrap #container .mainContent  .splitLeft .suppItems div.wide{width: 380px;}
#wrap #container .mainContent  .splitLeft .suppItems div.wide div.info{width: 380px;}
#wrap #container .mainContent  .splitLeft .suppItems div.wide div.txt{width:250px;}
#wrap #container .mainContent  .splitLeft .suppItems{width: 380px;}
/** Letters page layout **/

#wrap #container .mainContent  .letters .suppItems div.wide div.txt{width:550px;padding: 5px 0 0 25px;background: url(/_img/letter-quote.gif) top left no-repeat;}

/* =Quicklinks
-------------------------------------------------------------------------------------------------------------- */

.quicklink ul{margin: 0;}
.quicklink ul li{background: #f8f4f4;margin-bottom: 2px;list-style-image: none;}
.quicklink ul li a{display: block; width: 94%; padding: 2% 3%;text-decoration: none;color: #fff;}
.quicklink ul li.alt{background: #efefef;}
.quicklink ul li a:hover{text-decoration: underline;}

.quicklink ul li.travel{background: #679cce url(/_img/quicklinks/travel.gif) center right no-repeat;}
.quicklink ul li.video{background: #336699 url(/_img/quicklinks/video.gif) center right no-repeat;}
.quicklink ul li.events{background: #679cce url(/_img/quicklinks/events.gif) center right no-repeat;;}
.quicklink ul li.photo{background: #336699 url(/_img/quicklinks/photo.gif) center right no-repeat;;}
.quicklink ul li.leisure{background: #679cce url(/_img/quicklinks/leisure.gif) center right no-repeat;;}
.quicklink ul li.forum{background: #336699 url(/_img/quicklinks/forum.gif) center right no-repeat;;}

/* =Hotspots
-------------------------------------------------------------------------------------------------------------- */

.hotspots div
{
    float: left;
    width: 33%;
    /*background: url(/_img/hotspots-divider.gif) center right no-repeat;*/
}
.hotspots div ul{margin: 0;list-style:none;list-style-image: none;font-size: 90%;width: 204px;}
.hotspots div ul li{padding: 5px 4px; border-bottom: dashed 1px #b2dcfd;background: #f9f9f9;}
.hotspots div ul li a{text-decoration: none;color: #336699;}
.hotspots div ul li a:hover{text-decoration: underline;}
.hotspots div ul li.alternate{background: #f3f3f4;}
.hotspots div ul li.all{background: #dfeffa; font-weight: bold;}
.hotspots div ul li.all .show{background: url(/_img/thisweeks-show.gif) center right no-repeat;padding-right: 20px;}
.hotspots div ul li.all .hideicon{background: url(/_img/thisweeks-hide.gif) center right no-repeat;padding-right: 20px;}

/* =National News
------------------------------------------------------------------------------------------------------------------- */

.otherNews div
{
    border: dashed 1px #616163;
    margin: 6px;
    background: #fff;
	padding: 4px;
}
.otherNews div .header{display: block; background: #ebebeb url(/_img/bbc.gif) top right no-repeat;padding: 0 3px; color: #32659a; font-weight: bold;height: 31px; line-height: 31px;}
.otherNews div p{margin: 3px;}
.otherNews div a{color: #3266cc;text-decoration: none; font-weight: bold;}
.otherNews div a:hover{text-decoration: underline;}
.alt_sport .otherNews div a{color: #a9c21e;}

/* =Search facility
---------------------------------------------------------------------------------------------------------------------- */

.search{background: #f5f6fa;border: solid 1px #d6d9e8;}
.search div.left{float: left;padding: 8px 8px 0 8px;width: 450px;}
.search div.left form input{margin-left: 5px;}
.search div.left form .btn{padding: 0px;background: #fff;}
.search div.right{width: 164px;float: right;background: #fff;}
.search div.right a{display: block;text-align: right; padding: 5px 5px; color: #336699;text-decoration: none;border-bottom: dashed 1px #9f9f9f;margin: 0 5px 0 15px;}
.search div.right a:hover{text-decoration: underline;}
.search div.right a.noBorder{border: 0;}
.alt_leisure .search h4{color: #83119a;}

.searchBusiness{background: #dce5ec;}
.searchBusiness div{margin: 8px;}
.searchBusiness .header{display: block;background: #e9eef2;color: #326698; font-weight: bold; font-size: 120%;padding: 5px 8px;}

/* =Category Links
-------------------------------------------------------------------------------------------------------------------------- */
.categoryLinks{padding: 5px; width: 370px;}
.categoryLinks ul{float: left;margin: 10px 0;width: 50%;}
.categoryLinks ul li{list-style-image: none; background: url(/_img/bullet.gif) center left no-repeat;padding-left: 15px;}

/* =Gallery
--------------------------------------------------------------------------------------------------------------------------- */

.gallery{background: #e9eef2;}
.gallery a{text-decoration: none; font-weight: bold;color: #484745;}
.gallery a:hover{text-decoration: underline;}
.gallery h5{margin: 3px 10px;}
.gallery .photo{background: #c9dbe7;float: left;text-align: center;padding: 4px;position: relative;}
.gallery .photo a{color: #326696; text-decoration: none;font-weight: bold;}
.gallery .photo a:hover{text-decoration: underline;}
.gallery .photo img{vertical-align: bottom;}
.gallery .photoSearch{margin: 5px;}

/* =Article Image Gallery
--------------------------------------------------------------------------------------------------------------------------- */

.articleGallery{padding-top: 5px;}
.articleGallery .featureImage{text-align: center;}
.articleGallery .featureImage img{border: solid 1px #ccc; padding: 3px;}
.articleGallery .thumbs{background: #eff0f5 url(/_img/gallery/thumb-strip-top.gif) top left no-repeat; margin-top: 5px;}
.articleGallery .thumbs div{background: url(/_img/gallery/thumb-strip-btm.gif) bottom left no-repeat;padding: 5px 0;text-align: center;}
.articleGallery .thumbs img{margin: 0 2px;border: solid 1px #eff0f5;padding: 2px;}
.articleGallery .thumbs img:hover{border: solid 1px #689dcf;}

.articleImages{float: left;width: 175px;margin-right: 10px;margin-top: 10px;}
.articleImages img{border: solid 1px #99cdff;padding: 2px;}
.articleImages p{float: left; width: 166px;background: #f4f4f4;margin: 0; padding: 5px 3px;}
.articleImages p img{border: 0; padding: 0;vertical-align: middle;margin-left: 3px;}

/* =Comment Listing
----------------------------------------------------------------------------------------------------------------------- */

.commentList div{float: left;border: solid 2px #f0f1f6;padding-bottom: 5px;}
.commentList div p.head
{
    float: left;
    border-bottom: solid 1px #f0f1f6;
    margin-top: 0;
    padding: 5px 5px 5px 40px;
    background: url(/_img/forum-title.gif) center left no-repeat;
    color: #666;
}
.commentList div p.none{margin: 0 0 2px 20px;font-size:90%;}
.commentList div ul{margin: 0;width: 620px;}/* change to suit parent element */
.commentList div ul li{margin-bottom: 15px;float: left;width: 100%;list-style-image: none;}
.commentList div ul li .snippet{float: left;width: 420px;padding: 0;padding: 0 6px;font-size: 95%;}
.commentList div ul li .author{float: left;width: 170px;border-left: dotted 1px #a9a9a9;padding: 0 7px;}
.commentList div ul li .author .location{color: #666;}

/* =Comments
--------------------------------------------------------------------------------------------------------------------------- */

.comments{background: #F4F6F9;border: solid 1px #ccc;padding-top: 10px;}
.withQuote{background: #F4F6F9 url(/_img/quote-open.gif) top left no-repeat;}
.withEmail{background: #F4F6F9 url(/_img/bg-email.gif) top left no-repeat;}
.comments .leading{margin-left: 80px;}
.comments form label{margin-left: 20px;float: left; width: 160px;}
.comments #Comment_Form{display:none;}

.comments h3{margin-left: 80px;}
.comments .hr{border-top: dashed 1px #ccc; margin: 15px 25px 5px 25px;}
.comments .errorMsg,.formInclude .errorMsg{background: url(/_img/exclamation.gif) top left no-repeat;padding: 10px 0 0 32px;color: #fa0709;}
.formInclude .errorMsg{font-size:90%;}
.comments .right{float:right;padding: 0 10px 0 0;}

/* =Horoscopes Promotion
--------------------------------------------------------------------------------------------------------------------------- */

.horoscopePromo{height:195px; background: url(/_img/horoscopes/promo-bg.jpg) top left no-repeat;color: #fff;}
.horoscopePromo div{margin: 10px;}
.horoscopePromo div h2{color: #fff;font-size: 160%;font-weight: normal;margin-bottom: 3px;}
.horoscopePromo div h2 a{color: #fff; text-decoration: none;}
.horoscopePromo div h2 a:hover{text-decoration: underline;}
.horoscopePromo div .rogueLink{color: #fff;float: right; margin: 20px 0 0 0;}

/* =Events Promotion
--------------------------------------------------------------------------------------------------------------------------- */

.eventsPromo{background: url(/_img/events/events-promo-bg.jpg) top left no-repeat;height: 227px;}
.eventsPromo div{margin: 15px;color: #fff;}
.eventsPromo div h3{color:#323232;font-size: 140%;}
.eventsPromo div p{width: 160px;margin: 40px 0 0 195px;}
.eventsPromo div a{color: #fff;}

/* =Email
--------------------------------------------------------------------------------------------------------------------------- */
#emailpage{float:left;width:632px;}
#emailpage .comments{padding-top: 5px;}
#emailpage a{padding-right: 10px;padding-bottom: 5px;float:right;}
#emailpage .errorMsg{margin-left: 30px;}
#emailpage strong{margin-left: 30px;}

/* =Article Tools
----------------------------------------------------------------------------------------- */

.bookmarks{border: solid 1px #99cdff;width: 628px;}
.bookmarks p{margin: 0; float: left; background: #dbe8f0; padding: 3px 20px;}
.bookmarks a{margin-right: 20px;}
.bookmarks a img{margin: 0 0 0 5px;vertical-align: middle;}
.bookmarks a:hover img{opacity: 0.70;-moz-opacity: 0.70;filter: alpha(opacity=70);background: #fff;}

.bookmarks a.social{float: left;}
.bookmarks a.social span{display: none;}
.bookmarks a.social:hover {border:0; position:relative; z-index:300; text-decoration:none;}
.bookmarks a.social:hover span {display:block; position:absolute; bottom:26px; left:0px;z-index:500; padding: 0px 5px; color:#fff;background:#336699 url(/_img/tooltip-point.gif) bottom left no-repeat; text-decoration: none;padding-bottom: 8px;border-top: solid 1px #000;}

.articleTools a{float: left;background: #dbe8f0;border: solid 1px #dbe8f0; padding: 4px 7px; text-decoration: none;width: 139px;margin-right: 2px;}
.articleTools a:hover{border: solid 1px #86beef;}
.articleTools a.print{background: #dbe8f0 url(/_img/article/article-print.gif) center right no-repeat;}
.articleTools a.email{background: #dbe8f0 url(/_img/article/article-email.gif) center right no-repeat;}
.articleTools a.bookmark{background: #dbe8f0 url(/_img/article/article-bookmark.gif) center right no-repeat;}
.articleTools a.top{background: #dbe8f0 url(/_img/article/article-top.gif) center right no-repeat;}

/* =Paging
----------------------------------------------------------------------------------------- */

.paging{border: solid 1px #d6d9e8;padding: 5px;background: #f5f6fa;margin-bottom: 3px;}
.paging a, .paging .disabled{float: left; background: #eee;padding: 1px 5px;border: solid 1px #ddd;text-decoration: none;margin: 0px 1px 0 1px;color: #336699;}
.paging .disabled{color: #ccc;}
.paging a:hover, .paging a.on{background: #336699; color: #fff;}

/* =Information Panel
----------------------------------------------------------------------------------------- */

.infoPanel{background: #e1e2e4;}
.infoPanel div{float: left; width: 297px;background: #fff;display: inline;margin: 3px 0 3px 3px;}
.infoPanel div h1{background: #666666; color: #fff;margin: 0;padding: 3px 5px;font-size: 100%;}
.infoPanel div p{margin: 10px 5px;}

/* =Local News Filter
----------------------------------------------------------------------------------------- */

.localFilter{background: #c8dce9 url(/_img/subnav-news.gif) bottom left repeat-x;border: solid 1px #ccc;}
.localFilter form{margin: 5px;}
.localFilter label{color: #000; font-size: 90%;font-weight: bold;width: 120px;}
.localFilter select{width: 135px;margin-right: 5px;}
.localFilter .btn{padding: 0;}

/* =Forms
----------------------------------------------------------------------------------------- */

.formNormal{float:left;width:629px;}
.formPad{float:left;padding: 0 0 10px 15px;}
.mainContent .formNormal{width:615px;}
.mainContent .formPad{float:left;padding: 0;}
.formInclude{float:left;width:100%;background-image:url(/_img/form/bg_tl.gif);background-repeat: no-repeat; border-right: solid 1px #D8D8D8;margin: 5px 0 5px 0;padding-top: 10px;}
.withFormImg{background: transparent url(/_img/form/form-watermark.gif) top left no-repeat;}
.formInclude .leading{margin-left: 60px; min-height:30px; height: auto !important; height: 30px;}
.formInclude .hr{border-top: dashed 1px #ccc; margin: 15px 25px;}
.formHold{float:left;width:95%;padding: 16px 12px 5px 12px;}
.formHold fieldset{margin-left:10px;}
.formHold .row{float:left;padding: 2px 0 8px 0;width:100%;}
.formHold .info{float:right;width:5%;vertical-align: top;}
.formHold .optHolder{float:left;}
.formBase{float:left;background-image:url(/_img/form/bg_base.gif);background-repeat: no-repeat; background-position: left bottom;width:100%;height: 8px;line-height: 8px;padding-right:2px;}
.formHold .tooltip:hover span{width:160px;padding-bottom: 5px;}
.assetsHolder .formInclude{
	padding: 6px;
}
.assetsHolder .formBase{
	height: 4px; line-height: 4px;
}
.formNormal .flash{
	display:none;
}


/* =General Tooltip styles
--------------------------------------------------------------------------- */

.tooltip span{display:none;}
.tooltip:hover {border:0; position:relative; z-index:300; text-decoration:none;cursor:default;}
.tooltip:hover span{display:block; position:absolute; bottom:18px; left:-20px;z-index:500; padding: 2px 15px 20px 15px; color:#fff;background:transparent url(/_img/form/tooltip_base.gif) bottom left no-repeat; border-top:solid 1px #36A620; text-decoration: none;}

/* =Assets Holder
--------------------------------------------------------------------------- */

.assetsHolder{width:360px;margin: 10px; border: 1px #cccccc solid; padding: 10px; margin-left: 130px;background: #fff url(/_img/assets-holder-gradient.gif) bottom left repeat-x;}

.assetsHolder .media .info{font-weight: bold;color:#5A94CE;padding: 0 5px 0 0;}

.assetsHolder .media .info em{font-weight: normal;font-style: none;font-size: 90%;}
.assetsHolder .media .info img,
.assetsHolder .media .info p{float:left;}
.assetsHolder .media .info p{margin: 2px 0 2px 10px;}
.assetsHolder .media .info a{color:#5A94CE;}
.assetsHolder .media .info span{display:block;}

.assetsHolder .media .info .vid_expand{margin:6px 0 0 10px;cursor: pointer;float:right;}
.assetsHolder .media .info .aud_expand{margin:6px 0 0 10px;cursor: pointer;float:right;}

.assetsHolder .audio, .assetsHolder .video{float:left;padding: 0 0 2px 0;}
.assetsHolder .audio #audioHolder, .assetsHolder .video #videoHolder{float:left;font-size: 90%;padding: 6px 0 0 0;}

.assetsHolder .audio img.bullet{vertical-align: baseline; padding: 4px 3px 0 0;}

/* =Webcams
--------------------------------------------------------------------------- */

#webcamNav{
	float: left; 
	margin-top: 10px;
	width: 100%;
}
#webcamNav span{color: #352b65; font-weight: bold;}

#webcams {width:300px;float: left;}
#webcams a{float:left;width: 280px;background: url(/_img/nav-option-gradient.gif) bottom left repeat-x;padding: 5px 10px;text-decoration: none;}
#webcams a:hover, #webcams a.on{background: url(/_img/nav-option-gradient-hover.gif) bottom left repeat-x;color: #fff;text-decoration: underline;}

/* control webcam boxes */
div.hide {float: left; display:none; width:0; overflow:hidden;}
div.show {float: left; width:300px;}
div.show img{float: left; margin: 0 10px 10px 0; border: solid 1px #666699;}

/* =Games
--------------------------------------------------------------------------- */

.gamesHolder{background: url(/_img/home_load.gif) center center no-repeat;width: 385px;float: left;}
.gamesHolder div{background: url(/_img/logo-fade.gif) top center no-repeat;}
.gamesNav{float: left;}
.gamesNav a{float: left;margin: 0 6px 6px 0;}
.gamesNav .boxLink{margin: 0;} 

/* =Promotions
--------------------------------------------------------------------------- */

.promotions {
}




/* =General Styles
--------------------------------------------------------------------------- */

.clr{clear:both;}
.floatLeft{float: left}
.floatRight{float: right}

.classifieds .highlight{background: #f7f8fa; padding: 10px 18px;}
.classifieds .highlightText{color: #669acc;}
.classifieds div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #90adcb;clear:both;}
.classifieds div.hr hr{display:none;}