/* UI Switch */
.ui-switch{
	display:block;
	width:45px;
	height:25px;
	white-space:nowrap;
	text-indent:-9999px;
	overflow:hidden;
	
	background:url(forum-follow-switch.1438346607804d6ffc2e6b0059935ab9.png) no-repeat right top;
}
	.ui-switch.hasLabel{
		display:block;
		width:auto;
		text-indent:0 !important;
		text-decoration:none;
		line-height:25px;
		padding-right:55px;
		
		font-size:14px;
		font-weight:bold;
		color:#c2c2c2;
	}
	.ui-switch.off{
		background-position:right top;
	}
	.ui-switch.off:hover{
		background-position:right -25px;
	}
	.ui-switch.on{
		background-position:right -50px;
	}
	.ui-switch.on:hover{
		background-position:right -75px;
	}

/* UI Buttton */
.ui-button{
	display:inline-block;
	height:37px;
	cursor:pointer;
	
	padding:0 15px;
	line-height:37px;
	
	font-family:"Helvetica","Lucida Grande",sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#fff;
	text-decoration:none;
	
	text-shadow:0 -1px 0 rgba(155,0,58,0.7);
	white-space:nowrap;
	
	border:1px solid #cd024d;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ff0065;
    background-image: -webkit-linear-gradient(top left, #ff0065 0%, #dc0052 100%);
    background-image: -moz-linear-gradient(top left, #ff0065 0%, #dc0052 100%);
    background-image: -o-linear-gradient(top left, #ff0065 0%, #dc0052 100%);
    background-image: -ms-linear-gradient(top left, #ff0065 0%, #dc0052 100%);
    background-image: linear-gradient(top left, #ff0065 0%, #dc0052 100%);
	-pie-background: linear-gradient(#ff0065, #dc0052); /*PIE*/
	
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	
	behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc); /* ie css3 fixes http://css3pie.com */
    position:relative;
}
	.ie9 .ui-button{
		behavior: '';
	}
	.ui-button:hover{
		text-decoration:none;
        background-image: -webkit-linear-gradient(top left, #ff6a86 0%, #eb045a 100%);
        background-image: -moz-linear-gradient(top left, #ff6a86 0%, #eb045a 100%);
        background-image: -o-linear-gradient(top left, #ff6a86 0%, #eb045a 100%);
        background-image: -ms-linear-gradient(top left, #ff6a86 0%, #eb045a 100%);
        background-image: linear-gradient(top left, #ff6a86 0%, #eb045a 100%);

        -pie-background: linear-gradient(#ff6a86, #eb045a); /*PIE*/
	}
	
	.ui-button.down{
        background-image: -webkit-linear-gradient(top left, #ff0065 0%, #ca004b 100%);
        background-image: -moz-linear-gradient(top left, #ff0065 0%, #ca004b 100%);
        background-image: -o-linear-gradient(top left, #ff0065 0%, #ca004b 100%);
        background-image: -ms-linear-gradient(top left, #ff0065 0%, #ca004b 100%);
        background-image: linear-gradient(top left, #ff0065 0%, #ca004b 100%);

        -pie-background: linear-gradient(#ff0065, #ca004b); /*PIE*/
		
		-moz-box-shadow:inset 0 1px 0 rgba(0,0,0,0.2);
		-webkit-box-shadow:inset 0 1px 0 rgba(0,0,0,0.2);
		box-shadow:inset 0 1px 0 rgba(0,0,0,0.2);
	}

/* Add to cart button */
.bAddToCart{
	cursor:pointer;
	font-size:12px;
	height:24px;
	line-height:24px;
	padding:0 10px;
}

/********************************************/
/* Toggle (imported from mobile version)	*/
/********************************************/
.fitbitToggle{
	position:relative;
	
	border:none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	cursor:pointer;
}
.fitbitToggle.down{
	background:rgba(153,153,153,0.25);
}
.fitbitToggle select{
	position:absolute;
	z-index:0;
	top:-9999px;
	left:-9999px;
	opacity:0;
	
	padding:0 !important;
	height:auto !important;
}
.fitbitToggle div{
	line-height:28px;
	
	background:url(mobile-ui.55868fd5860fb5c06f0e95054931d21d.png) no-repeat right -46px;
	
	font-size:16px;
	font-weight:bold !important;
	color:#676766;
	
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
	padding-left:5px;
	padding-right:25px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2){
	.fitbitToggle div {
		background:url(mobile-retinal-arrows-up-down-46px.87870734d37da742a51319a62fca272b.png) no-repeat 5px right;
		background-size: 23px;
	}
}
/************************************/
/*	Popup modal dialog				*/
/************************************/

.ui-widget{
	font-family:inherit;
}
.ui-widget-overlay{
	background-color:#000;
	position: fixed; /* IE scrollbar	*/
    top: 0;          /* removing		*/
    left: 0;         /*					*/
}
.ui-fitbitDialog.ui-widget-content{
	background:none;
}
.ui-fitbitDialog .ui-widget-content a.ui-button {
    color: #fff;
}

.ui-fitbitDialog{
	border:none;
	padding:0;
	
	border-radius:0;
}
.ie8 .ui-fitbitDialog .ui-dialog-content,
.ie7 .ui-fitbitDialog .ui-dialog-content
{
	overflow:hidden;
	position:relative;
}
.ui-fitbitDialog .ui-dialog-titlebar{
	display:none;
}

.ui-fitbitDialog .ui-dialog-content{
	padding:13px !important;
	position:relative !important;	
}

.ui-fitbitDialog .dialogContent{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:#fff;
	
	padding:10px;
	
	-moz-box-shadow:0 1px 13px rgba(0,0,0,0.6);
	-webkit-box-shadow:0 1px 13px rgba(0,0,0,0.6);
	box-shadow:0 1px 13px rgba(0,0,0,0.6);
	
	-pie-watch-ancestors:2;
	
	behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc);
}

.ui-fitbitDialog .modalContent{
	padding:0 37px 35px 27px;
}

.ui-fitbitDialog .modalHeader{
	background:#b6e3e4;
	text-align:left;
	border-bottom:1px solid #73c8c8;
}
.ui-fitbitDialog .modalHeader h2{
	font-size:24px;
	color:#436a6a;
	line-height:50px;
	text-indent:20px;
	font-weight:normal;
}
.ui-fitbitDialog .modalHeader .bClose{
	cursor:pointer;
	position:absolute;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:30px;
	height:30px;
	top:35px;
	right:35px;
	
	background:url(modal-close-button.9787422ce37809fac824648d4f15de0e.gif) no-repeat;
}

.ui-fitbitDialog .modalContent{
	padding:40px;
    background-image: -webkit-linear-gradient(top left, #f4f4f4 0%, #e6e6e6 100%);
    background-image: -moz-linear-gradient(top left, #f4f4f4 0%, #e6e6e6 100%);
    background-image: -o-linear-gradient(top left, #f4f4f4 0%, #e6e6e6 100%);
    background-image: -ms-linear-gradient(top left, #f4f4f4 0%, #e6e6e6 100%);
    background-image: linear-gradient(top left, #f4f4f4 0%, #e6e6e6 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4',endColorstr='#e6e6e6',GradientType=0);
}
/* Modal Dialog Close Buttons */
button.closeModal {
	position: absolute; top: 16px; right: 19px;
	overflow: visible;
	padding: 0;
	border: 0; outline: 0;
	background: none;
	cursor: pointer;
}
.bCloseDialog del,
button.closeModal span {
	display:block;overflow:hidden;
    position:absolute;top:35px;right:35px;
	height:26px;padding:0 34px 0 0;
    color:#f13c6e;font-size:13px;line-height:24px;text-decoration:none;text-indent:-222px;
	background:url(dialog_close_buttons.01f0218219b61486bea427208b08b211.gif) 100% -26px no-repeat;
	cursor:pointer;
}
.bCloseDialog del:hover,
button.hover span,
button.closeModal:hover span {
    text-indent:0;background-position:100% 0;
}
button.closeModal span {
    position:static;
}

#colorSelector .modalContent {padding-right:70px;}
.color-selector {
    position:relative;float:left;
    font-size:15px;font-weight:bold;text-decoration:none;text-shadow:1px 1px #fff;
    -moz-user-select: none; -webkit-user-select: none;
}

.color-selector:visited {color:#444;}

#colorSelector h2{
	color:#343333;
	font-size:24px;
	font-weight:bold;
	line-height:18px;
}

#colorSelector p {
    padding:5px 0 9px;
	color:#676766;
	font-size:18px;
	line-height:22px;
}
input::-moz-focus-inner, button::-moz-focus-inner {border:0;padding:0;}

.page_prev, .page_next {position:relative;height:28px;color:#fff;font:bold 13px/28px Arial,Helvetica,sans-serif;}
.page_prev {padding:0 0 0 21px;background:url(btn_prev_teal.dfca335ecb6833a9586b47e1d4527f27.png) no-repeat;}
.page_prev b {position:absolute;right:-15px;width:15px;height:28px;background:url(btn_prev_teal.dfca335ecb6833a9586b47e1d4527f27.png) 100% 0 no-repeat;}
.page_next {padding:0 21px 0 0;background:url(btn_next_teal.134713d18529c6c73691dc7314110d00.png) 100% 0 no-repeat;}
.page_next b {position:absolute;left:-15px;width:15px;height:28px;background:url(btn_next_teal.134713d18529c6c73691dc7314110d00.png) no-repeat;}
.page_prev:hover, .page_next:hover b {background-position:0 -38px;}
.page_next:hover, .page_prev:hover b {background-position:100% -38px;}
.page_prev:active, .page_next:active b {background-position:0 -76px;}
.page_next:active, .page_prev:active b {background-position:100% -76px;}

/*** PINK BUTTONS: The main calls-to-action ***/
.btnPink {
	text-shadow: 0px -1px 0px #890033;
	border: solid #be0249 1px;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fe8790;
	-moz-box-shadow: inset 0px 1px 0px 0px #fe8790;
	box-shadow: inset 0px 1px 0px 0px #fe8790;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#fe0064), to(#be0249));
    background: -webkit-linear-gradient(top, #fe0064, #be0249);
    background: -moz-linear-gradient(top, #fe0064, #be0249);
    background: -o-linear-gradient(top, #fe0064, #be0249);
    background: -ms-linear-gradient(top, #fe0064, #be0249);
    background: linear-gradient(top, #fe0064, #be0249);
}
.btnPink:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#be0249), to(#fe0064));
    background: -webkit-linear-gradient(top, #be0249, #fe0064);
    background: -moz-linear-gradient(top, #be0249, #fe0064);
    background: -o-linear-gradient(top, #be0249, #fe0064);
    background: -ms-linear-gradient(top, #be0249, #fe0064);
    background: linear-gradient(top, #be0249, #fe0064);
}
.btnPink:active {
	-webkit-box-shadow: inset 0px 2px 2px 1px #9b003a;
	-moz-box-shadow: inset 0px 2px 2px 1px #9b003a;
	box-shadow: inset 0px 2px 2px 1px #9b003a;
}

/*** GRAY BUTTONS: Usually secondary or tertiary ***/
.btnDkGray {
	text-shadow: 0px -1px 0px #4d4d4d;
	border: solid #676766 1px;
	-webkit-box-shadow: inset 0px 1px 0px 0px #c0c0c0;
	-moz-box-shadow: inset 0px 1px 0px 0px #c0c0c0;
	box-shadow: inset 0px 1px 0px 0px #c0c0c0;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#9d9d9d), to(#676766));
    background: -webkit-linear-gradient(top, #9d9d9d, #676766);
    background: -moz-linear-gradient(top, #9d9d9d, #676766);
    background: -o-linear-gradient(top, #9d9d9d, #676766);
    background: -ms-linear-gradient(top, #9d9d9d, #676766);
    background: linear-gradient(top, #9d9d9d, #676766);
}
.btnDkGray:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#676766), to(#9d9d9d));
    background: -webkit-linear-gradient(top, #676766, #9d9d9d);
    background: -moz-linear-gradient(top, #676766, #9d9d9d);
    background: -o-linear-gradient(top, #676766, #9d9d9d);
    background: -ms-linear-gradient(top, #676766, #9d9d9d);
    background: linear-gradient(top, #676766, #9d9d9d);
}
.btnDkGray:active {
	-webkit-box-shadow: inset 0px 2px 2px 1px #4d4d4d;
	-moz-box-shadow: inset 0px 2px 2px 1px #4d4d4d;
	box-shadow: inset 0px 2px 2px 1px #4d4d4d;
}

.btnLtGray, .inactive .btnLtGray:hover {
	text-shadow: 0px -1px 0px #666666;
	border: solid #999999 1px;
	-moz-box-shadow: inset 0px 1px 0px 0px #dedede;
	-webkit-box-shadow: inset 0px 1px 0px 0px #dedede;
	box-shadow: inset 0px 1px 0px 0px #dedede;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#c4c4c4), to(#999999));
    background: -webkit-linear-gradient(top, #c4c4c4, #999999);
    background: -moz-linear-gradient(top, #c4c4c4, #999999);
    background: -o-linear-gradient(top, #c4c4c4, #999999);
    background: -ms-linear-gradient(top, #c4c4c4, #999999);
    background: linear-gradient(top, #c4c4c4, #999999);
}
.btnLtGray:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#999999), to(#c4c4c4));
    background: -webkit-linear-gradient(top, #999999, #c4c4c4);
    background: -moz-linear-gradient(top, #999999, #c4c4c4);
    background: -o-linear-gradient(top, #999999, #c4c4c4);
    background: -ms-linear-gradient(top, #999999, #c4c4c4);
    background: linear-gradient(top, #999999, #c4c4c4);
    background-color:#999999;
}
.btnLtGray:active {
	-moz-box-shadow: inset 0px 2px 2px 1px #767676;
	-webkit-box-shadow: inset 0px 2px 2px 1px #767676;
	box-shadow: inset 0px 2px 2px 1px #767676;
}

.btnTeal {
    text-shadow: 0px -1px 0px #1a8484;
    border: solid #289797 1px;
    -webkit-box-shadow: inset 0px 1px 0px 0px #97d9d9;
    -moz-box-shadow: inset 0px 1px 0px 0px #97d9d9;
    box-shadow: inset 0px 1px 0px 0px #97d9d9;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#4cbfbf), to(#289797));
    background: -webkit-linear-gradient(top, #4cbfbf, #289797);
    background: -moz-linear-gradient(top, #4cbfbf, #289797);
    background: -o-linear-gradient(top, #4cbfbf, #289797);
    background: -ms-linear-gradient(top, #4cbfbf, #289797);
    background: linear-gradient(top, #4cbfbf, #289797);
}
.btnTeal:hover {
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#289797), to(#4cbfbf));
    background: -webkit-linear-gradient(top, #289797, #4cbfbf);
    background: -moz-linear-gradient(top, #289797, #4cbfbf);
    background: -o-linear-gradient(top, #289797, #4cbfbf);
    background: -ms-linear-gradient(top, #289797, #4cbfbf);
    background: linear-gradient(top, #289797, #4cbfbf);
}
.btnTeal:active {
    -webkit-box-shadow: inset 0px 2px 2px 1px #0d6e77;
    -moz-box-shadow: inset 0px 2px 2px 1px #0d6e77;
	box-shadow: inset 0px 2px 2px 1px #0d6e77;
}

.btnXS {
	font-size: 10px;
	font-weight: bold;
	padding: 4px 7px 3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btnSm {
	font-size: 13px;
	padding: 5px 13px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.btnMd {
	font-size: 15px;
	padding: 8px 18px;
}
.btnLg {
	font-size: 18px;
	padding: 11px 22px;
}

.locale-ja_JP .btnLg {
	font-size: 16px;
}

.btnXL {
	font-size: 22px;
	padding: 15px 26px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.btnTeal.dbl,   .btnPink.dbl   {padding:8px 16px 7px;line-height:13px;}
.btnTeal.dbl b, .btnPink.dbl b {display:block;padding:0 0 1px;font:bold 14px/17px Helvetica, Arial, sans-serif;text-transform:uppercase;}
.btnTeal.dbl i, .btnPink.dbl i,
.btnTeal.dbl em, .btnPink.dbl em {font:italic normal 12px Georgia, "Times New Roman", Times, serif;}
.btnTeal.dbl strong, .btnPink.dbl strong {font:bold 14px Helvetica, Arial, sans-serif;text-transform:uppercase;}

.locale-ja_JP .btnTeal.dbl b, .locale-ja_JP .btnPink.dbl b { font-size: 10px; }
.locale-ja_JP .btnTeal.dbl i, .locale-ja_JP .btnPink.dbl i,
.locale-ja_JP .btnTeal.dbl em, .locale-ja_JP .btnPink.dbl em {font: 10px Georgia, "Times New Roman", Times, serif;}

.btnPink, .btnDkGray, .btnLtGray, .btnTeal {
    display: inline-block;
    color: #fff; font-family: Helvetica, Arial, sans-serif; text-decoration: none; text-align: center;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    cursor: pointer;
}
.btnPink:active, .btnDkGray:active, .btnLtGray:active, .btnTeal:active {position:relative;top:1px;color:#fff;text-decoration:none;}
.btnPink:hover, .btnDkGray:hover, .btnLtGray:hover, .btnTeal:hover,
.page_prev:hover, .page_next:hover, .page_prev:active, .page_next:active,
.color-selector:hover, .color-selector:active {text-decoration:none;}
.btnPink:visited, .btnDkGray:visited, .btnLtGray:visited, .btnTeal:visited, .page_prev:visited, .page_next:visited {color:#fff;}

.ie8 .btnPink, .ie8 .btnDkGray, .ie8 .btnLtGray, .ie8 .btnTeal {behavior: url(PIE.1997baeb3fa434282acab0f58d39547a.htc);}

.user_alert_msg {
    color: #666;
    font: normal normal 13px/24px Helvetica, Arial, sans-serif;
    padding: 10px 10px 10px 46px;
    margin-bottom: 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #FFF79E url(user_alert_orange_19x19.6a84698b6105f4076fa9730354458bdb.png) 15px 50% no-repeat;
}

.user_alert_msg .user_alert_msg_link,
.user_alert_msg .close_icon {
    cursor: pointer;
    color: #F6772C;
    font-weight: bold;
}

.user_alert_msg .close_icon {
    visibility: hidden;
    width: 40px;
    height: 25px;
    line-height: 25px;
    padding-right: 28px;
    float: right;
    text-align: right;
    background: transparent url(closer_icon_sprite_orange.0234facbec6bb60f495d01cfb9e9eab7.png) 43px 0 no-repeat;
    overflow: hidden;
}
.user_alert_msg .close_icon span.text_hidden {
    visibility: hidden;
}
.user_alert_msg .close_icon:hover {
    background-position: 43px -25px;
}
.user_alert_msg .user_alert_msg_link:hover {
    text-decoration: underline;
}

/*# sourceMappingURL=TEMP.design.2009-07.css.ui.css.bd9bd6925073179f5194f40b35c8fdc6.css.map*/