/* @group Basics */

* {margin: 0; padding: 0;}
body {
	font-size: 83%;
	line-height: 1.5;
	font-family: "Lucida Grande", "Segoe UI", Verdana, sans-serif;
	color: #333;
	background: #5f5f5f url(../images/bg-tile.gif);
}
input, select{
	font-family: "Lucida Grande", "Segoe UI", Verdana, sans-serif;
}
textarea{
	font-family: "Lucida Grande", "Segoe UI", Verdana, sans-serif;
	font-size: 98%;
}
body.impersonate {
	background-image: url(../images/bg-tile-imp.gif);
}
.hidden-submit {
	width: 0;
	height: 0;
	font-size: 1px;
	color: #fff;
	border: 0;
}
hr {
	margin: 8px 0 !important;
	margin: 0;
	background: #c7c9cb;
	height: 1px;
	color: #c7c9cb;
	border: none;
	clear: both;
}
*+html hr {margin:0 !important}
hr.pgtitle {
	margin: 2px 0 8px !important;
	margin: 0;
	background: #85b8e0; 
	color: #85b8e0;
}
.hide {display: none;}
.cloak {visibility: hidden;}
.align-left {text-align: left;}
.align-center {text-align: center !important;}
.align-right {text-align: right !important;}
.align-middle {vertical-align: middle !important;}
.align-bottom {vertical-align: bottom !important;}
.float-left {float: left; display: inline; /* ie hack */}
.float-right {float: right;}
.center {margin-left: auto; margin-right: auto;}
.clear, .clearer {
	clear: both; 
	display: block; 
	height: 1px; 
	margin-bottom: -1px; 
	font-size: 1px; 
	line-height: 1px; 
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0; 
}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix { height: 1%; }
.pad-left {padding-left: 1.6em;}
.pad-right {padding-right: 1.6em;}
.pad-none {padding: 0 !important;}
.space-left {margin-left: .8em;}
.space-right {margin-right: .8em;}
.nudge-left {padding-left: .25em;}
.nudge-right {padding-right: .25em;}
.highlight {background: #ffc;}
.dim {color: #999;}
.small {font-size: 86% !important;}
img.sthumb {
    background: #fff;
    border: 1px solid;
    border-color: #cbcdcf #d3d4d6 #becad6 #d2d6d8;
	padding: 0;
}
a img {border: none;}
a, a:link, a:hover {
	/*background: transparent;*/
	text-decoration: none;
	cursor: pointer;
}
a:link {color: #36c;}
a:visited {color: #36c;}
a:hover, a:active {text-decoration: underline; color: #27d;}
h1 {
	font-size: 154%;
	font-weight: bold;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 1.0;
}
h1 span {
	font-family: "Lucida Grande", "Segoe UI", Verdana, sans-serif;
	font-weight: normal;
	font-size: 62%;
	margin-left: .5em;
}
h2 {
	font-size: 106%;
	line-height: 1.3;
	margin-top: .7em;
	margin-bottom: 0;
	font-family: Helvetica, Arial, Verdana, sans-serif;
}
p {margin-bottom: .7em; line-height: 1.5;}
em {font-style: normal; color: #777;}
li {margin-left: 20px;}
.intro {
	color: #666; 
	margin-bottom: .35em; 
	line-height: 1.3; 
	font-size: 86%;
}
ul.intro {margin-bottom: .7em; list-style: square;}
.intro code {font-family: Helvetica, Arial, Verdana, sans-serif; color: #444;}
.hint {cursor: help;}

/* @end */

/* @group Header */
#header {
	background: #f8f8f9 url(../images/hdr-bg.gif) repeat-x bottom left;
	height: 85px;
	padding-left: 28px;
	min-width: 780px;
}
.impersonate #header {
	background: #e40000 url(../images/hdr-bg-imp.gif) repeat-x bottom left;
	height: 85px;
	padding-left: 37px;	
	min-width: 780px;
}
#tools {
	font-size: 86%;
	background: #535353 url(../images/tools-leftcap.gif) no-repeat bottom left;
	height: 25px;
	margin: 0;
	padding: 0;
	float: right;
}
#tools p {
	text-align: right;
	padding: 0 20px 0 23px;
	color: #fff;
	line-height: 1.6;
}
#tools a, #tools strong {color: #fff; padding: 0 .5em;}
#tools .last {padding-right: 0;}
#tools a:hover {color: #efefef; text-decoration: underline;}
#tools a:active, #tools a.active {text-decoration: underline; color: #dedede;}
#logo {
	background-image: url(../images/logo.gif?v11);
	background-repeat: no-repeat;
	width: 360px;
	height: 69px;
	margin-top: 10px;
	float: left;
}
#logo a {
	width: 360px;
	height: 69px;
	display: block;
}
#logo h1 {
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
}
#logo a:hover, #logo a:focus {
	background-image: url(../images/logo.gif?v11);
	background-repeat: no-repeat;
	background-position: 0 -69px;
	background-color: transparent;
}
#logo a:hover {outline: none;}
#menu {
	padding: 0;
	margin-top: 30px;
	padding-right: 18px;
	clear: right;
	float: right;
}
ul#gnav {width: 467px; height: 30px;}
ul#gnav li {
	padding: 0;
	margin: 0;
	float: right;
	text-indent: -9999px;
	list-style-type: none;
	overflow: hidden;
}
ul#gnav li a {
	border: 0;
	height: 30px;
	display: block;
	text-decoration: none;
	background: transparent url(../images/gnav.gif) no-repeat;
}
ul#gnav li a:hover {outline: none;}
li#admin a {width: 80px;}
li#browse a {width: 88px;}
li#advertise a {width: 94px;}
li#events a {width: 94px;}
li#listings a {width: 87px;}
li#contact a {width: 89px;}

li#admin a:hover, li#admin a:focus {background-position: 0px -30px;}
li#browse a:link, li#browse a:visited {background-position: -80px 0px;}
li#browse a:hover, li#browse a:focus {background-position: -80px -30px;}

li#advertise a:link, li#advertise a:visited {background-position: -168px 0px;}
li#advertise a:hover, li#advertise a:focus {background-position: -168px -30px;}

li#events a:link, li#events a:visited {background-position: -263px 0px;}
li#events a:hover, li#events a:focus {background-position: -263px -30px;}

li#listings a:link, li#listings a:visited {background-position: -358px 0px;}
li#listings a:hover, li#listings a:focus {background-position: -358px -30px;}

li#contact a:link, li#contact a:visited {background-position: -446px 0px;}
li#contact a:hover, li#contact a:focus {background-position: -446px -30px;}

ul#gnav li#admin.active a {background-position: 0px -60px;}
ul#gnav li#browse.active a {background-position: -80px -60px;}
ul#gnav li#advertise.active a {background-position: -168px -60px;}
ul#gnav li#events.active a {background-position: -263px -60px;}
ul#gnav li#listings.active a {background-position: -358px -60px;}
ul#gnav li#contact.active a {background-position: -446px -60px;}
#mainbar {
	height: 30px;
	border: 1px solid #f9c830;
	border-bottom: 1px solid #e0e224;
	border-top-width: 0;
	background: #f9c830 url(../images/mainbar-bg.gif) repeat-x left top;
	clear: right;
}
#mainbar table, #mainbar td {padding: 0;}
#mainbar table {margin-left: -1px;}
#mainbar #breadcrumb {
	margin: .5em 18px;
	font-size: 93%;
	color: #620;
	line-height: 1.4;
	text-shadow: 2px 2px #f1bf88;
}
#mainbar #breadcrumb span {color: #333;}
#mainbar #breadcrumb a {color: #620;}
#mainbar #breadcrumb a.current {text-decoration: underline; color: #000;}
#mainbar h3 {margin: 0; text-indent: -9999px;}
.gallery #mainbar h3 {
	
	width: 184px;
	height: 31px;
}
.mywidgets #mainbar h3 {
	background: #c77425 url(../images/wdgt-label.gif) no-repeat left top;
	width: 184px;
	height: 31px;
}
#search {margin: 0 18px;}
#search select, #search input, #searchw select, #searchw input {
	font-size: 10px; 
	color: #76797c; 
	font-family: "Lucida Grande", "Segoe UI", Verdana, sans-serif;
}
#search input.sbox, #searchw input.sbox { 
	height: 12px; 
	width: 130px; 
	border: 0; 
	background: #fff url(../images/searchbg.gif) repeat-x left top; 
	margin-left: -4px;
	padding: 3px; 
}
#search select, #searchw select {width: 122px; margin-top: 5px;}
#search .srchimgs, #searchw .srchwimgs {position: relative; top: 5px;}
/* @end */
/* @group Layout & Subnavigation */

body {text-align: center;}
#layout {
 	min-width: 720px;
	max-width: 1280px;
	width: 97%;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	border-top: 2px solid #535353;
}
#layout td {vertical-align: top;}
.gallery #layout, .mywidgets #layout {background: #fff url(../images/nav-bg-fixed.gif) repeat-y left top;}
.details #layout {background: #fff url(../images/related-bg.gif) repeat-y right top;}
td#content, div#content { 
    padding: 12px 18px; 
    width: 100%; 
    min-width: 640px;
}
td#content.frontdoor {padding-top: 10px;}
div#content {background: #fff;}
.featured-hdr {
    font-size: 140%;
    margin-top: .8em;
    position: relative;
    margin-right: .3em;
    width: 590px; /* fix for IE/Win lack of min-width support */
}
#sidebar {width: 170px; padding: 5px;}
#advert{
	margin-bottom: 15px;
	border: 1px solid #999999;
}
#sidenav {
	list-style: none;
	width: 180px;
	padding-bottom: 0;
}
#sidenav * *, #sidenav li {
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
#sidenav a:link, #sidenav a:visited {
	display: block;
	width: 180px;
	height: 26px;
	font-size: 11px;
	line-height: 25px;
	text-decoration: none;
	background: url(../images/snav.gif) no-repeat left top;
	text-indent: 26px;
	font-weight: bold;
	color: #369;
	overflow: hidden;
	position: relative;
}
#sidenav a:hover, #sidenav a:focus, #sidenav a:active, #sidenav a.down {
	background-color: #d8d9d9; 
	outline: none; 
	color: #258;
}
#sidenav a.active {background: url(../images/snav.gif) no-repeat left bottom !important; color: #258;}
#sidenav a em, #sidenav a.active:hover em {
	color: #f6f6f6;
	font-size: 11px;
	font-family: Helvetica, Arial, Verdana, sans-serif;
    height: 15px !important;
    height: 14px;
    padding-left: 7px;
    background-color: #bebfbf;
    background-image: url(../images/snav-cnt-lcap.gif)!important;
    background-image: url(../images/snav-cnt-lcap2.gif);
    background-repeat: no-repeat;
    background-position: left top;
	overflow: hidden;
    position: absolute;
    right: -26px;
    top: 5px;
}
#sidenav a em span,  #sidenav a.active:hover em span {
	display: block !important;
	display: inline;
    height: 15px;
    line-height: 1.5;
    padding-right: 10px;
    background: transparent url(../images/snav-cnt-rcap.gif) no-repeat right top;
	overflow: hidden;
    position: relative;
    right: 26px;
    top: 0px !important;
    top: -2px;
}
*+html #sidenav a em span, *+html #sidenav a.active:hover em span {line-height: 1.3;}
#sidenav a:hover em, #sidenav a:active em, #sidenav a.down em {
	background-position: left bottom;
	background-color: #b8b9b9;
}
#sidenav a:hover em span, #sidenav a:active em span, #sidenav a.down em span {
	background-position: right bottom;
}
#sidenav ul {list-style: none; margin: 0;}
#sidenav ul li a:link, 
#sidenav ul li a:visited {
	font-size: 11px !important; 
	font-size: 10px;
	font-weight: normal;
	background-image: none;
	background-color: #e0e1e2;
	border-bottom: 1px solid #c2c3c4;
	height: 20px;
	line-height: 19px;
	text-indent: 27px;
}
#sidenav ul li a:hover {
	background-image: none;
	background-color: #c0c5c9;
	border-bottom: 1px solid #bcbdbe;
}
#sidenav ul li a:active {
	background-image: none;
	background-color: #15a;
	border-bottom: 1px solid #bcbdbe;
	color: #f1f2f3;
}
/* @group MixIt Maker */
#mixit-text {color: #555; font-size: 86%;}
.mixit #content {background: #8FA6C5 url(../images/mixit-bg.gif) repeat-x scroll left 0;}
.mixit hr {visibility: hidden;}
.mixit h1 {color: #fff; font-weight: normal;}
.mixit .intro {color: #8aa6c8;}
.mixit #anotherone {color: #f1f1f1;}
.mixit #anotherone:hover {background-color: #263b59; color: #fff;}
/* @end */
/* @end */
/* @group Front Door */
.fdoor #content {
	padding: 15px 10px;
}
#basemod {
	background: url(../images/backdrop.gif) no-repeat top left;
	margin: 0 auto;
	position: relative;
	width: 974px;
	height: 598px;
	text-align: center;
}
#mainfd {
	position: absolute;
	left: 339px;
	top: 0;
	border: 0px solid #3399CC;
}
#mainfd h2, #mainfd h3, #mainfd h5 {
	margin: 0;
	
	/*text-indent: -9999px;*/
}
#mainfd h2 {
	/*background: url(../images/mainmsg.gif) no-repeat;*/
	width: 430px;
	height: 25px;
	padding-top: 22px;
	padding-bottom: 6px;
	font-size: 24px;
	text-align: left;
	color: #0066CC;
}
#mainfd h5 {
	/*background: url(../images/mainmsg.gif) no-repeat bottom left;*/
	width: 550px;
	height: 24px;
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	padding-left: 2px;
}
.secmod {
	background: url(../images/secondary-bg.gif) no-repeat;
	color:  #686868;
 	font: 100% Helvetica, Arial, Verdana, sans-serif; 
	width: 297px;
	height: 313px;
}
.secmod a {
	color: #686868;
	border-bottom: 1px solid #b3b3b3;
	text-decoration: none;
	outline: none;
}
.secmod a:hover {
	color: #095DC3;
	border-bottom: 1px solid #7fa8da;
	text-decoration: none;	
}
#getem {
	position: absolute;
	top: 195px;
}
#makem {
	position: absolute;
	top: 195px;
	left: 321px;
	text-align: left;
}
#getem h3 {
	margin: 15px 15px 2px;
	width: 268px;	
	height: 22px;
	font-size: 14px;
	text-align: left;
	color: #c8a126;
	padding-bottom: 5px;
}
#getem dl {
	background: url(../images/hdivider.gif) no-repeat;
	margin: 0 15px;
	text-align: left;
	height: 44px;
	overflow: hidden;
}
#getem dt {
	clear: left;
	font-weight: bold;
	float: left;
	height: 45px;
	line-height: 45px;
	margin-right: 8px;
	padding-left: 5px;
	position: relative;
}
#getem dt a {
	border-color: #9e9e9e;
	color: #3f3f3f;
}
#getem dt a em {
	display: block;
	position: absolute;
	top: 1px;
	left: -3px;
	width: 46px;
	height: 46px;
	text-indent: -9999px;
	cursor: pointer;
}

#getem #exploremore a em {
	background: url(../images/attn.gif);
	background-repeat: no-repeat;
	display: block;
	top: 19px !important;
	top: 21px;
	right: -9px;
	left: auto;
	width: 6px;
	height: 8px;
	line-height: 12px;
}
#getem #exploremore a:hover em {
	background: url(../images/attn.gif);
	background-repeat: no-repeat;
}
#getem dt span {
	font-weight: normal;
}
#getem dt a:hover {
	color: #095DC3;
	border-color: #7fa8da;
}
#getem dd {
	height: 45px;
	line-height: 45px;
}
#makem h3 {
	/*background: url(../images/makem-h3.gif) no-repeat;*/
	margin: 15px 15px 0;
	width: 235px;
	height: 22px;
	font-size: 14px;
	text-align: left;
	color: #c8a126;
	padding-bottom: 5px;
}
#makem ul, #makem li {
	list-style: none;
	margin: 0;
}
#makem li {
	background: url(../images/hdivider.gif) no-repeat;
	margin: 0 15px;
	text-align: left;	
	height: 73px;
}
#makem li a {
	border-bottom: none;
	display: block;
	padding: 14px 0 0 5px;
}
#makem li a:hover {
	border-bottom: none;
	color:  #686868;
}
#makem li a strong {
	border-bottom: 1px solid #9e9e9e;
	color: #3f3f3f;
	position: relative;
}
#makem li a:hover strong {
	border-bottom: 1px solid #7fa8da;
	color: #095DC3;
}
#makem li a em {
	background: url(../images/attn.gif) !important;
	background: url(../images/attn.gif);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 3px !important;
	top: 20px;
	right: -10px !important;
	right: auto;
	width: 6px !important;
	width: 9px;
	height: 8px;
	text-indent: -9999px;
}
*+html #makem li a em {	
	top: 18px !important;
	right: -9px !important;
}
#makem li a:hover em {
	background: url(../images/attn.gif) !important;
	background: url(../images/attn.gif);
	background-repeat: no-repeat;
}
#makem li a span, #makem li a:visited span, #makeem li a:active span {
	color: #686868;
	display: block;
	font-size: 92%;
	font-weight: normal;
	line-height: 1.2;
	margin-top: -8px;
}
#makem li #learndev span {
	color: #3f3f3f;
	display: inline;
}
#makem li #learndev:hover span {
	color: #095DC3;
}
#bigsearch {
	background: url(../images/bigsearch-bg.gif) no-repeat;
	color: #505050;
 	font: 112% bold Helvetica, Arial, Verdana, sans-serif; 
	margin: 5px 0 15px;
	text-align: left;
	width: 618px;
	height: 46px;
	position: absolute;
	top: 510px;
}
#bigsearch h4 {
	float: left;
	margin: 14px 18px 14px 23px;
	vertical-align: bottom;
	text-align: right;
}
#bigsearch input {
	color: #a7a7a7;
	background-color: #f6f6f6;
	border: 1px solid;
	border-color: #cacaca #c9c9c9 #e5e5e5 #e5e5e5;
 	font: 92% Helvetica, Arial, Verdana, sans-serif; 
 	font-weight: bold;
	float: left;
	margin: 10px 0 13px 8px;
	padding: 4px 4px 3px;
	width: 230px;
}
#bigsearch input:focus {
	background: #f9f9f9;
	border: 1px solid #38c;
	color: #555;
}
#gobtn {
	float: left;
	margin: 12px 8px 12px 12px;
}
/* @end */
/* @group Gallery Listing */
.glist h2 span {float: left;}
.glist a.profile:link, .glist a.profile:visited, .glist a.contact:link, .glist a.contact:visited {
	color: #666666;
	line-height: 160% !important;
	font: 73%/138% "Lucida Grande", Verdana, sans-serif;
	display: block;
	width: 76px;
	height: 17px;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 6px;
	text-indent: 10px;
	font-weight: bold;
	background-color: #fb9a0b;
	text-decoration: none;
	outline: none;
	float: left;
}
.glist span.profile{
	color: #C1C1C1;
	line-height: 160% !important;
	font: 73%/138% "Lucida Grande", Verdana, sans-serif;
	background: url(../images/profile-btn.gif) no-repeat top left;
	display: block;
	width: 76px;
	height: 17px;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 6px;
	text-indent: 10px;
	font-weight: bold;
	background-color: #fb9a0b;
	text-decoration: none;
	outline: none;
	float: left;
}
.glist span.contact{
	color: #C1C1C1;
	line-height: 160% !important;
	font: 73%/138% "Lucida Grande", Verdana, sans-serif;
	background: url(../images/contact-btn.gif) no-repeat top left;
	display: block;
	width: 76px;
	height: 17px;
	margin-top: 1px;
	margin-right: 5px;
	margin-bottom: 6px;
	text-indent: 10px;
	font-weight: bold;
	background-color: #fb9a0b;
	text-decoration: none;
	outline: none;
	float: left;
}
.glist a.profile {background: url(../images/profile-btn.gif) no-repeat top left;}
.glist a.contact {background: url(../images/contact-btn.gif) no-repeat top left;}
.glist a:hover {}
.glist a.profile:hover, 
.glist a.contact:hover {background-position: bottom left; text-decoration: none;}
.glist a.msf, .glist h2 span a.msf:visited {
	background-color: #fff;
	color: #469;
	cursor: help;
}
.glist h2 span a.bebof, .glist h2 span a.bebof:visited {
	background-color: #fff;
	color: #EE0F10;
	cursor: help;
}
.glist h2 span a.msf img {vertical-align: text-bottom;}
.glist h2 span a.bebof img {vertical-align: text-bottom; margin-left: 2px;}
.glist h2 span a.msf:hover, 
.glist h2 span a.msf:active {background-color: #f1f1f1; color: #469;}
.glist h2 span a.bebof:hover, 
.glist h2 span a.bebof:active {background-color: #f1f1f1; color: #BC3969;}
img.thumb {
	float: left;
	margin: 10px 10px 8px -106px;
	padding: 0;
	padding-left: 106px;
	width: 130px;
	height: 130px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.glist div.wdgtinfo { 
	margin-left: 106px; 
	/*clear: right;*/
}
.glist p {margin-left: 106px;}
.glist hr {background: #dcdcdc; color: #dcdcdc;}
.glist dl {
	font-size: 86%;
	float: left;
	padding-right: 1.3em;
	width: 33%;
	display: inline; /* fixes IE/Win double margin bug */
}
.glist dt {
	font-weight: bold;
	clear: left;
	float: left;
	padding-right: .4em;
}
.glist dd img {
	vertical-align: middle;
	padding-right: 2px;
	padding-bottom: 2px;
}
.scentry a {
	display: block;
	outline: none;
	border: 1px solid #8c3;
	background: #dec url(../images/scentry-bg.gif) repeat-x bottom left;
	margin-top: 8px;
	padding: 8px 10px;
	text-decoration: none;
	color: #222;
	overflow: hidden;
	line-height: 1.2;
}
.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-family: Helvetica, Arial, Verdana, sans-serif;
    display: block; 
    font-size: 106%;
    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 Tags */
.tagcrumb {
	font-size: 123%;
	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;
}
#searchw {margin: 0 12px 0 0; float: left;}
.tagup p {margin: 0; float: right; padding-top: 4px;}
.tagcrumb img, .tagup p img {vertical-align: middle;}
#cloud { 
	line-height: 1.5em; 
	text-align: center;
	margin: 0;
	padding: 6px 8px; 
	border-top: 1px solid #96bfe0;
	border-bottom: 1px solid #bdd6ea;
	background: #f1f2f3 url(../images/tagcloud-bg.gif) repeat-x left bottom;
	font-size: 15px;
}
#cloud li {
	display: inline;	
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	margin: 0; 
	padding-right: 5px;
}
#cloud a, #cloud a:visited {padding: 0; color: #27d; white-space: nowrap;}
#cloud a:hover, #cloud a:focus {
	color: #159; 
	text-decoration: underline; 
	text-shadow: 0.1em 0.1em #fff;
	outline: none;
}
#cloud a:active {color: #2D4B70; background-color: #f9f9fa;}
#cloud a.tag1 {font-size: 0.85em;}
#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;}
#emptycloud {border-top: 1px solid #bdd6ea;}
a#addtagcloud {background: transparent url(../images/addtags-icn.gif) no-repeat left center; padding-left: 23px; }
a#addtagcloud:hover, a#addtagcloud:focus {color: #fff; background-color: #36c; outline: none;}

#ac-mod {
	position: relative; 
	width: 290px;
	float: left;
}
/* set width of widget here*/
#tags-autocomplete-div {
	position: absolute; 
	top: 1.7em; 
	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 Widget Details */
.titleblock { 
	padding-bottom: 6px !important;
	padding-bottom: 10px;
	border-bottom: 1px solid #85b8e0; 
	margin-bottom: 5px;
}
.titleblock .action-set {
	position: relative; 
	top: -4px !important;
	top: -12px;
}
.overview td {border-bottom: 1px solid #c7c9cb;}
.overview td td {border-bottom: none;}
.tryconfig td {padding-top: 1em;}
.tryconfig td td {padding-top: 0;}
.fixcol {width: 31em;}
.fixcol .desc {
	font-size: 86%; 
	padding: 0 1px; 
	margin-bottom: 0;
	/*overflow: hidden;*/
	text-align: left;
}
.fixcol .desc p {margin-left: 106px;}
.fixcol .desc p img.thumb {
	float: left;
	margin: 4px 10px 10px -106px;
	padding: 0;
	width: 96px;
	height: 96px;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
.fixcol .desc br {line-height: 0.8;}
.metablock {
	font-size: 86%; 
	margin-left: 1.95em; 
	margin-bottom: .7em;
}
.metablock th, .metablock td {padding: 0; text-align: left;}
.metablock th {font-weight: bold; padding-right: .3em;}
.metablock td {padding-right: 18px;}
.metablock td img {
	vertical-align: middle;
	padding-right: 2px;
	padding-bottom: 2px;
}
.previewcol {padding-left: 1.6em;}
.editcol {width: 31em;}
.editcol .editor {margin-right: 0;}
.editcol .rbroundbox {margin: 1.5em 0 .3em;}
.editcol .rbroundbox h4 { margin: 2px 1px;}
.infocol {padding-right: 1.6em; width: 28em;}
.infocol .formpane  {width: 27em;}
.previewbox {
    border: 1px solid #dedede;
    background-color: #fff;
    margin-top: 3px;
    padding: 4px;
}
.previewbox iframe {
	overflow: visible;
	width: 100%;
}
a#linkpg {background: transparent url(../images/link.gif) no-repeat center left; padding-left: 23px;}
a#emailwidget {background: transparent url(../images/email.gif) no-repeat center left; padding-left: 23px;}
a#linkpg:hover, a#emailwidget:hover {background-color: #36c;}


/* @group Related Sidebar */

.relatedbox {position: relative;}
.relatedbox h3 {
	margin: 0; 
	text-indent: -9999px; 
	width: 203px;
	height: 33px;
	border-top: 1px solid #f5f6f7;
}
.relatedbox h3#relwidgets {
	background: #eaebec url(../images/relwidgets-label.gif) no-repeat left top; 
	border-color: #eaebec;
}
.relatedbox h3#morewidgets {
	background: #eaebec url(../images/morewidgets-label.gif) no-repeat left top; 
	border-color: #eaebec;
}
.relatedbox h3#alsodev {background: #eaebec url(../images/alsodev-label.gif) no-repeat left top;}
.relatedscroll {
	width: 203px;
	height: 380px;
	overflow: auto;
	padding: 4px 0;
	background: #eaebec url(../images/relscroll-bg.gif) repeat-y left top;
	border-bottom: 1px solid #c6c7c8;
}
.relatedscroll-full {
	width: 203px;
	height: 610px;
	overflow: auto;
	padding: 4px 0;
	background: #eaebec url(../images/relscroll-bg.gif) repeat-y left top;
	border-bottom: 1px solid #c6c7c8;
}
.relatedbox a {
	display: block;
	outline: none;
	border: 1px solid;
	border-color: #d1d1d1 #bcbcbc #bcbcbc #d1d1d1;
	background-color: #fff;
	padding: 4px 8px;
	margin-left: 4px;
	margin-bottom: 3px;
	width: 160px;
	min-height: 5.7em;
	text-decoration: none;
	color: #555;
	font-size: 86%;
	overflow: hidden;
	line-height: 1.3;
}
.relatedbox a:hover {
	border-color: #a7b2b9;
	background-color: #f1f1f3;
	text-decoration: none;
}
.relatedbox a strong {
    color: #36c; 
    display: block; 
    margin-left: 45px;
    margin-bottom: 3px;
}
.relatedbox a:hover strong {color: #27d; text-decoration: underline;}
.relatedbox a span {display: block; margin-left: 45px;}
.relatedbox a img.sthumb {float: left; margin-top: 2px;}
.relatedbox a:hover img.sthumb {border-color: #999;}

/* @end */
.dialog, #wbx-makeApp {
    padding: 0 !important; 
    background-color: #ebeced; 
    border-top: 1px solid #c7c9cb;
}
.dialog table td {vertical-align: top;text-align: left;}
.dialog .previewbox {margin: 10px 18px 10px 3px;}
.dialog .infocol {padding-right: 0;}
.inline-help {color: #555; margin: 0 8px;}
p.report {
	font-size: 86%; 
	/* margin-bottom: 2.3em; */
}
.ratingsystem {
	border: 1px solid #f93;
	background: #fff3e8;
	padding: 0 .8em .45em;
	margin-top: 3px;
}
.ratingsystem h2 {float: left;}
.ratingsystem a.comment-link {
	padding: .8em 0 0 .4em;
	float: right;
	font-size: 93%;
	color: #620;
	font-weight: bold;
}
.ratingsystem a.comment-link span {font-weight: normal;}
.star-rating {
	margin: .8em 0 .4em .4em;
	padding: 0;
	position: relative;
	float: left;
}
.comment-buttons, .buttonset {margin: .5em 0;}
.comment-buttons input, .buttonset input {margin-right: .6em; margin-left: 2px; vertical-align: middle;}
.buttonset {text-align: right;}
#comments {
    margin-top: 1em;
 	margin-bottom: .8em;
	border: 1px solid #3e5c8c;
	border-bottom-width: 2px;
}
#comments p.empty {
    margin: 2em 0; 
    text-align: center; 
    color: #666;
}
#comments h2 {
	margin: 0;
	padding: .3em .6em .3em;
	color: #fff;
	background: #3e5c8c url(../images/comments-bg.gif) repeat-x top left;
}
#comments h2 a {
	float: right;
	font-size: 78%;
	color: #fff;
	font-family:  "Lucida Grande", "Segoe UI", Verdana, sans-serif;
	margin-right: 2px;
}
#comments h2 a span {font-weight: normal;}
#comments dl {
	border-top: 1px solid #ddd;
	padding: .7em .3em;
	background: #F4F7FA;
}
#comments dl.alt {background: #FBFCFD;}
#comments dt {
	float: left;
	margin-left: .35em;
	margin-top: .4em;
	line-height: .8;
}
#comments dd {padding-left: 75px;color: #000;}
#comments .byline {font-size: 93%;color: #222;}
#comments .report {
	float: right;
	margin-right: .8em;
	font-size: 86%;
}
#comments p.report {text-align: right; margin: -6px 2px 18px 10px;}
#comments .pagination {margin: 5px;}
.listblock .editpane {
	border-width: 2px;
	border-color: #85b8e0;
	margin-top: 5px;
	background: #e6e7ea url(../images/ratingbox-bg.gif) repeat-x left center;
}
#ratingbox {margin-bottom: 0;}
#ratingbox label, #ratingbox div {display: inline;}
#ratingbox div {margin-left: .2em;}
#ratingbox img {vertical-align: text-bottom;}
#ratingbox #include_comments {margin-top:.3em;}

/* @end */

/* @group Install */
.installset th, .installset td {vertical-align: top; padding-top:2px;}
.installset a img {
	padding: 0;
	margin-right: 2px;
	behavior: url(/css/iepngfix.htc);
}
.installset td a:hover {text-decoration: none;}
.installblock {
    margin-top: 10px;
 	background: #ffd;   
	border: 2px solid #ec6;
	padding: 1em 1.3em;
	width: 50%; 
	float: left;
}
#fullwidth {width: auto; float: none;}
#fullwidth p {width: auto; margin-bottom: .5em;}
.installblock hr {background: #ec6 !important; color: #ec6 !important;}
.installblock h4 {font-size: 106%; margin-bottom: .3em;}
.installblock h4 span {font-weight: normal;}
.installblock li {
    margin-left: 1.4em;
    margin-bottom: .8em;
    padding: 0;
}
.installnotes {margin: 0;}
.codeblock {
    list-style: none;
    margin: 0;
    padding: 0;
}
.codeblock li {padding: 0 0 .4em; margin: 0;}
.codesample {
	white-space: pre; 
	font-family: monospace; 
	width: 350px; 
	height: 150px; 
	overflow: auto; 
	border: 1px solid #c7c9cb; 
	padding: .5em; 
	background-color: #fff;
}

#badgechoice {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 10px;
    width: 100%;
    margin-bottom: 10px;
}
#badgechoice td {
    background-color: #fff;
    padding: .2em .3em 1.2em;
    vertical-align: middle;
}
#badgechoice tr.last td {
     padding: .2em .3em .2em;
}

/* @end */

/* @group Pagination */
.pagination {
	background: #f1f1f1;
	padding: 5px 8px;
	border: 1px solid #f1f1f1;
	margin: 5px auto;
}
#pagesort, #pagesize {float: right;margin-top: -.2em;}
#pagesort *, #pagesize * {vertical-align: middle;}
#pagesort label, #pagesize label {
	font-weight: bold;
	padding-right: .25em;
	font-size: 86%;
}
#pagesort select, #pagesize select {font-size: 86%; margin: 1px 0;}
.pagination p {
	text-align: left;
	font-size: 86%;
	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: #666;
}
.pagination p em {
	padding: 2px 6px;
	color: #333;
	font-weight: bold;
	background: #ccc;
}

/* @end */

/* @group Messaging */
ul.messages {
	border: 1px solid #ec6;
	padding: .8em .5em;
	list-style: none;
	margin-bottom: 1.2em;
	background: #ffd url(../images/info-icon.gif) no-repeat .7em .9em;
}
ul.messages li {font-weight: bold; margin-left: 1.9em;}
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;
}
.errorHeader {
	border: 1px solid #ec6;
	padding: .8em .5em;
	margin-bottom: 1.2em;
	font-weight: bold;
	background: #ffd;
}
.errorHeader h4 {
	color: #b72222;
	background: #ffd url(../images/error-icon.gif) no-repeat top left;
    margin-left: .25em;
    text-indent: 22px;
	margin-bottom: .3em;
    font-size: 93%;
}
.errorHeader h4 span {
	color: #333 !important;
    font-weight: normal !important;
    display: block;
}
.errorHeader ol {font-weight: normal;margin-left: 1.9em;}
.error {color: #b72222 !important;}
.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;
}
.success {color: #390;font-weight: bold;}
.emptypage {
 	background: #ffd;   
	border: 2px solid #ec6;
	padding: 23px 36px;
}
.mnote {color: #7F007F !important;}
#tipbox {
    position: absolute;
    border: 1px solid #ec6;
    padding: 3px;
    background: #ffd;
    font-size: 86%;
    text-align: left;
    z-index: 1000;
}
#tipbox-underlay {
    position: absolute;
    background: #000;
    z-index: 999;
}
#tipbox .editpane {
	width: 350px;
	margin-top: 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: 86%;
    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: 86%;
	padding: .25em .3em;
	font-weight: bold;
}
#context-tool-div input {
	font-size: 92% !important; 
	font-size: 98%; 
	font-family: "Lucida Grande", "Segoe UI", 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;}
#blidgetbanner, #mixitbanner {margin: 4px 18px 0;}
/* @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;}
.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 */
.formblock fieldset {
	margin: .5em 0;
	padding: 0;
	border: none;
}
fieldset.preview {
	margin: 1em 0;
	padding: .6em .8em;
	border: 1px solid #abb6bd;
}
.formblock legend, fieldset.preview legend {
	color: #62686f;
	font-weight: normal;
	margin: 0;
}
.formblock table {
	background: #f6f6f6;
	border: 1px solid #abb6bd; 
	padding: 8px; 
	width: 100%; 
}
.formblock table td {
	background-color: #f6f6f6;
	padding: .5em 0 .5em .6em;
	vertical-align: top;
}
.formblock table td img {vertical-align: middle;}
.installblock .formblock fieldset {
	border-color: #abb6a4;
	margin: 0;
	padding: 0;
}
.installblock .formblock table {border-color: #f0f0d0;}
.installblock .formblock table td {background-color: #f0f0d0;}
.installblock .formblock table td p {
	width: 18.5em;
}
.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: 86%;}
.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", "Segoe UI", 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: 92%;
	line-height: 1.4;
	margin: 3px 2px;
	width: 30em;
	overflow: hidden; 
	/*text-overflow: ellipsis;*/
}
.formblock p.long {margin-top: 0; width: auto;}
.formblock span.readonly {line-height: 1.5;}
.formblock em {
	font-weight: bold;
	font-size: 86%;
	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: 86%;}
.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: 97%;
	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: 92%;
	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;
	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: 86%;}
.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: 2px solid #bfbfbf;
	border-left: 2px solid #c3c3c3;
	border-bottom: 2px solid #ddd;
	border-right: 2px solid #c3c3c3;
}
.formpane input[type="text"]:focus, .formpane input[type="password"]:focus, .formpane textarea:focus {border: 2px 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;}
.editor h4 {
    font: bold 86% "Lucida Grande", "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: 86%; 
}
.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, .editpane p.subset {margin-left: 1.6em;}
.editpane label {
	font-weight: bold; 
	display: block;	
	font-family: "Lucida Grande", Verdana, sans-serif;
}
.editpane label.secondary {
    font-weight: normal;
    margin-bottom: .15em;
    color: #555;
}
.editpane label.sublabel {
    font-weight: normal;
    display: inline;
    color: #555;
}
.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: #555;
	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 h5 {font-size: 106%;}
.editpane .sectionhead h5 span {font-size: 86%; 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: 92% !important; 
	font-size: 98%; 
	font-family: "Lucida Grande", 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; 
}
.scrollbox .itembox {
	border: 2px solid #fff;
	float: left;
	width: 79px;
	height: 79px;
	top: 0;
	left: 0;
	margin: 3px 6px;
	display: block;
	overflow: hidden;
	/*position: relative;*/	
}
.scrollbox .itembox .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;*/
}
.scrollbox .itembox:hover {border: 2px solid #ec6; outline: none;}
.scrollbox .itembox:hover .thumbnail {border-color: #ffd;}
.scrollbox .itembox.selected, 
.scrollbox .itembox:focus.selected,
.scrollbox .itembox.selected .thumbnail {border-color: #27d; outline: none;}
.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;
}
#themechooser.scrollbox {
	width: 270px; 
	height: 85px; 
	overflow: hidden; 
	border: 1px solid #cdd;
}
#themechooser.scrollbox .itembox {
	width: 31px;
	height: 31px;
	top: 0;
	left: 0;
	margin: 3px 3px 3px 6px;
}
#themechooser.scrollbox .itembox .thumbnail {
	border: 2px solid #fff;
	width: 27px;
	height: 27px;
	margin: 0 auto;
	/*position: relative;*/
}
#themechooser.scrollbox .itembox:hover {border: 2px solid #ec6;}
#themechooser.scrollbox .itembox:hover .thumbnail {border-color: #ffd;}
#themechooser.scrollbox .itembox.selected, .scrollbox .itembox.selected .thumbnail {border-color: #27d;}
.editpane #themechooser.scrollbox {width:190px; height:126px; float: left;}
.editpane .butcons a {float: left;}
.editpane .butcons {
	float: none !important;
	float: left;
}
*+html .editpane .butcons {display: inline;}
/* @end */

/* @group Placement & Dropdowns */
.formpane .replace-set label {display: inline; padding-right:.2em;}
option {margin-right: .4em;}
optgroup {font-style: normal; color: #333;}
optgroup option {padding-left: 1.3em; color: #333;}
option.action {font-style: italic;}

/* @end */
/* @group Homepage & Roundy Boxes */
.rbroundbox {background: #e5ebf3;}
.rbtop div  {background: url(../images/rb_tl.gif) no-repeat top left;}
.rbtop      {background: url(../images/rb_tr.gif) no-repeat top right;}
.rbbot div  {background: url(../images/rb_bl.gif) no-repeat bottom left;}
.rbbot      {background: url(../images/rb_br.gif) no-repeat bottom right;}

/* height and width details */
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 14px;
	font-size: 1px;
}
.rbroundbox {
	margin: auto;
	margin-bottom: 12px;
	margin-top: 5px;
}
.listblock {
	background: #e5ebf3;
	/*background: #fffef6;*/
	margin: 0 8px;
	position: relative;
}
.infocol .rbroundbox {margin-top: 1.6em;}
.listblock h2 {
	margin-top: -8px;
	padding-left: 30px;
	padding-top: 3px;
	line-height: 28px;
	/*font-size: 125%;*/
	font-size: 112%;
}
.listblock h4 {
	margin-top: -4px;
	width: 21em;
	font: bold 112% Helvetica, Arial, Verdana, sans-serif;
}
.listblock h4 a, .listblock h4 a:visited {color: #333;}
.listblock h4 a:hover {color: #36c; text-decoration: underline;}
.listblock h4 em {
	padding-left: .2em;
	font: normal 86% "Lucida Grande", "Segoe UI", Verdana, sans-serif;
	color: #555;
}
.listblock h2#rate {background: url(../images/lblock-hdr-rate.gif) no-repeat center left;}
.listblock h2#fav {background: url(../images/lblock-hdr-fav.gif) no-repeat center left;}
.listblock h2#new {background: url(../images/lblock-hdr-new.gif) no-repeat center left;}
.listblock table {border-top: 2px solid #85b8e0; margin: 0;}
.listblock table td {
	font-weight: bold;
	font-size: 86%;
	padding: 2px;
	border-bottom: 1px solid #ccc;
}
.listblock td a {color: #444;}
.listblock td a:hover {color: #222;}
.listblock table td img {vertical-align: text-bottom; margin-top: 2px;}
.listblock table tr.last td {
	padding-bottom: 0;
	border-bottom: none;
	text-align: right;
	font-weight: normal;
}
.listblock table td.stat {
	font-weight: normal;
	color: #666;
	text-align: right;
	white-space: nowrap;
	padding-left: .3em;
}
.listblock dl {margin-top: 5px;}
.listblock dt, .listblock dd {
	font-size: 86%;
	margin: 2px 3px;
}
.listblock dt {float: right; position: relative; padding-left: .8em;}
.listblock dt em {font-weight: normal; color: #666;}
.listblock dd.byline {
    border-bottom: 1px solid #ccc; 
    padding: .2em 0 .4em; 
    color: #555;
    clear: right;
}
.listblock dd.last {
	border-bottom: none;
}
.listblock dd.more {
    border-top: 1px solid #ccc;
	padding-top: .5em;
	padding-bottom: 0;
	margin-bottom: 0;
	text-align: right;
}
#statsbar {
	font-size: 86%; 
	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: #f7e9bb;
	border: 1px solid #fbd661; 
}
#statsbar img {vertical-align: middle; margin: 0 0 2px 21px !important;}
#statsbar label {font-weight: normal; color: #342;}
#statsbar em {font-weight: normal; color: #674;}
#welcomebox {background: url(../images/welcome-imagery.gif) no-repeat top right; height: 197px;}
#welcomebox #textbox {
    background: url(../images/welcome-leftcap.gif) no-repeat top left;
    height: 155px;
    padding: 42px 118px 18px 18px;
}
#welcomebox.partner #textbox {
    background: url(../images/welcome-partner-lcap.gif) no-repeat top left;
    height: 177px;
    padding: 22px 118px 18px 18px;
}
#welcomebox ul {list-style: square inside; margin-top: .4em;}
#welcomebox p, #welcomebox li {
    font-size: 86%;
    color: #555;
    margin: 0;
}
#welcomebox li {font-weight: bold; padding: 0;}
.feedlink img { 
	height: 16px;
	width: 16px;
	border: none;
	position: absolute;
	right: 0 !important;
	right: 12px;
	top: 6px;
}
.featured-hdr .feedlink img {
    position: relative;
    margin-left: 2px !important;
    margin-left: .8em;
    top: 0;
}
#featured.glist {
	border: 1px solid #c7c9cb;
	margin-top: 15px;
	margin-right: 15px;
	padding: 5px;
	width: 260px;
	float: left;
}
#featured.glist h2 {margin-top: 0px; border-bottom: 1px solid #c7c9cb;}
#featured.glist h2 .thumb {margin-bottom: 3em;}
#featured.glist p {
	margin-bottom: .4em; 
	font-size: 92%; 
	color: #444;
}
#featured.glist div {margin-left: 0px;}
table.wdgtinfo td {font-size: 86%; padding: 0 .9em .15em 0;}
table.wdgtinfo td img {border: none; vertical-align: text-bottom;}
table.wdgtinfo td a:hover {background-color: none;}
#morehelp {margin: 3px 0 0;}
#morehelp a {
	font-size: 86%;
	background: url(../images/link-arrow-its.gif) no-repeat right center;
	padding-right: 15px;
	font-weight: bold;
	color: #006ab4;
	line-height: 1.8;
}

/* @end */

/* @group Footer */
#footer {
	border-top: 1px solid #9ba3bc;
	background: url(../images/ftr-bg.gif) repeat-x top left;
	padding: 10px 18px 10px;
	font-size: 86%;
	color: #333;
	clear: both;
	height: 1.35em;
}
#footer p {margin: 0; float: left;}
#footer #linkset {float: right; padding-left: 1.3em;}
#footer .clear {
    width: 680px; /* needed for IE's lack of min-width */
    height: 1px;
}
#footer a {margin: 0 .3em;}

/* @end */

/* @group Buttons */
.sbtn a, .sbtn a:visited {
    float: left;
	display: block;
	color: #fff;
    height: 17px;
    line-height: 15px;
    padding: 0 11px;
    text-decoration: none !important;
}
.sbtn a 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; outline: none;}
.sbtn a:hover span, .sbtn a:focus span {color: #fff; background-position: 100% -17px;}  
.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; outline: none;}
.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; outline: none;}
.sbtn a.addto:hover span, .sbtn a.addto: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;
}
.action-set li, .action-setm li {
	float: right;
  	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 26px;
	margin-left: 8px;
	overflow: hidden;
}
ul.messages ul.action-set li {
	float: left !important;
  	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 26px;
	margin-right: 8px;
	margin-left: 0;
	margin-top: 8px;
	overflow: hidden;
}
.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;
	outline: none;
}
.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;
	outline: none;
}
.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;
	outline: none;
}


/* @group Gallery Buttons */
a.backshowcase-btn, a.backshowcase-btn:hover, a.backshowcase-btn:focus {
	background-image: url(../images/backshowcase-mbtn.gif);
	width: 134px;
}
a.backgallery-btn, a.backgallery-btn:hover, a.backgallery-btn:focus {
	background-image: url(../images/backgallery-mbtn.gif);
	width: 118px;
}
a.backsubs-btn, a.backsubs-btn:hover, a.backsubs-btn:focus {
	background-image: url(../images/backsubs-mbtn.gif);
	width: 114px;
}
a.goback-btn, a.goback-btn:hover, a.goback-btn:focus {
	background-image: url(../images/goback-mbtn.gif);
	width: 81px;
}
a.editsub-btn, a.editsub-btn:hover, a.editsub-btn:focus {
	background-image: url(../images/editsub-mbtn.gif);
	width: 152px;
}
.getstarted-btn, .getstarted-btn a, .getstarted-btn a:hover, .getstarted-btn a:focus {
	background-image: url(../images/getstarted-mbtn.gif);
	width: 106px;
}
.seemixits-btn, .seemixits-btn a, .seemixits-btn a:hover, .seemixits-btn a:focus {
	background-image: url(../images/seemixits-mbtn.gif);
	width: 173px;
}
.continue-btn, .continue-btn a, .continue-btn a:hover, .continue-btn a:focus {
	background-image: url(../images/continue-mbtn.gif);
	width: 91px;
}
.go-btn, .go-btn a, .go-btn a:hover, .go-btn a:focus {
	background-image: url(../images/go-mbtn.gif);
	width: 47px;
}
#gobtn .go-btn a:active {
	background-image: url(../images/go-mbtn.gif);
	background-repeat: no-repeat;
	background-position: 0 -44px;
}
.goback-lgbtn, .goback-lgbtn a, .goback-lgbtn a:hover, .goback-lgbtn a:focus {
	background-image: url(../images/goback-lgbtn.gif);
	width: 96px;
}
.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: 177px;
}
.placewidget-lgbtn, .placewidget-lgbtn a, .placewidget-lgbtn a:hover, .placewidget-lgbtn a:focus {
	background-image: url(../images/placewidget-lgbtn.gif);
	width: 130px;
}
.regwdgt-lgbtn, .regwdgt-lgbtn a, .regwdgt-lgbtn a:hover, .regwdgt-lgbtn a:focus {
	background-image: url(../images/regwdgt-lgbtn.gif);
	width: 173px;
}
.pubbldgt-lgbtn, .pubbldgt-lgbtn a, .pubbldgt-lgbtn a:hover, .pubbldgt-lgbtn a:focus {
	background-image: url(../images/pubbldgt-lgbtn.gif);
	width: 141px;
}
.pubmixit-lgbtn, .pubmixit-lgbtn a, .pubmixit-lgbtn a:hover, .pubmixit-lgbtn a:focus {
	background-image: url(../images/pubmixit-lgbtn.png);
	width: 125px;
	behavior: url(/css/iepngfix.htc);
}
.mixit .goback-lgbtn, .mixit .goback-lgbtn a, .mixit .goback-lgbtn a:hover, .mixit .goback-lgbtn a:focus {
	background-image: url(../images/goback-lgbtn.png);
	width: 96px;
	behavior: url(/css/iepngfix.htc);
}
#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;
}
.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: 2px 2px #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: 5px;
	float: left;
}
.butcons a:hover, .butcons a:focus {
	background-repeat: no-repeat;
	background-position: 0 -27px;
	background-color: transparent;
	outline: none;
}
#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);
	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);
	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 73%/138% "Lucida Grande", "Segoe UI", 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;
}

/*
	"tooltip" styles
	Usage:
		Well, this is the text that is just before the damnded thing.
		<span class="tooltip">
			<div>
				<a href="#">some text or some pic (will be the visible link/trigger for the tooltip)
					<span>
						<em>tooltip title</em>
						tooltip well, I will give you back your normal text text goes here ...
					</span>
				</a>
			</div>
		</span> well, here I continue
*/

.tooltip div {

	font-size: 11px;
	letter-spacing: 0px;
	display: inline;
}

.tooltip div a {
	text-decoration: none;
}

.tooltip div a:hover {
	border: none;
}

.tooltip div a span {
	font-size: 100%;
	display: none;
	width: 180px;
	background-color: #FFFFCC;
	color: #333333;
	padding: 0 6px 6px 6px;
}

.tooltip div a:hover span {
	display: inline;
	position: absolute;
	text-align: left;
	margin: 25px 0 0 -100px;
	cursor: default;
	border-width: 1px;
	border-color: #333333;
	border-style: outset;
	text-decoration: none;
}

.tooltip div a span em {
	display: block;
	font-style: normal;
	font-size: 110%;
	font-weight: bold;
	line-height: 18px;
	color: #000000;
	width: 172px;
	background-color: #FFCC33;
	padding-left: 5px;
	padding-right: 15px;
	margin: 0 -10px 6px -6px;
}
/*	"tooltip" styles - END */

.info{
	font-weight: bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(../images/attn.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 8px;
	color: #0066FF;
}

.banner_ad{
	border: 1px solid #CCCCCC;
}

.profiler {
	margin: auto;
	background: url(../images/profiler-bg.gif) no-repeat;
	color:  #686868;
	font: 100% Helvetica, Arial, Verdana, sans-serif; 
	width: 870px;
	padding: 15px;
	margin-top: 10px;	
}

.profiler_menu{
	background-image: url(../images/profiler_menu_bg.gif);
	background-repeat: repeat-x;
	height: 31px;
	line-height: 31px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	color: #FFFFFF;
	margin-right: 20px;
	float: left;
}