/* TAG styles for MHP tags page */
#mhp-content.premium {background-image: url(http://p.webshots.net/images/bg/tags_page_premium_200x2.gif);}
#mhp-content.premium #tag-content .content {width: 623px;}
#tag-content {float: left;}
#tag-content #tags {float: left; display: inline; width: 172px; margin-right: 23px; overflow: hidden;}
#tag-content #tags h3 {padding-left: 30px; font-size: 150%; background: url(http://p.webshots.net/images/icon/tag_24x16.gif) no-repeat left; text-transform: lowercase;}
#tag-content #tags h4,
	#tag-content #tags .untagged {font-weight: normal; text-transform: lowercase;}
#tag-content #tags .untagged {border-bottom: 1px solid #fff;}
#tag-content #tags .untagged ul {border-bottom: 1px solid #e5e5e5; padding-bottom: 10px;}
#tag-content #tags h4 {font-size: 100%;}
#tag-content #tags .tag-list,
	#tag-content #tags .tag-list div {border: solid #e5e5e5; border-width: 1px 0;}
#tag-content #tags .tag-list {margin: 8px 0; border-bottom-color: #fff;}
#tag-content #tags .tag-list div {padding: 6px 0 9px; border-top-color: #fff;}
#tag-content #tags .tag-list ul {display: inline-block; width: 172px; max-height: 550px; line-height: 1.6; overflow: auto; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
#tag-content #tags .tag-list ul {display: block;}
* html #tag-content #tags .tag-list ul {height: expression(this.scrollHeight > 550 ? '550px' : 'auto');}
#tag-content #tags li {clear: both;}
#tag-content #tags li.active {float: left; padding-right: 11px; background: url(http://p.webshots.net/images/icon/blue_arrow_11x23.gif) no-repeat right;}
#tag-content #tags li.active span {float: left; padding: 2px 6px; max-width: 130px; color: #fff; background: #1e78c6; font-weight: bold; text-overflow: ellipsis; overflow: hidden; cursor: default;}
* html #tag-content #tags li.active span {width: expression(this.scrollWidth > 130 ? '130px' : 'auto');}
#tag-content .content {float: left; display: inline; width: 502px; margin-right: 34px; overflow: hidden;}
* html #tag-content .content {margin-right: 31px;}
#tag-content .content .media-content {padding: 0 16px;}
#tag-content .content .tags-toolbar {border-bottom: 1px solid #ddd;}
#tag-content .content .tags-toolbar div {display: inline-block;}
#tag-content .content .tags-toolbar div {display: block;}
#tag-content .content .tags-toolbar ul {float: right; display: inline; margin-right: 3px; font-size: 92%;}
#tag-content .content .tags-toolbar ul li,
	#tag-content .content .tags-toolbar ul a {float: left; display: inline;}
#tag-content .content .tags-toolbar ul a {padding: 5px 11px 5px 30px; background: no-repeat 10px; border: 1px solid #e9e9e9; border-bottom: none; text-transform: lowercase;}
#tag-content .content .tags-toolbar ul a.photos {background-image: url(http://p.webshots.net/images/icon/pictures_16x15.gif);}
#tag-content .content .tags-toolbar ul a.videos {background-image: url(http://p.webshots.net/images/icon/film_strip_16x11.gif);}
#tag-content .content .tags-toolbar ul a.albums {background-image: url(http://p.webshots.net/images/icon/icon_fullAlbum.png);}
#tag-content .content .tags-toolbar ul li {margin-right: 5px; background: #f2f2f2 url(http://p.webshots.net/images/bg/tabs_2x25.gif) repeat-x;}
#tag-content .content h1 {display: inline-block; width: 437px; padding: 14px 0 14px 33px; font-size: 150%; background: no-repeat 0 15px; text-transform: lowercase; text-overflow: ellipsis; overflow: hidden;}
#tag-content .content h1 {display: block;}
#mhp-content.premium #tag-content .content h1 {width: 558px;}
#tag-content .content h1.photos {background-image: url(http://p.webshots.net/images/icon/pictures_24x24.gif);}
#tag-content .content h1.videos {background-image: url(http://p.webshots.net/images/icon/film_strip_24x17.gif);}
#tag-content .content h1.albums {background-image: url(http://p.webshots.net/images/icon/icon_spiral_book.gif);}
#tag-content .content h1 span {font-weight: normal;}
#tag-content .content .gallery {display: inline-block; margin: 18px -20px 0 0; font-size: 92%; overflow: hidden;}
#tag-content .content .gallery {display: block;}
#tag-content .content .gallery li {float: left; width: 102px; margin-right: 20px; padding-bottom: 25px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#tag-content .content .gallery li {*float: none; *display: inline-block; *vertical-align: top;}
#tag-content .content .gallery li {display: inline;}
#tag-content .content .gallery li.marker {clear: left;}
#tag-content .content .gallery a {font-weight: bold;}
#mhp #tag-content .content .gallery img {display: block; margin: 0 auto 5px; font-weight: normal; border: 1px solid #d2d2d2;}
#tag-content .pagination {display: inline-block; padding: 0 0 8px; background: url(http://p.webshots.net/images/bg/bg_dot.gif) repeat-x bottom; overflow: hidden; cursor: default;}
#tag-content .pagination {display: block;}
#tag-content .pagination * {float: left; display: inline;}
#tag-content .pagination .iter {width: 46px; padding: 0; background: #f3f3f3 url(http://p.webshots.net/images/icon/iterators_84x49.gif) no-repeat left; text-indent: -9999px; overflow: hidden;}
#tag-content .pagination .next {background-position: right;}
#tag-content ul.alt-pos {padding: 8px 0 0; background-position: top;}
#tag-content .pagination li {margin-right: 4px; font-size: 92%;}
#tag-content .pagination li a,
	#tag-content .pagination li.active {padding: 0 5px;}
#tag-content .pagination li a {color: #2c71bf; border: 1px solid #ddd; cursor: pointer;}
#tag-content .pagination li.active {color: #fff; background: #a2c4e7; border: 1px solid #67a2de;}

html.js #tag-content #tags-help {position: absolute; left: -9999px;}
html.js #tag-content.tag-popup-help .wrap {border-left: 1px solid #c6d3a5;}
#tag-content #tags-help-tab {position: relative; float: left; display: inline; margin: 1px 1px -1px; padding: 5px 9px 5px 30px; font-size: 92%; color: #555 !important; background: url(http://p.webshots.net/images/grfk/grfk_alerts_help.gif) no-repeat 9px; text-transform: lowercase;}
html.js #tag-content.tag-popup-help #tags-help-tab {margin: 0 0 -1px; color: #4a671c !important; background-color: #e5f5af; border: 1px solid #c1d2a5; border-bottom-color: #deef9c; border-left: none;}
html.js #tag-content.tag-popup-help #tags-help {position: relative; left: auto; border: 1px solid #c1d2a5; border-top-color: #effbde; border-left: none;}
#tag-content #tags-help {clear: both; padding: 13px 20px 20px; font: 92%/1.4 arial, helvetica, sans-serif; background: #e5f5af; overflow: hidden;}
#tag-content #tags-help,
	#tag-content #tags-help a {color: #4a671c;}
#tag-content #tags-help a.learn-more,
	#tag-content #tags-help a.learn-more:hover {color: #4a671c !important; text-decoration: underline;}
#tag-content #tags-help {zoom: 1;}
#tag-content #tags-help h4 {font: bold 160% arial, helvetica, sans-serif; text-transform: lowercase;}
#tag-content #tags-help button {position: absolute; top: 7px; right: 7px; font: 100%/1.4 arial, helvetica, sans-serif; padding-right: 19px; overflow: visible; text-transform: lowercase; color: #4a671c; background: url(http://p.webshots.net/images/btn/btn_close.gif) no-repeat right;}
#tag-content #tags-help button:hover,
	#tag-content #tags-help button.hover {background-image: url(http://p.webshots.net/images/btn/btn_close_hover.gif); text-decoration: underline;}
#tag-content #tags-help p {padding-top: 10px;}



/* TAG styles for object pages */
.meta-info .tag-it {margin-left: 5px; padding-left: 22px; background-repeat: no-repeat; background-position: left; text-transform: lowercase; white-space: nowrap;}
#modules h3 span {font-weight: normal;}
#modules #tags {padding: 2px 3px 13px;}
#modules #tags .tag-tools {margin: 0 5px; padding-left: 10px; border-bottom: 1px solid #e5e4e4;}
html.js #modules #tags.tag-module-help .tag-tools {margin: 0; padding: 0 5px 0 15px; border-bottom: 1px solid #c6d3a5;}
#modules #tags .tag-tools:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#modules #tags .tag-tools button {display: block; display: inline-block; padding: 5px 5px 5px 20px; overflow: visible; font: 100%/1 arial, helvetica, sans-serif; color: #4a671c; background: no-repeat left; border: none; text-transform: lowercase; cursor: pointer;}
#modules #tags .tag-tools button:hover,
	#modules #tags .tag-tools button.hover {text-decoration: underline;}
#modules #tags .tag-tools .add-tags {float: left; color: #2875c5; background-image: url(http://p.webshots.net/images/icon/tag_17x13.gif);}
#modules #tags .tag-tools .help-btn {float: right; margin: 1px 1px -1px; position: relative; }
#modules #tags .tag-tools .help-btn button {padding: 5px 7px 5px 29px; background: url(http://p.webshots.net/images/grfk/grfk_alerts_help.gif) no-repeat 9px;}
html.js #modules #tags.tag-module-help .tag-tools .help-btn {margin: 0 0 -1px; color: #637531; background-color: #e7f7ad; border: 1px solid #c1d2a5; border-bottom-color: #DEEF9C;}

#modules #tags .tag-list {margin: 0 5px; padding: 9px 5px 0 10px; border-top: 1px solid #f9f9f9;}
#modules #tags .tag-list ul {width: 270px; max-height: 300px; font-size: 105%; overflow: auto; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap;}
* html #modules #tags .tag-list ul {height: expression(this.scrollHeight > 300 ? '300px' : 'auto');}
#modules #tags .tag-list li {clear: both; overflow: hidden;}
#modules #tags .tag-list li * {float: left;}
#sidebar #modules #tags .deltag {width: 7px; margin-left: 5px; font-size: 87%; color: #747474 !important; background: url(http://p.webshots.net/images/grfk/delete_43x7.gif) no-repeat 0 75%; text-decoration: none; text-indent: -9999px; overflow: hidden;}
#sidebar #modules #tags .deltag:hover {width: 43px;}

html.js #modules #tags .help {position: absolute; left: -9999px; display: none;}
html.js #modules .tag-module-help .help {position: static !important; display: block !important; border: 1px solid #c1d2a5; border-top-color: #effbde;}
#modules #tags .help {padding: 12px; font: 100%/1.4 arial, helvetica, sans-serif; background: #e7f7ad;}
#modules #tags .help,
	#modules #tags.tag-module-help .help .learn-more,
	#modules #tags.tag-module-help .help .learn-more:hover {color: #4a671c !important;}
#modules #tags.tag-module-help .help .learn-more {text-decoration: underline;}
#modules #tags .help .description {margin-bottom: 5px;}
#modules #tags .help {zoom: 1;}
#modules #tags .help h4 {font-size: 0; line-height: 1px; overflow: hidden; margin: -20px -20px 16px; text-indent: -9999px; background: #effad8;}
#modules #tags .help p {word-wrap: normal; word-break: normal;}

#allHdr {background: url(http://p.webshots.net/images/icon/icon_label_all.gif) no-repeat top left; width:27px; _width:24px; height:12px; text-indent:-9999px; overflow:hidden; display:block; float:left}
#mbrHdr {background: url(http://p.webshots.net/images/icon/icon_label_thismbr.gif) no-repeat top left; width:100px; height:12px; text-indent:-9999px; overflow:hidden; display:block;}
#modules #tags .tag-list .allTags {background: url(http://p.webshots.net/images/icon/icon_globe.gif) no-repeat left; width:27px; height:20px; text-indent:-9999px; overflow:hidden; display:block;}


/* TAG styles for popup */
.template {display: none;}

.tag-popup {position: absolute; top: -9999px; left: -9999px; width: 460px;}
.tag-popup #tag-status {width: 361px; overflow: hidden;}
.tag-success #tag-status h3 {color: #297314; background: url(http://p.webshots.net/images/grfk/grfk_alerts_success.gif) no-repeat left;}
.tag-failure #tag-status h3 {padding-left: 40px; color: #297314; background: url(http://p.webshots.net/images/icon/icon_error.gif) no-repeat left;}
.tag-success form,
	.tag-failure form,
	.tag-popup #tag-status {position: absolute; left: -9999px;}
.tag-success #tag-status,
	.tag-failure #tag-status {padding: 20px; position: static;}
.tag-success #tag-status,
	.tag-failure #tag-status,
	.tag-popup #tag-status ul {display: inline-block;}
.tag-success #tag-status,
	.tag-failure #tag-status,
	.tag-popup #tag-status ul {display: block;}
.tag-popup #tag-status h3 {padding: 5px 0 5px 33px; font: 140% arial, sans-serif;}
.tag-popup #tag-status ul {margin: 10px 0; color: #4c4c4c; font-size: 92%; overflow: hidden;}
.tag-popup #tag-status ul li {float: left; margin-right: .4em;}
.tag-popup #tag-status p {clear: both; margin-top: 4px;}
.tag-popup #tag-status p,
	.tag-popup #tag-status p button {color: #4c4c4c; font: 86% verdana, sans-serif; text-transform: none;}
.tag-popup #tag-status p button {display: table-cell; display: inline-block; font-size: 100%; background: none; text-decoration: underline; overflow: visible;}
.tag-popup #tag-status p .close-popup {margin-left: 5px;}
.tag-popup .inner1 {zoom: 1; padding: 19px 29px 0 28px; background: url(http://p.webshots.net/images/grfk/grfk_alerts_border_top.png) no-repeat;}
.tag-popup .inner2 {zoom: 1; position: relative; background: #f5f5f5; border: 1px solid #e6e6e6; border-top-color: #eee; overflow: hidden;}
.tag-popup .inner3 {zoom: 1; height: 32px; background: url(http://p.webshots.net/images/grfk/grfk_alerts_border_bottom.png) no-repeat; overflow: hidden;}
* html .tag-popup .inner1 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p.webshots.net/images/grfk/grfk_alerts_border_top.png', sizingMethod='crop');}
.tag-popup .inner1 {display: inline-block;}
.tag-popup .inner1 {display: block;}
* html .tag-popup .inner3 {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://p.webshots.net/images/grfk/grfk_alerts_border_bottom.png', sizingMethod='crop');}
html.js .tag-popup .help {position: absolute; left: -9999px;}
html.js .tag-popup-help .help {position: static; margin: 0 -1px; border: 1px solid #c1d2a5;}
#all-tags {position: absolute; left: -9999px;}
.all-tags #common-tags {position: absolute; left: -9999px;}
.all-tags #all-tags {position: static;}
.tag-popup .help {padding: 20px; font: 89%/1.4 verdana, sans-serif; background: #e5f5af;}
.tag-popup .help,
	.tag-popup .help a {color: #4a671c;}
.tag-popup .learn-more {text-decoration: underline;}
.tag-popup .help {zoom: 1;}
.tag-popup .help h3 {font-size: 0; line-height: 1px; overflow: hidden; margin: -20px -20px 16px; text-indent: -9999px; background: #effad8;}
.tag-popup p {margin-top: 10px;}
.tag-popup .tag-list ul {width: 361px; overflow: auto; overflow-x: hidden; max-height: 322px; text-overflow: ellipsis;}
* html .tag-popup .tag-list ul {height: expression(this.scrollHeight > 322 ? '322px' : 'auto');}
.tag-popup .help .usage {margin-top: 0; font-size: 100%;}
.tag-popup .help .usage,
	.tag-popup .tag-list li {color: #2375c9;}
.tag-popup .tag-list * {zoom: 1;}
.tag-popup .tag-list li:hover,
	.tag-popup .tag-list li.hover {text-decoration: underline;}
.tag-popup .tag-list p {margin-top: 5px; font-size: 92%;}
.tag-popup #common-tags a,
	.tag-popup #all-tags a {display: block; position: relative; width: 65px; height: 13px; margin-top: 15px; background: url(http://p.webshots.net/images/btn/tags_toggle_142x13.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
.tag-popup button {border: none; overflow: hidden; text-transform: lowercase; cursor: pointer;}
.tag-popup form {padding: 20px 20px 8px;}
.tag-popup .tags label {position: absolute; left: -9999px;}
.tag-popup .tags input {width: 289px; margin-right: 9px; padding: 4px 6px; background: #fff url(http://p.webshots.net/images/bg/tags_input_5x24.gif) repeat-x; border: 1px solid #b3b3b3; vertical-align: middle;}
.tag-popup .tags button {width: 49px; height: 26px; color: #fff; background: #9585ce url(http://p.webshots.net/images/btn/apply_49x26.gif) repeat-x; text-indent: -9999px; vertical-align: middle;}
.tag-popup .tag-list li {float: left; font-size: 92%; margin-right: .4em; line-height: 1.5; white-space: nowrap; cursor: pointer;}
.tag-popup #all-tags a {width: 77px; background-position: -65px 0;}
.tag-popup .help .usage strong {display: block; font-size: 105%; color: #4a671c;}
.tag-popup .header {padding: 3px 11px 0; background: #dadada url(http://p.webshots.net/images/bg/bg_preview.gif) repeat-x; text-align: right;}
.tag-popup .header:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.tag-popup .header {display: inline-block;}
.tag-popup .header {display: block;}
.tag-popup .header h2 {float: left; position: relative; top: -2px; font: 140%/1.4 arial, sans-serif; padding: 3px 0 3px 30px; color: #000; background: url(http://p.webshots.net/images/icon/tag_24x16.gif) no-repeat left; text-align: left; text-transform: lowercase;}
.tag-popup .header span {float: left;}
.tag-popup .header button {float: left; padding: 6px; font-size: 92%; color: #8b8b8b; background: none; border: none; overflow: visible;}
.tag-popup .header button:hover,
	.tag-popup .header button.hover {color: #2b2b2b; text-decoration: underline;}
.tag-popup-help .header button,
	.tag-popup-help .header button:hover,
	.tag-popup-help .header button.hover {color: #4a671c;}
.tag-popup .header div {float: right;}
.tag-popup #tag-close {padding-left: 1px; background: url(http://p.webshots.net/images/grfk/divider_2x30.gif) no-repeat;}
.tag-popup .header .close-popup { background-repeat: no-repeat; background-position: top right;}
.tag-popup #tag-help {position: relative; left: 1px;}
.tag-popup-help #tag-help {border-bottom: 1px solid #dced9f !important;}
.tag-popup #tag-help button {padding-left: 25px; background: url(http://p.webshots.net/images/grfk/grfk_alerts_help.gif) no-repeat 6px 8px;}
.tag-popup-help #tag-help {position: relative; top: 1px; padding-bottom: 1px; border: 1px solid #bed4a5; border-bottom: none; background-color: #e5f5af;}
.tag-popup-help #tag-help button {position: relative; top: 2px; padding: 2px 5px 9px 25px; background-position: 6px 4px;}
.tag-popup .header .close-popup {padding-right: 17px; background: url(http://p.webshots.net/images/icon/icon_delete_off_14x14.gif) no-repeat right 8px;}
.tag-popup .tag-list {border: none;}
.tag-popup .tag-list h3 {padding-top: 7px; font: 86% arial, sans-serif; color: #6f6f6f; text-transform: lowercase;}
