/*--------------------------------------------

Modules Style Sheet (for FF3, Safari 3, Chrome 1)



version:     1.0

author:      Greg Allen, Corey Hinds, Chris Newton

website:     http://www.demandmedia.com

--------------------------------------------*/



/* CONTAINERS

-------------------- */

.Box1 { background: #eee url(images/box1.gif) repeat-x scroll left bottom; padding: 10px; margin: 0 0 10px 0; }

	.Box1 .box1Header { margin: 0 0 5px; }

	.Box1 .box1Content { background-color: #fff; padding: 10px; }



.Box2 { border: 1px solid #dde2e6; padding: 6px; margin: 0 0 10px 0;}

	.Box2 .box2Header { margin: 0 0 10px; }

	.Box2 .box2Content {}

		.Box2 .box2Content .ThumbList { } 

			.Box2 .box2Content .ThumbList li.alt { background: #EBF0F4; }

		.Box2 .box2Content .BulletList { margin: 0; color: #4a7195; }

			.Box2 .box2Content .BulletList li { list-style-position: inside; background-color: #dde2e6; margin: 2px 0; padding: 5px 5px 5px 15px; }



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

	.Box3 .box3Header { position: relative; }

		.Box3 .box3Header .Nav5 { margin: 0 0 5px; }	

	.Box3 .box3Content { clear: both; border: 1px solid #dde2e6; padding: 10px; }



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

	.Box4 .box4Header { border:1px solid #dde2e6; padding:3px; }

		.Box4 .box4Header .inner { background:#dde2e6; padding:3px; }

	.Box4 .box4Content { border:1px solid #dde2e6; border-width:0 1px 1px 1px; padding:5px; }



.Box5 { border:1px solid #dde2e6; margin: 0 0 10px 0; }

	.Box5 .box5Header { background:#dde2e6; padding:5px 10px; margin:3px; }

	.Box5 .box5Header a { font-family:Arial; font-size:12px; float:right; position:relative; top:2px; }

	.Box5 .box5SubHeader { font-size:12px; background:#f0f2f4; padding:5px 10px; margin:3px; }

		.Box5 .box5SubHeader .Pagination { margin:0px; }

		.Box5 .box5SubHeader .Pagination a { font-size:12px; }

	.Box5 .box5Content { padding:3px; }

		.Box5 .box5Content .ThumbList .itemAvatar img { width:21px; height:21px; }

	/* Overrides */

	.Box5 .Faceroll { margin:0; padding:3px 4px; }

		.Box5 .Faceroll a.userAvatar { margin:0 3px 3px 0; }



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

	.Box6 .box6tl { background:url(images/box6-sprite1.png) no-repeat left top; height:10px; font-size:0; padding-left:10px; }

	.Box6 .box6tr { background:url(images/box6-sprite1.png) no-repeat right top; height:100%; font-size:0; }

	.Box6 .box6body { background:url(images/box6-sprite2.png) repeat-y left top; }

	.Box6 .box6bodyR { background:url(images/box6-sprite2.png) repeat-y right top; padding:0 10px; }

		.Box6 .box6Header { background:#dde2e6; padding:3px 6px; margin-bottom:5px; }

		.Box6 .box6Content {  }

	.Box6 .box6bl { background:url(images/box6-sprite1.png) no-repeat left bottom; height:10px; font-size:0; padding-left:10px; }

	.Box6 .box6br { background:url(images/box6-sprite1.png) no-repeat right bottom; height:100%; font-size:0; }



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

	.Box7 .topTick { display:block; width:13px; height:14px; background:url(images/ticks.png) no-repeat center -7px; position:absolute; left:50%; top:-12px; }

	.Box7 .box7tl { background:url(images/box7-sprite.png) no-repeat left top; height:5px; font-size:0; padding-left:4px; }

	.Box7 .box7tr { background:url(images/box7-sprite.png) no-repeat right -5px; height:100%; font-size:0; }

		.Box7 .box7Header {  }

		.Box7 .box7Content { background:#eaeef0; border:2px solid #ccd3d9; border-width:0 2px; padding:5px 8px; }

	.Box7 .box7bl { background:url(images/box7-sprite.png) no-repeat left -10px; height:5px; font-size:0; padding-left:4px; }

	.Box7 .box7br { background:url(images/box7-sprite.png) no-repeat right bottom; height:100%; font-size:0; }



.Box8 { background-color:#eef0f2; padding:5px 10px; margin:0 0 10px 0; } /* horizontal box */

	.Box8 .box8Header { display:inline; padding:0 10px 0 0; font-weight:bold; }

	.Box8 .box8Content { display:inline; }

	

.Box9 { border: 1px solid #D0D6DC; padding: 4px; margin: 0 0 10px 0; }

	.Box9 .box9Header {}

	.Box9 .box9Content { clear: both; background-color: #F0F2F4; padding: 10px; }



.Box10 {  }

	.Box10 .box10Header { background:url(images/box10_header_bg_r.gif) no-repeat right bottom; }

		.Box10 .box10Header .tab { background:url(images/box10_tab.gif) no-repeat left top; height:46px; width:257px; line-height:46px; color:#fff; padding-left:55px; margin:0; }

		.Box10 .box10Header .tab2 { background:url(images/box10_tab.gif) no-repeat left bottom; height:32px; width:200px; color:#fff; padding-left:55px; margin:0; padding-top: 12px; }

	.Box10 .box10ContentOuter { background:url(images/box10_content_bg_l.gif) no-repeat left top; }

	.Box10 .box10ContentInner { background:url(images/box10_content_bg_r.gif) no-repeat right top; }

	.Box10 .box10Content { border:1px solid #e5e5e5; margin:0 8px 20px 17px; padding:0px 25px; position:relative; }

		.Box10 .box10Content .paperclip { display:block; width:56px; height:75px; background:url(images/paperclip.gif) no-repeat left top; position:absolute; top:-7px; left:575px; _left:555px; }

		.Box10 .box10Content .note { float:right; width:200px; border:1px solid #ccc; background:#ffc; margin:22px 0 3px 12px; padding:15px 10px 10px 10px; }





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

	.Box11 .box11tl, 

	.Box11 .box11tr,

	.Box11 .box11bl, 

	.Box11 .box11br { background:url(images/box11.png) no-repeat; }



	.Box11 .box11body,

	.Box11 .box11bodyR { background:url(images/box11-middle.png); }



	.Box11 .box11tl { background-position: left -4px; height:4px; font-size:0; padding-left:4px; }

		.Box11 .box11tr { background-position: right 0px; height:100%; font-size:0; }

	.Box11 .box11bl { background-position: left -12px; height:4px; font-size:0; padding-left:4px; }

		.Box11 .box11br { background-position: right -8px; height:100%; font-size:0; }





	.Box11 .box11body { background-position: left top; }

	.Box11 .box11bodyR { background-position: right top; padding:6px 4px 10px; }



.Box12 { background-color: #eff0f2; padding: 10px 20px; }



.Box13 { border: 1px solid #dde2e6; }

	.Box13 .box13Header { border-bottom: 1px solid #dde2e6; padding: 10px; }



.Box14 {}

    .Box14 .box14Header { background: url(images/box14_tick.png) no-repeat 125px top; padding: 9px 0 0; position: relative; top: 1px; }

    .Box14 .box14Content { background-color: #eff0f2; border: 1px solid #c8d1d8; padding: 10px; }



.SliderBox { border:1px solid #d9d9d9; padding:0px; margin:0 0 10px 0; }

	.SliderBox a.goLeft { background:url(images/sliderBox_nav_sprite.gif) no-repeat left center; display:block; height:100%; width:24px; float:left; }

	.SliderBox a.goRight { background:url(images/sliderBox_nav_sprite.gif) no-repeat -24px center; display:block; height:100%; width:24px; float:left; }

	.SliderBox .sliderBoxContainer { float:left; padding:10px 0 0 15px; }

		.SliderBox .sliderBoxContainer .viewIndicator { float:right; list-style-type:none; margin-right:15px; }

			.SliderBox .sliderBoxContainer .viewIndicator li { float:left; width:7px; height:22px; background:url(images/view_indicator.gif) no-repeat left 50%; margin-right:5px; }

			.SliderBox .sliderBoxContainer .viewIndicator li.current { background-position:-12px 50%; }

		.SliderBox .sliderBoxContainer .sliderBoxHeader { margin-bottom:15px; }



/* =CONTENT

-------------------- */



/* Ads */

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

    #Template2a .Column2 .AdUnit300 { height: 250px; }

    #Template3a #Home .Column3 .AdUnit300 { height: 250px; }

    

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



.AdUnit728 { margin: 10px auto; width: 728px; }



.AdUnit990 { margin: 10px auto; width: 990px; }



.RelatedAds {  }

	.RelatedAds .Heading4 { margin-bottom:2px; }

	.RelatedAds ul { list-style-type:disc; margin:0 0 15px 35px; color:#4a7195; }

		.RelatedAds ul li { margin-bottom:1px; }



.SponsoredResults { border-top: 1px solid #DDE2E6; padding: 5px 15px; margin: 0 0 10px; overflow: hidden; }

.SponsoredResults.Ads160 { border: none; }

	.SponsoredResults .header { color: #9A9A9A; position: relative; top: -5px; line-height: 26px}

	.SponsoredResults .Ad span { padding: 5px 0;}

	.SponsoredResults .Ad .title { font-size: 13px; font-weight: bold; color: #0364a4; text-decoration:underline;}

	.SponsoredResults .Ad .baseurl { color: #0364a4;}

	.SponsoredResults .Ad .copy { color: #333;}

	.SponsoredResults .Ad .smallurl { font-size: 11px; color: #0364a4;}

	.SponsoredResults #AdvertiseSite {text-align:center;}

	.SponsoredResults #AdvertiseSite .advertise { font-size: 11px; color: #0364a4;}



#Template2a .Column1 .SponsoredResults { overflow: visible; }

#Template2b .Column1 .SponsoredResults { _width: 170px; }

#Template3a .Column1 .SponsoredResults { overflow: hidden; width: 160px; }

#Template3a #Resources .Column3 .SponsoredResults { padding: 5px 0; }

#Template3a .Column2 .SponsoredResults { border-top: 0; padding: 15px 15px 5px; }

#Template3a .Column2 .SponsoredResults .header { top: -15px; float: right; }

/* Lists */

.BulletList { list-style-type:disc; margin-left: 20px; }





.HorizontalList { list-style-type:none; }

	.HorizontalList li { float:left; display:inline; }



.ThumbList { margin:0px; padding:0px; list-style-type:none; }

	.ThumbList li { margin:0px; padding:8px 0px; }

	.ThumbList .itemAvatar { display:block; float:left; margin-right:10px; }

	.ThumbList .itemContent { float:left; }

		.ThumbList .itemContent .data { color:#999; font-size:10px; }



.SliderList {  }

	.SliderList .sliderWindow { padding:0; position:relative; overflow:hidden; }

	.SliderList .sliderWindow ul { list-style-type:none; width:900000px; padding:0; position:absolute; left:0px; z-index: 0; }

		.SliderList .sliderWindow ul li { float:left; overflow:hidden; }

			.SliderList .sliderWindow ul li ul { list-style-type:disc; position:relative; width:auto; left:auto; }

				.SliderList .sliderWindow ul li ul li { float:none; overflow:visible; }	



.CustomList1 {  }

	.CustomList1 li { margin-left: 25px; list-style-image: url(images/orange-arrow-right.gif); }



/* Navigation */

.Nav1 { list-style-type:none; }

	.Nav1 li { background:url(images/nav1-sprite.png) no-repeat center -30px; float:left; text-align:center; padding:3px 0 0 0; position:relative; }

		.Nav1 li a { color:#fff; display:block; font-family:Georgia; font-size:12px; width:120px; height:23px; line-height:20px; }

	.Nav1 li.selected { background-position:center top; border-bottom:1px solid #eff1f3; }

		.Nav1 li.selected a { color:#dfa641; }



.Nav2 { list-style-type:none; padding:4px 0; }

	.Nav2 li { float:left; line-height:20px; padding:0px 20px; border-right:1px solid #ccc; }

		.Nav2 li a { color:#4a7195; font-family:Georgia; font-size:15px; }

	.Nav2 li.selected {  }

		.Nav2 li.selected a { color:#dfa641; }

    .Nav2 li.last { border-right: 0; }



.Nav3 { list-style: none; position: relative; }

	.Nav3 li { float: left; display: inline; background: url(images/nav3.jpg) no-repeat left -30px; padding-left: 5px; margin-right: 4px; position: relative; top: 1px; }

		.Nav3 li a,

		.Nav3 li .text { display: block; background: url(images/nav3.jpg) no-repeat right -30px; padding: 0 15px 0 10px; height: 24px; line-height: 24px; border-bottom: 1px solid #dde2e6; }

	.Nav3 li.selected { background: url(images/nav3.jpg) no-repeat left 0px;  }

		.Nav3 li.selected a,

		.Nav3 li.selected .text	{ background: url(images/nav3.jpg) no-repeat right 0px; border-bottom: 1px solid #fff; }



.Nav4 { list-style-type:none; }

	.Nav4 li { float:left; height:23px; line-height:15px; padding:10px 3px 0 3px; color:#4a7195; position:relative; _width: 75px;  }

		.Nav4 li a { display:block; font-size:11px; font-weight:bold; text-decoration:none; _text-align: center; }

		.Nav4 li span { display:none; width:7px; height:7px; background:url(images/ticks.png) no-repeat center top; }

	.Nav4 li.selected { padding:10px 0 0 0; }

		.Nav4 li.selected a { background:#fff; border:1px solid #c8cfd5; padding:0 4px; color:#dfa641; }

		.Nav4 li.selected span { display:block; position:absolute; top:26px; z-index: 100; width: 100%; font-size: 0; }

	.Nav4 li.divider { color:#c2cbd2; width: 1px; }

	

.Nav5 { list-style: none; position: relative; }

	.Nav5 li { float: left; background: url(images/nav5.jpg) no-repeat left -29px; height: 29px; padding-left: 5px; line-height: 29px; margin-right: 10px; }

		.Nav5 li a { display: block; background: url(images/nav5.jpg) no-repeat right -29px; padding: 0 15px 0 10px; text-align: center; }

	.Nav5 li.selected { background: url(images/nav5.jpg) no-repeat left 0; position: relative; }

		.Nav5 li.selected a { background: url(images/nav5.jpg) no-repeat right 0; color: #fff; }

			.Nav5 li.selected .bottomTick { width:0; height:0;  border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #386da3; border-bottom: 0; position: relative; left: 40%; }

			

.Nav6 { list-style:none; border-bottom:3px solid #fff; height:25px; }

	.Nav6 li { float:left; display: inline; background-color:#dde2e6; margin-right:3px; position:relative; text-align:center; top:1px; _width:125px; _top:3px; }

		.Nav6 li a { display:block; background-color:#dde2e6; font-family:Georgia; font-size:15px; padding:5px; position:relative; top:0; height:18px; overflow:hidden; }

	.Nav6 li.selected { background-color:#F0F2F4; }

		.Nav6 li.selected a { height:22px; background-color:#F0F2F4; }



.Nav7 { list-style: none; }

    .Nav7 li { float: left; display: inline; border: 1px solid #dde2e6; border-width: 1px 0 1px 1px; text-align: center; padding: 2px; }

        .Nav7 li a { display: block; padding: 9px 10px; background-color: #e4e8eb; }

    .Nav7 li.selected { border-color: #dde2e6 #dde2e6 #fff; }

        .Nav7 li.selected a { background-color: #fff; color: #000; }



.FacetedNav { margin: 0 0 10px; }

    .FacetedNav .header { background: url(images/tab1.png) no-repeat left top; text-align: center; padding-left: 5px; }

        .FacetedNav .header .inner { background: url(images/tab1.png) no-repeat right top; padding: 2px 5px 2px 0; }

    .FacetedNav .content { background-color: #ebf0f4; padding: 10px; }

        .FacetedNav .content .filters { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px solid #D9D9D9; }

            .FacetedNav .content .filters .subtitle {  margin: 0 0 5px; font-weight: bold; text-transform: uppercase; }

            .FacetedNav .content .filters ul { line-height: 1.2em; }

            .FacetedNav .content .filters ul.hiddenFacets { display:none; }

                .FacetedNav .content .filters ul li { font-size: 12px; color: #666; }

                    .FacetedNav .content .filters ul li a { font-weight: bold; }

            .FacetedNav .content .Rating img { height: 10px; }

    .FacetedNav .results {}

        .FacetedNav .results .subtitle { background-color: #cdd6dd; padding: 2px 5px; text-transform: capitalize; font-weight: bold; }

        .FacetedNav .results div { margin: 0 0 5px; }

        .FacetedNav .results .Note { display: block; text-align: right; color: #4a7195; }



.TopicNavigation { background:url(images/topic_nav_bg.gif) repeat-x left top #ccd5dc; padding:0px; margin:15px 0; }

	.TopicNavigation .navigation { /*list-style-type:none; z-index:99; position:relative;*/ }

		.TopicNavigation .navigation li { float:left; padding:4px 8px; border-right:1px solid #d4d7dc; font-family:Georgia; font-size:15px; position:relative; z-index: 3; border-top:none; border-bottom:none; }

			.TopicNavigation .navigation li a { display:block; line-height:20px; font-family:Georgia; font-size:15px; font-weight:normal; text-transform:none; }

		.TopicNavigation .navigation li.topic { border-right:none; padding:0 9px 0 0; background:url(images/topic_nav_topic_pointer.gif) no-repeat right center; }

			.TopicNavigation .navigation li.topic a { display:block; padding:3px 8px; font-weight:bold; line-height:20px; background:url(images/topic_nav_topic_bg.gif) repeat-x left top; color:#000; }

				.TopicNavigation .navigation li.topic a span.home { background: url(images/nav_home.gif) no-repeat left center; padding-left: 20px; }

			.TopicNavigation .navigation li.topic a:hover { text-decoration:none; }

		.TopicNavigation .navigation li.haveSubNav {  }

			.TopicNavigation .navigation li.haveSubNav span.topic { padding-right:12px; background:url(images/topic_nav_dropdown_arrow.gif) no-repeat right 8px; }

			.TopicNavigation .navigation li.haveSubNav a:hover { text-decoration:none; }

			.TopicNavigation .navigation li.haveSubNav .subNav { list-style-type:none; position:absolute; background:#fff; border:1px solid #d1d1d1; border-width:0 1px 1px 1px; width:150px; padding:0; left:0px; top:25px; z-index:1000000; display:none; }

				.TopicNavigation .navigation li.haveSubNav .subNav li { float:none; border-top:1px solid #d1d1d1; _height:20px; border-right:none; }

					.TopicNavigation .navigation li.haveSubNav .subNav li a { font-family:Arial; background:none; font-size:13px; padding:3px 15px 3px 0; font-weight:normal; text-transform:none; }



 .Breadcrumbs { margin: 10px 0; list-style: none; font-size:12px; color: #666; }

    .Breadcrumbs li { display: inline; }



.Pagination { float:right; margin:0; list-style-type:none; }

	.Pagination li { float:left; padding-left:5px; }

	

.Pagination1 { float:right; margin:0; list-style-type:none; }

	.Pagination1 li { float:left; padding-left:5px; margin-left: 5px; border-left: 1px solid #000; }

	.Pagination1 li:first-child { border-left: 0; }

	

.Pagination2 { text-align:center; }

	.Pagination2 .moveLeft,

	.Pagination2 .moveRight { display:block; width:11px; height:11px; margin-top:3px; }

	

	.Pagination2 .moveLeft { float:left; background:url(images/sprite-buttonset5.gif) no-repeat center top; }

	.Pagination2 .moveRight { float:right; background:url(images/sprite-buttonset5.gif) no-repeat center -23px; }



/* Tables */

.Table1 { width:100%; border-collapse:separate; clear: both; }

	.Table1 thead th { background:#8e9aaa; color:#fff; font-weight:bold; padding:5px; }

	.Table1 thead th.alignLeft { text-align:left; }

	.Table1 thead th a.sortDesc { color:#fff; text-decoration:none; padding-right:20px; background:url(images/sort_arrow_down.gif) no-repeat right center; }

	.Table1 tbody td { padding:5px; }

	.Table1 tbody tr.alt td { background:#e7ebed; }

	.Table1 tfoot th { background:#F0F2F3; font-weight:bold; padding:5px; text-align:center; }



/* Generic Modules */

.Search {  }

	.Search .textInput { background:#f4f4f4; border:1px solid #d0d7dc; color:#a49aa6; padding:3px; font-size:16px; font-weight:bold; float:left; }

	.Search .options { float:left; margin:5px 0 0 10px; #margin-top:3px; width:100px; }

	.Search .Button3a { width:100px; float:left; margin:0 0 0 10px; }



.userAvatar { display: block; background: url(images/ticker1.gif) no-repeat center center; width: 60px; height: 60px; }

.userAvatar.avatarLarge { width: auto; height: auto; background-position: center center; }

.userAvatar.avatarMedium { width: 160px; height: 160px; background-position: center center; }

.userAvatar.avatarTiny { width: 25px; height: 25px; background: none; }

	.userAvatar img { width: 100%; height: 100%; }

	.userAvatar.avatarLarge img { width: auto; height: auto; }

	.userAvatar.avatarMedium img { }

	.userAvatar.avatarTiny img { }



.DidThis {  }

    .DidThis .Faceroll li { display: inline; float: left; margin:0 5px 5px 0; border:0; float:left; width: 55px !important; height: 55px !important; }

    .DidThis .Faceroll li.default { display: block; float: none; margin:0 5px 5px 0; border:0; float:left; width: 100% !important; height: 100% !important; }



.FeaturedMembers { margin: 0 0 10px; }

    .FeaturedMembers .Faceroll li { float: left; display: inline; padding-bottom: 5px; }

.Faceroll { clear:both; }

.Faceroll .default a { float: none; margin: 0; font-size: 13px; line-height: 13px; height: 13px !important; display: inline; }

.Faceroll:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.Faceroll.Processing { background: url(images/ticker1.gif) no-repeat center center; }

	.Faceroll .userAvatar { display: inline; float: left; margin:0 5px 0 0; width: 55px !important; height: 55px !important; line-height:0; font-size:0; background: none; }

		.Faceroll .userAvatar img { width: 55px; height: 55px; }

.FacerollMagnifier { height: 75px; width:75px; border: solid 3px #fff; z-index:99; background: #fff url(images/ticker1.gif) no-repeat center center; position: absolute; display: none; }

	.FacerollMagnifier img { height: 100%; width:100%; border:0; }

	/* Overrides */

	.Box3 .Faceroll { padding: 10px 1px; }

		.Box3 .Faceroll .userAvatar { margin: 0 2px 5px; }





.ToolTip { font:normal 11px Arial; color:#333 !important; z-index:10; background:#EEF0F2; padding:5px; border:solid 1px #C8D0D6; line-height:normal; cursor:default; overflow:hidden; display:none; }

    .ToolTip .title { display: block; }



.ToolTip2 { display: none; }

    .ToolTip2 img { float: left; margin-right: 10px; }

    .ToolTip2 p { margin: 0; }



.error-msg { display: block; margin: 5px 0; padding: 5px 10px; background-color: #ffc; border: 1px solid #f8e682; color: #900; }



.Notice { display: block; margin: 15px 0 10px 0; padding: 15px 10px 15px 100px; background-color: #ffffcc; border: 1px solid #decb92; color: #000; font-weight: bold; }

	.Notice .Button4b,

	.Notice p { float: left; margin: 0; }

		.Notice p .new { color: #cc0000; text-transform: uppercase; }

	.Notice .Button4b { margin: 0 20px; }



.newFlag { position:absolute; width:43px; height:26px; background:url(images/new_flag.gif) no-repeat left top; }



a.whatsThis { background: url(images/question_mark.gif) no-repeat center center; float:right; height:13px; width:13px; }

    a.whatsThis span { display:none; }



.FeaturedItem {  }

	.FeaturedItem .featuredItemImage { margin: 5px 0; display: block; width: 220px; overflow: hidden; }

	.FeaturedItem .featuredItemContent { border-bottom:2px dotted #dde2e6; }

		.FeaturedItem .featuredItemContent .title { margin-bottom:5px; }

			.FeaturedItem .featuredItemContent .rating {  }

			.FeaturedItem .featuredItemContent img { display: block; height: 10px; }

			.FeaturedItem .featuredItemContent .Note { border-bottom:2px dotted #dde2e6; padding:0 0 5px 0; margin:0 0 5px 0; display: block; }

			.FeaturedItem .featuredItemContent .intro { }

	.FeaturedItem .BulletList { margin: 10px 20px; }

	/* Overrides */

	.FeaturedItem .box4Content .featuredItemImage { float:left; margin-right:10px; }

	.FeaturedItem .box4Content .featuredItemContent { float:left; width:220px; }

	#Home .Column2 .FeaturedItem .featuredItemImage { width: 220px; overflow: hidden; }

		#Home .Column2 .FeaturedItem .featuredItemImage img { width: 220px; }



.BrowseList {  }

	.BrowseList .header,

		.BrowseList .header .inner { background: url(images/browseList.png) no-repeat; height: 24px; line-height: 24px; }

	.BrowseList .header { background-position: left top; padding: 0 0 0 2px; }

		.BrowseList .header .inner { background-position: right top; padding-right: 2px; text-align: center; }

	.BrowseList li { background-color: #ebf0f4; margin: 2px 0 0 0; padding: 2px 5px;  }

		.BrowseList li:hover { background-color: #dde2e6; }



.GuideContent {  }

	.GuideContent .contentNav { float:right; }

		.GuideContent .contentNav img:hover { cursor:pointer; }

		.GuideContent .contentNav .viewIndicator { float:left; list-style-type:none; }

		.GuideContent .contentNav .viewIndicator li { float:left; width:7px; height:22px; background:url(images/view_indicator.gif) no-repeat left 50%; margin-right:5px; }

		.GuideContent .contentNav .viewIndicator li.current { background-position:-12px 50%; }

		.GuideContent .contentNav a.goLeft { background:url(images/button_left_2.gif) no-repeat left -22px; display:block; height:22px; width:32px; float:left; margin-right:10px; }

			.GuideContent .contentNav a.goLeft:hover { background-position:left 0px; }

		.GuideContent .contentNav a.goRight { background:url(images/button_right_2.gif) no-repeat left -22px; display:block; height:22px; width:32px; float:left; margin-left:5px; _margin-left:0px; }

			.featuredTopicGuides .contentNav a.goRight:hover { background-position:left 0px; }

	.GuideContent .image { float:left; display:block; }

	.GuideContent .content { float:left; overflow:hidden; }



/* Quick Guide List */

.QuickGuideSlider { border:2px dotted #dde2e6; border-width:2px 0px; margin-bottom:20px; }

	.QuickGuideSlider .header { border-bottom:2px dotted #dde2e6; padding:2px 0; font-weight:bold; }

	

	.QuickGuideSlider .sliderWindow { width:470px; height:85px; }

		.QuickGuideSlider .sliderWindow ul { height:85px; margin:5px 0; }

			.QuickGuideSlider .sliderWindow ul li { width:470px; float:left; position:relative; margin:0; padding:0; z-index: 2; }

				.QuickGuideSlider .sliderWindow ul li .image { background:transparent url(images/photo-bg-thumb.png) no-repeat center top; float:left; height:80px; width:100px; text-align:center; vertical-align:top; }

					.QuickGuideSlider .sliderWindow ul li .image img { width:80px; height:60px; position:relative; top:10px; z-index: 1; }

				.QuickGuideSlider .sliderWindow ul li .content {  }

					.QuickGuideSlider .sliderWindow ul li .content .title { display:block; padding:3px 0; }

					.QuickGuideSlider .sliderWindow ul li .content p { margin: 0; }

				.QuickGuideSlider .sliderWindow ul li .hasImage { float:right; width:365px; }

	

	.QuickGuideSlider .footer { padding:5px 0; }

		.QuickGuideSlider .footer .Pagination2 { float:left; width:95px; margin-right:10px; }



.Comments { zoom:1; }

	.Comments .header { border-bottom:1px solid #000; padding-bottom:5px; }

		.Comments .header .options { float:right; margin:5px 0 0 0; }

			.Comments .header .options a.IconChat { background-position:0 -67px; padding-left:25px; }

	.Comments .commentList { }

		.Comments .commentList li { margin:10px 10px 0px 10px; }

			.Comments .commentList li .userAvatar { display:block; float:left; margin:0 10px 10px 0; width:40px; height:40px; }

				.Comments .commentList li .userAvatar img { width:40px; }

			.Comments .commentList li .Heading5a { float:left; line-height:40px; }

			.Comments .commentList li .options { float:right; margin-top:12px; font-size:12px; }

				.Comments .commentList li .options .Stars { float:left; padding-top:2px; margin-right:10px; }

					.Comments .commentList li .options .Stars input { height:10px; padding:0; }

					.Comments .commentList li .options .Stars img { height:10px; }

				.Comments .commentList li .options .IconFlag1 { background-position:0 -176px; padding-left:25px; }

				.Comments .commentList li .options .spanTipFlagged { display:none; }

			.Comments .commentList li .content { clear:both; position:relative; border:1px solid #dde2e6; padding: 10px; margin: 0; }

				.Comments .commentList li .content .tick { background: url(images/ticks.png) no-repeat center -23px; display:block; position:absolute; left:75px; top:-13px; height:13px; width:13px; }

				.Comments .commentList li .content span { color: #999; }



.postComment { width:520px; margin:25px 0 0 70px; clear:both; }

	.postComment .SubHeader { color:#000; }

	.postComment textarea { width:505px; margin:5px 0px; #margin-left:-70px; background:#f4f4f4; border:1px solid #d0d7dc; padding:3px 5px; }

	.postComment .Button3a { margin:5px 0px 20px; float:right; width:160px; }

	.postComment .facebookIcon { float:left; margin-right:10px; }



/* Comments for Legacy styled Articles */

.clr { clear: both;}

#OldComments .Comments {  }

	#OldComments .Comments .Head { border-bottom: solid 3px #DDE2E6; border-top: solid 1px #DDE2E6; margin-top: 10px; height: 30px; padding-top: 3px; }

		#OldComments .Comments .Head .Options { float: right; margin-top: 5px; white-space: nowrap; }

		#OldComments .Comments .Head .SubHeader { float: left; margin: 2px 0px; }

			#OldComments .Comments .Head .SubHeader a { font-size: 12px; }

	#OldComments .Comments .Comment { margin: 10px 10px 0px 10px; }

		#OldComments .Comments .Comment .UserInfo { float: left; }

			#OldComments .Comments .Comment .UserInfo .userAvatar { float: left; margin: 0 10px 0 0; width: 40px; height: 40px; }

			#OldComments .Comments .Comment .UserInfo .SubHeader {  padding-top: 8px; font-size: 17px; float: left; }

				#OldComments .Comments .Comment .UserInfo .SubHeader a { font: normal 17px Georgia; }

		#OldComments .Comments .Comment .RateOrFlag { float: right; margin-top: 12px; white-space: nowrap; }

			#OldComments .Comments .Comment .RateOrFlag img { float: left; margin-right: 10px; }

		#OldComments .Comments .Comment .UserText { position: relative; }

			#OldComments .Comments .Comment .UserText .Arrow { background: url(images/comment_arrow.gif) no-repeat;  height: 13px; position: relative; margin-left: 75px; top: 1px; _top: 4px; }

			#OldComments .Comments .Comment .UserText p { border: solid 1px #DDE2E6; padding: 8px; margin: 0; }

			#OldComments .Comments .Comment .UserText p span { color: #999; }

	

	#OldComments .Comments .ViewComments { margin-bottom: 20px; }

	#OldComments .Comments .Comment .RateOrFlag .Stars { float: left; }



/* Post a Comment Form */

#OldComments .PostComment {  }

	#OldComments .PostComment textarea { width: 458px; margin: 5px 0px; }

	#OldComments .PostComment .SubmitButton { margin: 5px 0px 20px; float: right; }

	#OldComments .PostComment .FacebookLink { height: 14px; padding: 1px 0 0 20px; background: url(images/comments_facebook_icon.png) no-repeat left top; }

		#OldComments .PostComment .FacebookLink input,

		#OldComments .PostComment .FacebookLink p { float: left; margin-top: 0; margin-bottom: 0; margin-right: 5px; font-size: 12px; line-height: 12px; }

		#OldComments .PostComment .FacebookLink input { *margin-top: -4px; *border: 0; *background: none; } /* IE6,IE7 */



#OldComments .SubHeader { font-family: Georgia; font-size: 18px; font-weight: normal; color: #000; margin: 3px 0;}

#OldComments .userAvatar img { height: 100%; width: 100%; }





#OldComments .IconSet1 { background: url(images/sprite-iconset1.gif) repeat-y; width: 22px; height: 25px; float: left; position: relative; padding-right: 3px; top: -2px; }

	#OldComments .IconSet1.AddComment { background-position: 2px -65px; }

	#OldComments .IconSet1.AddFlag { background-position: 0px -176px; top: 0px; height: 21px; }



#OldComments .href { color: #0364A4; }

#OldComments input, textarea { border: solid 1px #D0D7DC; background: #F4F4F4; padding: 3px 5px; }

#OldComments .Stars input { background: 0; border: 0; padding: 0; }





.RelatedContent {  }

	.RelatedContent .Nav6 li { _width:117px; }

	.RelatedContent .TabContent { display:none; }

	.RelatedContent .TabContent.Selected { display:block; }

		.RelatedContent .ThumbList li { height:45px; border-bottom:1px solid #dde2e6; }

		.RelatedContent .ThumbList li.last { border-bottom:0; }

			.RelatedContent .ThumbList li .itemAvatar { display:block;  }

			.RelatedContent .ThumbList li .itemContent { display:block; width:220px; }

	/* Overrides */

	#Template3a .Column3 .RelatedContent .ThumbList li .itemAvatar,

	#Template2a .Column2 .RelatedContent .ThumbList li .itemAvatar { width:40px; height:40px; overflow:hidden; }

		#Template3a .Column3 .RelatedContent .ThumbList li .itemAvatar img,

		#Template2a .Column2 .RelatedContent .ThumbList li .itemAvatar img { width:40px; }



.PopularCategories {}

	.PopularCategories .content ul { float: left; display: inline; width: 48%; margin: 0 2px; font-size: 12px; line-height: 1.5em; }





.RelatedCategories {}

	.RelatedCategories .content ul { float: left; display: inline; width: 48%; margin: 0 2px; font-size: 12px; line-height: 1.5em; }

	.RelatedCategories .content .TabContent { display: none; }

	.RelatedCategories .content .selected { display: block; }



.AddToPlaylistModule { width:170px; background-color:#fff; border:1px solid #8A9AA6; padding: 10px 5px; position:absolute; z-index:1000; top:0; left:0; display:none; }

	.AddToPlaylistModule label span { font-weight: bold; }

	.AddToPlaylistModule fieldset div { margin: 0 0 5px; border-bottom: 1px solid #dde2e6; }

	.AddToPlaylistModule ul { height: 150px; width: 100%; overflow-y: scroll; overflow-x: hidden; }

		.AddToPlaylistModule ul li { margin: 5px 0; white-space: nowrap; }

	.AddToPlaylistModule .createNew { margin: 5px 0; border-top: 1px solid #dde2e6; padding-top: 8px; }

		.AddToPlaylistModule .createNew .nameNewPlaylist { margin: 5px; width: 90%; padding: 2px; font-size: 11px; }

	.AddToPlaylistModule .Button4b { width:100px; margin:0 8px; display:block; float:left; }



.DiscoveryFooter { clear:both; padding-top:50px; }

	.DiscoveryFooter .Box2 { padding:10px; }

	.DiscoveryFooter .additionalLinks { float:left; width:630px; }

		.DiscoveryFooter .additionalLinks .box2Header { border-bottom:1px solid #dde2e6; padding-bottom:5px; }

		.DiscoveryFooter .additionalLinks dl { margin-bottom:15px; }

			.DiscoveryFooter .additionalLinks dl dt { font-weight:bold; font-size:14px; margin-bottom:5px; }

		.DiscoveryFooter .additionalLinks ol { color:#9ca5ac; }

		.DiscoveryFooter .additionalLinks .BulletList { margin:0 0 0 25px; }

		.DiscoveryFooter .additionalLinks .column1 { float:left; width:330px; border-right:1px solid #dde2e6; }

			 .DiscoveryFooter .additionalLinks .column1 li { float:left; width:140px; background-color:transparent; list-style-position:outside; margin:0 0 3px 0; padding:0; }

		.DiscoveryFooter .additionalLinks .column2 { float:right; width:280px; }

	.DiscoveryFooter .searchAgain { float:right; width:300px; }

		.DiscoveryFooter .searchAgain .textInput { width:170px; }

	.DiscoveryFooter .discover { float:right; width:300px; margin-top:10px; }

		.DiscoveryFooter .discover .box2Header { border-bottom:1px solid #dde2e6; padding-bottom:5px; }

		.DiscoveryFooter .discover li { font-weight:bold; }

		.DiscoveryFooter .discover li.hasImage {  }

			.DiscoveryFooter .discover li.hasImage .itemAvatar { width:50px; }

				.DiscoveryFooter .discover li.hasImage .itemAvatar img { width:50px; }

			.DiscoveryFooter .discover li.hasImage .itemContent { width:240px; }

		.DiscoveryFooter .discover .browseMore { text-align:right; border-top:1px solid #dde2e6; padding-top:5px; }



.Tombstones { margin-top:20px; clear: both; }

	.Tombstones ul { padding:10px 0; }

		.Tombstones ul li { width:224px; margin-left:15px; padding-left:15px; border-left:1px solid #d9d9d9; }

		.Tombstones ul li.first { margin-left:0; padding-left:0; border-left:none; }

			.Tombstones ul li .header { margin-bottom:5px; background:#eff0f2; border-top:1px solid #e0e0e0; padding:2px 5px; }

			.Tombstones ul li .itemAvatar { display: block; width: 224px; height: 147px; margin: 0 0 10px; overflow: hidden; }

    			.Tombstones ul li .itemAvatar img { width: 224px; }

    			

			/* old - needs to be deprecated; deprecated from topics pages */

			.Tombstones ul li .thumb {  }

				.Tombstones ul li .thumb img { width:220px; }

			.Tombstones ul li .title { margin-top:5px; }

				.Tombstones ul li .title a { font-family:Georgia; font-size:14px; }



.ActivityNow { }

	.ActivityNow .container { overflow:hidden; } 

		.ActivityNow .container ul { } 

			.ActivityNow .container ul li { background-color:#fff; } 

			.ActivityNow .container ul li.alt { background-color:#ebf0f4; }



.AddToPlaylistIcon { position:absolute; display:block; background:#71a56b url(images/iconset3.png) no-repeat 2px -78px; width:13px; height:13px; top:0px; left:0px; font-weight:bold; font-size:11px; line-height:13px; color:#fff; text-align:center; filter:alpha(opacity=80); opacity:.80; z-index:999; zoom:1; }

	.AddToPlaylistIcon:hover { cursor:pointer; }





/* Tag Cloud */

.TagCloud { }

    .TagCloud .tags { padding: 10px; text-align: justify; }

        .TagCloud .tags li { display: inline; }

		    .TagCloud .tags li a { margin-left: 5px; margin-right: 5px; text-transform: lowercase; }

		.TagCloud .tags a.weight1 { color:#4A7195; font-size:14pt; }

		.TagCloud .tags a.weight2 { color:#577794; font-size:12pt; }

		.TagCloud .tags a.weight3 { color:#677f95; font-size:10pt; }

		.TagCloud .tags a.weight4 { color:#778796; font-size:8pt; }

		.TagCloud .tags a.weight5 { color:#868f98; font-size:6pt; }





/* Form Elements */

.TextInput { border: 1px solid #dde2e6; background-color: #f4f4f4; padding: 3px 5px; font: 18px/18px 'Georgia'; color: #4a7195; }



.newFeatureCallout { background:url(images/new_feature_callout_bg.gif) repeat-x left bottom #f9f3a3; border:1px solid #decb92; border-width:1px 2px 2px 1px; padding:5px 10px; font-size:12px; position:absolute; z-index:999; display:none; }

	.newFeatureCallout a.close { display:block; width:11px; height:12px; background:url(images/close_callout_box.gif) no-repeat left top; float:right; }

	.newFeatureCallout span { color:#c00; font-weight:bold; }

	.newFeatureCallout p { font-size:11px; margin-top:3px; position:relative; margin: 0; }

	.newFeatureCallout .pointer { position:absolute; width:17px; height:10px; background:url(images/new_feature_callout_pointer.gif) no-repeat left top; }



/* Content Preview Overlay */

.ContentPreview {  }

    .ContentPreview .overlay { position: absolute; top: 0px; left: 0px; z-index: 998; height: 132px; width: 100%; background-color: #fff; opacity: 0.9; }

    .ContentPreview .interface { position: absolute; top: 0px; z-index: 999;  width: 980px; text-align: center; font-size: 15px; }

        .ContentPreview .interface p { float: left; padding: 15px; }

        .ContentPreview .interface .buttons { float: left; }

            .ContentPreview .interface .buttons .edit { margin: 15px; width:150px; }



.PointsLegend {}

    .PointsLegend ul { width: 100px; margin: 10px auto; line-height: 2em; }

        .PointsLegend li { padding-left: 30px; }

    .PointsLegend .earn { text-align: right; border-top: 1px solid #dde2e6; padding: 5px 0; }

    

.RecentDiscussions {}

    .RecentDiscussions li { margin: 0 0 10px; padding: 0 0 10px; border-bottom: 1px dotted #dde2e6; }

    .RecentDiscussions .more { margin: 0; padding: 0; border-bottom: none; }



/* Author Badges */

.AuthorBadge { float: left; width: 60px; padding: 1px; margin-right: 10px; }

	.AuthorBadge span { color: #fff; font-weight: bold; display: block; text-align: center; padding: 1px 0; font-size: 9px; } 

.MemberBadge { background: #4c84bc;}

.ContributorBadge { background: #4d792a }

.BrandedPartnerBadge { background: #c63a23;}



.NewArticle .overlay a.close { background:url(images/close_callout_box.gif) no-repeat left top; display:block; float:right; height:12px; width:11px; margin:10px; }

.NewArticle .interface p { float:none; padding:0; font-size:12px; }

#ArticleVideo .NewArticle .interface p { float:none; padding:0; font-size:12px; }

#ArticleSteps .NewArticle .interface p { float:none; padding:0; font-size:12px; }

.NewArticle .interface .buttons { float:none; /*width:616px;*/ width:406px; margin:0 auto; }

#ArticleVideo .NewArticle .interface .buttons { float:none; /*width:616px;*/ width:406px; margin:0 auto; }

#ArticleSteps .NewArticle .interface .buttons { float:none; /*width:616px;*/ width:406px; margin:0 auto; }

	.NewArticle .interface .buttons li { width:170px; height:31px; background:#fff; border:1px solid #e1e1e1; padding:5px; font-size:11px; margin-right:40px; }

		.NewArticle .interface .buttons li.facebook { background:url(images/facebook_30x31.png) no-repeat 10px 5px #fff; padding-left:50px; width:120px; text-align:left; }

		.NewArticle .interface .buttons li.twitter { background:url(images/twitter_31x32.png) no-repeat 10px 5px #fff; padding-left:50px; width:120px; text-align:left; }

		.NewArticle .interface .buttons li.addThis { margin-right:0; }

			.NewArticle .interface .buttons li.addThis img { position:relative; top:5px; }



.ExpertModule { border: solid 1px #dde2e6; padding: 0 10px 10px; margin-bottom: 10px; }

	.ExpertModule .title { display: block; background: url(images/expert.gif) no-repeat left 10px; padding: 7px 0px 8px 55px; }

	.ExpertModule .userAvatar { float: left; margin-right: 10px; }

	.ExpertModule .itemContent { float: left; width: 185px; }



.PromoBanner { display: block; margin: 0 0 5px; }



.AnswerBagQuestion { border: solid 1px #C8D1D8; padding: 10px; margin: 0 0 10px; background: #FFFFFF url(images/photobox-bg.jpg) repeat-x scroll 0px bottom; }

    .AnswerBagQuestion h3 { margin: 0 0 10px; text-align: center; }

    .AnswerBagQuestion textarea { background-color: #ffffcc; overflow-y: auto; color: #c8c8c8; border: 1px solid #c8d1d8; width: 95%; height: 60px; text-align: left; margin-bottom: 5px; }

    .AnswerBagQuestion .hide { display:none; }

	.AnswerBagQuestion .button { float: right; clear: both; }

    .AnswerBagQuestion p { clear: both; height: 60px; background-color: #fff; border: solid 1px #c8d0d6; border-width: 0 1px 1px; padding: 20px 10px 10px; margin: 0 0 10px; }

    .AnswerBagQuestion ul.BulletList { clear: both; background-color: #fff; border: solid 1px #c8d0d6; border-width: 0 1px 1px; padding: 20px 10px 10px; margin: 0 0 10px; }

        .AnswerBagQuestion ul.BulletList li { margin: 0 0 0 20px; }



.ABQuestionPopup { margin: 20px auto 15px auto; width: 80%; }

    .ABQuestionPopup .title { margin: 0 0 20px; }

    .ABQuestionPopup label { display: block; margin: 0 0 5px; }

	.ABQuestionPopup input { width: 98%; border: 1px solid #ccc; background-color: #f4f4f4; padding: 5px; font-size: 16px; }



    .ABQuestionPopup .message { margin: 0 0 10px; }

    .ABQuestionPopup .link { margin: 0 0 10px; }

    .ABQuestionPopup .done { width: 75px; margin: 0 auto; }

    

	.ABQuestionPopup .characterCount { font-style: italic; color: #666; padding: 3px 0 3px 20px; margin: 0 0 20px; }

	    .ABQuestionPopup .characterCount span { color: #900; }

    .ABQuestionPopup .relatedQuestions { margin: 10px 0 20px 20px; }

        .ABQuestionPopup .relatedQuestions li { margin: 0 0 5px; }

    

	.ABQuestionPopup .button { float: left; margin-right: 10px; }



/* Captcha */

.Captcha { margin: 10px 0; text-align: right; }

    .Captcha .captchaImage { margin: 0 0 10px 10px; float: right; display: inline; }



.CultureRedirect { width: 85%; margin: 15px auto 10px; padding: 15px 10px; font-weight: normal; position: relative; }

	.CultureRedirect p { text-align: center; float: none; }

		.CultureRedirect p span.flag { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; height: 11px; width: 21px; font-size: 0; }

	.CultureRedirect .close { background: url(images/close-notice.gif) no-repeat; display: none; position: absolute; top: 6px; right: 6px; text-indent: -9999999px; height: 12px; width: 13px; }

	

.AndroidPromo { height: 26px; background: url(images/android_stripe.jpg) repeat-x center center; line-height: 26px; }

    .AndroidPromo p { margin: 0; color: #fff; }

        .AndroidPromo p a { background: url(images/android_logo.jpg) no-repeat left center; padding-left: 90px; color: #86b633; font-weight: bold; }