/*  These styles control the Lobby Pages
------------------------------------------------------------------*/
#mainPic{display:block; width: 600px; margin: 0 5px 5px 0; padding: 5px; background-color: #FFF; position:relative;}
#mainPic span.gallery-nav {position:absolute; top:0; left:0; font:9px verdana; z-index:20; background:#fff; padding:0 5px 1px 1px;} 
#mainPic a.left{position:absolute; top:0; left:0; font:9px verdana; z-index:30; background:#fff; padding:0 5px 2px 2px; height:20px; width:20px; opacity:1;}
#mainPic a.right{position:absolute; top:0; left:20px; font:9px verdana; z-index:30; background:#fff; padding:0 5px 2px 2px; height:20px; width:20px; opacity:1;}

#leftSideCol1{display: block; width: 395px; float: left;}
#leftSideCol2{display: block; width: 200px; float: right; background:#fff; padding:5px;}


/*  MAIN Gallery
------------------------------------------------------------------*/
#slide{width:600px; height:300px;}
	#slide a{display:block; position:absolute;}

.gallery-nav{position:absolute; top:0; left:0; padding:2px; background:#fff; z-index:100; height:19px;}
	.gallery-nav img{vertical-align:middle; display:inline;}
	#gallerynav  {display:block; }
	#gallerynav a {color:#707070;margin:0; padding: 3px 3px; border: 0; background: #fff; text-decoration: none;vertical-align:middle; }
	#gallerynav a.activeSlide { background: #eee8dd; display:inline;vertical-align:middle;}
	#gallerynav a:focus {outline: none;}
	
div#play{display:none;}
div#pause{display:inline;}


/*  MAIN Styles for featured Box
------------------------------------------------------------------*/
div#lobby-featured{display:block; width: 385px;  margin: 0 0 5px 0; padding:5px; background-color: #FFF;}
div#lobby-featured h2 {font: bold 12px/25px Verdana; padding: 0 5px; color: #09C; background-color: #DCEDF4;}

div#lobby-featured ul{}
div#lobby-featured ul li {color: #333; border-bottom: 1px solid #DCEDF4;}
div#lobby-featured ul li.last {border-bottom: 0 none;}
div#lobby-featured ul li.last-child {border-bottom: 0 none;}
div#lobby-featured ul li span {display: block; padding: 4px 5px;} /* Controls the list style for multiple links in a row ~10-02-2007 SD */

/*  Controls the link style for lobby-featured ~10-02-2007 SD
------------------------------------------------------------------*/
div#lobby-featured ul li a, 
div#lobby-featured ul li a:visited, 
div#lobby-featured ul li a:hover{display: block; font: 11px/18px Verdana, sans-serif; color: #333; padding: 4px 5px; }
div#lobby-featured ul li a:hover{background: #EBEEDD; text-decoration: none; }

/*  Controls the link style for multiple links in a row ~10-02-2007 SD 
------------------------------------------------------------------*/
div#lobby-featured ul li .inline, 
div#lobby-featured ul li a.inline:visited, 
div#lobby-featured ul li a.inline:hover{display: inline; font: 11px/18px Verdana, sans-serif; color: #333; text-decoration:underline; padding: 0;}
div#lobby-featured ul li a.inline:hover{background: #fff; color: #09C;}

/*  IE6 Hack for full link rollover ~10-02-2007 SD
------------------------------------------------------------------*/
* html div#lobby-featured ul li a,  * html div#lobby-featured ul li a:visited, * html div#lobby-featured ul li a:hover {  /* make hover effect work in IE */	width: 375px;}



/*  MAIN Styles for country-specific featured Box
------------------------------------------------------------------*/
div#lobby-featured-country {display:block; width: 600px;  margin: 0 0 5px 0; padding:5px; background-color: #FFF;}
div#lobby-featured-country h2 {font: bold 12px/25px Verdana; padding: 0 5px; color: #09C; background-color: #DCEDF4;}

div#lobby-featured-country ul{}
div#lobby-featured-country ul li {color: #333; border-bottom: 1px solid #DCEDF4;}
div#lobby-featured-country ul li.last {border-bottom: 0;}
div#lobby-featured-country ul li.last-child {border-bottom: 0;}
div#lobby-featured-country ul li span {display: block; padding: 4px 5px;} /* Controls the list style for multiple links in a row ~10-02-2007 SD */

/*  Controls the link style for country-specific lobby-featured ~10-09-2007 TN
------------------------------------------------------------------*/
div#lobby-featured-country ul li a, 
div#lobby-featured-country ul li a:visited, 
div#lobby-featured-country ul li a:hover{display: block; font: 11px/18px Verdana, sans-serif; color: #333; padding: 4px 5px; }
div#lobby-featured-country ul li a:hover{background: #EBEEDD; text-decoration: none; }

/*  Controls the link style for multiple links in a row country-specific ~10-09-2007 TN 
------------------------------------------------------------------*/
div#lobby-featured-country ul li .inline, 
div#lobby-featured-country ul li a.inline:visited, 
div#lobby-featured-country ul li a.inline:hover{display: inline; font: 11px/18px Verdana, sans-serif; color: #333; text-decoration:underline; padding: 0;}
div#lobby-featured-country ul li a.inline:hover{background: #fff; color: #09C;}

/*  IE6 Hack for full link rollover ~10-09-2007 TN
------------------------------------------------------------------*/
* html div#lobby-featured-country ul li a,  * html div#lobby-featured-country ul li a:visited, * html div#lobby-featured-country ul li a:hover {  /* make hover effect work in IE */ width: 590px;}



/*  Styles for Lobby page RSS AD Second column 1st slot
------------------------------------------------------------------*/
.image-ad{display:block; width: 200px; margin: 0 0 3px 0; padding: 5px; background-color:#FFF} /* this one is used for the lobby page  ~10-01-2007 SD */

/*  Styles for Lobby page VIDEO INTERVIEW Second column 2nd slot
------------------------------------------------------------------*/
div#video-interview{display:block; width: 200px; margin: 0 0 5px 0; padding: 5px;	background-color: #FFF;}
div#video-interview h2{font: bold 12px/25px Verdana; padding: 0 5px; color: #09C; background-color: #DCEDF4;}

/*  Styles for Lobby page NEWSLETTERS Second column 3rd slot
------------------------------------------------------------------*/
div#lobby-newsletters{display:block; width: 200px; margin: 0 0 5px 0; padding: 5px;	background-color: #FFF;}
div#lobby-newsletters h2 {font: bold 12px/25px Verdana; padding: 0 5px; color: #09C; background-color: #DCEDF4;}
div#lobby-newsletters p {font: 11px/17px Verdana; padding: 5px; color: #333;}
div#lobby-newsletters em {font-weight: bold;	font-style: normal;}
div#lobby-newsletters span {display:block; padding: 5px;}



/*  Styles for multimedia h2s
------------------------------------------------------------------*/
h2.ls2-title{color:#09c; font-size:16px; text-indent:3px;}
/*div#leftSideCol2 h2 {font: bold 12px/25px Verdana; padding: 0 5px; color: #09C; background-color: #DCEDF4;}*/

p#podcast-callout{padding:5px; margin:5px 0 7px 0; background:#FFFFCC; border:1px solid #FFCC99;}
	p#podcast-callout span{color:#990000; padding:0 10px 0 0; font-weight:bold;}
	p#podcast-callout em{}
	
/*  Styles for multimedia list
------------------------------------------------------------------*/
ul#multimedia-list{margin:5px 0 0 3px; overflow:hidden;}
ul#multimedia-list li{padding:0 0 7px 25px; float:left; width:70px;}
ul#multimedia-list li.podcast{background: url(http://images.towersperrin.com/images/home/global/icons/podcast.gif) no-repeat;}
ul#multimedia-list li.video{background: url(http://images.towersperrin.com/images/home/global/icons/video.gif) no-repeat;}
ul#multimedia-list li.webcast{background: url(http://images.towersperrin.com/images/home/global/icons/webcast.gif) no-repeat;}
ul#multimedia-list li.rss{background: url(http://images.towersperrin.com/images/home/global/icons/rss-feed.gif) no-repeat;}
ul#multimedia-list li.blog{background: url(http://images.towersperrin.com/images/home/global/icons/blogs.gif) no-repeat 0 1px;}
ul#multimedia-list li.twitter{background: url(http://images.towersperrin.com/images/home/global/icons/twitter.jpg) no-repeat 0 1px;}
ul#multimedia-list li.rss{background: url(http://images.towersperrin.com/images/home/global/icons/rss-feed.gif) no-repeat 0 1px;}
ul#multimedia-list li.facebook{background: url(http://www.towersperrin.com/tp/getdoc?webc=~images/page-lobby-global/icons/fb.jpg) no-repeat 0 1px;}
ul#multimedia-list li.linkedin{background: url(http://www.towersperrin.com/tp/getdoc?webc=~images/page-lobby-global/icons/linkedin.jpg) no-repeat 0 1px;}


* html ul#multimedia-list{height:1%;}
* html ul#multimedia-list li.podcast{background: url(http://images.towersperrin.com/images/home/global/icons/podcast.gif) no-repeat 0 2px;}
* html ul#multimedia-list li.video{background: url(http://images.towersperrin.com/images/home/global/icons/video.gif) no-repeat 0 3px;}
* html ul#multimedia-list li.webcast{background: url(http://images.towersperrin.com/images/home/global/icons/webcast.gif) no-repeat 0 2px;}
* html ul#multimedia-list li.rss{background: url(http://images.towersperrin.com/images/home/global/icons/rss-feed.gif) no-repeat 0 1px;}
* html ul#multimedia-list li.blog{background: url(http://images.towersperrin.com/images/home/global/icons/blogs.gif) no-repeat 0 1px;}
* html ul#multimedia-list li.twitter{background: url(http://images.towersperrin.com/images/home/global/icons/twitter.jpg) no-repeat 0 1px;}
* html ul#multimedia-list li.rss{background: url(http://images.towersperrin.com/images/home/global/icons/rss-feed.gif) no-repeat 0 1px;}
* html ul#multimedia-list li.facebook{background: url(http://www.towersperrin.com/tp/getdoc?webc=~images/page-lobby-global/icons/fb.jpg) no-repeat 0 1px;}
* html ul#multimedia-list li.linkedin{background: url(http://www.towersperrin.com/tp/getdoc?webc=~images/page-lobby-global/icons/linkedin.jpg) no-repeat 0 1px;}



#leftSideCol2 div.rss{background: url(http://images.towersperrin.com/images/home/global/subscribe-link-box.gif) no-repeat; padding:0 5px; margin:3px 0; width:180px; height: 20px; display:block; }
#leftSideCol2 div.rss a{background: url(http://images.towersperrin.com/images/home/global/icons/rss-feed.gif) no-repeat; padding:0 0 0 22px; font:11px arial;}


/*  Styles for multimedia video slot
------------------------------------------------------------------*/
div#video-hp {margin:5px 0 10px 0;}

* html div#video-hp {margin: 10px 0 0 0;}
* html div#video-hp div.video-top {height:1%; margin: 0 0 -11px 0;}

div#video-hp div.video-top {height:2px; width:200px; background: url(http://images.towersperrin.com/images/home/global/TP-HP-mm-video-top.gif) no-repeat; }
div#video-hp div.video-bottom {height:2px; width:200px; background: url(http://images.towersperrin.com/images/home/global/TP-HP-mm-video-bottom.gif) no-repeat; }
div#video-hp div.video-mid {width:190px; background:#D5DDB9; padding:5px;}
div#video-hp div.video-mid span{font:10px verdana; padding:0 3px 0 0;}

/*  Styles for multimedia subscribe
------------------------------------------------------------------*/
div#leftSideCol2 strong{font-weight:bold;}
div.subscribe {margin:5px 0 10px 3px; padding:0 5px 0 0;}
div.subscribe p{margin:0 0 5px 0;}
div.subscribe span.subscribe-links{background: url(http://images.towersperrin.com/images/home/global/subscribe-link-box.gif) no-repeat; padding:0 5px; margin:3px 0; width:180px; height: 20px; display:block; }
div.subscribe a{font:10px/17px verdana; color:#09c;}
div.subscribe span.subscribe-links span{color:#99D5EB;}
