/* Tags block (upper-right on Movie Profile / Movie Review) */
#tags-block																{ width: 300px; position: relative; }
#tags-block .widget-wrap									{ background: url(../images/ywchip-top-300.png) no-repeat 0 0; height: 42px; }
#tags-block .inner												{ background: url(../images/ywchip-mid-300.png) repeat-y 0 0; font-size: 1.15em; height: 200px; padding: 0 14px; padding-right: 4px; /*overflow-y: scroll;*/ }
#tags-block .bottom-cap										{ height: 25px; background: url(../images/ywchip-bot-300.png) no-repeat 0 0; }

#tags-block h4														{ padding-left: 14px; }


#tags-list																{ height: 200px; overflow-y: scroll; }
#tags-block table													{ border: none; overflow: hidden; }
#tags-block td														{ border: 1px solid #cdcdcd; border-left: none; border-bottom: none; font-size: 1.15em; padding-right: 4px; width: 168px; }
#tags-block td.l-cell											{ border-left: 1px solid #cdcdcd; font-size: 1.0em; padding-right: 8px; width: 68px; }
#tags-block tr.last td										{ border-bottom: 1px solid #cdcdcd; }
#tags-block tr div												{ height: 15px; overflow: hidden; position: relative; }

#tags-block tr ul													{  }
#tags-block tr ul li											{ background: url(../images/bullet.png) no-repeat 0 5px; display: inline; padding-left: 8px; }
#tags-block tr ul li.first								{ background: none; padding-left: 0; }
#tags-block tr ul li a										{ color: #333; cursor: pointer; }



/* Tag link (Tags Chip, Review List selection block, Similar Movies chip) */
.tag-tree-button																		{ font-size: 12px; text-align: center; width: 110px; position: absolute; top: 8px; left: 170px; }
.tag-tree-button span																{ display: inline !important; float: none !important; width: auto !important; }
.tag-tree-button .ui-icon														{ width: 16px !important; height: 16px; }
.tag-tree-button .ui-selectmenu-status							{ display: block !important; }

#movielist .tag-tree-button													{ font-size: 10px; left: 156px; top: 0; width: 198px !important; text-align: left; }
#movielist .tag-tree-button .ui-selectmenu					{ height: 1.4em; }
#movielist .tag-tree-button .main-icon							{ font-size: 12px; top: 4px !important; }
#movielist .tag-tree-button .ui-selectmenu-status		{ line-height: 1em; padding-top: 5px; }


.tag-tree-submit																		{ border: none; background: url(../images/save.png) no-repeat 0 0; cursor: pointer; height: 21px; width: 80px; text-indent: -999em; margin-left: 4px !important; }
.tag-tree-cancel																		{ border: none; background: url(../images/cancel.png) no-repeat 0 0; cursor: pointer; height: 21px; width: 80px; text-indent: -999em; margin-right: 4px !important; }

#movielist .tag-tree-submit,
#findsimilarmovies .tag-tree-submit									{ background: url(../images/add.png) no-repeat 0 0; }


/* modification of tooltip styles (other styles handled by jQuery in plugin function call) */
.qtip-content															{ font-size: 11px; white-space: nowrap; }


/* Dynatree styling */
#movielist #tag-tree											{ top: 16px; right: 21px; }
.tag-tree																	{ display: none; position: absolute; top: 34px; right: 19px; z-index: 100; min-width: 200px;
                                            border-bottom: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #aaa; border-left: 1px solid #aaa; }

.tag-tree ul.dynatree-container						{ border: 3px solid #2753ac !important; display: block !important; float: none !important; max-height: 225px; padding-right: 15px; overflow-y: auto; overflow-x: hidden; }
.tag-tree ul li														{ height: auto !important; overflow: visible; margin-bottom: 0; padding: 0 !important; }

.tag-tree .header													{  }
.tag-tree-close														{ background-color: #2753ac; color: #fff!important; display: block; font-size: 14px; font-weight: bold; padding: 3px 6px; text-align: right; }
#save_tags																{ position: absolute; top: 3px; left: 6px; }

.tag-tree .footer													{ background-color: #2753ac; color: #fff!important; display: block; font-size: 14px; font-weight: bold; padding: 3px 6px; text-align: center; overflow: hidden;}
*.tag-tree-submit                         { float: left; margin-left: 20px; }
*.tag-tree-cancel                         { float: right; margin-right: 20px }


/* Tag tokens */
#tag-list																	{ width: 100% !important; height: 21px; overflow: hidden; }
#tag-list li															{ border: 1px solid #ccc; background-color: #ddd; float: left; font-size: 11px; height: auto !important; margin: 2px 3px 0;
																						padding: 0 3px; overflow: hidden; white-space: nowrap;
																						-moz-border-radius: 5px;
																				 -webkit-border-radius: 5px;
																								 border-radius: 5px; /* future proofing */
																					-khtml-border-radius: 5px; /* for old Konqueror browsers */ }

#tag-list li p														{ color: #000; display: inline; }
#tag-list li span													{ color: #666; cursor: pointer; display: inline; float: none; font-weight: bold; margin-left: 5px; width: auto; }

ul.selected_tags {
  clear: both;
	position: relative;
	top: 10px;
}
ul.selected_tags li {
	cursor: pointer;
  display: inline-block!important;
  /*border: 1px solid green;*/
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	background-color: #e7e7e7;
  height: auto!important;
  width: auto!important;
	padding: 4px 6px;
}
ul.selected_tags li label {
	cursor: pointer;
  display: inline!important;
  white-space: nowrap!important;
	padding: 0 !important;
}

.tag-tree .hidden { display: none }

div.expanded { height: auto!important }
#tags-block tr .show-more									{ background: url(../images/expand-arrow-sprite.png) no-repeat 0 0; height: 11px; width: 11px; padding: 0 0 4px 0; position: absolute; top: 3px; right: 0; text-indent: -9999px; }
#tags-block tr .expanded .show-more					{ background-position: 0 -11px; }

.tag-tree .disabled { opacity: 0.5; }
.tag-tree .disabled * { color: #999!important; }