/* TAGGING BETA STYLES */
div.Tags .TagCloud {
	padding: 6px 8px 10px 8px;
	}
div.Tags .TagForm {
	padding: 5px 0;
	}
div.Tags .TagForm legend {
	font-size: .9em;
	font-weight: bold;
	font-family: Tahoma, Verdana, Arial, helv, Sans-Serif;
	color: #444;
	padding: 2px 0 0 0 !important;
	}
div#SkinRHS div.Simple,
div#SkinRHS div.Decorative{
	background-color: #f5f5f5;
	margin-bottom: .75em;
	}	
div.Tags .TagForm input {
	border: 1px #ccc solid;
	padding: 2px;
	float: left;
	}
div.Tags input.TagButton {
	margin-left: 5px;
	background-color: #369;
	border: 1px #0e1f5b solid;
	border-top: 1px #d9dfea solid;
	border-left: 1px #d9dfea solid;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Verdana, Arial, helv, Sans-Serif;
	padding: 2px 5px;
	float: left;
	height: 100%;
	}	

/* styles for admin boxes */
div.Tags .TagAdmin .TagForm {
	padding: 0px 0px 5px 0px;
	}
.TagAdmin {
	font-size: .9em;
	padding: 6px 8px;
	}
.TagAdmin legend {
	/*display: none;*/
	}
.TagAdmin .TagField {
	width: 50%;
	}
div.Tags input.NukeButton {
	margin-left: 0;
	background-color: #c00;
	}

/* related content by tags */
.Tags .TabbedContent {
	background-color: #fff;
	padding-top: 6px;
	}
.Tags ul.UrlCloudNav {
	font-family: tahoma, verdana, arial, helv, sans-serif;
	}
.Tags ul.UrlCloudNav li {
	float: left;
	}
.Tags ul.UrlCloudNav li a {
	padding: 3px 5px;
	float: left;
	border: 1px #ccc solid;
	border-bottom: 0px;
	background: #eee url(http://g.fool.co.uk/Art/ArticlesAndBridging/Common/backgrounds/GuidesBg.gif) repeat-x left bottom;
	margin-right: 1px;
	text-decoration: none;
	font-size: .9em;
	}	
.Tags ul.UrlCloudNav li a:hover {
	background-color: #fcfcfc;
	color: #444;
	}
.Tags ul.UrlCloudNav li a.Active {
	background: #fff;
	color: #3F3200;
	font-weight: bold;
	border-bottom: 1px #fff solid;
	z-index: 2000;
	}
.Tags .UrlCloud {
	z-index: 1999;
	border-top: 1px #ccc solid;
	padding: 6px 0px;
	font-size: .9em;
	margin-top: -1px;
	}
.LinkDate {
	display: block;
	color: #666;
	}
.LinkDate .DateString {
	font-weight: bold;
	}
	
/* styles for autocomplete dropdown */
div.AutoComplete {
		background-color:white;
		margin:0px;
		position:absolute;
		}
    div.AutoComplete ul {
		background-color:white;
		border: 1px #ccc dotted;
		list-style-type:none;
		margin:0px;
		padding:2px;
		width: 250px;
		}
    div.AutoComplete ul li.selected { background-color: #ebeff2; color: #036; }
    div.AutoComplete ul li {
		background: white;
		border-bottom: 1px #eee dotted;
		color: #444;
		cursor:pointer;
		display:block;
		list-style-type:none;
		margin:0;
		padding:2px 4px !important; 
		}
	div.AutoComplete ul li:last-child {
		border-bottom: 0;
		}

div#divPredictiveTextLoading {
	float: left;
	width: 16px;
	height: 16px;
	padding: 3px 3px 3px 5px;
	background: transparent url(http://g.fool.co.uk/art/Tagging/TagsAjaxLoader.gif) no-repeat 5px 3px;
	}

/* - - - RHS lists on archive pages - - - */
div.HubUrls{
	padding: 0;
	}

div.HubUrls ul{
	margin: 1em .5em;
	list-style-type: none;
	}

div.HubUrls ul li {
	margin-bottom: .25em;
	padding: 0.25em 1em 0.25em 25px;
	}

div.HubUrls ul li .LinkDate {
	color: #666;
	font-size: .9em;
	}
div.HubUrls ul li .LinkDate .DateString {
	color: #444;
	font-weight: bold;
	}		

div.HubUrls ul li a{
	line-height: 1.3em;
	display: block;
	}

div.HubUrls ul li.Article { background: transparent url(http://g.fool.co.uk/Art/Global/MiniIconSprite.gif) 5px -1148px no-repeat;}
div.HubUrls ul li.Guide { background: transparent url(http://g.fool.co.uk/Art/Global/MiniIconSprite.gif) 5px -2303px no-repeat;}
div.HubUrls ul li.Podcast {background: transparent url(http://g.fool.co.uk/Art/Global/MiniIconSprite.gif) 5px -1842px no-repeat;}

/* - - - T - - - */
div.Decorative div.AddTag p {
	background: none !important;
	padding: 0px;
	margin: 0 0 2px 0 !important;
	}
div.Decorative div.AddTag p a{	
	padding-left: 0;
	}

/* beta badges */
.BetaBadgeSmall {
	width: 42px;
	height: 42px;
	float: right;	
	background: transparent url(http://g.fool.co.uk/art/tagging/BetaBadgeOutlined.png) no-repeat top left;
	margin-top: -7px;
	display: inline;
	margin-right: 4px;
	}
.BetaBadgeSmall a {
	display: block;
	height: 100%;
	width: 100%;
	}	
.BetaBadgeSmall a span {
	/*display: none;*/
	text-decoration: none !underline;
	}