/* @group ToolBar */

div#toolbar h2 {
	font-size: 80%;
	margin: 0 0 .25em 0;
	padding: 0 0 0 2px;
	border-bottom: 1px solid #ccc;
	}

div#toolbar ul {
	margin: 0 10px 1.5em 0;
	}

div#toolbar ul#taglist li {
	border: 1px solid #fff;
	line-height: 1.0;
	display: block;
	min-height: 21px;
	background-repeat: no-repeat;
	background-position: left center;
	}

div#toolbar ul#taglist li:hover {
	border: 1px solid #ccc;
	cursor: move;
	padding-left: 28px;
	_padding-left: 0;
	}

div#toolbar ul#taglist li span.cursor {
  display: none
	}

div#toolbar ul#taglist li span.tag {
	font-weight: bold;
	padding: 4px;
	display: block;
	_display: inline;
  }

div#toolbar ul#taglist li span.tag:hover {
	padding-left: 1px;
	cursor: pointer;
	background:#ff9 !important;
	}

div#toolbar ul#taglist li form {
	display: inline;
	}

div#toolbar ul#taglist li form input {
	cursor: pointer;
	display:inline;
	border:1px inset #333;
	background:#ff9;
	padding:1px 4px;
	margin: 1px 0;
	vertical-align:top;
	width:80%;
	font-size: 100%;
	}

div#toolbar ul.radio,
div#toolbar ul.radio li {
	line-height:1.0;
	}

div#toolbar ul.radio li {
	list-style-position:inside;
	margin-top:.25em;
	margin-left:7px;
	display:block;
	}

div#toolbar ul.radio li a {
	color:#999;
	font-size: 80%;
	font-weight:bold;
	border:none;
	list-style-type:circle;
	padding:.2em 0;
	display:list-item;
	list-style-position:inside;
	}

div#toolbar ul.radio li.current a,
div#toolbar ul.radio li:hover a {
	list-style-type:disc;
	color:#666;
	background:none;
	}

div#toolbar ul.radio li a:hover {
	color:#666;
	background:none;
	}



/* ToolBar = TagList = Ranking
------------------------------------------------------------------*/
div#toolbar ul#taglist li:first-child {
	font-size:200%;
	}

div#toolbar ul#taglist li+li {
	font-size:190%;
	}

div#toolbar ul#taglist li+li+li {
	font-size:180%;
	}

div#toolbar ul#taglist li+li+li+li {
	font-size:170%;
	}

div#toolbar ul#taglist li+li+li+li+li {
	font-size:160%;
	}

div#toolbar ul#taglist li+li+li+li+li+li {
	font-size:150%;
	}

div#toolbar ul#taglist li+li+li+li+li+li+li {
	font-size:140%;
	}

div#toolbar ul#taglist li+li+li+li+li+li+li {
	font-size:130%;
	}

div#toolbar ul#taglist li+li+li+li+li+li+li+li {
	font-size:120%;
	}

div#toolbar ul#taglist li+li+li+li+li+li+li+li {
	font-size:110%;
	}

/* @end */

/* @group Items */

/* @group Layout */

div#items {
	*min-height: 1%; /* for IE7 width Bug*/
	}

div#items div.tags {
	display:block;
	float:left;
	width:115px;
	text-align:right;
	line-height:1.5;
	padding-top:3px;

	*padding-right:5px;
	*width:120px;
	}


div#items ul.items,
div#items ul.loading,
div#items ul.notfound {
	margin-bottom:10px;
	margin-left:120px;
	padding:2px 0;
	border-left:1px solid #ccc;

	*float:left;
	*margin-left:0;
	}

div#items ul.items li.item,
div#items ul.loading li,
div#items ul.notfound li {
	padding: 1px 5px;
	line-height:1.5;
	float:left;
	width:100%;
	*width:90%;
	}

div#items ul.items:after,
div#items ul.loading:after,
div#items ul.notfound:after {
	content:'';
	display:block;
	clear:left;
	height:0;
	}

div#items ul#itemsList li:hover ul.items {
	border-color: #999;
	}



/* @end */

/* @group Common */

div#items a.subject {
	font-size: 80%;
	color: #999;
	border: none;
	}

div#items a.subject:hover {
	background: #fff !important;
	}


/* @end */

/* @group Items */

div#items ul.loading li img.blue, 
div#items ul.loading li img.darkblue, 
div#items ul.loading li img.gray, 
div#items ul.loading li img.green, 
div#items ul.loading li img.mossgreen, 
div#items ul.loading li img.pink, 
div#items ul.loading li img.red {
	vertical-align:top;
	vertical-align:middle;
	margin-right:5px;
	display:none;
	position:relative;
	top:-2px;
	}

div#items ul.loading li,
div#items ul.notfound li {
	padding-top:.2em;
	color:#666;
	}

div#items ul.items li.item {
	display: none;
	margin-bottom:.5em;
	border-bottom:1px solid #fff;
	}

div#items ul.loading li {
	margin-left:2px;
	}

div#items ul.loading li img {
	}

	div#items ul.items>li:hover {
		background: #e6e6e6;
		border-bottom:1px solid #e0e0e0;
		}

div#items ul.items>li:hover>a {
	border-bottom:1px solid #ccc;
	}

div#items ul.minusTags {
	display:inline;
	white-space: normal;
	margin-right:.5em;
	_margin-left: .25em;
	}

div#items ul.minusTags a,
div#items span.creator a {
	padding: 2px 4px 1px 4px;
	vertical-align:baseline;
	line-height:1.3 !important;
	background:#f6f6f6;
	}

div#items ul.minusTags li {
	display:inline;
	white-space: normal;
	}

div#items ul.minusTags li+li+li+li+li+li+li+li+li+li {
	display:none;
	}

div#items ul.minusTags li+li+li+li+li+li+li+li+li:after {
	content:"..., over 10 tags !" !important;
	display:inline;
	font-size:80%;
	font-size:8pt;
	margin-left:.25em;
	}

div#items ul.items li:hover ul.minusTags a.subject {
	color: #666;
	}

div#items span.creator {
	margin-right:.125em;
	color:#666;
	text-transform:capitalize;
	font-size:9pt;
	font-size:7pt;
	cursor: default;
	}

div#items ul.items span.creator a.subject {
	font-size:9pt;
	}

div#items span.date {
	font-size:60%;
	font-size:7pt;
	margin: 0 .25em;
	color:#666;
	cursor: default;
	}



/* @end */

/* @group Tags */

div#items div.tags span.tag {
	text-align:right;
	}

div#items div.tags span.tag a {
	color: #333;
	}

div#items div.tags ul.plusTags li {
	text-align:right;
	display:block;
	line-height:1.0 !important;
	margin:5px 0;
	}

div#items div.tags ul#itemsList>li:hover ul.plusTags a.subject {
	color: #333;
	}

div#items div.tags ul.plusTags a.subject:hover {
	background: #ccc;
	}

div#items div.tags ul.plusTags a {
	display:block;
	vertical-align:text-bottom;
	}

div#items div.tags ul.plusTags a:before {
	content:'- ';
	}

div#items div.tags ul.plusTags li:hover a:before {
	content:'+ ';
	}



/* @end */

/* @group BookMarkItem */

div#items ul.items li.bookmark {
	padding-left:3px;
	
/*
	width:20px;
	height:20px;
*/

	}

div#items ul.items li.bookmark div.text>a {
	margin-right:.5em;
	}
div#items ul.items li.bookmark a.snap {
	float:left;
	display:block;
	border:none;
	margin-top: 3px;
	width:20px;
	height:20px;
	padding:0;
	background:#fff url(../img/404.gif) no-repeat 2px 2px;
	}

div#items ul.items li.bookmark img.favicon {
	border:none;
	margin:2px;
	width:16px;
	height:16px;
	background:#fff;
	}

div#items ul.items li.bookmark div.text {
	margin-left:24px;
	display:block;
	}



/* @end */

/* @group ImageItem */

div#items ul.items>li.img {
	}

div#items ul.items>li.img:after {
	content:'';
	display:block;
	clear:left;
	height:0;
	}

div#items ul.items li.img a.thumb {
	float:left;
	display:block;
	border:none;
	margin:1px 0 0 0;
	background:#f3f3f3 url(../img/progress_img.gif) no-repeat 50% 50%;
	}

div#items ul.items li.img a.thumb img {
	border:none;
	}

div#items ul.items li.img div.text a {
	margin-right:.5em;
	}

/* ImageItem : Flickr */
div#items ul.items li.flickr a.thumb {
	width:75px;
	height:75px;
	}

div#items ul.items li.flickr div.text {
	margin-left:80px;
	}


/* ImageItem : YouTube */
div#items ul.items li.youtube a.thumb {
	width:120px;
	height:90px;
	}

div#items ul.items li.youtube div.text {
	margin-left:125px;
	}



/* @end */


/* @group My Group */



/* @end */

/* @group My Group */



/* @end */

/* @group Numbering */

div#items li.rank1 span.tag:before, 
div#items li.rank2 span.tag:before, 
div#items li.rank3 span.tag:before, 
div#items li.rank4 span.tag:before, 
div#items li.rank5 span.tag:before, 
div#items li.rank6 span.tag:before, 
div#items li.rank7 span.tag:before, 
div#items li.rank8 span.tag:before, 
div#items li.rank9 span.tag:before, 
div#items li.rank10 span.tag:before {
	display: inline;
	margin-right: 2px;
	color: #ccc;
	font-size: 80%;
	}
	div#items li.rank1 span.tag:before {
		content: "1.";
		}
	div#items li.rank2 span.tag:before {
		content: "2.";
		}
	div#items li.rank3 span.tag:before {
		content: "3.";
		}
	div#items li.rank4 span.tag:before {
		content: "4.";
		}
	div#items li.rank5 span.tag:before {
		content: "5.";
		}
	div#items li.rank6 span.tag:before {
		content: "6.";
		}
	div#items li.rank7 span.tag:before {
		content: "7.";
		}
	div#items li.rank8 span.tag:before {
		content: "8.";
		}
	div#items li.rank9 span.tag:before {
		content: "9.";
		}
	div#items li.rank10 span.tag:before {
		content: "10.";
		}



/* @end */

/* @group Ranking */

div#items li li.r1,
div#items li li.r2,
div#items li li.r3,
div#items li li.r4,
div#items li li.r5,
div#items li li.r6,
div#items li li.r7,
div#items li li.r8,
div#items li li.r9,
div#items li li.r10 {
	display: none;
	}

div#items li.rank1 li.r1,
div#items li.rank1 li.r2,
div#items li.rank1 li.r3,
div#items li.rank1 li.r4,
div#items li.rank1 li.r5,
div#items li.rank1 li.r6,
div#items li.rank1 li.r7,
div#items li.rank1 li.r8,
div#items li.rank1 li.r9,
div#items li.rank1 li.r10,
div#items li.rank2 li.r1,
div#items li.rank2 li.r2,
div#items li.rank2 li.r3,
div#items li.rank2 li.r4,
div#items li.rank2 li.r5,
div#items li.rank2 li.r6,
div#items li.rank2 li.r7,
div#items li.rank2 li.r8,
div#items li.rank2 li.r9,
div#items li.rank3 li.r1,
div#items li.rank3 li.r2,
div#items li.rank3 li.r3,
div#items li.rank3 li.r4,
div#items li.rank3 li.r5,
div#items li.rank3 li.r6,
div#items li.rank3 li.r7,
div#items li.rank3 li.r8,
div#items li.rank4 li.r1,
div#items li.rank4 li.r2,
div#items li.rank4 li.r3,
div#items li.rank4 li.r4,
div#items li.rank4 li.r5,
div#items li.rank4 li.r6,
div#items li.rank4 li.r7,
div#items li.rank5 li.r1,
div#items li.rank5 li.r2,
div#items li.rank5 li.r3,
div#items li.rank5 li.r4,
div#items li.rank5 li.r5,
div#items li.rank5 li.r6,
div#items li.rank6 li.r1,
div#items li.rank6 li.r2,
div#items li.rank6 li.r3,
div#items li.rank6 li.r4,
div#items li.rank6 li.r5,
div#items li.rank7 li.r1,
div#items li.rank7 li.r2,
div#items li.rank7 li.r3,
div#items li.rank7 li.r4,
div#items li.rank8 li.r1,
div#items li.rank8 li.r2,
div#items li.rank8 li.r3,
div#items li.rank9 li.r1,
div#items li.rank9 li.r2,
div#items li.rank10 li.r1 {
	display: block;
	}

div#items li.rank1 li.r10,
div#items li.rank2 li.r9,
div#items li.rank3 li.r8,
div#items li.rank4 li.r7,
div#items li.rank5 li.r6,
div#items li.rank6 li.r5,
div#items li.rank7 li.r4,
div#items li.rank8 li.r3,
div#items li.rank9 li.r2,
div#items li.rank10 li.r1 {
	margin-bottom: 0;
	}

div#items li.rank1 ul.items>li {
	display: block;
	}
	div#items li.rank1 ul.items>li+li+li+li+li+li+li+li+li+li {
		margin-bottom: 0;
		}

div#items li.rank2 ul.items>li {
	display: block;
	}
	div#items li.rank2 ul.items>li+li+li+li+li+li+li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank2 ul.items>li+li+li+li+li+li+li+li+li+li {
		display: none;
		}

div#items li.rank3 ul.items>li {
	display: block;
	}
	div#items li.rank3 ul.items>li+li+li+li+li+li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank3 ul.items>li+li+li+li+li+li+li+li+li {
		display: none;
		}

div#items li.rank4 ul.items>li {
	display: block;
	}
	div#items li.rank4 ul.items>li+li+li+li+li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank4 ul.items>li+li+li+li+li+li+li+li {
		display: none;
		}

div#items li.rank5 ul.items>li {
	display: block;
	}
	div#items li.rank5 ul.items>li+li+li+li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank5 ul.items>li+li+li+li+li+li+li {
		display: none;
		}

div#items li.rank6 ul.items>li {
	display: block;
	}
	div#items li.rank6 ul.items>li+li+li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank6 ul.items>li+li+li+li+li+li {
		display: none;
		}

div#items li.rank7 ul.items>li {
	display: block;
	}
	div#items li.rank7 ul.items>li+li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank7 ul.items>li+li+li+li+li {
		display: none;
		}

div#items li.rank8 ul.items>li {
	display: block;
	}
	div#items li.rank8 ul.items>li+li+li {
		margin-bottom: 0;
		}
	div#items li.rank8 ul.items>li+li+li+li {
		display: none;
		}

div#items li.rank9 ul.items>li {
	display: block;
	}
	div#items li.rank9 ul.items>li+li {
		margin-bottom: 0;
		}
	div#items li.rank9 ul.items>li+li+li {
		display: none;
		}

div#items li.rank10 ul.items>li {
	display: block;
	}
	div#items li.rank10 ul.items>li {
		margin-bottom: 0;
		}
	div#items li.rank10 ul.items>li+li {
		display: none;
		}



/* @end */

/* @end */
