/* Generic Styles 
=========================================*/
h1 span, h2 span, h3 span{display:none;}

a img{border:none;}

a{
	outline:none;
}

a span{font-family:verdana; font-size:10px; display:block;}

#Sos,#PopUp{background:#000 url(../images/sos/SOS_Bg.gif) repeat-x; height:100%;}

#Sos .header h2 a, #PopUp .header h2 {background: url(../images/sos/GreyBW_Logo.gif) left top no-repeat;}

#Sos .footermenu a:link, .footermenu a:visited, .footermenu a:active{color:#999999}

#Sos .terms a:link, .terms a:visited, .terms a:active {color:#999999}   

/* Primary Nav
================================================*/
#Sos .level1{background-color:#191919;}

#Sos .level1PrimEdgeRight{background-image:url(../images/sos/Prim_Edge_DkGrey.gif);}

#Sos .level1PrimEdgeLeft{background-image:url(../images/sos/Prim_Edge_DKGrey.gif);}

#Sos .current .level1PrimEdgeLeft{
	background-image:url(../images/sos/Prim_Edge_Grey.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#Sos .current .level1PrimEdgeRight{
	background-image:url(../images/sos/Prim_Edge_Grey.gif);
	background-repeat:no-repeat;
	background-position:19px 0px;
}

#Sos .UserInput{
	display:inline;
	margin:2px 3px 0 0;
}

#Sos #TopPanelUC_Btn_Search{margin-top:2px}	

/* Tertiary Nav
========================================================*/

.SubNavContainer{
	float:left;
	/*padding:35px 0 38px 26px;*/
	padding:35px 0 0 26px;
}

.SubNav {
		float:left;
		width:932px;
		margin:0;
		padding:0;
		display:inline;
		background:url(../Images/dotted_line.gif) repeat-x bottom;
}

.SubNav li{
		float:left;
		list-style:none;
		padding:0 0 11px 0;
		margin:0 45px 0 0;
		display:inline;
}

.SubNav li a:link, .SubNav li a:visited{
		padding-bottom:20px;
		color:#888888;
		text-decoration:none;
		line-height:1.2;
}

.SubNav li.Selected a:link, .SubNav li.Selected a:visited{color:#fff}

.SubNav li a:hover{color:#ffffff;}

.SubNav li.Selected{background:url(../images/Zepplin/whitetop_arrow.gif) no-repeat center 16px;}

.AlignBottom{padding-bottom:38px;}

/* MainContentArea
=======================================================*/
#Sos #maincontent .topcontent{
	float:left;
} 

.firstmedia{margin-right:1px;}

 #Sos .leftcontent{
      float:left;	
      width:977px;
}

#Sos #SubTemplate{margin-top:38px;}  
#Sos  .mainbottomcontentOverview{padding-top:38px;}

#Sos #maincontainer{
	color:#EFEFEF;
	background-color:transparent;
}

#Sos #mainbottomcontent, #Sos .bottomcontent{
	  float:left;	
      width:978px;
      margin-top:1px;
      margin-bottom:0; 
}

#Sos #DisplayContentArea
{
	float:left;
	width:978px;
}

#Sos .DisplayArticle
{
	width:100%;
	margin-top:0;
	margin-bottom:20px;
}


#Sos .LeftContentArea, #BlogSearchWrapper .LeftContentArea{
	float:left;
	padding-left:30px;
	width:743px;
}

#Sos .PageContentTitle
{
	float:left;
	width:480px;
	margin-bottom:21px;
	display:block;
}

#Sos .PageContentTitle h1, #Sos .PageContentTitle h2
{
	height:34px;
	background-repeat:no-repeat;
	
}

#Sos .DisplayArticle
{
	float:left;
	line-height:1.3;
}

.LeftContentArea .PageIntroContext
{
	float:left;
	width:743px;
	padding-bottom:25px;
	font-weight:normal;
}

.LeftContentArea .PageIntroHalfWidth
{
	float:left;
	width:538px;
	padding-bottom:25px;
	margin-left:38px;
}

.PromoUnit
{
	float:left;
	width:744px;
	margin:32px 0 10px 0;
	display:inline;
}

.PromoUnit a{margin-right:15px;}

.LastLink{margin-right:0;}

.Pagination .PrevLink
{
	padding:0 0 0 10px;
	background:url(../images/sos/PgLeft_Arrow.gif) no-repeat left 4px;
	color:#EFEFEF;
}

.Pagination span.CurrentPg
{
	font-weight:bold;
	padding-left:10px;
}

.Pagination .NextPg
{
	padding-left:10px;
	color:#EFEFEF;
}

.Pagination .NextLink
{
	padding:0 10px 0 10px;
	background:url(../images/sos/PgRight_Arrow.gif) no-repeat right 4px;
	line-height:1.2;
	color:#EFEFEF;
}

#Sos .TopPaging
{
	float:right;
	position:relative;
	margin:12px 8px 30px 0;
}

.BottomPaging
{
	float:left;
	position:relative;
	text-align:center;
	width:100%;
	margin-top:20px;
	padding-bottom:30px;
}

.ArticleWrapper
{
	float:left;
	width:743px;
	margin-bottom:22px;
}

.ArticleImage, .ArticleSmallImage
{
	float:left;
	margin-bottom:25px;
}

.ArticleWrapper .ArticleImage, .ArticleWrapper .ArticleSmallImage
{
	margin-left:0; 
	margin-bottom:0;
}

.ArticleImage img, .ArticleSmallImage img{float:left;}

.ArticleSmallImage .ImageCaption{
	position:relative;
	width:120px;
	display:block;
	color:#999999;
	font-weight:bold;
	clear:both;
	line-height:1.5;
	text-decoration:underline;
	font-size:10px;
}

.ArticleImage .ImageCaption
{
	position:relative;
	width:348px;
	display:block;
	color:#999999;
	font-weight:bold;
	clear:both;
	line-height:1.5;
	text-decoration:underline;
	font-size:10px;
}

.ArticleImage span, .ArticleSmallImage span 
{
	float:left;
	clear:both;
	width:348px;
	margin-top:3px;
	display:block;
	font-size:10px;
}

.ArticleWrapper .ArticleContext
{
	float:left;
	width:47%;
}

.ArticleWrapper .ArticleContext p{padding-bottom:21px;}

.ArticleContextFullWidth
{
	float:left;
	width:743px;
}

.ArticleQuote{float:left;}

.ArticleMediaLeft{margin-right:38px;}

.NormalTxt{font-weight:normal}

.PreviewTracks{float:left;}

.PreviewTracks ul
{
	margin:0;
	padding:0;
	list-style:none;
	width:500px;
}

.PreviewTracks ul li
{
	float:left;
	width:500px;
	padding:0 0 10px 0;
	margin:0;
	background:url(../images/sos/grey_arrow.gif) no-repeat left 9px;
}

.PreviewTracks ul li a
{
	xfloat:left;
	padding-left:8px;
	color:#ffffff;
	text-decoration:none;
}

.PreviewTracks ul li a:hover{text-decoration:underline}

.PreviewTracks ul li a img
{
	position:relative;
	top:3px;
	left:8px;
}

.PreviewTracks .TrackDesc 
{
 position:relative;
 clear:both;
 padding-top:13px;
 display:none;
}

.PreviewTracks .TrackDesc li{background:none;}

.RememberMe {margin:0 0 5px 10px;}

.signInBtn {margin:10px 0 10px 10px;}

.MainFAQList
{
	float:left;
	width:728px;
	padding-bottom:19px;
	background:url(../Images/dotted_line.gif) repeat-x bottom;
	margin-bottom:38px;
}

ol.MainFAQList 
{
	color:#FFF068;
	font-weight:bold;
	margin:0 0 38px 0;
	padding:0 0 19px 0;
}

ol.MainFAQList li
{
	padding:0 0 21px 0;
	margin:0 0 0 30px;
}

.MainFAQList a{color:#FFF068;}

.LastList{background:none;}

.MainFAQList h3{
	padding-bottom:21px;
	color:#989898;
}

.MainFAQList p{
	padding-bottom:21px;
}

.TrackListMsg{
	float:left; 
	margin-top:20px;
	line-height:1.3;
	width:500px;
}

.TrackListMsg a{color:#FFF068;}
.AvailableTracks {font-size:14px;color:#ffffff;padding:0 0 15px 0;font-weight:bolder;float:left; width:600px;}
.AvailableTracks p{float:left;}
.AvailableTracks a {color:#FFF068;padding:0 0 0 10px;}
.PreviewTracks .Format {font-size:12px;color:#999999;padding:5px 0 5px 10px;}
.PreviewTracks .Format a {color:#FFF068;padding:0 0 0 5px;}

.AllTracks {font-size:14px;padding:10px;}
.NoDownload {float:left;width:500px;padding-bottom:10px}

.TrialPromo li{margin:0 0 0 -26px;}

.SubscriptionLinks a
{
	display:block;
	color:#FFF068;
	line-height:1.5;
	font-weight:bold;
}

/* Blog
============================================================*/
.DisplayArticleComment
{
	float:left;
	width:743px;
	background:url(../Images/dotted_line.gif) repeat-x top;
	margin-bottom:40px;
}

.DisplayArticleComment h2
{
	color:#c2c2c2;
	font-size:1.4em;
	padding:40px 0 32px 0;
	font-weight:700;
}

.DisplayComments
{
	float:left;
	width:538px;
	margin-bottom:37px;
}

.AlternativeColor .BoxHeader
{
	float:left;
	width:538px;
	height:5px;
	background:url(../images/sos/top_box.gif) no-repeat;
}
.AlternativeColor .BoxBottom
{
	float:left;
	width:538px;
	height:5px;
	background:url(../images/sos/bottom_box.gif) no-repeat;
}

.AlternativeColor{background-color:#191919;}

.Comments
{
	float:left;
	width:538px;
	padding:5px 0 5px 0;
}

.Comments .PostComments
{
	float:left;
	margin-left:8px;
	display:inline;
	line-height:1.2;
	padding:19px 0 0 20px;
	margin-left:15px;
	
}

.Comments .PostCommentsName{
	background:url(../images/sos/talkicon.gif) no-repeat left 20px;
	padding:19px 0 0 20px;
	margin-left:15px;
}

.post-comments{
 float:left;
 width:353px;
}

.post-preview{
	float:left;
	height:201px;
	width:324px;
	margin-top:35.3em;
	margin-left:22px;
	background-color:#131a20;
	padding:23px 0 0 23px;
	text-align:left;
}

.post-preview h3{
	color:#999999;
	font-weight:normal;
}

.post-comments h3
{
	font-size:1em; 
	color:#999999;
	font-weight:normal;
}
.post-comments span{float:left;}

.post-comments .enterdata span{
	float:left;
	width:353px;
	margin:0 0 10px 0;
	display:block;
}

.post-comments .enterdata{
	float:left;
	margin:0;
}

.post-comments .enterdata input{
	position:relative;
	width:199px;
	background-color:#1C1C1C;
	border:1px solid #616161;
	color:#707070;
	font-size:1em;
	margin-bottom:20px;
}

.post-comments select{
	width:158px;
	background-color:#1a1a1a;
	border:1px solid #616161;
	color:#9a9a9a;
	font-size:1em;
	margin-bottom:20px;
}

.post-comments .chooseinput{
	float:left;
	width:353px;
	margin:0;
	padding-bottom:15px;
}
.post-comments .chooseinput span
{
		float:left; 
		margin-top:3px; 
		margin-left:8px
}

.post-comments .chooseinput input{float:left;}

.post-comments textarea{
	float:left;
	width:348px;
	height:224px;
	background-color:#1a1a1a;
	border:1px solid #616161;
	color:#9a9a9a;
	font-size:1em;
	font-family:verdana;
	margin-bottom:20px;
}


#BlogSearchWrapper{
	float:left;
	width:978px;
	background:#000;
	text-align:left;
	font-family:verdana;
	font-size:0.7em; 
	color:#999;
}

.PageHeader
{
	color:#c2c2c2; 
	font-size:1.25em; 
	margin:0 0 23px 0;
}

#SearchCount
{
	float:left; 
	width:727px; 
	background:url(../Images/dotted_line.gif) repeat-x center bottom;
	padding-bottom:38px;
}

.SearchPagination{margin-top:21px;}

.SearchPagination .activelist {color:#FEFEFE; text-decoration:none;}

.SearchPagination a, .SearchPagination a:visited{color:#999; margin-right:10px;}

.SearchPagination span{margin-right:10px;}

.DisplayResultList
{
	float:left;
	width:536px;
	margin-top:40px;
	padding-bottom:38px;
}

.DisplayResultList .resultlist 
{
	margin:0;
	padding:0;
}

.DisplayResultList .resultlist li
{
	list-style:none;
	background:url(../Images/dotted_line.gif) repeat-x center bottom;
	padding-bottom:40px;
	margin-bottom:38px;
}
	
.resultlist li a 
{
	font-weight:bold; 
	color:#FFF068;
}	

.abstractLabel{margin-top:23px}	

#BlogSearchWrapper #txtSearch
{
	float:left;
	margin-right:10px;
	background-color:#1C1C1C;
	width:130px;
	color:#707070;
	border:1px solid #696969;
	font-size:11px;
}	
	
/* Fellows
========================================*/
#Sos .FellowLinks
{
	float:left;
	width:730px;
	margin-top:25px;
	padding-bottom:42px;
}

.FellowLinks ul
{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

.FellowLinks ul li
{
	float:left;
	width:224px;
	margin:0 8px 23px 0;
	background:url(../images/sos/Yellow-Link-Arrow.gif) no-repeat left 6px;
	padding:0 0 0 10px;
	height:50px;
}

.FellowLinks ul li a
{
	text-decoration:none;
	font-weight:bold;
	color:#FFF068;
}

.FellowLinks ul li a:hover{text-decoration:underline;}

.FellowLinks ul li span
{
	float:left;
	width:198px;
	display:block;
}

#Sos .Fellows .PageIntroContext
{
	padding-bottom:25px;
	font-weight:bold;
	font-size:1.1em;
}

#Sos .PageIntroContext a{color:#FFF068;}

.Fellows .ContextualLinks a{color:#FFF068;}


/* Music Club 
=============================================*/
.SummaryItem
{
   float:left;
   width:738px;
   margin:30px 0 15px 0;
   line-height:1.4;
  

}

.SummaryThumbnail{
		float:left; 
		margin-right:16px;
}

.ContentArticleSummaryTitle
{
	margin-bottom:18px;
	color:#c1c1c1
}


.links {margin:15px 0 0 0;}
.links a:link, .links a:visited
{
    float:left;
    width:520px;
    font-size:100%; 
    font-weight:bold; 
    margin-top:8px; 
	line-height:1.3;
	color:#FFF068;
	text-decoration:none;
}

.links a:hover
{
	text-decoration:underline;
}

/* Gallery
===========================================*/
.GalleryOpacityBg
{
	position:absolute;
	width:100%;
	height:380%;
	background-color:#000;
	filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;
}

#GalleryContent
{
	position:relative;
	margin: 0 auto;
	
}

#PopUp{margin:0;}

#View
{
	float:left;
	height: 69px; 
	width: 643px; 
	overflow:hidden;
	position:relative;
}	

.GalleryWrapper
{
	float:left;
	width:2000px;
	margin-bottom:25px;
	
}

.ThumbnailImage 
{
	float:left;
	cursor:default;
	width:93px;
}

.ThumbnailImage  a
{
	float:left;
	color:#000000;
    display:block;
    width:93px;
    height:67px;   
}

.ThumbnailImage  a:hover{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}

.ThumbnailImage  .active{filter:alpha(opacity=40);-moz-opacity:0.4;opacity:0.4;}


.PopUpGalleryContent
{
	position:relative;
	width:875px;
	height:690px;
	font-family:Verdana;
	color:#fff;
}

.PopUpTopContent
{
	float:left;
	margin:20px 0 21px 0;
	cursor:pointer;
}

#PopUp .header
{
	float:left;
	width:700px;
}

#PopUp .header h2
{
     float:left;
     width: 230px;
     height: 26px;
     margin:0 0 0 72px;
     display:inline;
}

#PopUp .CloseBtn
{
	float:left;
	background:url(../images/sos/closebtn.gif) no-repeat right 2px;
}

#PopUp .CloseBtn a
{
	color:#fff; 
	text-decoration:none;
	font-size:0.7em ! important;
	padding-right:18px;
	cursor:pointer;
	
}

.GallerySelector
{
	float:left;
	padding-left:46px;
}

.GalleryLargeImage{
	float:left;
	margin:0 42px 0 43px;
}

.GallerySelector .LeftLink, .GallerySelector .RightLink{
	float:left;
	margin-top:230px;
	
}

.GallerySelector .LeftLargeArrow{
	float:left;
	width:27px;
	height:27px;
	background:url(../images/sos/Big-Arrow_Left-Off.gif) left 0;
}

.GallerySelector .LeftLargeArrow:hover{
	background:url(../images/sos/Big-Arrow_Left-On.gif) left 0;
}

.GallerySelector .RightLargeArrow{
	float:left;
	width:27px;
	height:27px;
	background:url(../images/sos/Big-Arrow_Right-Off.gif) left 0;
}

.GallerySelector .RightLargeArrow:hover{
	background:url(../images/sos/Big-Arrow_Right-On.gif) left 0;
}

.GalleryDesc
{
	float:left;
	margin:15px 0 0 115px;
	font-size:0.7em;
	color:#999999;
}

.GalleryThumbnailSelector
{
	float:left;
	width:800px;
	padding-left:72px;
	margin-top:14px;
}


.GalleryThumbnailSelector .LeftLink
{
	float:left; 
	margin:24px 30px 0 0;
}

.GalleryThumbnailSelector  .RightSmlArrow{
	float:left;
	width:15px;
	height:15px;
	background:url(../images/sos/Small-Arrow_Right-Off.gif) no-repeat left 0;	
}

.GalleryThumbnailSelector  .RightSmlArrow:hover{
	background:url(../images/sos/Small-Arrow_Right-On.gif) no-repeat left 0;
}

.GalleryThumbnailSelector  .LeftSmlArrow{
	float:left;
	width:15px;
	height:15px;
	background:url(../images/sos/Small-Arrow_Left-Off.gif) no-repeat left 0;	
}

.GalleryThumbnailSelector  .LeftSmlArrow:hover{
	background:url(../images/sos/Small-Arrow_Left-On.gif) no-repeat left 0;
}

.GalleryThumbnailSelector .RightLink
{
	float:left;
	margin:24px 0 0 13px;
}

.GalleryThumbnailSelector .ThumbnailImage 
{
	float:left;
	margin-right:17px;
}


.InfoContent
{
	position:relative;
	left:25px;
	background-color:#262626;
	border:1px solid #444444;	
}

#Sos .OuterInfoContent
{
	position:relative;
	left:25px;
}


.bodyPopup
{
	margin:0;
	background-color:#262626;
}

.bodyPopup .TopLinks{
		float:left;
		margin-top:0;
		width:100%;
		height:44px;
		font-size:70%;
		font-family:verdana, arial;
}

.TopLinks a, .TopLinks a:visited{
		color:#666666;
		text-decoration:none;
}

.PrintLink{
	float:left;
	margin:18px 0 0 25px;
	display:inline;
}

.CloseLink{
	float:right;
	margin:18px 27px 0 0;
	display:inline;
}

.InfoImageContent{
	float:left;
	margin-left:26px;
	width:792px;
	height:329px;
	display:inline;
}

/* RightContent
======================================*/

#Sos .RightContentArea, #BlogSearchWrapper .RightContentArea{
	float:left; 
	width:161px;
	line-height:1.2;
	margin-left:30px;
	color:#666;
}

.RightContentArea a ,#InnerRightContent a{
	color:#fff068;
	xtext-decoration:none;
}

.RightContentArea a:hover, #InnerRightContent a:hover{
	text-decoration:underline;
}

.ContextualLinks, .MusicContextualLinks
{
	float:left;
	width:160px;
	padding-bottom:25px;
	margin:3px 0 24px 0;
	background:url(../images/sos/black_grey_dotted_bdr.gif) repeat-x bottom;
}

.MusicContextualLinks{padding-bottom:23px;}

#Sos .RightContentArea h2, #BlogSearchWrapper h2
{
	padding-bottom:24px; 
	font-size:1.3em;
	color:#EFEFEF;
}

.MusicContextualLinks h2
{
	padding-bottom:18px;
	font-size:1.3em
}

.ContextualLinks ul, .MusicContextualLinks ul
{
	float:left;
	width:160px;
	list-style:none;
	margin:0;
	padding:0;
	
}

.ContextualLinks ul li
{
	margin:0;
	background:url(../images/sos/yellow-Link-Arrow.gif) no-repeat left 4px;
	padding:0 0 10px 8px;
	font-size:0.9em
}

.ContextualLinks a{text-decoration:none;}
.ContextualLinks ul li a:hover{color:#FFF068;}

.RssFeed
{
 background:url(../images/sos/rss_icon.gif) no-repeat 70px 0px;	
 padding-top:8px;
}

.RssFeed:hover{
	color:#FFF068;
}


.MusicContextualLinks ul li
{
	margin:0;
	background:url(../images/sos/Yellow-Link-Arrow.gif) no-repeat left 5px;
	padding:0 0 10px 8px;
}

.MusicContextualLinks ul li a.CurrentArtist
{
	color:#EFEFEF;
	font-weight:bold;
}

a.ListenLink
{
	
	float:left;
	margin-top:15px;
	padding-left:8px;
	background:url(../images/sos/Yellow-Link-Arrow.gif) no-repeat left 10px;
}

a.ListenLink img
{
	position:relative;
	left:8px;
	top:3px;
}

.AlbumContainer {float:left;margin-top:-80px;margin-left:70px;}

.ContentAvailableToDownload {float:right;margin-top:-30px;color:#999999;}

/* FLASH PROMO ASIDE - fixes problem with width/scrolling in iframe */
#Sos #maincontent {
	overflow:hidden;
}
.flashPromoAside #maincontainer,
.flashPromoAside #maincontent {
	width:246px !important;
}