/* @override http://pub4.widgetbox.com/css/main.css?34790 */
/*  r89  */

/* @group Basics */
hr.pgtitle {
	background: #85b8e0;
	color: #85b8e0;
	margin: 2px 0 8px;
	*margin: 0;
}
.base hr.pgtitle {
	background: #7cabc6;
	color: #7cabc6;
}
.highlight {background: #fcf5bd; color: #222 !important;}
.dim {color: #999;}
.box .dim {color: #424549;}
.small {font-size: 85% !important;}
.medium {font-size: 93% !important;}
img.sthumb {
    background: #fff;
    border: 1px solid;
    border-color: #cbcdcf #d3d4d6 #becad6 #d2d6d8;
	padding: 0;
}
.intro {
	color: #666;
	margin-bottom: .3em;
	line-height: 1.6;
	font-size: 85%;
}
/* RATING */
.emptystar { background-image: url(/images/ratestaroff.gif); width: 16px; height: 16px; }
.newstar { background-image: url(/images/ratestaravg.gif); width: 16px; height: 16px; }
.filledstar { background-image: url(/images/ratestaravg.gif); width: 16px; height: 16px; }
.signinbackground
{
	-moz-opacity: 0.7 !important;
    opacity: 0.7 !important;
    filter: alpha(opacity=70);
	background: transparent url(/images/light-bg.png?v29) repeat !important;
}
.fullscreenbackground
{
	-moz-opacity: 0.8 !important;
    opacity: 0.8 !important;
    filter: alpha(opacity=80);
	background: transparent url(/images/dark-bg.png?v29) repeat !important;
}
.modalheader
{
    text-align:center; 
    color:White; 
    font-weight:bold;
    cursor: move;
    font-size:12px;
    background-color:#0058A3;
    padding:6px 3px 6px 3px;
}
.modalheader .fb-share 
{
    position: absolute;
    top: 0;
    right: 40px;
    cursor: pointer;
    text-indent: -99999px;
}
.modalheader .container-close {
	position: absolute;
    top: 0;
    right: 6px;
    width: 14px;
    height: 21px;
    background: #0058A3 url(/images/container-sprite2.png) no-repeat 0 -300px;
    cursor: pointer;
    text-indent: -99999px;
}
.modalheader .container-close:hover {
    background-position: 0 -400px;
}
.modalfooter
{
    text-align:center; 
    color:White; 
    font-weight:bold;
    font-size:12px;
    background-color:#EDEDE1;
    padding:6px 4px 24px 4px;
}
.
ul.intro {margin-bottom: .7em; list-style: square;}
.intro code {font-family: Helvetica; color: #444;}
.hint, .helptip {cursor: help;}
/* @end */
/* @group Global Modules */
.pghdr {
	margin-bottom: 12px;
}
.ruled {
	border-bottom: 1px solid #85b8e0;
	margin-bottom: 18px; 
	padding-bottom: 3px; 
}
.pghdr.analytics {
	background: #fff;
	padding: 8px 12px;
	border: 1px solid #cdcdcd;
}
.pghdr.analytics h3 a:hover,
.pghdr.analytics h3 a:active {
	zoom: 1;
}
.pghdr h1 {
	font-weight: bold;
	font-size: 182%;
	text-transform: uppercase;
	margin: 2px 0;
}
.base .pghdr h1 em {
	color: #656559;
}
.pghdr h1 em, .pghdr h1 em a {
	font-weight: normal;
	text-transform: none;
}
.pghdr h3 {
	color: #555;
	font: bold 108% Helvetica, Arial, Verdana, sans-serif;
	text-indent: 1px;
	text-transform: uppercase;
}
.pghdr h3 a:hover,
.pghdr h3 a:active, 
.pghdr h1 em a:hover, 
.pghdr h1 em a:active {
	color: #27d;
}
.pghdr p {
	color: #555;
	font-size: 93%;
	text-indent: 1px;
}
.tout {
	background: url(/images/tout-bg.gif) no-repeat;
	margin: 0 auto 7px;
    padding: 7px;
    height: 28px;
    text-align: center;
    overflow: hidden;
}
.badge {
    margin: -3px auto 9px;
    text-align: center;
}
.promo {
	margin-bottom: 10px;
}
.previewbox {
    border: 1px solid #dedede;
    background-color: #fff;
    margin-top: 3px;
    padding: 4px;
}
.previewbox iframe {
	overflow: visible;
	width: 100%;
}
#statsbar {
	font-size: 85%;
	font-weight: bold;
	color: #333;
	text-align: center;
	height: 25px;
	line-height: 23px;
	min-width: 640px;
	padding: 1px 14px 0 0 !important;
	padding-top: 5px;
	margin-bottom: 8px;
	white-space: nowrap;
	background-color: #dec;
	border: 1px solid #8c3;
}
#statsbar img {
	vertical-align: middle; 
	margin: 0 0 2px 21px !important;
}
#statsbar-col {
	font-size: 85%;
	font-weight: bold;
	color: #333;
	line-height: 1.0;
	padding: 8px 0 7px;
	margin: 10px auto 0;
	white-space: nowrap;
	background-color: #dec;
	border: 1px solid #8c3;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}
#statsbar-col h4 {
	color: #674;
	font: bold 116%/128% Helvetica;
	margin-left: 15px;
	margin-bottom: 4px;
	text-transform: uppercase;
	text-shadow: #fff 0 1px;
}
#statsbar-col img {
	vertical-align: middle;
	padding: 2px 3px;
	padding-left: 1.5em;
}
#statsbar label, #statsbar-col label {font-weight: normal; color: #342;}
#statsbar em, #statsbar-col em {font-weight: normal; color: #674;}
.listing-module {
	background: #fff; 
	border: 1px solid #939b9a;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	clear: both;
	padding: 4px 7px;	
	margin-bottom: 15px;
}
.listing-module .pagination {
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;	
}
/* @end */
/* @group Carousels */
.carouselbox {
	background: #fff;
	border: 1px solid #6e9cdc;
	height: 160px;
	margin-bottom: 10px;
	padding: 3px 0;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}
.featured-mod-title h2 a, .featured-mod-title h2 a:hover {
	text-transform: uppercase;
	background: url(/images/hdrs-sprite7.png) no-repeat;
	text-indent: -9999px;
	display: block;
	width: 200px;
	height: 16px;
	padding: 0;
}
#carousel-sponsored {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	float: right;
	*margin-bottom: 5px;
}
#carousel-sponsored h2 {
	color: #5f666b;
	font-size: 93%;
	font-weight: normal;
	margin: 5px 4px 6px;
}
#carousel-sponsored p {
	float: left;
	font-size: 85%;
	margin: 3px 0 0;
}
#carousel-featured h2 a, #carousel-featured h2 a:hover {
	background-position: 0 -100px;
	width: 170px;
}
#carousel-hottest h2 a, #carousel-hottest h2 a:hover {
	background-position: 0 -200px;
}
#carousel-new h2 a, #carousel-new h2 a:hover {
	background-position: 0 -300px;
}
#carousel-notable h2 a,#carousel-notable h2 a:hover {
	background-position: 0 -400px;
}
#carousel-toprated h2 a, #carousel-toprated h2 a:hover {
	background-position: 0 -500px;
}
#carousel-alltime h2 a, #carousel-alltime h2 a:hover {
	background-position: 0 -600px;
}
#carousel-gems h2 a, #carousel-gems h2 a:hover {
	background-position: 0 -700px;
}
#carousel-topical h2 a, #carousel-topical h2 a:hover {
	background-position: 0 -800px;
}
#carousel-related h2 a, #carousel-related h2 a:hover {
	background-position: 0 -900px;
}
#carousel-alsodev h2 a, #carousel-alsodev h2 a:hover {
	background-position: 0 -1000px;
}
.featured-mod {
	/* borders not recommended because of IE */
	float: left;
    overflow: hidden;
}
.featured-mod-div {
	text-align: center;
	margin: 2px auto;
}
.featured-mod-div .thumb {
	padding: 0;
	width: 96px;
	height: 96px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.featured-mod-div h3 {
	line-height: 1.0;
	margin: 2px -8px 0;
	height: 2.4em;
	*height: 2.2em;
	overflow: hidden;
	text-overflow: ellipsis;
}
.featured-mod-div h3 a, .featured-mod-div h3 a:visited {
	color: #222;
	font: bold 85%/93% Helvetica, Arial, Verdana, sans-serif;
	
}
.featured-mod-div h3 a:hover {
	color: #000;
	text-decoration: underline;
}
.featured-mod-div ul {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
.featured-mod-div li {
	float: left;
	text-indent: 0;
	padding: 0 13px;
	margin: 0;
    width: 96px;
}
#wbx-carousel-info .hd, #wbx-carousel-info .container-close {
	/* hide the header of the container for the info bubble */
    display: none;
}
#wbx-carousel-info {
    background: transparent;
    border: none;
    width: 238px !important;
}
#wbx-carousel-info .bd {
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0 !important;
	width: 238px !important;
}
.featured-mod-above-dots {
	float: right;
	margin: 6px 6px 0 0;
}
.featured-mod-header {
	width: 608px;
}
.featured-mod-controls a {
	float: left;
	margin-top: 3px;
	
}
.featured-mod-below-dots {
	clear: both;
	text-align: center;
}
.featured-mod-side-prev {float: left;}
.featured-mod-side-next {float: left; clear: right;}
.featured-mod-header,
.featured-mod-title {float: left;}
.featured-mod-controls {float: right;}
.featured-mod-div li a div {
	text-align: center;
	width: 96px;
	height: 24px;
	overflow: hidden;
}
/* @end */
/* @group Stack Lists */
.stacklist li {
	margin: 0;
	border-bottom: 1px solid #d3d9e2;
}
.stacklist h2 a, .stacklist h2 a:hover {
	text-transform: uppercase;
	background: url(/images/hdrs-sprite7.png) no-repeat;
	text-indent: -9999px;
	padding: 0;
	height: 10px;
	line-height: 10px;
}
#list-featured h2 a, #list-featured h2 a:hover, 
#list-featured2 h2 a, #list-featured2 h2 a:hover {
	background-position: -200px -100px;
}
#list-hottest h2 a, #list-hottest h2 a:hover {
	background-position: -200px -200px;
}
#list-new h2 a, #list-new h2 a:hover {
	background-position: -200px -300px;
}
#list-games h2 a, #list-games h2 a:hover {
	background-position: -200px -400px;
}
#list-toprated h2 a, #list-toprated h2 a:hover {
	background-position: -200px -500px;
}
#list-alltime h2 a, #list-alltime h2 a:hover {
	background-position: -200px -600px;
}
#list-gems h2 a, #list-gems h2 a:hover {
	background-position: -200px -700px;
}
#list-topical h2 a, #list-topical h2 a:hover {
	background-position: -200px -800px;
}
#list-related h2 {
	background-position: -200px -900px;
}
#list-alsodev h2 a, #list-alsodev h2 a:hover {
	background-color: #fff !important;
	background-position: -200px -1000px;
}
#list-videos h2 a, #list-videos h2 a:hover {
	background-position: -200px -1100px;
}
#list-showcase h2 {
	background-position: -200px -1200px;
}
.stacklist a {
	background-color: #fff;
	color: #5f666b;
	display: block; 
	height: 58px;
	line-height: 1.5;
	overflow: hidden;
	padding: 6px 8px;
	text-decoration: none;
}
.stacklist a:hover {
	background-color: #e1ebf6 !important;
	text-decoration: none;
}
.stacklist .first a:hover {
	background-color: transparent !important;
}
.stacklist a.selected, .stacklist a.selected:hover {
	background-color: #c4dcf6 !important;
}
.stacklist a strong {
	color: #222;
	display: block;
	font: bold 93%/128% Helvetica, Arial, Verdana, sans-serif; 
	margin: 3px 0 0 80px;
}
.stacklist a.selected:hover strong, 
.stacklist a:hover strong, 
.stacklist a.selected strong,
.stacklist .current a strong {
	color: #000;
}
.stacklist a span {
	color: #5f666b;
	display: block;
	font-size: 85%; 
	margin-left: 80px;
}
.stacklist a .hotbar, .stacklist a .ratingbar .ratingbar2 {
	margin-left: 10px;
	float: left;
}
.stacklist a span span {
	margin: 0;
}
.stacklist a div {
	margin: 0 0 2px 80px;
}
.stacklist a:hover span, 
.stacklist a.selected span, 
.stacklist .current a span {
	color: #222;
}
.stacklist a img.sthumb {
	float: left;
	margin-top: 2px;
	width: 66px;
	height: 48px;
}
.stacklist a:hover img.sthumb, 
.stacklist a.selected img.sthumb {
	border-color: #888;
}

.stacklist a .sl-thumb {
	background-color: #fff;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 2px 0 4px;
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	width: 66px;
	height: 48px;
	overflow: hidden; 
}
*>.stacklist .sl-thumb {
	font-size: 76%;
}
.stacklist a .sl-thumb img {
	vertical-align: middle;
	width: 66px;
}
.stacklist a:hover .sl-thumb, 
.stacklist a:active .sl-thumb, 
.stacklist a.selected .sl-thumb, 
.stacklist .current a .sl-thumb {
	border-color: #adb2b3;
}
.stacklist .first, .stacklist .last, .stacklist .more {
	border-bottom: 1px solid #6e9cdc;
}
.stacklist .more a, .glist .more a {
	background: #dee8f3;
	color: #444;
	font: 85% Helvetica, Arial, Verdana, sans-serif;
	height: auto;
	padding-top: 7px;
	text-align: center;
}
.stacklist .more a strong, .glist .more a strong {
	background: url(/images/link-arrow2.png) no-repeat right top;
	_background: url(/images/link-arrow2.gif) no-repeat right top;
	display: inline;
	font-weight: bold;
	font-size: 100%;
	margin: 0;
	padding-right: 16px;
}
.stacklist .more a:hover, .glist .more a:hover {
	background-color: #c3daf3 !important;
	text-decoration: none;
}
.stacklist .more a:hover strong, .stacklist .more a:hover strong {
	text-decoration: none;
}

a .bigthumb {
	background-color: #fff;
	border: 1px solid #cdcdcd;
	display: inline;
	float: left;
	font-size: 83px;
	line-height: 83px;
	margin: 0 10px 10px -112px;
	width: 132px;
	height: 96px;
	text-align: center;
	overflow: hidden; 
}
*>a .bigthumb {
	font-size: 76%;
}
a .bigthumb img {
	vertical-align: middle;
	width: 132px;
}
a:hover .bigthumb, 
a:active .bigthumb, 
a.selected .bigthumb {
	border-color: #adb2b3;
}
.ch-rank {
	width: 96px;
	height: 96px;
	position: absolute;
}
/* @end */

/* @group Bubble Popup */
.popup {
	border-collapse: collapse;
}
.popup td.corner {
	height: 15px;
	width: 19px;
}
.popup td.topleft {
	background-image: url(/images/bubble-tl.png) !important;
	background-image: url(/images/bubble-tl.gif);
}
.popup td.top {
	background-image: url(/images/bubble-t.png) !important;
	background-image: url(/images/bubble-t.gif);
}
.popup td.topright {
	background-image: url(/images/bubble-tr.png) !important;
	background-image: url(/images/bubble-tr.gif);
}
.popup td.left {
	background-image: url(/images/bubble-l.png) !important;
	background-image: url(/images/bubble-l.gif);
}
.popup td.right {
	background-image: url(/images/bubble-r.png) !important;
	background-image: url(/images/bubble-r.gif);
}
.popup td.bottomleft {
	background-image: url(/images/bubble-bl.png) !important;
	background-image: url(/images/bubble-bl.gif);
}
.popup td.bottom {
	background-image: url(/images/bubble-b.png) !important;
	background-image: url(/images/bubble-b.gif);
	text-align: center;
	cursor: pointer;
 }
.popup td.bottomright {
	background-image: url(/images/bubble-br.png) !important;
	background-image: url(/images/bubble-br.gif);
}
.popup .bubble-tail {
	background-image: url(/images/bubble-tail.png) !important;
	background-image: url(/images/bubble-tail.gif);
	width: 30px;
	height: 29px;
 	margin: 0 auto 0 0;
}
.popup .popup-contents {
	background-color: #fff;
	text-align: left;
}
.wntrrwdmeta {
	background-color: #fff;
	padding: 0 0 5px;
	width: 200px;
}
.wntrrwdmeta li {
	font-size: 85%;
	margin: 0;
	padding: 0 6px;
	text-align: left;
	line-height: 1.4;
}
.wntrrwdmeta h2  {
	font: bold 116% Helvetica;
	margin: 0;
	line-height: 1.2;
}
.wntrrwdmeta h2 a {
	color: #444;
}
.wntrrwdmeta .short-desc {
	color: #555;
	padding-top: 6px;
	padding-bottom: 6px;
	line-height: 1.5;
	width: 184px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sbtn a.customize,
.sbtn a.customize:visited {
    background: url(/images/bubble-sbtn-lcap.gif) no-repeat left top;
    margin-bottom: 0;
}
.sbtn a.customize span {
	background: url(/images/bubble-sbtn-rcap.gif) no-repeat right top;
    padding-right: 2.2em;
}
.sbtn a.customize:hover,
.sbtn a.customize:focus {color: #fff; background-position: 0 -17px;}
.sbtn a.customize:hover span,
.sbtn a.customize:focus span {color: #fff; background-position: 100% -17px;}
/* @end */
/* @group Front Door */
.fdoor .welcome-hdr {
	background: url(/images/fpage-sprite.png) no-repeat;
	height: 40px;	
	overflow: hidden;
	text-indent: -9999px;
	margin-top: 5px;
	margin-bottom: 6px;
}
.fdoor #statsbar-col {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 93%;
	margin: 20px 0 10px;
}
.fdoor #statsbar-col img {
	margin-top: -2px;
}
/* @group Make Module */
.make-module {
	background: url(/images/fpage-sprite.png) no-repeat 0 -40px;
	height: 135px;
	margin-bottom: 18px;
	*margin-right: -2px;
	position: relative;
    overflow: hidden;
}
.make-module .module-hdr h2 {
	float: left;
	margin: 0;
}
.make-module .module-hdr h2 a {
	background: url(/images/fpage-sprite.png) no-repeat 0 -40px;
	display: block;
	width: 156px;
	height: 32px;
	text-indent: -9999px;
}
.make-module .featured-mod-controls {
	margin-top: 2px;
	margin-right: 9px;
}
.make-module .featured-mod-above-dots {
	margin: 7px 6px 0 0;
	cursor: pointer;
}
.socialnetwork {
    width: 625px;
    position: relative;
	height: 96px;
	margin-left: 8px;
    overflow: hidden;
}
.socialnetwork li {
	float: left;
	margin: 5px 2px;
	overflow: hidden;
}
.socialnetwork a,
.socialnetwork a:hover,
.socialnetwork a:visited {
	background: url(/images/mwtile-mod-active-bg.png) no-repeat 0 -200px;
	color: #414c56;
	display: block;
	font: bold 85% Helvetica, Arial, Verdana, sans-serif;
	width: 75px;
	height: 75px;
	padding: 8px 4px;
	position: relative;
	text-decoration: none;
	text-align: center;
}
.socialnetwork .mwtile-overlay {
	background: url(/images/mwtile-mod-overlay.png) no-repeat;
	position: absolute;
	left: 11px;
	top: 8px;
	width: 61px;
	height: 61px;
	z-index: 1;
	_behavior: url(/css/iepngfix.htc);
}
.socialnetwork label {
	position: relative;
	top: 2px;
}
.socialnetwork a img {
	filter: alpha(opacity=85);
	-khtml-opacity: .85;
	-moz-opacity: .85;
	opacity: .85;
	width: 61px;
	height: 61px;
	-webkit-transition: all 0.3s ease-out;
}
.socialnetwork a:hover {
	color: #131619;
}
.socialnetwork a:focus img,
.socialnetwork a:hover img,
.socialnetwork a:active img,
.socialnetwork .active a img {
	filter: alpha(opacity=100);
	-khtml-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
}
.socialnetwork a:active,
.socialnetwork .active a,
.socialnetwork .active a:hover,
.socialnetwork .active a:visited {
	background: url(/images/mwtile-mod-active-bg.png) no-repeat 0 0;
	color: #fcfcfc;
	text-shadow: rgba(0, 0, 0, 0.38) 1px 1px;
}
.socialnetwork a:active .mwtile-overlay,
.socialnetwork .active .mwtile-overlay {
	background-position: 0 -61px;
	_behavior: url(/css/iepngfix.htc);
}
/* @end */
/* @group Find Module */
.find-module {
	background: url(/images/fpage-sprite.png) no-repeat 0 -200px;
	margin-bottom: 18px;
	*margin-right: -2px;
}
.find-module .module-hdr h2 {
	background: url(/images/fpage-sprite.png) no-repeat 0 -200px;
	float: left;
	margin: 0;
	width: 156px;
	height: 32px;
	text-indent: -9999px;
}
.find-module #globalsearch {
	margin: 1px 10px 0 14px;
	*margin: -15px -2px 0 14px;
	_margin: -15px 6px 0 14px;
}
.find-module .search-wrapper input.g-prettysearch {
	background: url(/images/fpage-sprite.png) repeat-x 0 -1000px;
}
.find-module .search-wrapper .left {
	background: url(/images/fpage-sprite.png) no-repeat 0 -950px;
}
.find-module .search-wrapper .right {
	background: url(/images/fpage-sprite.png) no-repeat right -1050px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.find-module #globalsearch {margin: 1px 0px 0 24px;}
}
.find-module .carouselbox {
	background: transparent;
	border: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin-bottom: 0;
}
.find-module .carouselbox .small {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-top: 3px !important;
}
.find-module .carouselbox .small a {
	color: #0058a3;
}
.find-module .featured-mod-controls {
	margin-right: -7px;
	_margin-right: 0;
}
.find-module .yui-gb .sl-col1 {
	margin-left: 11px; 
	_margin-left: 6px;
	margin-right: -12px; 
}
.find-module .yui-gb .sl-col1 li {
	border-right: 1px solid #b2b2b2;
}
.find-module .yui-gb .sl-col1 li.first {
	border-right: 0;
}
.find-module .yui-gb .sl-col2 {
	margin-left: 12px;
	_margin-right: 24px; 
	margin-right: 11px; 
}
.find-module .yui-gb .sl-col2 li {
	border-right: 1px solid #b2b2b2;
}
.find-module .yui-gb .sl-col2 li.first {
	border-right: 0;
}
.find-module .yui-gb .sl-col3 {
	margin-left: -11px; 
	_margin-right: -29px;
	margin-right: 12px;
}
.find-module .stacklist li .more {
	border-color: #85afd3;
}
.find-module .stacklist a {
	background-color: transparent;
}
.find-module .stacklist .more a {
	background-color: #c3daf3;
	color: #283038;
}
.find-module .stacklist .more a:hover {
	background-color: #a3d0f3 !important;
}
.find-module #list-featured {
	margin: 0 0 15px;
}
.find-module #list-featured .more {
	border: 0;
	*height: 27px;
	overflow: hidden;
}
.find-module #list-featured .more a {
	background: url(/images/fpage-sprite.png) no-repeat 0 -1100px;
}
.find-module #list-featured .more a:hover {
	background-position: 0 -1150px;
}
.find-module-bcap {
	background: url(/images/fpage-sprite.png) no-repeat 0 -867px;
	height: 12px;
	_width: 625px;
}
/* @end */
/* @group Spotlight Module */
.spotlight-module {
	background: url(/images/fpage-sprite.png) no-repeat -638px -310px;
}
.spotlight-module .module-hdr h2 {
	background: url(/images/fpage-sprite.png) no-repeat -638px -310px;
	margin: 0;
	width: 100px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}
.spotlight-module p {
	color: #f1f2f3;
	float: right;
	font: 85% Helvetica, Arial, Verdana, sans-serif;
	margin: 10px 9px 4px;
}
.spotlight-module p a, 
.spotlight-module p a:visited {
	color: #efefef;
}
.spotlight-module p a:hover {
	color: #fff;
}
.spotlight-module .module-content {
	margin: 8px auto 0;
	overflow: auto;
	width: 300px;
	max-height: 588px;
	text-align: center;
}
.spotlight-bcap {
	background: url(/images/fpage-sprite.png) no-repeat -638px -934px;
	height: 8px;
	margin-bottom: 12px;
	overflow: hidden;
}
/* @end */
/* @end */

/* @group Tags */
.taglist-module {
	background: url(/images/fpage-sprite.png) no-repeat -638px -40px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding-bottom: 7px;
    margin-bottom: 12px;
}
.taglist-module h2 {
	float: left;
	width: 144px;
	height: 32px;
	margin: 0;
	padding-bottom: 4px;
}
.taglist-module h2 a {
	background: url(/images/fpage-sprite.png) no-repeat -638px -40px;
	height: 32px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.taglist-module .first {
    border-right: 1px solid #d3d9e2;
    _border-right: 0;
    float: left;
    width: 144px;
}
.taglist-module li {
	margin: 0;
	_margin-bottom: -3px;
	_zoom: 1;
}
.taglist-module li a, .taglist-module li a:visited {
	background: url(/images/taglist-item-bg.png) repeat-x;
	color: #15b;
	display: block;
	padding: 3px 0;
	_position: relative;
	text-decoration: none;
	text-indent: 24px;
	overflow: hidden;
	
}
.taglist-module li a:hover {
	background: #27d url(/images/taglist-item-bg.png) repeat-x 0 -30px;
	color: #fff;
	text-decoration: none;
}
.taglist-module p {
	color: #f1f2f3;
	float: right;
	margin: 8px 10px 4px;
	*margin: 6px 10px 4px;
	_margin: 6px 5px 4px;
}
.taglist-module p a, .taglist-module p a:visited {
	color: #efefef;
	padding-right: 18px;
	
}
.taglist-module p a:hover {
	color: #fff;
}
.taglist-module a.active, 
.taglist-module a:hover.active, 
.taglist-module a:visited.active {
	background: #5f666b url(/images/taglist-item-bg.png) repeat-x 0 -60px;
	color: #fff;
	text-shadow: none;
}
.tagcrumb {
	font-size: 123.1%;
	margin-bottom: 5px;
}
.tagcrumb a {
	color: #2d4b70;
	border-bottom: 1px dotted #2d4b70;
}
.tagcrumb a:hover {
	color: #27d;
	border-bottom: 1px solid #27d;
	text-decoration: none;
}
.tagresults, .tagup {
	padding: 4px 8px;
	color:  #333;
	border-top: 1px solid #fcfcfe;
	border-bottom: 1px solid #9bc6e8;
	background: #f2f2f4 url(/images/tagup-bg.gif) repeat-x left bottom;
}
.tagresults p {margin: 1px 5px 2px 1px;}
.tagresults span {color: #555;}
.tagresults em {color: #4f4f4f; font-weight: bold;}
.tagresults #pagesort {margin: 0;}
.tagup {
	border-top: 1px solid #bbd5e9;
	padding: 1px 8px 5px 8px;
	min-height: 6px;
}
.tagup p {margin: 0; float: right; padding-top: 4px;}
.tagcrumb img, .tagup p img {vertical-align: middle;}
#cloud {
	line-height: 1.5em;
	text-align: justify;
	margin: 0;
	padding: 6px 12px;
	border-top: 1px solid #96bfe0;
	border-bottom: 1px solid #bdd6ea;
	background: #f1f2f3 url(/images/tagcloud-bg.gif) repeat-x left bottom;
	font-size: 116%;
}
#cloud li {
	display: inline;
	font-family: Helvetica;
	margin: 0;
	padding-right: 5px;
}
#cloud a, #cloud a:visited {padding: 0; color: #27d; white-space: nowrap;}
#cloud a.tag2 {font-size: 1em;}
#cloud a.tag3 {font-size: 1.2em;}
#cloud a.tag4 {font-size: 1.4em;}
#cloud a.tag5 {font-size: 1.6em;}
#cloud a.tag6 {font-size: 1.8em;}
#cloud a, #cloud a:visited {
	padding: 0;
	color: #2d4b70;
	white-space: nowrap;
}
#cloud a:hover, #cloud a:focus {
	color: #27d;
	text-decoration: none;
}
#cloud a:active {
	color: #15b;
	text-decoration: underline;
}
#emptycloud {border-top: 1px solid #bdd6ea;}
#addtagcloud, #adddelicious {background: url(/images/addtags-icn.gif) no-repeat left center; padding-left: 23px; }
#addtagcloud:hover, #addtagcloud:focus, #adddelicious:hover, #adddelicious:focus {color: #fff; background-color: #36c; }
#tagcloud-link td {padding-top: 0;padding-bottom: 0;}

#tags-autocomplete-div {
	position: absolute;
	top: 1.7em;
	width: 100%;
}
#bd #tags-autocomplete-div {
	position: absolute;
	width: 100%;
}
#tags-autocomplete-div .yui-ac-content {
	position: absolute;
	width: 100%;
	border: 1px solid #ccc;
	overflow: hidden;
	z-index: 9050;
	color: #333 !important;
	background: #fff;
}
#tags-autocomplete-div .yui-ac-shadow {
	position: absolute;
	margin: 3px;
	background: #ccc;
	z-index: 9049;
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}
#tags-autocomplete-div ul {padding: 0; width: 100%;}
#tags-autocomplete-div li {
	margin: 0;
	padding: 0;
	padding-left: 6px;
	cursor: default;
	white-space: nowrap;
	list-style-type: none;
}
#tags-autocomplete-div li.yui-ac-highlight {
	background: #ffc;
	color: #222;
}

/* @end */
/* @group Gallery Listing */
.pgheading {
	background: url(/images/pghdrs-gallery.png) no-repeat;
	margin-bottom: 2px;
	padding: 0 2px 3px 42px;
}
.pgheading h1 {
	font-size: 153.9%;
	line-height: 1.3;
	text-transform: uppercase;
	text-shadow: rgba(255, 255, 255, 0.80) 1px 1px;
}
.pgheading h1 em {
	color: #464b4f;
	font-size: 77%;
	padding-left: .3em;
	text-transform: none;
}
.pgheading p {
	color: #666;
	font-size: 93%;
	line-height: 1.4;
	margin-left: 1px;
}
.base .pgheading p {
	color: #5a5a55;
}
#tag-blogs {
	background-position: 0 -200px;
}
#tag-fun {
	background-position: 0 -300px;
}
#tag-clocks {
	background-position: 0 -400px;
}
#tag-countdown {
	background-position: 0 -500px;
}
#tag-education {
	background-position: 0 -600px;
}
#tag-family {
	background-position: 0 -700px;
}
#tag-finance {
	background-position: 0 -800px;
}
#tag-games {
	background-position: 0 -900px;
}
#tag-humor {
	background-position: 0 -1000px;
}
#tag-movies {
	background-position: 0 -1100px;
}
#tag-music {
	background-position: 0 -1200px;
}
#tag-news {
	background-position: 0 -1300px;
}
#tag-pets {
	background-position: 0 -1400px;
}
#tag-photos {
	background-position: 0 -1500px;
}
#tag-politics {
	background-position: 0 -1600px;
}
#tag-socialnetworks {
	background-position: 0 -1700px;
}
#tag-sports {
	background-position: 0 -1800px;
}
#tag-technology {
	background-position: 0 -1900px;
}
#tag-video {
	background-position: 0 -2000px;
}
#tag-weather {
	background-position: 0 -2100px;
}
#filter-featured {
	background-position: 0 -2200px;
}
#filter-hottest {
	background-position: 0 -2300px;
}
#filter-new {
	background-position: 0 -2400px;
}
#filter-notable {
	background-position: 0 -2500px;
}
#filter-toprated {
	background-position: 0 -2600px;
}
#filter-alltime {
	background-position: 0 -2700px;
}
#filter-gems {
	background-position: 0 -2800px;
}
#filter-inthenews {
	background-position: 0 -1300px;
}
#tag-blidgets, #filter-blidgets {
	background-position: 0 -2900px;
}
#tag-mixits {
	background-position: 0 -3000px;
}
#filter-prowidgets {
	background-position: 0 -3200px;
}
#search-results {
	background-position: 0 -100px;
	padding: 0 2px 3px 34px;
}
#more-tags {
	background-position: 0 -3100px;
	border-bottom: 0;
	margin: 0;
	padding: 0 2px 8px 34px;
}
#search-results h1 {
	font-weight: normal;
	text-transform: none;
}
#search-results strong {
	font-weight: bold;
	text-transform: none;
}
ul#filternav {
	background: url(/images/filternav-bg.gif) repeat-x 0 -32px;
	border-bottom: 3px solid #3f4d5e;
	border-top: 1px solid #cfd5dd;
	display: block;
	font: bold 100% Helvetica;
	list-style: none;
	margin: 0 0 -3px;
	padding: 0;
	position: relative;
	*position: static;
	width: auto;
	height: 32px;
	text-transform: uppercase;
	overflow: hidden;

}
ul#filternav li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
ul#filternav li a {
	background: url(/images/filternav-bg.gif) no-repeat right top;
	color: #333;
	display: block;
	float: left;
	text-decoration: none;
	
	padding: 10px 35px 0;
	height: 22px;
	text-shadow: #cfd4d8 1px 1px;
}
ul#filternav li.last a {
	background: none;
}
ul#filternav li a:hover,
ul#filternav li.last a:hover,
ul#filternav li a:hover,
ul#filternav li.last a:hover {
	background: url(/images/filternav-bg.gif) repeat-x 0 -64px;
	color: #f1f2f3;
	text-shadow: #2268c7 -1px -1px;
}
ul#filternav a.active,
ul#filternav li.last a.active,
ul#filternav a.active:hover,
ul#filternav li.last a.active:hover {
	color: #fff;
	background: url(/images/filternav-bg.gif) repeat-x 0 -96px;
	text-shadow: #3f4e5e -1px -1px;
}
.glist li {
	border-bottom: 1px solid #d3d9e2;
	margin: 0;
	padding: 10px 0 8px 11px; 
}
.glist li.pro-entry {
	background: #fff url(/images/details-pg-pro-bg.gif) repeat-x 0 -60px;
}
.glist li.last {
	border: 0;
}
.glist .devname, .glist .shortdesc, .glist .moretags {
	color: #5f666b;
	font-size: 93%;
	margin-left: 112px;
}
.glist .shortdesc {
	color: #333;
}
.glist .devname {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	margin-top: 2px;
}
.glist .devname span {
	color: #111;
}
.glist .moretags a {
	text-transform: capitalize;
}
.glist .devname a:hover, .glist .moretags a:hover {
	color: #15b;
}
.glist .attrib, .glist .installs {
	color: #5f666b;
	font-size: 93%;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	text-align: right;
	margin-right: 6px;
}
.glist .attrib {
	float: right;
}
.glist .installs {
	clear: right;
}
.glist h2 {
	font-size: 108%;
	font-weight: bold;
	padding-left: 112px;
	margin: 0;
	line-height: 1.3;
}
.glist h2 a, .glist h2 a:visited {
	border-bottom: 1px solid #c1d8f4;
	color: #15b;
	text-decoration: none;
	
}
.glist h2 a:hover {
	border-bottom: 1px solid #85a7d1;
	color: #025;
	text-decoration: none;
}
.glist h2 img.thumb {
	float: left;
	margin: 1px 10px 10px -120px;
	padding: 0;
	width: 132px;
	height: 96px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.ratingbar {
  background: url(/images/rating-sprite.png?v17) repeat-x 0 0 !important;
  background: url(/images/rating-sprite.gif?v17) repeat-x 0 0;
  display: block;
  width: 60px;
  height: 12px;
  overflow: hidden;
}
.ratingbar span {
  background: url(/images/rating-sprite.png?v17) repeat-x 0 -12px !important;
  background: url(/images/rating-sprite.gif?v17) repeat-x 0 -12px;
  display: block;
  height: 12px;
  float: left;
}
.star-rating {
	margin: .8em 0 .4em .4em;
	padding: 0;
	position: relative;
	float: left;
}
.currentrating {
  background: url(/images/ratestar.png?v17) repeat-x 0 0 !important;
  background: url(/images/ratestar.gif?v17) repeat-x 0 0;
  display: block;
  width: 84px;
  height: 16px;
  overflow: hidden;
}
.currentrating span {
  background: url(/images/ratestar.png?v17) repeat-x 0 -16px !important;
  background: url(/images/ratestar.gif?v17) repeat-x 0 -16px;
  display: block;
  height: 16px;
  float: left;
}
.hotbar {
  background: url(/images/hotness-sprite.png?v17) repeat-x 0 0 !important;
  background: url(/images/hotness-sprite.gif?v17) repeat-x 0 0;
  display: block;
  width: 55px;
  height: 16px;
  overflow: hidden;
}
.hotbar span {
  background: url(/images/hotness-sprite.png?v17) repeat-x 0 -16px !important;
  background: url(/images/hotness-sprite.gif?v17) repeat-x 0 -16px;
  display: block;
  height: 16px;
  float: left; 
}
.listblock .editpane {
	border-width: 2px;
	border-color: #85b8e0;
	margin-top: 5px;
	background: #e6e7ea url(/images/ratingbox-bg.gif?v17) repeat-x left center;
}
.scentry a {
	display: block;
	
	border: 1px solid #8c3;
	background: #dec url(/images/scentry-bg.gif) repeat-x bottom left;
	margin: 8px 0;
	padding: 8px 10px;
	text-decoration: none;
	color: #222;
	overflow: hidden;
	line-height: 1.2;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}
.scentry a:hover {
	border-color: #7b3;
	background: #cea url(/images/scentry-bg.gif) repeat-x top left;
	text-decoration: none;
}
.scentry a strong {
	color: #467;
	font: bold 108% Helvetica;
    display: block;
    text-decoration: underline;
}
.scentry a:hover strong {color: #478; text-decoration: none;}
.scentry a span {display: block; color: #452;}
.scentry a:hover span {display: block; color: #341;}

/* @end */
/* @group Sponsored Listing */
.sponsored {
	background: #fff8dd; 
	position: relative; 
	_zoom: 1;
}
.sponsored .attrib {
	position: absolute; 
	right: 0;
}
.sponsored a, 
.sponsored a:visited, 
.sponsored a:hover {
	background: none !important; 
	height: auto !important; 
	padding: 0 2px 3px; 
	margin-top: 18px;
}
.sponsored a.first, 
.sponsored a.first:visited, 
.sponsored a.first:hover {
	border: 0; 
	margin-top: 0;
}
.sponsored a strong, 
.sponsored a:visited strong {
	color: #15b; 
	font: bold 116%/138.5% Helvetica, Arial, Verdana, sans-serif; 
	text-decoration: underline;
}
.sponsored a:hover strong {
	color: #0f488c; 
	text-decoration: none;
}
.sponsored a span, 
.sponsored a:hover span {
	color: #33322c; 
	font: normal 108% Helvetica, Arial, Verdana, sans-serif;
	text-decoration: none;
}
.sponsored a .medthumb {
	margin: 0;
}
.sponsored a:hover .medthumb {
	border-color: #aaa;
}
/* @end */
/* @group Pagination */
.pagination {
	border: 1px solid #cbcdd3;
	background: #ebecef;
	color: #222;
	margin: 5px auto;
	padding: 6px 8px 7px;
}
#pagesort, #pagesize {float: right;margin-top: -.2em;}
#pagesort *, #pagesize * {vertical-align: middle;}
#pagesort label, #pagesize label {
	font-weight: bold;
	padding-right: .25em;
	font-size: 85%;
}
#pagesort select, #pagesize select {font-size: 85%; margin: 1px 0;}
.pagination p {
	text-align: left;
	font-size: 85%;
	margin: 0;
}
.pagination p a:link,
.pagination p a:visited,
.pagination p a:hover,
.pagination p a:active {text-decoration: none; padding: 2px 6px;}
.pagination p a:hover {
	color: #fff;
	text-decoration: none;
	background: #36c;
}
.pagination p span {
	text-decoration: none;
	padding: 2px 6px;
	color: #555;
}
.pagination p em {
	padding: 2px 6px;
	color: #fff;
	font-weight: bold;
	background: #5f666b;
}

/* @end */

/* @group Messaging */
/* @group Contextbar */
#contextbar, .cbar {
	background: #005ab5 url(/images/contextbar-bg.gif) repeat-x top left;
	border: 1px solid #3079c3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 8px;
	padding: 0 8px;
	height: 1%;
	clear: both;
	}
#contextbar p, .cbar p {
	background: url(/images/cbar-msg24.gif) no-repeat 0 7px;
	color: #f1f2f3;
	float: left;
	line-height: 1.4;
	margin: 0;
	padding: 8px 1.3em 10px 29px;
	text-align: left;
	text-shadow: #00458c 0 0 5px;
}
.cbar p span {
	color: #f1f2f3 !important;
	text-shadow: #00458c 0 0 5px;
}
#contextbar strong, .cbar strong {font-weight: bold;}
#contextbar p.confirm, .cbar p.confirm {
	background-image: url(/images/cbar-confirm24.gif);
}
#contextbar p.info, .cbar p.info {
	background-image: url(/images/cbar-info24.gif);
}
#contextbar p.pending, .cbar p.pending {
	background-image: url(/images/cbar-pending24.gif);
}
#contextbar p.rejected, .cbar p.rejected {
	background-image: url(/images/cbar-rejected24.gif);
}
#contextbar p.disabled, .cbar p.disabled {
	background-image: url(/images/cbar-disabled24.gif);
}
#contextbar p a, #contextbar p a:visited, .cbar p a, .cbar p a:visited {
    color: #f1f2f3;
    border-bottom: 1px solid #beddff;
    text-decoration: none;
}
#contextbar p a:hover, .cbar p a:hover {
	color: #fff;
	text-decoration: none;
	border-color: #f1f2f3;
}
/* internal links */
#contextbar #linkbar, .cbar .lbar {
    font-size: 85%;
	float: left;
	white-space: nowrap;
	background: url(/images/linkbar-lcap.gif) no-repeat top left;
	margin-top: .4em;
}
#contextbar #lbar-rcap, .cbar .lbar-rcap {
    background: url(/images/linkbar-rcap.gif) no-repeat top right;
	float: left;
	height: 35px;
    padding: 0 10px 0 8px;
}
#contextbar #linkbar a, .cbar .lbar a {
    font-weight: bold;
    margin: 0 6px;
    padding-right: 15px;
    background: url(/images/linkbar-go-icn.gif) no-repeat right top;
    line-height: 2.3;
}
#contextbar #linkbar a:hover, .cbar .lbar a:hover { 
	background-position: right -35px;
}
/* @end */
/* @group Messagebar */
.msgbar {
	background: #f8ea9a url(/images/msgbar-bg.gif) repeat-x top left;
	border: 1px solid #ec0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 8px;
	padding: 5px 8px;
}
.msgbar a {color: #15b;}
.msgbar span #fb_login_image {
	vertical-align: middle;
	padding-bottom: 6px;
}
ul.messages {
	color: #2e2a00;
	list-style: none;
	background: url(/images/msg-info24.gif) no-repeat 0 2px;
	position: relative;
	padding: 4px 4px 4px 29px;
}
ul.messages.ok {
	background: url(/images/cbar-confirm24.gif) no-repeat 0 2px;
}
#confirm-submit .messages {padding-right: 26em;}
#confirm-changetype .messages {padding-right: 21em;}
#confirm-delist .messages {padding-right: 25em;}
#confirm-widget .messages,
#confirm-save .messages,
#confirm-delete .messages {padding-right: 20em;}
ul.messages li {
	font-weight: bold;
	margin: 0;
	line-height: 1.4;
	text-shadow: #fffff2 1px 1px;
}
ul.messages li.detail, ul.messages li span {font-weight: normal !important;}
ul.messages em {color: #000;}
abbr {
    color: #111;
    border-bottom: 1px dashed #333;
    cursor: help;
}
/* @end */
/* @group Errors */
ol.errors {
	color: #b72222;
	list-style: none;
	background: url(/images/msg-error24.gif) no-repeat 0 2px;
	position: relative;
	padding: 4px 4px 4px 29px;
}
ol.errors li {list-style: none; margin-left: 0;}
ol.errors li.errorHeader {
	font-weight: bold;
	margin: 0;
	line-height: 1.4;
	list-style: none;
	color: #b72222;
	text-shadow: #fffff2 1px 1px;
}
.errorHeader h4 {
	color: #b72222;
	list-style: decimal;
	background: url(/images/msg-stop24.gif) no-repeat 0 2px !important;
	background: url(/images/msg-stop24.gif) no-repeat 0 4px;
	position: relative;
	padding: 4px 4px 4px 29px;
	text-shadow: #fffff2 1px 1px;
}
.errorHeader h4 span {
	color: #333 !important;
    font-weight: normal !important;
    display: block;
}
.errorHeader p {margin-left: 8px;}
.errorHeader ol {font-weight: normal;}
.error {color: #b72222 !important;}
.error a {text-decoration: underline;}
.field-error {
	background: transparent url(/images/error-arrow.gif) no-repeat center left;
	padding-left: 8px;
}
.field-error div {
    color: #b72222;
    border: 1px solid #e8c764;
    padding: .5em .8em;
    background-color: #f9f9d8;
}
.suggest {color: #c60 !important;}
input[type="text"].error, input[type="password"].error, textarea.error {
	border: 2px solid #b72222 !important;
	color: #b72222 !important;
}
/* @end */
.success {color: #390;font-weight: bold;}
.emptypage {
 	background: #ffd;
	border: 1px solid #ec6;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	padding: 15px 20px;
	*zoom: 1;
}
.base .emptypage {
	background: #fff;
	border: 0;
}
.emptypage h3 {
	font: bold 108%/160% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
.emptypage p {
	font-size: 92%;
	line-height: 1.3;
	margin-bottom: 1em;
}
.helpbar {
	background: #fcf5bd;
	border-top: 1px solid #ada882;
	border-bottom: 1px solid #ada882;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 85%;
	padding: 2px 18px;
	text-align: left;
}
.helpbar p {
	background: url(/images/information.gif) no-repeat left center; 
	margin-top: 3px;
	padding: 3px 0 3px 20px;
}
.helpbar p a {
	color: #15b;
	text-decoration: underline;
}
.helpbar p a:hover {
	color: #27d;
	text-decoration: none;
}
#closelink {float: right; margin-top: 8px;}
#closelink a {
	color: #d60;
	text-decoration: underline;
	background: url(/images/closelink-bg.gif) no-repeat left center;
	padding: 1px 4px 2px 14px;
}
#closelink a:hover {
	color: #ffd;
	text-decoration: none;
	background-color: #d60;
	padding: 1px 4px 2px 14px;
}
#tipbox {
    position: absolute;
    border: 1px solid #ec6;
    padding: 3px;
    background: #ffd;
    font-size: 85%;
    text-align: left;
    z-index: 1000;
}
#tipbox-underlay {
    position: absolute;
    background: #000;
    z-index: 999;
}
#tipbox .editpane {
	width: 350px;
	margin: 7px 0 0 4px;
	background: none;
	border: none;
}
#tipbox .sbtn {
	 padding-top: .6em;
	 margin-left: 0;
}
#tipbox .linkaction {
	color: #36c;
	text-decoration: underline !important;
}
#tipbox a.linkaction:hover {
	color: #27d;
	text-decoration: none !important;
	background: none;
}
#tooltip {
    position: absolute;
    border: 1px solid #ec6;
    background: #ffd;
    padding: .4em .8em .6em;
    width: 250px;
    font-size: 85%;
    text-align: left;
}
#tooltip.wide {width: 360px;}
#tooltip p {margin-bottom: .4em;}
#context-tool-div {
	position: absolute;
	border: 1px solid #ec6;
	background: #ffd;
	padding: .4em .6em .2em;
}
#context-tool-div td {
	font-size: 85%;
	padding: .25em .3em;
	font-weight: bold;
}
#context-tool-div input {
	font-size: 93% !important;
	font-size: 98%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight: normal;
}
#context-tool-div td label, #context-tool-div td span, #context-tool-div td a {font-weight: normal;}
#context-tool-div img {margin: 0; padding: 0;}
.pro-hint {
    font-size: 85%; 
    margin-top: 20px;  
    _margin-top: 28px;
    position: relative;
}   
#installs .pro-hint {
	margin-top: 12px;
	_margin-top: 20px;
}  
.pro-hint span {
    background: #fcf5bd;   
	-moz-border-radius: .35em;
	-webkit-border-radius: .35em;
	border-radius: .35em;
	color: #424242;
    padding: 4px 8px 4px 7px;
}
tr.pro-hint {font-size:100%}
.listing .pro-hint td {
    background: #fcf5bd;
	color: #424242;
    padding: 4px 8px 4px 7px !important;
	text-align: left;
} 
.pro-hint a {color: #15b;}   
.pro-hint .arrow { 
    border-bottom: 9px solid #fcf5bd;
    border-left: 9px solid #fff;
    border-right: 12px solid #fff;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
    height: 0;
    left: 18px;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: -12px;
    _top: -24px;
    width: 0;
}
*+html .pro-hint .arrow {
	top: -9px;
}
#installs .pro-hint .arrow {
	left: 120px;
	_left: 50px;
	top: -11px;
	_top: -23px;
}
*+html #installs .pro-hint .arrow {
	top: -8px;
}
#preview-canvas .pro-hint .arrow {
	left: 49%;
	_left: 5em;
	border-left-color: #e0e0e0;
	border-right-color: #e0e0e0;
}
/* @group Reminders */
.reminder {
	border-top: 1px solid #85b8e0;
	border-bottom: 1px solid #85b8e0;
	background-color: #EBF3FA;
	padding: .5em .8em;
	margin-bottom: 1em;
}
.reminder img.icon, .msgext img.icon {vertical-align: text-bottom; margin-right: 6px;}
.reminder p, .msgext p {margin-bottom: 1px;}
.reminder p.details {margin-left: 20px;}
#reminder-nag {
	border: 1px solid #4583c3;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: -15px;
	line-height: 1.4;
	font-size: 93%;
	padding: 15px 14px 12px;
}
.msgext {
	border-top: 1px solid #52204a;
	border-bottom: 1px solid #52204a;
	background-color: #d7cdd5;
	padding: .5em .8em;
	margin-bottom: .6em;
}
.moreopts {
	border-top: 1px solid #c7c9cb;
	border-bottom: 1px solid #c7c9cb;
	background-color: #f1f1f3;
	padding: .5em .8em;
	margin: 1em 0;
}
/* @end */
/* @end */

/* @group Forms */
/* @group Formset Base */
#bd.formset-pg {
	background-color: #e6edf5;
}
.full .formset {
	width: 522px;
	_width: 440px;
}
.formset {
	border: 0; 
	margin: 0; 
}
.formset legend {
	color: #62686f;
	font-weight: normal;
	margin: 0;
	padding-bottom: .35em;
}
.formset ul {
	border: 1px solid #bbc7cf; 
	background: #f6f6f6; 
	padding: 20px 20px 8px;	
	margin: 0 0 1.2em;
}
.formset ul ul, .blidget-edit .formset ul ul {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}
.formset li {
	margin: 0;
	margin-bottom: .8em !important;
}
.formset li.groupend {
	margin-bottom: 1.4em !important;
}
.formset li.more, .formset li.leadin {
	margin-bottom: 0 !important;
}
.formset label {
	color: #2d2f32;
	font-weight: bold;
	float: left; 
	margin-top: .35em;
	margin-right: .6em;
	text-align: right;
	width: 12em;
}
.formset .stack, 
.blidget-edit .formset .stack {
	margin-left: 2.3em;
}
.formset .stack label, 
.blidget-edit .formset .stack label {
	display: block;
	float: none;
	margin-bottom: .25em;
	text-align: left;
	width: auto;
}
.formset h3 {
	font: bold 123.1% Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	line-height: 1.2;
}
.formset .read-only label,
.formset label.read-only {
	margin-top: 0;
}
.formset label.strut {
	visibility: hidden;
}
.formset .stack label.strut {
	display: none;
}
.formset label.optional {
	font-weight: normal;
}
.formset label.sublabel {
	font-weight: normal;
	width: auto !important;
}
.formset label.nextlabel {
	color: #222;
	font-weight: normal;
	float: none;
	width: auto !important;
	margin-right: 2px;
}
.formset label.secondary {
	float: none !important;
	font-size: 86%;
	margin-left: 14.7em; 
	position: relative;
}
.formset input.secondary {
	font-size: 86%;
	margin-top: .3em;
	float: none !important;
	float: left;
	position: relative;
}
.formset label.nudger {
	padding-top: 0 !important;
	padding-top: 1.3em;
}
*+html .formset label.nudger {
	padding-top: 1.3em !important;
}
.formset label.biglabel {
	font: bold 108%/130% Helvetica, Arial, Verdana, sans-serif;
	text-transform: uppercase;
	width: auto !important;
	margin-top: .34em;
}
.formset span {
	color: #555; 
	font-size: 93%;
}
.formset input, 
.formset textarea {
	color: #111;
	padding: 1px; 
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
.formset input {
	vertical-align: middle;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.formset input {
		vertical-align: inherit;
	}
}
.formset input.subopt {
	margin-left: 0 !important;
}
.formset p {
    color: #424549;
    font-size: 85% !important;
    line-height: 1.5;
    margin: .35em 0 1.2em 14.9em;
}
.formset p.leadin {
	margin-bottom: .3em;
}
.formset .fullpg p {
	width: 45em;	
}
.formset em {
	color: #a73d54;
	font-size: 85%;
	padding-left: .3em;
}
.formset .subopts { 
	border: 0;
	float: left;
	margin-top: .3em;
	margin-bottom: 0 !important;
}
.formset .subopts li {
	margin-bottom: .5em !important;
}
.formset .subopts input {
	margin-right: .18em !important;
	margin-right: 0;
	vertical-align: middle;
}
*+html .formset .subopts input {
	margin-right: 0 !important;
}
.formset .subopts label {
	font-weight: normal !important; 
	float: none; 
	margin-right: 1em;
	padding-bottom: .3em;
	width: auto;
	vertical-align: middle; 
}
.formset .stack .subopts label {
	display: inline;
	vertical-align: bottom;
}
.formset .subopts p {
	margin-left: 1.8em !important;
	margin-left: 2.2em; 
}
*+html .formset .subopts p {
	margin-left: 2.2em !important;
}
.formset li.divider {
	border-top: 1px solid #b4becf;
	padding-top: .7em;
}
.formset .btnset {
	border-top: 1px solid #b4becf;
	margin-bottom: 0 !important;
	padding-top: 0;
	_padding-top: 1.3em;
	zoom: 1;
}
.formset .btnset .action-setm {
	margin: 1em 0 1.3em 12.4em !important;
	margin: 0 0 .8em 12.4em;
}
.formset .btnset .action-set {
	margin: 1.2em 0 .8em 12.4em !important;
	margin: 0 0 .5em 12.4em;
}
/* @end */
label.disabled {color: #5d5f52 !important;}
label[title] {cursor: help;}
.formblock fieldset {
	margin: .5em 0;
	padding: 0;
	border: none;
}
fieldset.preview {
	border: 1px solid #939b9a;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	background-color: #fff;
	margin: 2em 0 .8em;
	padding: .9em 1em .3em;
	position: relative;
}
.formblock legend, fieldset.preview legend {
	color: #62686f;
	font-weight: normal;
	margin: 0;
}
fieldset.preview legend {
	position: absolute;
	top: -1.6em;
	left: 0;
}
.formblock table {
	background: #f6f6f6;
	border: 1px solid #bbc7cf;
	padding: 8px;
	width: 100%;
}
.base .formblock table {
	border-color: #f6f6f6;
}
.base .formblock fieldset {
	background: #f6f6f6;
	border: 1px solid #939b9a;
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
	padding: 6px 24px 8px 5px;
}
.formblock table td {
	background-color: #f6f6f6;
	padding: .5em 0 .5em .6em;
	vertical-align: top;
}
.formblock table td img {vertical-align: middle;}
.formblock table .subopts td {padding-bottom: .2em !important; padding-top: 0;}
.formblock table .subopts2 td {padding-bottom: 0 !important; padding-top: 0;}
.formblock table .subopts p {padding-left: 1.6em; width: 33em;}
.formblock table td input, .formblock table td select {vertical-align: middle;margin-right: .25em;}
.formblock .divider {padding: 0;}
.formblock option {padding-right: .3em;}
.formblock td table {
	width: auto;
	margin: .25em .5em;
	border: none;
}
.formblock td table td {background-color: transparent; padding: .25em 0;}
.formblock .labelstrut {width: 9em;}
.formblock .labelstrut2 {width: 12em;}
.formblock label {vertical-align: middle; line-height: 1.4;}
.formblock label span {font-weight: normal; font-size: 85%;}
.formblock .subopts label {margin-right: .9em;}
.formblock .subopts input {vertical-align: middle; margin-right: .35em;}
label.required {font-weight: bold;}
.formblock input[type="text"], .formblock input[type="password"], .formblock textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.formblock textarea {
	overflow: auto;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-size: 100%;
}
/* style form elements on focus */
.formblock input[type="text"]:focus, .formblock input[type="password"]:focus, .formblock textarea:focus {background: #ebf3fa;}
.formblock p {
	color: #555;
	font-size: 93%;
	line-height: 1.4;
	margin: 3px 2px;
	width: 30em;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
.formblock p.long, .editpane p.long {margin-top: 0; width: auto !important;}
.formblock span.readonly {line-height: 1.5;}
.formblock em {
	font-weight: bold;
	font-size: 85%;
	color: #666;
}
.formblock hr {background: #bbb; color: #bbb;}
.formblock td.sectionhead {padding-top: .8em; color: #385266;}
.installblock .formblock td.sectionhead {padding-top: .3em; color: #333;}
.formblock td.sectionhead span {margin-left: .5em; font-size: 85%;}
.formblock td.sectionbreak {padding: 0;}
.formblock td.sectionbreak hr {display: none;}
.formblock td.sectionbreak h4, .bighelp {
	margin-top: .6em;
	border-top: 1px solid #c7c9cb;
	font-size: 100%;
	padding: .5em .45em;
	background: transparent url(/images/sectionbreak-bg.gif) repeat-x;
}
.bighelp {padding-left: 1em;}
a.linkaction, a.linkaction:link {
	text-decoration: underline;
	font-weight: normal;
	padding: 2px 4px;
}
a.linkaction2, a.linkaction2:link {
	text-decoration: underline;
	font-weight: normal;
}
a.subaction, a.subaction:link, a.cancel:link {
	margin-left: .5em;
	font-size: 93%;
	text-decoration: underline;
	font-weight: normal;
	padding: 2px 4px;
}
a.linkaction:visited, a.linkaction2:visited, a.subaction:visited {color: #36c;}
a.linkaction:hover, a.linkaction2:hover, a.subaction:hover {
	color: #fff;
	background-color: #36c !important;
	text-decoration: none;
}
#preview-div {
	overflow: visible;
	display: block;
	border: 1px solid #ccc;
}
.cntx-help {margin-left: .5em;}
.cntx-help img {vertical-align: middle;}
.formblock .thumb {display: block; padding-bottom: .5em;}
.formblock .shorten {width: 25em;}
.formblock dl {width: 30em;}
.formblock dt {font-weight: bold; padding: 0 .8em;}
.formblock dd {
	color: #555;
	padding: 0 .8em .6em;
	margin-bottom: .5em;
	border-bottom: 1px solid #bbb;
}
.formblock dd.last {border-bottom: none; margin-bottom: 0;}
.formpane {
    background: #ebeced;
    border-top: 1px solid #c7c9cb;
    padding: 10px 18px;
}
.infocol .formpane {border-top: none;}
.formpane .leadin p {margin-bottom: .3em !important;text-align: center;}
.formpane .help p {font-size: 85%;}
.formpane .subaction, .messages .subaction {margin-left: 0;}
.formpane fieldset {
    padding: .8em 1.4em;
    margin: .8em .2em;
    border: 1px solid #c7c9cb;
    border-left: none;
    border-right: none;
}
.infocol .formpane fieldset {padding: .8em .4em; margin: .8em 0;}
.formpane ul.action-set {margin: .2em 1.35em;}
.formpane ul, .formpane li {list-style: none;margin: 0;}
.formpane li {margin-bottom: .4em;}
.formpane li label {padding-right: .5em; display: block;}
.formpane input[type="text"], .formpane input[type="password"], .formpane textarea {
	border-top: 1px solid #afafaf;
	border-left: 1px solid #a8a8a8;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #a8a8a8;
	padding: 2px 1px;
}
.formpane input[type="text"]:focus, .formpane input[type="password"]:focus, .formpane textarea:focus {border: 1px solid #38c; }
.formpane li.subset {margin-left: 1.6em;}
.formpane label.secondary {
    font-weight: normal;
    margin-bottom: .15em;
    color: #555;
}
.formpane label.sublabel {
    font-weight: normal;
    display: inline;
    color: #555;
}
#sizelabel {float: left;}
#sizegroup label {margin-right: .7em; vertical-align: middle;}
#sizegroup input {vertical-align: middle;}

/* Editors */
.editor {margin-right: 23px; text-align: left;}
.editor h4 {
    font: bold 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
    color: #fff;
	background-color: #80868b;
	border: 1px solid #72797e;
	padding: 3px 6px;
}
.editorblock {
    border: 1px solid #abb6bd;
    border-top: 1px solid #d4d7d8;
    padding: 7px 9px 9px;
}
.editpane {
    border: 1px solid #abb6bd;
    border-top: 1px solid #c7c9cb;
    padding: 7px 9px 9px;
    background: #ebeced;
    font-size: 85%;
}
.editpanecustom {
    border: 1px solid #abb6bd;
    border-top: 1px solid #c7c9cb;
}
.editpane ul, .editpane li {list-style: none; margin: 0;}
.editpane li {margin-bottom: .6em;}
.editpane li.last, .editpane li.last p {margin-bottom: 0.2em;}
.editpane li li {margin-bottom: .4em;}
.editpane li.divider {
	border-top: 1px solid #abb6bd;
	margin: 0 0 .8em;
	line-height: 0.1;
}
.editpane li.divider hr {display: none;}
.editpane li.subset {margin-left: 0; margin-top: .6em;}
.editpane li.subset input {border: none; padding: 0;}
.editpane li.subset label {display: inline; margin-left: 2px;}
.editpane li.subset p {margin-left: 1.6em;}
.editpane label {
	color: #222;
	display: block;
	font-weight: bold;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
.editpane label.secondary {
    font-weight: normal;
    margin-bottom: .15em;
    color: #444;
}
.editpane label.sublabel {
    font-weight: normal;
    display: inline;
    color: #444;
}
.editpane label.endlabel {
    font-weight: normal;
    display: inline;
    color: #222;
}
.editpane label.trail {
    font-weight: bold;
    display: inline;
    color: #222;
    margin-left: .3em;
}
.editpane label span {font-weight: normal; color: #555;}
.editpane p {
	color: #444;
	font-size: 93%;
	overflow: hidden;
}
.editpane input[type="radio"] {vertical-align: text-top;}
.editpane .sectionhead {
	border-bottom: 1px solid #abb6bd;
	margin: 1.3em 0 .6em;
}
.editpane .first {margin-top: 0;}
.editpane .sectionhead h4 {font-size: 108%; font-weight: bold;}
.editpane .sectionhead h5 {font-size: 108%;}
.editpane .sectionhead h5 span {font-size: 85%; font-weight: normal;}
.editpane .settings li {margin-bottom: .75em;}
.editpane .settings label {
	float: left;
	text-align: right;
	display: inline;
	margin-right: .4em;
	line-height: 1.4;
	width: 10em;
}
.editpane .settings input, .editpane .settings select, .editpane .settings textarea {
	font-size: 93% !important;
	font-size: 98%;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
.editpane .settings p {
	clear: left;
	color: #555;
	margin-top: 2px;
	margin-left: 10.5em !important;
	margin-left: 10.8em;
	width: 22em;
}
.editpane .settings .note {margin-bottom: .8em; color: #222;}
.editpane .settings .note p {margin-left: 2px !important; width: auto;}
.editpane .sbtn {margin-left: 5em;}
.editpane .settings .sbtn {
	margin-left: 10.5em !important;
	margin-left: 10.8em;
}
.editpane .settings p a {border-bottom: 1px dotted;}
.editpane .settings p a:hover {border-bottom: 1px solid; text-decoration: none;}
.editpane .settings li.subset {margin-left: 10.4em; padding-bottom: .5em;}
.editpane .settings li.subset label {
	float: none;
	padding-left: .25em !important;
	padding-left: 0;
}
.editpane .settings li.subset p {
	margin-left: 1.7em !important;
	margin-left: 2.3em;
	margin-bottom: 0;
	width: 19.7em;
}
.editpane .settings label.sublabel {float: none;}
.editpane .settings img {vertical-align: top; margin-left: 2px;}
.editpane img.icon-context, .editpane img#more-info-image {position: relative; top: -2px;}
.editpane img.icon-color {margin-top: 1px;}
.scrollbox {
	width: 325px;
	height: 130px;
	overflow: auto;
	border: 1px solid #cdd;
	background-color: #fff;
}
.itembox {
	border: 2px solid #fff;
	float: left;
	width: 79px;
	height: 79px;
	top: 0;
	left: 0;
	margin: 3px 6px;
	display: block;
	overflow: hidden;
}
.itembox .thumbnail, #selected-theme .thumbnail {
	background-position: center;
	background-repeat: no-repeat;
	border: 2px solid #fff;
	width: 75px;
	height: 75px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	/*position: relative;*/
}
.itembox:hover {border: 2px solid #ec6; }
.itembox:hover .thumbnail {border-color: #ffd;}
.itembox.selected,
.itembox:focus.selected,
.itembox.selected .thumbnail {border-color: #27d; }
.scrollbox p.empty {
	text-align: center;
	vertical-align: middle;
	color: #555;
	background: #efefef;
	margin: 24px 8px;
	padding: 10px 5px;
	width: 23em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.scrollurl {margin-top:.4em;}
#themechooserblidget.scrollbox {
	border-bottom: 1px solid #b4becf;
	width: auto;
	height: auto;
	padding-bottom: 5px;
	padding-left: 5px;
	overflow: hidden;
	zoom: 1;
}
#themechoosermixit.scrollbox {
	width: 270px;
	height: 85px;
	overflow: hidden;
	border: 1px solid #cdd;
}
.theme-scrollbox .itembox,
#themechooserblidget.scrollbox .itembox,
#themechoosermixit.scrollbox .itembox,
#themechoosergallery.scrollbox .itembox {
	width: 31px;
	height: 31px;
	top: 0;
	left: 0;
	margin: 3px 4px;
}
#themechoosergallery.scrollbox .itembox {
	margin-left: 3px;
}
.theme-scrollbox .itembox .thumbnail,
#themechooserblidget.scrollbox .itembox .thumbnail,
#themechoosermixit.scrollbox .itembox .thumbnail, #themechoosergallery.scrollbox .itembox .thumbnail {
	border: 2px solid #fff;
	width: 27px;
	height: 27px;
	margin: 0 auto;
	/*position: relative;*/
}
.theme-scrollbox .itembox:hover,
#themechooserblidget.scrollbox .itembox:hover,
#themechoosermixit.scrollbox .itembox:hover,
#themechoosergallery.scrollbox .itembox:hover {border: 2px solid #ec6;}
.theme-scrollbox .itembox:hover .thumbnail,
#themechooserblidget.scrollbox .itembox:hover .thumbnail,
#themechoosermixit.scrollbox .itembox:hover .thumbnail {border-color: #ffd;}
.scrollbox .itembox.selected .thumbnail,
.theme-scrollbox .itembox.selected,
.theme-scrollbox .itembox:active,
#themechooserblidget.scrollbox .itembox.selected,
#themechoosermixit.scrollbox .itembox.selected,
#themechoosergallery.scrollbox .itembox.selected {border-color: #27d;}
.editpane #themechooserblidget.scrollbox {width: 185px; height: 165px; float: left;}
.editpane #themechoosermixit.scrollbox {width: 190px; height: 126px; float: left;}
.editpane #themechoosergallery.scrollbox {
	border: 1px solid #cdd;
	float: left;
	margin-top: 3px;
	width: 175px;
	height: 43px;
	overflow: hidden;
}
.editpane .butcons a {float: left;}
.editpane .butcons {
	float: none !important;
	float: left;
}
*+html .editpane .butcons {display: inline;}
/* @end */

/* @group Buttons */
.sbtn a, .sbtn a:visited, .sbtn a:hover, .sbtn a:active {
    float: left;
	display: block;
	color: #fff;
    height: 17px;
    line-height: 15px;
    padding: 0 11px;
    text-decoration: none !important;
}
.sbtn a span, .sbtn a:visited span, .sbtn a:hover span, .sbtn a:active span {
    float: left;
    display: block;
    height: 17px;
    padding-right: 2.1em;
    white-space: nowrap;
}
.sbtn a:hover, .sbtn a:focus {color: #fff; background-position: 0 -17px; }
.sbtn a:hover span, .sbtn a:focus span {color: #fff; background-position: 100% -17px;}
.dimbtn {
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}
.sbtn.dimbtn a:hover, .sbtn a:focus {color: #fff; background-position: 0 0 !important; }
.sbtn.dimbtn a:hover span, .sbtn a:focus span {
	color: #fff;
	background-position: 100% 0 !important;
	cursor: help;
}
.sbtn a.getwidget, .sbtn a.getwidget:visited {
    background: url(/images/getwidget-sbtn-lcap.gif) no-repeat left top;
}
.sbtn a.getwidget span {
    background: url(/images/getwidget-sbtn-rcap.gif) no-repeat right top;
}
.sbtn a.getwidget:hover, .sbtn a.getwidget:focus {color: #fff; background-position: 0 -17px; }
.sbtn a.getwidget:hover span, .sbtn a.getwidget:focus span {color: #fff; background-position: 100% -17px;}
.sbtn a.addto, .sbtn a.addto:visited {
    background: url(/images/addto-sbtn-lcap.gif) no-repeat left top;
}
.sbtn a.addto span {
	background: url(/images/addto-sbtn-rcap.gif) no-repeat right top;
}
.sbtn a.addto:hover, .sbtn a.addto:focus {color: #fff; background-position: 0 -17px; }
.sbtn a.addto:hover span, .sbtn a.addto:focus span {color: #fff; background-position: 100% -17px;}
.sbtn a.choose, .sbtn a.choose:visited {
    background: url(/images/choose-sbtn-lcap.gif) no-repeat left top;
}
.sbtn a.choose span {
    background: url(/images/choose-sbtn-rcap.gif) no-repeat right top;
    color: #fff;
    font-size: 85%;
}
.sbtn a.choose:hover, .sbtn a.learnhow:focus {color: #fff; background-position: 0 -17px; }
.sbtn a.choose:hover span, .sbtn a.choose:focus span {color: #fff; background-position: 100% -17px;}
.action-set, .action-set li, .action-setm, .action-setm li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-right: 1px;
}
.action-set li, .action-setm li {
	float: right;
  	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 26px;
	margin-left: 8px;
	overflow: hidden;
}
.action-set li.creator {float: none; margin-left: 152px;}
ul.messages .action-set {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0 !important;
	right: 32px;
}
ul.messages .action-set li {
	float: left !important;
	background: none;
	padding: 0;
	margin-left: 8px !important;
}
.action-set li a, .action-set li span {height: 26px; display: block;}
.action-set li a:hover, .action-set li a:focus {
	background-repeat: no-repeat;
	background-position: 0 -26px;
	background-color: transparent;
	
}
.action-setm li {
	height: 22px;
	margin-left: 0;
	margin-right: 10px;
	float: left;
}
.action-setm li a, .action-setm li span {height: 22px; display: block;}
.action-setm li a:hover, .action-setm li a:focus {
	background-repeat: no-repeat;
	background-position: 0 -22px;
	background-color: transparent;
	
}
.action-setm #msgline {
	color: #efefef;
	text-indent: 0;
	margin-right: 20px;
	margin-top: 1px;
}
.mbar-action {
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 22px;
	overflow: hidden;
	margin: 4px 18px 0;
}
.mbar-action a {
	height: 22px;
	display: block;
	float: left;
	margin-right: 6px;
}
.mbar-action a:hover, .mbar-action a:focus {
	background-repeat: no-repeat;
	background-position: 0 -22px;
	background-color: transparent;
	
}

/* @group Gallery Buttons */
.getstarted-btn, .getstarted-btn a, .getstarted-btn a:hover, .getstarted-btn a:focus {
	background-image: url(/images/getstarted-mbtn.gif);
	width: 106px;
}
.continue-btn, .continue-btn a, .continue-btn a:hover, .continue-btn a:focus {
	background-image: url(/images/continue-mbtn.gif);
	width: 91px;
}
.goback-lgbtn, .goback-lgbtn a, .goback-lgbtn a:hover, .goback-lgbtn a:focus {
	background-image: url(/images/goback-lgbtn.png);
	width: 96px;
	_behavior: url(/css/iepngfix.htc);
}
.help-lgbtn, .help-lgbtn a, .help-lgbtn a:hover, .help-lgbtn a:focus {
	background-image: url(/images/help-lgbtn2.png);
	width: 74px;
	_behavior: url(/css/iepngfix.htc);
}
.saveexit-lgbtn, .saveexit-lgbtn a, .saveexit-lgbtn a:hover, .saveexit-lgbtn a:focus {
	background-image: url(/images/saveexit-lgbtn.gif);
	width: 114px;
}
.getwidget-lgbtn, .getwidget-lgbtn a, .getwidget-lgbtn a:hover, .getwidget-lgbtn a:focus {
	background-image: url(/images/getwidget-lgbtn.gif);
	width: 117px;
}
.getdev-lgbtn, .getdev-lgbtn a, .getdev-lgbtn a:hover, .getdev-lgbtn a:focus {
	background-image: url(/images/getdev-lgbtn.gif);
	width: 117px;
}
.editdev-lgbtn, .editdev-lgbtn a, .editdev-lgbtn a:hover, .editdev-lgbtn a:focus {
	background-image: url(/images/editdev-lgbtn.gif);
	width: 120px;
}
.editsub-lgbtn, .editsub-lgbtn a, .editsub-lgbtn a:hover, .editsub-lgbtn a:focus {
	background-image: url(/images/editsub-lgbtn.gif);
	width: 143px;
}
.placewidget-lgbtn, .placewidget-lgbtn a, .placewidget-lgbtn a:hover, .placewidget-lgbtn a:focus {
	background-image: url(/images/placewidget2-lgbtn.gif);
	width: 135px;
}
.regwdgt-lgbtn, .regwdgt-lgbtn a, .regwdgt-lgbtn a:hover, .regwdgt-lgbtn a:focus, .newwdgt-lgbtn, .newwdgt-lgbtn a, .newwdgt-lgbtn a:hover, .newwdgt-lgbtn a:focus {
	background-image: url(/images/newwdgt-lgbtn.png);
	width: 173px;
}
.moreopts-lgbtn, .moreopts-lgbtn a, .moreopts-lgbtn a:hover, .moreopts-lgbtn a:focus {
	background-image: url(/images/moreopts-lgbtn.png);
	width: 133px;
	_behavior: url(/css/iepngfix.htc);
}
.makeown-lgbtn, .makeown-lgbtn a, .makeown-lgbtn a:hover, .makeown-lgbtn a:focus {
	background-image: url(/images/makeown-lgbtn.png);
	width: 147px;
	_behavior: url(/css/iepngfix.htc);
}
.savewidget-lgbtn, .savewidget-lgbtn a, .savewidget-lgbtn a:hover, .savewidget-lgbtn a:focus {
	background-image: url(/images/savewidget-lgbtn.gif);
	width: 125px;
}
.savewidget-lgbtn span {
	background-image: url(/images/savewidget-lgbtn.gif);
	background-position: 0 -52px !important;
}
.savebldgt-lgbtn, .savebldgt-lgbtn a, .savebldgt-lgbtn a:hover, .savebldgt-lgbtn a:focus {
	background-image: url(/images/savebldgt-lgbtn.gif);
	width: 125px;
}
.savebldgt-lgbtn span {
	background-image: url(/images/savebldgt-lgbtn.gif);
	background-position: 0 -52px !important;
}
.savereport-lgbtn, .savereport-lgbtn a, .savereport-lgbtn a:hover, .savereport-lgbtn a:focus {
	background-image: url(/images/savereport-lgbtn.gif);
	width: 122px;
}
.savereport-lgbtn span {
	background-image: url(/images/savereport-lgbtn.gif);
	background-position: 0 -52px !important;
}
#ok-lgbtn, #ok-lgbtn a, #ok-lgbtn a:hover, #ok-lgbtn a:focus {
    background-image: url(/images/ok-lgbtn.gif);
	width: 47px;
	float: left;
}
.continue-lgbtn, .continue-lgbtn a, .continue-lgbtn a:hover, .continue-lgbtn a:focus {
	background-image: url(/images/continue-lgbtn.gif);
	width: 101px;
}
.search-lgbtn, .search-lgbtn a, .search-lgbtn a:hover, .search-lgbtn a:focus {
	background-image: url(/images/search-lgbtn.gif);
	width: 89px;
	float: left !important;
}
.continue-lgbtn span {
	background-image: url(/images/continue-lgbtn.gif);
	background-position: 0 -52px !important;
}
.mywidgets-lgbtn, .mywidgets-lgbtn a, .mywidgets-lgbtn a:hover, .mywidgets-lgbtn a:focus {
	background-image: url(/images/mywidgets-lgbtn.gif);
	width: 159px;
}
.partnerinstall-lgbtn a, .partnerinstall-lgbtn a:hover, .partnerinstall-lgbtn a:focus {
    line-height: 24px;
    background: url(/images/partnerinstall-lgbtn-lcap.gif) no-repeat left top;
    text-decoration: none !important;
	width: auto !important;
	width: 1%;
	text-indent: 0 !important;
    padding-left: 15px;
}
.partnerinstall-lgbtn a strong {
    display: block;
	color: #fff;
	text-shadow: 1px 1px #325500;
    height: 26px;
    width: auto;
    line-height: 24px;
    padding-right: 2.1em;
    white-space: nowrap;
    background: url(/images/partnerinstall-lgbtn-rcap.gif) no-repeat right top;
}
.partnerinstall-lgbtn a:hover strong,
.partnerinstall-lgbtn a:focus strong {color: #fff; background-position: 100% -26px;}
.butcons {
  	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}
.butcons a {
	height: 27px;
	display: block;
	margin-right: -1px;
	float: left;
}
.butcons a:hover, .butcons a:focus {
	background-repeat: no-repeat;
	background-position: 0 -27px;
	background-color: transparent;
	
}
#ad-top-left, #ad-top-left a, #ad-top-left a:hover, #ad-top-left a:focus {
	background-image: url(/images/ad-top-left-btn.gif);
	width: 27px;
}
#ad-top-right, #ad-top-right a, #ad-top-right a:hover, #ad-top-right a:focus {
	background-image: url(/images/ad-top-right-btn.gif);
	width: 27px;
}
#ad-bottom-left, #ad-bottom-left a, #ad-bottom-left a:hover, #ad-bottom-left a:focus {
	background-image: url(/images/ad-bottom-left-btn.gif);
	width: 27px;
}
#ad-bottom-right, #ad-bottom-right a, #ad-bottom-right a:hover, #ad-bottom-right a:focus {
	background-image: url(/images/ad-bottom-right-btn.gif);
	width: 27px;
}
#blidget-layout-tall, #blidget-layout-tall a, #blidget-layout-tall a:hover, #blidget-layout-tall a:focus {
	background-image: url(/images/blidget-tall-btn.gif?v35);
	width: 27px;
}
#blidget-layout-wide, #blidget-layout-wide a, #blidget-layout-wide a:hover, #blidget-layout-wide a:focus {
	background-image: url(/images/blidget-wide-btn.gif?v35);
	width: 27px;
}
#blidget-layout-custom, #blidget-layout-custom a, #blidget-layout-custom a:hover, #blidget-layout-custom a:focus {
    background-image: url(/images/blidget-custom-btn.gif?v35);
    width: 27px;
}
.butcons a:active,
.butcons a.active,
.butcons a:hover.active,
.butcons a:active.active {
	background-repeat: no-repeat;
	background-position: 0 -54px;
	background-color: transparent;
	
}
.sbtns {
    float: right;
}
.sbtns a:link, .sbtns a:visited {
	color: #fff;
	line-height: 160% !important;
	font: bold 77%/138% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	display: block;
	height: 17px;
}
.sbtns a.hide {
    color: #f1f1f3;
    text-indent: 19px;
    margin-top: 2px;
    margin-right: 4px;
    width: 57px;
    background: url(/images/hide-sbtn.gif) no-repeat top left;
}
.sbtns a:hover {
	background-position: bottom left;
	text-decoration: none;
    color: #fff;
}
/* @group Modeset */
.modeset {
	height: 32px;
	position: absolute;
	top: -40px;
	right: 1px !important;
	right: 19px;
	overflow: hidden;
}
.ccdetails .modeset {
	_right: 98px !important;
}
.modeset li {
	float: left;
	margin: 0;
}
.modeset h2,
.modeset h2 a,
.modeset h2 a:visited,
.modeset h2 a:active {
	background: url(/images/modeset-sprite.png) no-repeat;
	display: block;
	height: 32px;
	margin: 0;
	text-indent: -9999px;
	
}
.modeset li h2 {float: left;}
#mode-label label {
	width: 80px;
	text-indent: 0;
	color: #fff;
	font-weight: bold;
	font-size: 85%;
	padding: 9px 4px 9px 4px;
	text-align: right;
}
#mode-lcap, #mode-rcap {
	background: url(/images/modeset-sprite.png) no-repeat;
	display: block;
	width: 4px;
	height: 32px;
}
#mode-lcap {background-position: top left;}
#mode-rcap {background-position: top right;}
#mode-basic h2,
#mode-basic-link a {width: 72px;}
#mode-pro h2,
#mode-pro-link a {width: 78px;}

#mode-basic-link a,
#mode-basic-link a:visited {background-position: -100px 0;}

#mode-basic-link a:hover,
#mode-basic-link a:focus {background-position: -100px -32px;}

#mode-pro-link a,
#mode-pro-link a:visited {background-position: -173px 0;}

#mode-pro-link a:hover,
#mode-pro-link a:focus {background-position: -173px -32px;}

.modeset #mode-basic h2,
.modeset #mode-basic-link a:active {background-position: -100px -64px;}
.modeset #mode-pro h2,
.modeset #mode-pro-link a:active {background-position: -173px -64px;}

/* @end */

/* @end */


/* @end */
/* @group Account Signup */
.signupbox, 
.signupbox .dialog, 
.yui-dialog .signupbox .bd {
	background: #e6edf5; 
}
.signupbox .yui-gc {
	_display: inline;
	margin: 15px 0 10px 20px;
}
.signupbox .msgbar {
	margin: -6px 20px 12px 0;
}
.signup-opts {margin: 0 30px 20px 15px;}
.signupbox .formset ul {
	background: #dee5ec;
	border-color: #a0afbc;
}
.signupbox .formset .btnset {
	border-color: #a0afbc;
	background: none;
}
#wbx-signin-progress img {
	margin: 0 2px 3px 0;
	vertical-align: middle;
}
#wbx-signin-progress strong {
	font-weight: normal;
}
.signupbox .signup-opts {margin: 0 15px 20px 10px;}
.signupbox .ruled {margin-right: 20px;}
.signup-opts .dim {color: #666; margin-top: 2px;}
.signin-lgbtn, 
.signin-lgbtn a, 
.signin-lgbtn a:hover, 
.signin-lgbtn a:focus,
.signup-opts .signin-lgbtn, 
.signup-opts .signin-lgbtn a, 
.signup-opts .signin-lgbtn a:hover, 
.signup-opts .signin-lgbtn a:focus {
	background-image: url(/images/signinA-lgbtn.gif);
	float: none !important;
	margin-left: 0 !important;
	width: 88px;
}
.signup-opts .signin-lgbtn, 
.signup-opts .signin-lgbtn a, 
.signup-opts .signin-lgbtn a:hover, 
.signup-opts .signin-lgbtn a:focus {
	background-image: url(/images/signinB-lgbtn.gif);
}
.joinnow-lgbtn, 
.joinnow-lgbtn a, 
.joinnow-lgbtn a:hover, 
.joinnow-lgbtn a:focus, 
.signup-opts .joinnow-lgbtn, 
.signup-opts .joinnow-lgbtn a, 
.signup-opts .joinnow-lgbtn a:hover, 
.signup-opts .joinnow-lgbtn a:focus {
	background-image: url(/images/joinnowA2-lgbtn.gif);
	float: none !important;
	margin-left: 0 !important;
	width: 104px;
}
.joinnow-lgbtn span {
	background-image: url(/images/joinnowA2-lgbtn.gif);
	background-position: 0 -52px !important;
}
.signup-opts .joinnow-lgbtn, 
.signup-opts .joinnow-lgbtn a, 
.signup-opts .joinnow-lgbtn a:hover, 
.signup-opts .joinnow-lgbtn a:focus {
	background-image: url(/images/joinnowB-lgbtn.gif);
}
.sublink {
	position: absolute; 
	right: 0; 
	_right: 1em;
	top: 1.65em;
}
.signupbox .sublink {
	top: 1.95em;
}
#resetpasswd-lgbtn, 
#resetpasswd-lgbtn a, 
#resetpasswd-lgbtn a:hover, 
#resetpasswd-lgbtn a:focus  {
	background-image: url(/images/sendemail-lgbtn.gif);
	width: 114px;
	float: none;
}
#savepasswd-lgbtn, #savepasswd-lgbtn a, #savepasswd-lgbtn a:hover, #savepasswd-lgbtn a:focus {
	background-image: url(/images/savepasswd-lgbtn.gif);
	width: 138px;
	float: none;
}
.editprofile-lgbtn, .editprofile-lgbtn a, .editprofile-lgbtn a:hover, .editprofile-lgbtn a:focus {
	background-image: url(/images/editprofile-lgbtn.gif);
	width: 115px;
}
/* @end */
/* @group New Widget Details */
/* @group Globals */
.wdetails, .wdetails #bd, .ccdetails, .ccdetails #bd {
	background: #edede1;
}
.wdetails .hasbar {
	background-position: 0 0 !important;
}
.wdetails #content, .ccdetails #content {
	padding: 0;
	min-width: auto;
}
.box {
	border: 1px solid #bbb;
	margin: 0 0 10px;
}
.innerbox {
	background: #fff;
	border: 1px solid #fff;
	padding: 10px 15px;
}
.sbtn a.goback,
.sbtn a.goback:visited {
    background: url(/images/goback-sbtn-lcap.gif) no-repeat left top;
    padding-left: 1.1em;
 	
 	margin-top: .43em;
 	margin-left: 1px;
 }
.sbtn a.goback span {
	font-size: 85%;
	background: url(/images/goback-sbtn-rcap.gif) no-repeat right top;
	padding-right: 1.2em;
	text-indent: 8px;
}
.sbtn a.goback:hover,
.sbtn a.goback:focus {
	color: #fff;
	background-position: 0 -17px;
	padding-left: 1.1em;
}
.sbtn a.goback:hover span,
.sbtn a.goback:focus span {
	color: #fff;
	background-position: 100% -17px;
	padding-right: 1.2em;
	text-indent: 8px;
}
/* @end */
/* @group Page Header & Preview */
.medthumb {
	background-color: #fff;
	border: 1px solid #ddd;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	float: left;
	margin: 2px 1px 4px;
	font-size: 43px;
	line-height: 43px;
	text-align: center;
	width: 66px;
	height: 48px;
	overflow: hidden; 
}
*>.medthumb {
	font-size: 72%;
}
.medthumb img {
	vertical-align: middle;
	width: 66px;
}
.smallthumb {
	background-color: #fff;
	border: 1px solid #cdcdcd;
	float: left;
	margin: 2px 1px 4px;
	text-align: center;
	width: 50px;
	height: 36px;
	overflow: hidden; 
}
.smallthumb img {
	vertical-align: middle;
	width: 50px;
}
.pghdr .medthumb, .pghdr .smallthumb {
	margin-right: 10px;
}
.wdetails .pghdr {
	margin-bottom: 8px;
}
h1#wdgt-name {
	font: normal 167% Helvetica, Arial, Verdana, sans-serif;
	text-transform: none;
	margin-top: -3px;
	margin-bottom: 0;
	padding-top: 5px;
	line-height: 1.1;
}
.pghdr .subinfo {
	font: normal 116% Helvetica, Arial, Verdana, sans-serif;
}
.pghdr .blogurl {
	color: #666;
	font: normal 100%/116% Helvetica, Arial, Verdana, sans-serif;
	margin-bottom: 0;
}
.pghdr .blogurl a {
	color: #666;
}
.pghdr .blogurl a:hover {
	color: #27d;
}
.wbxpro {
	position: relative;
	*position: static;
	
	top: -1px;
	left: 4px;
}
.pghdr .subinfo .wbxpro {
	top: 2px;
	left: 4px;
}
.glist .wbxpro {
	border: 0 !important;
	top: 3px;
	left: 4px;
}
#preview-container {
	border: 1px solid #eee;
}
#preview-canvas {
	border: 1px solid #bbb;
    background: url(/images/preview-canvas.png) repeat center left;
	padding: 20px 0 18px;
	text-align: center;
	overflow: auto;
}

div.mobile-html5 {
	background: transparent url(/images/preview-iphone.jpg) no-repeat center top !important;
    border-width: 0 !important;
    padding-top: 140px !important;
    padding-bottom: 200px !important;
}
div.mobile-ienotice {
	background: transparent url(/images/preview-iphone-ie.jpg) no-repeat center top !important;
    border-width: 0 !important;
    padding-top: 140px !important;
    padding-bottom: 200px !important;
    height:460px;
}
#preview-canvas .fbappframe {
	position:absolute; 
	margin-left: 87px; 
	*margin-left: -380px; 
	text-align:left; 
	height:70px;
}
#preview-canvas .fbappframe img {
	
}
.wdetails #preview-div, .ccdetails #preview-div, .settings #preview-div {border: 0; line-height: 0;}
#extdevbar {
	background: #5b044d url(/images/extdevbar-bg.gif) repeat-x top left;
	border: 1px solid #7a336f;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 8px;
	padding: 0 8px;
	height: 1%;
	clear: both;
	}
#extdevbar p {
	background: url(/images/xbar-info24.gif) no-repeat 0 7px;
	color: #f1f2f3;
	float: left;
	line-height: 1.4;
	margin: 0;
	padding: 8px 1.3em 10px 29px;
	text-align: left;
	text-shadow: #45003a 0 0 5px;
}
#extdevbar.minimal p {
	background: none;
	float: none; 
	text-align: center; 
}
#extdevbar strong {font-weight: bold;}
#extdevbar p a, #extdevbar p a:visited {
    color: #f1f2f3;
    border-bottom: 1px solid #a5749e;
    text-decoration: none;
}
#extdevbar p a:hover {
	color: #fff;
	text-decoration: none;
	border-color: #f1f2f3;
}
/* internal links */
#extdevbar #linkbar {
    font-size: 85%;
	float: left;
	white-space: nowrap;
	background: url(/images/extlinkbar-lcap.gif) no-repeat top left;
	margin-top: .4em;
}
#extdevbar #lbar-rcap {
    background: url(/images/extlinkbar-rcap.gif) no-repeat top right;
	float: left;
	height: 35px;
    padding: 0 10px 0 8px;
}
#extdevbar #linkbar a {
    font-weight: bold;
    margin: 0 6px;
    padding-right: 15px;
    background: url(/images/linkbar-go-icn.gif) no-repeat right top;
    line-height: 2.3;
}
#extdevbar #linkbar a:hover {
	background-position: right -35px;
}
/* @end */
/* @group Install Targets */
.wdetails #installs, .ccdetails #installs, .sidecol #installs {
	padding: 3px 8px 8px;
	text-align: center;
	margin: 0 auto;
}
.getwidget-xbtn, 
.getwidget-xbtn:link, 
.getwidget-xbtn:visited, 
.getwidget-xbtn:hover {
	background: url(/images/getwidget-xbtn.gif?v22d1) no-repeat;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
}
.getwidget-dis-xbtn, 
.getwidget-dis-xbtn:link, 
.getwidget-dis-xbtn:visited, 
.getwidget-dis-xbtn:hover {
	background: url(/css//images/getwidget-dis-xbtn.gif) no-repeat;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
}
.joinnetwork-xbtn,
.joinnetwork-xbtn:link,
.joinnetwork-xbtn:visited,
.joinnetwork-xbtn:hover {
	background: url(/images/joinnetwork-xbtn.gif?v27d1) no-repeat;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
}
.joinchannel-xbtn,
.joinchannel-xbtn:link,
.joinchannel-xbtn:visited,
.joinchannel-xbtn:hover {
	background: url(/images/joinchannel-xbtn.gif?v27d1) no-repeat;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
}
.getwidget-network-xbtn,
.getwidget-network-xbtn:link,
.getwidget-network-xbtn:visited,
.getwidget-network-xbtn:hover,
.getwidget-network-xbtn:active {
	background: url(/images/getwidget-network-xbtn.gif) no-repeat;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
	position: absolute;
}
.getdev-xbtn, 
.getdev-xbtn:link, 
.getdev-xbtn:visited, 
.getdev-xbtn:hover {
	background: url(/images/getdev-xbtn.gif?v22d1) no-repeat;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
}
.addfb-xbtn, 
.addfb-xbtn:link, 
.addfb-xbtn:visited, 
.addfb-xbtn:hover {
	background: url(/images/addfb-xbtn.png) no-repeat;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
	_behavior: url(/css/iepngfix.htc);
}
.addfb-xbtn-disabled {
	background: url(/images/addfb-xbtn.png) no-repeat;
	display: block;
	margin: 0;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
	background-position: 0 -135px !important;
	_behavior: url(/css/iepngfix.htc);
}
.installnow-xbtn, 
.installnow-xbtn:link, 
.installnow-xbtn:visited, 
.installnow-xbtn:hover {
	background: url(/images/installnow2-xbtn.gif) no-repeat;
	display: block;
	margin: 0 auto;
	text-decoration: none;
	text-indent: -9999px;
	width: 280px;
	height: 45px;
	
}
.getwidget-xbtn:hover,
.getdev-xbtn:hover,
.addfb-xbtn:hover,
.installnow-xbtn:hover,
.joinnetwork-xbtn:hover,
.joinchannel-xbtn:hover,
.getwidget-network-xbtn:hover {
	background-position: 0 -45px;
}
.getwidget-xbtn:active,
.getdev-xbtn:active,
.addfb-xbtn:active,
.installnow-xbtn:active,
.joinnetwork-xbtn:active,
.joinchannel-xbtn:active,
.getwidget-network-xbtn:active  {
	background-position: 0 -90px;
}
.ccdetails #installTargets, .ccdetails #otherInstallTargets {
   margin:  0 18%;
   text-align: center;
   width: 275px;
}
.install-tile,
.install-tile:visited {
	display: block;
	float: left;
	margin: 3px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	text-align: center;
	text-decoration: none;
	width: 49px;
	}
.install-tile:hover {
	float: left;
	text-decoration: none;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	}
.install-tile h4 {
	color: #15b;
	font: bold 131% Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	top: -2em;
	left: 59px;
	text-shadow: #efefef -1px -1px;
	opacity: 0.85;
	-moz-opacity: 0.85;
	filter: alpha(opacity=85);
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.install-tile:hover h4 {
	color: #15b;
	font: bold 131% Helvetica, Arial, Verdana, sans-serif;
	position: relative;
	top: -2em;
	left: 59px;
	text-shadow: #efefef -1px -1px;
	opacity: 1.0;
	-moz-opacity: 1.0;
	filter: alpha(opacity=100);
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
}
.ml-link, .ml-link:visited {
	color: #15b;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
.invisible {
	visibility: hidden;
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity=0);
	}
/* @end */
/* @group Widget Settings */
#configure {
	background: #f8f8fa url(/images/module-fade-up.png) repeat-x bottom;
	border-top: 1px solid #ccc;
	margin: 0;
}
#required-config {
	background: #f8f8fa url(/images/module-fade-down.png) repeat-x;
	padding: 6px;
	height: 23px;
}
#required-config.subscription-edit {
	height: auto;
}
a#customize-link,
a#customize-link:hover,
a#customize-link:active {
	color: #15b;
	background: url(/images/config-disclose.gif) no-repeat;
	
	text-decoration: none;
	padding-left: 12px;
}
a.expanded,
a.expanded:visited,
a.expanded:hover,
a.expanded:active {
	background-position: 0 -1px !important;
}
a.collapsed,
a.collapsed:visited,
a.collapsed:hover,
a.collapsed:active {
	background-position: 0 -26px !important;
}
a#customize-link:hover {
	color: #27d;
	text-decoration: underline;
}
#required-config label {
	color: #444;
	font: bold 93%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
#subscription-name {
	margin-bottom: 8px;
}
#subscription-name label {
	color: #222;
	font: bold 85%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	margin-left: 10px;
	margin-right: .3em;
}
#required-config input {
	border: 1px solid #bbb;
	color: #333;
	font-size: 93%;
	margin-top: 3px;
	padding: 1px;
	text-align: center;
	width: 28px;
}
#required-config input:focus {
	border-color: #38c;
	color: #000;
	
}
#subscription-name input {
	text-align: left;
	width: auto;
}
.wdetails #dimensions, .ccdetails #dimensions {
	margin-left: .5em;
}
.wdetails #dimensions label, .ccdetails #dimensions label {
	font-size: 85%;
	margin: 0 .6em 0 .2em;
}
#configure #expand-config {
	font: 108% Helvetica, Arial, Verdana, sans-serif;
	padding-left: 8px;
	margin-right: 10px;
}

/* Config Form */
.wdetails .editor, .ccdetails .editor {margin-right: 0;}
.wdetails .editpane, .ccdetails .editpane, .settings .editpane {
	border: 0;
	padding: 0 15px 8px;
    background: transparent;
}
.wdetails .editpane input[type="text"],
.wdetails .editpane select,
.wdetails .editpane textarea,
.ccdetails .editpane input[type="text"],
.ccdetails .editpane select,
.ccdetails .editpane textarea {
	border: 1px solid #bbb;
	margin-top: 3px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.wdetails .editpane input[type="text"],
.wdetails .editpane select,
.wdetails .editpane textarea {
	max-width: 260px;
}
.wdetails .editpane input[type="text"], .ccdetails .editpane input[type="text"] {
	padding: 2px 1px;
}
.wdetails .editpane input[type="text"]:focus,
.wdetails .editpane textarea:focus,
.ccdetails .editpane input[type="text"]:focus,
.ccdetails .editpane textarea:focus {
	border-color: #38c;
	color: #000;
	
}
.wdetails .editpane .sbtn, .ccdetails .editpane .sbtn {margin-left: 8em;}
/* @end */
/* @group Description */
#desc {
	position: relative;
}
/* dev name */
#desc h4 {
	color: #555;
	margin-bottom: 6px;
	width: 12em;
}
/* date created */
#desc h5 {
	color: #777;
	font: 85%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	text-align: right;
	position: absolute;
	right: 15px;
	top: 10px;
}
#desc p {
	color: #444;
	font: 85%/1.6em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
.wdetails #desc p {
	overflow: hidden;
	text-overflow: ellipsis;
	width: 265px;
}
.wdetails #desc.lite {
	padding-left: 30px;
	padding-right: 30px;
}
#desc.lite h5 {
	padding-right: 13px;
}
.wdetails #desc.lite p {width: auto;}
#desc .rtags {
	margin-bottom: 0;
}
/* @end */
/* @group Related Lists */
.wdetails .related .innerbox, .ccdetails .related .innerbox {
	padding: 6px 8px 2px;
}
.wdetails .stacklist h2, .ccdetails .stacklist h2 {
	text-transform: uppercase;
	background: url(/images/hdrs-sprite7.png) no-repeat;
	text-indent: -9999px;
	padding: 0;
	height: 10px;
	line-height: 10px;
}
.wdetails .stacklist a, .ccdetails .stacklist a {
	background-color: transparent;
}
.wdetails .stacklist .last, .ccdetails .stacklist .last {
	border-bottom: 0;
}
/* @end */
/* @group Performance */
#performance {
	background: #fff;
	border: 1px solid #bbb;
	border-top: 0;
	font: 100% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	color: #333;
	height: 18px;
	margin: 0 0 10px;
	padding: 10px;
}
#performance li {
	float: left;
	margin: 0 1px;
}
#performance li.total-votes {margin: 1px 0 0 8px;}
#installs-total {text-align: center; margin-bottom: 0;}
#share-on-fb, #share-on-twitter {margin: 0;}
a.fb_share_link:link, 
a.fb_share_link:visited,
a.fb_share_link:hover,
a.fb_share_link:active {
	background: url(/images/share-facebook-sprite.png) no-repeat;
	display: block;
	float: right;
	width: 146px;
	height: 22px;
	text-indent: -9999px !important;
	padding: 0;
	position: relative;
	top: -2px;
	
	overflow: hidden;
}
a.fb_share_link:hover {
	background: url(/images/share-facebook-sprite.png) no-repeat 0 -22px;
}
a.fb_share_link:active {
	background: url(/images/share-facebook-sprite.png) no-repeat 0 -44px;
}
a.twitter_share_link:link, 
a.twitter_share_link:visited,
a.twitter_share_link:hover,
a.twitter_share_link:active {
	background: url(/images/share-twitter-sprite.png) no-repeat;
	display: block;
	float:left;
	width: 135px;
	height: 22px;
	text-indent: -9999px !important;
	padding: 0;
	position: relative;
	top: -2px;
	
	overflow: hidden;
}
a.twitter_share_link:hover {
	background: url(/images/share-twitter-sprite.png) no-repeat 0 -22px;
}
a.twitter_share_link:active {
	background: url(/images/share-twitter-sprite.png) no-repeat 0 -44px;
}
#performance li.total-votes em,
#installs-total em {color: #777;}
#performance.lite {margin-bottom: 0; border-bottom: 0;}
.flag-ads, .inline-note {
	background: #fcf5bd;
	border: 1px solid #ece5b3;
	-moz-border-radius: .35em;
	-webkit-border-radius: .35em;
	border-radius: .35em;
	font-size: 85%;
	padding: 5px 5px 4px;
	text-align: center;
}
.flag-ads img, .inline-note img {
	margin-right: 3px;
	margin-bottom: 2px;
	vertical-align: middle;
}
.flag-ads a, .inline-note a {color: #15b;}
/* @end */
/* @group Ratings & Comments */
.wdetails .shadow, .ccdetails .shadow {border: 1px solid #eee;}
#reactions {
	clear: both;
	border: 1px solid #bbb;
	background: #fff;
}
#reactions h4 {
	font-size: 123.1%;
	color: #dc2c84;
	margin: 10px 0 10px 30px;
}
#reactions h4 em {
	font-size: 77%; /* wrong size because its a nested percentage */
	color: #999;
}
#reactions p.post-comment {
	float:  right;
	font-size: 85%;
	margin: 12px 32px 0 0 !important;
	margin: 12px 16px 0 0;
}
#reactions ul li {
	margin: 8px 30px;
}
#reactions ul li.first {
	margin-top: 10px;
}
#reactions ul blockquote {
	border: 1px solid #ddd;
	border-bottom: 0 !important;
	border-bottom: 1px;
	background: #fff url(/images/comment-fade-up.png) repeat-x left bottom;
	font-size: 93%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding-bottom: 2px;
    overflow:hidden;
}
#reactions ul blockquote p {
	color: #444;
	margin: 10px;
}
#reactions .comment-meta {padding-top: 20px;}
#reactions p.moderate {float: right;}
#reactions .editpane .sbtn { margin-left: 0; }
#reactions cite {
	font-size: 85%;
	padding: 8px 0 0 8px;
	background: url(/images/comment-tip.gif) no-repeat;
	position: relative;
	left: 0;
	zoom: 1;
	top: 4px !important;
	top: -1px;
}
*+html #reactions cite {top: -2px !important;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #reactions cite {top: 6px !important;}
}
#reactions .sm-avatar {float:left; padding: 8px 0 0 8px;}
#reactions .sm-avatar img {height: 36px; width: 36px;}
/* @end */

/* @group Report Problems */
#reactions .editor {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f8f8fa;
}
#reactions .editor h4 {
	font-size: 123.1%;
    background-color: transparent;
	color: #dc2c84;
	border: 0;
	margin-top: 10px;
	margin-left: 30px;
}
#reactions .editor p.instructions {
    font: 85% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
    color:  #666;
	margin-left: 36px;
	margin-top: 6px;
}
#reactions .editorblock {
    border: 1px solid #abb6bd;
    border-top: 1px solid #d4d7d8;
    padding: 7px 9px 9px;
}
#reactions .editor {
	margin-right: 0;
	vertical-align: top;
}
#reactions .editor .left {
	float:left; 
	width: 300px;
}
#reactions .editor img {
	vertical-align:middle;
	margin-right:3px;
}
#reactions .editor .right {
	float:left; 
	width:300px; 
	margin-bottom:10px;
}
.right #fb_login_image {
	padding-left:36px;	
}
.right .avatar {
	padding-left:36px;	
}
.right .divider {border-bottom: 1px solid #ccc; margin: 10px 0px 12px 36px;}
#reactions .editor li {margin: 10px 20px;}
#reactions fieldset.editpane {background: transparent;}
#reactions #comments-section textarea {width: 240px;}
.ccdetails #reactions #comments-section textarea {width: 385px;}
#report-submit-confirmation {text-align: center;}
.wdetails .confirm-msg, .ccdetails .confirm-msg {
	color: #64a612;
	font-size: 85%;
	font-weight: bold;
	margin-left: 36px;
}
.wdetails .editor p.error-submit, .ccdetails .editor p.error-submit {
	background: url(/images/msg-error.gif) no-repeat center left;
	margin-left: 34px;
	color: #b72222;
	font-size: 85%;
	font-weight: bold;
	padding-left: 22px;
}
.wdetails p.report, .ccdetails p.report {
	float: right;
	font-size: 85%;
	background: url(/images/msg-error.gif) no-repeat center left;
	padding: 0 34px 2px 22px;
	margin-top: 16px;
}
#abuse-progress-indicator {
	margin-left: 10.5em !important;
	margin-left: 10.8em;
}
a.report-comment,
a.report-comment:link,
a.report-comment:visited,
a.report-comment:hover,
a.report-comment:active {
	background: url(/images/report-flag.gif) no-repeat 0 0;
	display: block;
	margin: 9px 2px 0 0;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	
}
a.report-comment:hover {
	background: url(/images/report-flag.gif) no-repeat 0 -25px;
	display: block;
	margin: 9px 2px 0 0;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	
}
a.delete-comment, a.delete-comment:visited {
	float: left;
	margin: 6px 0 0 15px;
	
}
#reactions .pagination {
   border: none;
   margin: 0;
   text-align: center !important;
   clear: right;
}
/* @end */
/* @end */
/* @group Container Extended */
/* @group Panel Base */
.yui-tt {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
}
.mask {
    -moz-opacity: 1.0 !important;
    opacity: 1.0 !important;
    filter: alpha(opacity=80);
	background: transparent url(/images/light-bg.png?v29) repeat !important;
}
*+html .mask {
    filter: alpha(opacity=80) !important;
	background: #fff !important;	
}
.yui-panel-container.matte {
	padding: 3px;
	background-color: #fff;
}
.yui-panel-container.shadow .underlay {
    -moz-opacity: 1;
    opacity: 1;
    filter: alpha(opacity=100);
    visibility: hidden;
}
.yui-panel {
	font: 1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Verdana, sans-serif;
	font-weight:normal;
}
/* @end */
/* @group Panel Parts */
.yui-panel .hd {
	padding: 0 10px 1px;
	font-size: 93%;  /* 12px */
	line-height: 1.75;  /* ~24px */
	*line-height: 1.65; /* For IE */
	font-weight: bold;
	color: #edf4fb;
	background: #0058A3 url(/images/container-sprite2.png) repeat-x 0 -200px;
	text-align: center;
	text-shadow: -1px -1px #1e5d9d;
	border: 0;
	border-bottom: 1px solid #494e53;
}
.yui-panel .hd .title {
	text-align: left;
}
.yui-panel .bd {
	padding: 0;
}
.yui-panel .lt #back {
	font-size: 77%;
	color: #222;
	display: block;
	background: url(/images/backbtn-icn.gif) no-repeat left top;
	width: 17px;
	height: 17px;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	
	cursor: pointer;
}
.yui-panel .container-close {
	position: absolute;
    top: 0;
    right: 6px;
    width: 14px;
    height: 21px;
    background: #0058A3 url(/images/container-sprite2.png) no-repeat 0 -300px;
    cursor: pointer;
    text-indent: -99999px;
}
.yui-panel .container-close:hover {
    background-position: 0 -400px;
}
.yui-panel .ft {
	padding: 0 5px;
	color: #edf4fb;
	font-size: 85%;
	height: 20px;
	border-top: 1px solid #494e53;
	background: #99a3aa url(/images/container-sprite2.png) repeat-x 0 -200px;
	text-align: right;
}
.yui-panel .ft a {
	color: #edf4fb;
	padding-right: 15px;
	padding-bottom: 2px;
	margin-left: .7em;
	line-height: 18px;
	background: url(/images/container-sprite2.png) no-repeat right -500px;
}
.yui-panel .ft a:hover {
	color: #fff;
    background-position: right -600px;
}
.testimonials {
	margin-top: 8px;
	padding-left: 12px;
}
.testimonials blockquote {
	background: url(/images/lquote.png) no-repeat;
	color: #323b42;
	margin: 0 0 8px -12px;
	padding: 0 0 0 21px;
	font-size: 108%;
	line-height: 1.5;
}
.testimonials p {
	margin: 0 0 35px 12px;
}
.testimonials cite {
	color: #566571;
	font-size: 13px;
	font-style: normal;
}
.testimonials cite span {
	display: block;	
	font-weight: bold;
	margin-left: 1.3em;
}
.ordertotal td {
	font-size: 100% !important;
	font-weight: bold;
	text-align: right;
}
.payhelp {
	margin-bottom: 35px;
}
.payhelp h3 {
	color: #323b42;
	font-weight: bold;
	font-size: 108%;
	margin: 10px 0 3px;
}
.payhelp p {
	color: #323b42;
	font-size: 100%;
	line-height: 1.5;	
}
/* @end */
/* @group Dialog Overrides */
.yui-b {
	*position: static;
}
.yui-dialog .bd {
	background-color: #f1f2f3;
    border-top: 1px solid #c7c9cb;
    padding: 8px 15px 12px;
}
.yui-dialog .editor {margin-right: 0;}
.yui-dialog .editpane {padding: 9px 9px 2px 0;}
.dialog, #wbx-makeApp {
    background-color: #ebeced;
    border-top: 1px solid #c7c9cb;
    padding: 0 !important;
    text-align: left;
}
.yui-panel .dialog p {margin: 0 0 .5em;}
.dialog table td {vertical-align: top; text-align: left;}
.dialog .previewbox {margin: 10px 18px 10px 3px;}
.dialog .infocol {padding-right: 0;}
.autocomplete-me {
	position: relative; 
	display: block; 
	width: 250px; 
	left: 9.6em !important;
	left: 0;
}
*+html .autocomplete-me {
	left: 0 !important;
}
/* @end */

/* @group ColorPicker Overrides */
#colorpicker{
    background: #F0F0F0;
    border: 1px solid #C6C6C6;
	width: 305px;
	height: 200px;
}
#colorpicker .colorPickerCloseButton {
    border: 1px solid #ABB6BD;
    cursor: pointer;
    font-size: 12px !important;
    font-weight: bold;
    height: 11px;
    line-height: 9px;
    padding: 1px 1px 1px 2px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 11px;
}
#colorpicker .yui-picker-swatch {
    top: 21px;
    left: 230px;
    height: 65px;
    width: 65px;
}
.yui-picker-controls .hd,
#colorpicker .yui-picker-websafe-swatch {
    display: none !important;
}
.yui-picker-hex-controls{
    display: block;
    *display: inline-block; /* IE */
}
.yui-picker-controls .bd{
    padding-top: 23px;
}
.yui-picker-rgb-controls li{
    margin-bottom: 0px !important;
}
/* @end */
/* @end */