/* Formatting
----------------------------------------------------------------------------- */


/* DEFINITION LIST
----------------------------------------------------------------------------- */


	dl {

	width: 100%;
	padding: 0 0 15px 0;
	margin: 0;
	float: left;
	display: block;

	}

	dt {

	padding: 5px 0 0 0;
	clear: left;
	float: left;
	display: block;
	font-weight: bold;

	}

	dd {

	margin: 0;
	padding: 5px 0 0 0;
	float: left;
	display: block;

	}


/* PARAGRAPHS
----------------------------------------------------------------------------- */


	p {

	clear: left;

	}


/* IMAGES
----------------------------------------------------------------------------- */


	img {

	margin: 0 0 15px 0;
	border: 0;

	}
	
	img + em {
	
	display: block;
	
	}


/* QUOTES
----------------------------------------------------------------------------- */


	blockquote {

	margin: 15px auto;

	}

	blockquote p {

	width: 90%;
	margin: 0;
	padding: 0;

	}


/* MARKDOWN
----------------------------------------------------------------------------- */


	.markdown .story strong,
	.markdown .story em {

	padding: 0 !important;
	clear: none !important;
	float: none !important;
	display: inline !important;

	}

	.markdown .story strong {

	font-style: normal !important;
	font-weight: bold !important;

	}

	.markdown .story em {

	font-style: italic !important;
	font-weight: normal !important;

	}

	.markdown .about strong, .markdown .about em {

	margin: 0 !important;
	padding: 0 !important;

	}

	.markdown .story img {

	width: auto !important;
	float: none !important;
	margin: 0 0 15px 0 !important;

	}

	.markdown .about ul, .markdown .story ul, .markdown .post ul, #software ul, #browsers ul, body.section-legal #content ul, .markdown .details ul {

	width: auto !important;
	background: none !important;
	margin: 0 0 15px 15px !important;
	padding: 0 0 0 15px !important;
	clear: both;
	list-style-type: square !important;
	border: 0 !important;

	}

	.markdown .about ol, .markdown .story ol, .markdown .post ol, #software ol, #browsers ol, body.section-legal #content ol, .markdown .details ol {

	width: auto !important;
	background: none !important;
	margin: 0 0 15px 15px !important;
	padding: 0 0 0 15px !important;
	clear: both;
	list-style-type: decimal !important;
	border: 0 !important;

	}

	.markdown .about li, .markdown .story li, .markdown .post li, #software li, #browsers li, body.section-legal #content li, .markdown .deatils li {

	width: auto !important;
	background: none;
	min-height: 0 !important;
	background: none !important;
	margin-bottom: 10px !important;
	padding: 0 !important;
	clear: none !important;
	position: static !important;
	float: none !important;
	display: list-item !important;
	border: 0 !important;

	}
	
	.markdown pre {
	
	white-space: normal;
	
	}
	
	.markdown .story table {
		
	margin-bottom: 10px;
		
	}
	
	.markdown .story table tr td {
		
	padding: 5px;
		
	}
	
	
	
/* EMPHASIZED
----------------------------------------------------------------------------- */


	p.emphasis {
	
	padding: 10px 15px;
	border: 1px solid;
	font-weight: bold !important;
	
	}
/* Legal Formatting
----------------------------------------------------------------------------- */


	div.legal div h3, 
	div.returns div h3 {
	
	margin: 0 0 15px 0 !important;
	padding-left: 15px;
	font-size: 14px;
	line-height: 16px;
	
	}

	div.legal div h4, 
	div.returns div h4 {
	
	margin: 0 0 15px 0 !important;
	font-size: 12px;
	line-height: 16px;
	padding-left: 15px !important;
	
	}
	
	div.legal div p, 
	div.returns div p {

	width: 90%;
	padding-left: 15px;
	font-size: 12px;
	line-height: 18px;
	
	}
	
	div.legal div ul, 
	div.returns div ul {
	
	width: 75%;
	margin: 20px !important;
	padding: 0 0 0 30px !important;
	list-style-type: square !important;
	
	}

	div.legal div ol, 
	div.returns div ol {

	width: 75%;
	margin: 20px !important;
	padding: 0 0 0 30px !important;
	
	}	

	div.legal div ol li, 
	div.returns div ol li {

	list-style-type: decimal;

	}
	
	div.legal div ol ol li {
	
	width: 100%;
	list-style-type: lower-alpha;
	
	}


/* LISTS
----------------------------------------------------------------------------- */


	div.markup ul {
	
	width: 75%;
	margin: 20px !important;
	padding: 0 0 0 10px !important;
	list-style-type: square !important;
	
	}

	div.markup ol {

	width: 75%;
	margin: 20px;
	padding: 0 0 0 10px;
	list-style-type: decimal;
	
	}
	
	div.markup li {
	
	margin-bottom: 10px;
	
	}


/* SCROLLBOX
----------------------------------------------------------------------------- */


	div.legal div div, 
	div.returns div div,
	div.widget-item.display div.legal div {
	
	display: block;
	float: left;
	width: 100%;
	height: 250px;
	margin-bottom: 20px !important;
	overflow: auto;
	overflow-x: hidden;
	padding: 15px 0;
	position: relative;
	
	}
/* Forms
----------------------------------------------------------------------------- */


	form {

	margin: 0;
	padding: 0;

	}

	form br {

	clear: left;

	}

	div.form {

	clear: left;

	}


/* FORM GROUPS
----------------------------------------------------------------------------- */


	div.group {

	width: 100%;
	float: left;
	margin-bottom: 20px;

	}

	div.group h4 {

	margin: 0 0 10px 0;

	}

	div.group p {

	margin: 15px 0;

	}


/* TEXT FIELDS + DROPDOWN MENUS
----------------------------------------------------------------------------- */


	input[type=text],
	input[type=search],
	input[type=password],
	input[type=file],
	select,
	textarea {

	float: left;
	margin: 5px 5px 5px 0;
	font-size: 11px;

	}

	select {

	margin: 5px 7px 5px 0;

	}

	textarea {

	float: none;
	width: 96%;
	margin: 5px 5px 5px 0;
	padding: 5px;
	font-size: 13px;
	line-height: 16px;

	}


/* RADIO BUTTONS + CHECKBOXES
----------------------------------------------------------------------------- */


	fieldset {

	margin: 0 0 10px 0;
	padding: 0 0 6px 6px;
	float: left;
	clear: left;
	border: 1px solid;

	}

	fieldset label em {

	font-weight: normal;

	}

	fieldset input {

	float: left;
	width: auto;
	margin: 7px 8px 0 0;
	border: 0;

	}


/* LABELS
----------------------------------------------------------------------------- */


	label em, fieldset em {

	display: block;
	float: left;
	width: 100px;
	padding: 6px 0 0 0;
	font-style: normal;

	}

	table label em,
	table fieldset em {

	width: auto;

	}

	fieldset label em,
	div.group fieldset label em {

	width: auto;

	}


/* Advice */


	label small {

	display: block;
	float: left;
	width: auto;
	padding: 6px 10px 0 0;

	}


/* Alert */


	label.error strong {

	padding: 7px 0 0 0;
	float: left;
	display: block;


	}


/* TOGGLE BUTTONS
----------------------------------------------------------------------------- */


/* Radio Buttons + Checkboxes */


	ul.toggle input {

	width: auto;
	margin: 5px 5px 0 5px;
	padding: 0;
	border: 0;

	}


/* Label */


	ul.toggle label {

	float: left;

	}

	ul.toggle label em {

	width: auto;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 5px;

	}


/* EMPHASIZED
----------------------------------------------------------------------------- */


	label.emphasis em {

	padding-top: 15px;

	}

	label.emphasis input {

	font-size: 24px;
	line-height: 24px;
	padding-left: 5px;
	padding-right: 5px;

	}

/* STANDARD TEMPLATE */
/* Clique Pattern Stylesheet
----------------------------------------------------------------------------- */


	div#id {

	width: 172px;
	height: 28px;
	background-repeat: no-repeat;
	padding: 5px 0 0 8px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;

	}

	body div#id h3 {

	float: left;
	display: block !important;
	text-indent: -5000px;
	width: 25px;
	height: 28px;
	margin: 0 8px 0 0;
	padding: 0;
	background: url('images/h3-id.png') no-repeat;

	}

	div#id h4 {

	width: 119px;
	height: 10px !important;
	background-repeat: no-repeat;
	margin: 0 0 3px 0 !important;
	padding: 0;
	float: left;
	clear: none;
	overflow: hidden;
	text-indent: -5000px;
	visibility: visible !important;
	background: url('images/h4-signedin-70.png') 0 0 no-repeat;

	}

	div#id ul {

	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 130px;

	}

	div#id ul li {

	list-style-type: none;
	float: left;

	}

	div#id a {

	outline: 0;
	background-repeat: no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
	border: 0 !important;

	}

	div#id a.account {

	width: 59px;
	height: 12px;
	margin-right: 8px;
	background: url('images/a-account.png') no-repeat;

	}

	div#id a.signout {

	width: 51px;
	height: 12px;
	background: url('images/a-signout.png') no-repeat;

	}

	div#id a.signin {

	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 33px;
	background: url('images/a-signin.png') no-repeat;

	}


/* CLIQUE PANEL BACKGROUND
----------------------------------------------------------------------------- */


	div#clique {

	background-repeat: no-repeat;
	float: left;
	padding: 24px 0 0 0;

	}
	
	
/* FORM ELEMENTS
----------------------------------------------------------------------------- */

	
	div#clique label,
	#signin-overlay label {

	width: auto;
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	position: static;	

	}
	
	div#clique label em,
	#signin-overlay label em {

	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
	float: left;
	display: block;
	color: #fff;
	font: normal 11px/20px Trebuchet MS, Arial, sans-serif;	
	text-align: left;

	}
	
	div#clique fieldset label em {
	
	width: auto;
	
	}
	
	div#clique input[type=text],
	div#clique input[type=password],
	div#signin-overlay input[type=text],
	div#signin-overlay input[type=password] {

	height: 16px;
	color: #000 !important;
	background-color: #fff !important;	
	margin: 0;
	padding: 0 2px;
	float: left;
	font: normal 12px/14px Trebuchet MS, Arial, sans-serif;
	border: 2px solid #fff;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	}
	
	div#clique label select {
	
	float: left;
	margin: 0 7px 0 0;
	font: normal 12px/14px Trebuchet MS, Arial, sans-serif;

	}
	
	div#clique fieldset input {
	
	margin-top: 0;
	
	}
	
	div#clique label small {
	
	padding: 0 10px 0 5px;
	
	}
	
	
/* Fieldsets */


	div#clique fieldset {
	
	clear: both;
	padding-left: 34%;
	width: 66%;
	border: none;
	
	}
	
	div#clique fieldset label {
	
	margin: 2px 0;
	
	}
	
	div#clique fieldset em {
	
	padding: 0;
	line-height: 14px;
	
	}
	
	div#clique fieldset em span {
	
	font-weight: bold;
	
	}
	
	div#clique fieldset small {
	
	padding: 0;
	
	}
	
	div#clique fieldset input {
	
	margin-left: 0;
	
	}
	
	
/* Actions */


	div#clique a.action {
	
	font: normal 12px/12px Arial, sans-serif;	
	padding: 5px 8px 5px 40px;
	white-space: nowrap;
	color: #fff;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	}
	
	
/* INLINE ALERTS
----------------------------------------------------------------------------- */


/* Inputs */

		
	div#clique label.error input,
	div#clique label.error select {
	
	color: #bf0000;
	
	}
	
	
/* Messages */


	div#clique label.error strong {
	
	clear: both;
	position: static;
	color: #bf0000;
	background: url('images/bg-error.png') left top no-repeat !important;
	margin: 0 0 0 34%;
	padding: 10px 5px;
	max-width: 100px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	}
	
	* html div#clique label.error strong {
	
	width: 62%;
	
	}
	
	div#clique #newaddress label.error strong {
	
	margin: 0;
	max-width: 300px;
	padding: 10px 10px 5px 10px;
	
	}
	
	
/* Fieldsets */
	
	
	div#clique fieldset label.error {
	
	background: #ffbaba !important;
	padding: 5px 2%;
	width: 94%;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	}
	
	div#clique fieldset label.error em,
	div#clique fieldset.error a,
	div#clique fieldset label.error a {
	
	color: #000;
	
	}
	
	div#clique fieldset.error strong,
	div#clique fieldset label.error strong {
	
	margin: 0;
	padding: 0;
	
	}
	

/* CLIQUE SIGN IN & PASSWORD RESET PANEL
----------------------------------------------------------------------------- */


	div#signin {

	width: 230px;
	float: left;
	padding: 0 25px 25px 25px;
	background-position: left bottom;
	background-repeat: no-repeat;

	}

	div#signin div.password {

	display: none;

	}

	div#signin div.signin,
	div#signin div.password {

	width: 230px;
	float: left;
	position: relative;

	}

	div#signin h3 {

	width: 230px !important;
	height: 66px !important;
	background-repeat: no-repeat;
	margin: 0 0 25px 0!important;
	padding: 0 !important;
	display: block !important;
	overflow: hidden;	
	text-indent: -5000px;
	border: 0 !important;

	}
	
	div#signin div.signin h3 {
	
	background-image: url('images/h3-signin.png');
	
	}
	
	div#signin div.password h3 {

	background-image: url('images/h3-password.png');

	}
	
	div#signin .addresses h3 {

	background-image: url('images/h3-addressbook.png');

	}
	
	div#signin .stub h3 {
	
	background-image: url('images/h3-partialid.png');
	
	}

	div#signin p {

	width: 230px;
	margin: 0 !important;
	padding: 0 0 15px 0 !important;
	font: normal 11px/13px Trebuchet MS, Arial, sans-serif;	

	}

	div#signin ul.actions {

	width: 230px;
	height: 22px;
	padding: 0 0 25px 0 !important;

	}

	div#signin ul.actions li {

	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 10px 0 0 !important;

	}

	div#signin ul.actions a.help,
	div#signin ul.actions a.reset {

	display: none;

	}
	
	div#signin a.action {
	
	border: 0 !important;
	
	}
	
	div#signin label {

	width: 230px;

	}
	
	div#signin label small {
	
	float: left;
	width: 122px;
	text-align: right;
	padding: 0;
	line-height: 13px;
	position: static;

	}

	div#signin small a.action {

	background: none !important;
	float: none;
	padding: 0 !important;
	display: inline !important;
	font: bold 10px/13px "Trebuchet MS", Arial, sans-serif;
	text-transform: none;

	}


/* Buttons and Fields */


	div#signin input#account_email {

	width: 222px;

	}

	div#signin input#account_postal_code,
	div#signin input#account_password {

	width: 100px;

	}

	div.signin a.reset {

	top: 189px;

	}

	div.signin a.help {

	top: 203px;

	}


/* Alert Messages */


	div#signin div.widget-alert {

	width: 175px !important;
	height: auto;
	margin: 0 0 10px 0;
	padding: 10px 15px 10px 40px !important;
	clear: left !important;
	float: left !important;
	background-color: #fff !important;
	background-position: 5px 5px;
	background-repeat: no-repeat;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: static;

	}

	div#signin div.widget-alert h3 {

	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	font: bold 12px/14px Trebuchet MS, Arial, sans-serif !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	text-align: left !important;
	text-indent: 0 !important;
	border: 0 !important;
	background-image: none !important;

	}

	div#signin div.widget-alert p {

	width: 180px;
 	padding: 10px 0 !important;
 	text-align: left;

	}

	div#signin div.widget-alert p a {

	text-decoration: underline;

	}

	div#signin div.widget-alert.info {

	background-image: url('images/h3-message-info.png');

	}

	div#signin div.widget-alert.error {

	background-image: url('images/h3-message-error.png');

	}


/* CLIQUE SITES PANEL
----------------------------------------------------------------------------- */


	div#sites {

	color: #fff;
	width: 485px;
	float: right;
	padding: 0 25px 25px 25px;
	clear: none !important;
	background-position: right bottom;
	background-repeat: no-repeat;

	}

	div#sites h3 {

	width: 100% !important;
	height: 61px;
	background-repeat: no-repeat;
	margin: 0 !important;
	padding: 0 0 25px 0 !important;
	display: block;
	text-indent: -5000px;
	border: 0 !important;
	visibility: visible !important;

	}

	div#sites h4 {

	width: 100%;
	height: 15px;
	background-repeat: no-repeat;
	margin: 0 !important;
	padding: 0 0 25px 0 !important;
	display: block;
	text-indent: -5000px;
	border: 0 !important;
	visibility: visible !important;

	}

	div#sites strong {

	padding-bottom: 10px;
	display: block;

	}

	div#sites strong a {

	font: normal 11px/14px "Trebuchet MS", Arial, sans-serif !important;
	text-transform: uppercase;

	}

	div#sites ul.sites li {

	width: 230px;
	margin-right: 25px;
	float: left;

	}
	
	div#sites ul.sites li.alt {
	
	margin-right: 0;
	
	}

	div#sites img {

	width: 230px;
	height: 170px;
	margin: 0 !important;

	}

	div#sites ul.actions {

	margin: 0 !important;
	padding: 0 !important;
	clear: left;
	float: none;

	}

	div#sites ul.actions li {

	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	padding: 10px 10px 0 0 !important;
	float: left;

	}

	div#sites a.action {

	font: normal 10px/10px Arial, sans-serif !important;
	color: #fff !important;
	padding: 2px 8px 2px 20px;
	text-transform: uppercase;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;

	}
	
	
/* CLIQUE SIGN UP PANEL
----------------------------------------------------------------------------- */


	div#signup,
	div#newaddress {

	color: #fff;
	width: 608px;
	float: right;
	padding: 0 25px 25px 25px;
	clear: none !important;
	background-position: right bottom;
	background-repeat: no-repeat;

	}

	div#signup div.cliqueid {
	
	clear: left;
	
	}
	
	div#signup h3,
	div#newaddress h3 {

	display: block;
	height: 19px;
	background-repeat: no-repeat;
	margin: 0 0 25px 0;
	text-indent: -5000px;
	border: 0 !important;
	visibility: visible !important;

	}
	
	div#signup.stub h3 {
	
	background-image: url('images/h3-completeid.png');
	
	}
	
	div#newaddress h3 {

	background-image: url('images/h3-newaddress.png');

	}
	
	div#signup .group {
	
	clear: none;
	width: 48%;
	margin-bottom: 12px;
	
	}
	
	div#signup div.location {
	
	margin-right: 4%;
	
	}
	
	div#signup div.intro,
	div#signup div.legal,
	div#signup div.cliqueid, 
	div#signup div.privacy {
	
	width: 100%;
	
	}
	
	
/* Legal */	
	

	div#clique div.legal fieldset {
	
	padding-left: 0;
	margin-bottom: 20px;
	
	}
	
	div#clique div.legal > p,
	div#clique div.cliqueid > p, 
	div#clique div.privacy > p {
	
	width: 400px;
	margin-top: 0;
	
	}
	
	div#clique div.legal a,
	div#clique div.privacy a {
	
	color: #fff;
	text-decoration: underline;
	
	}
	
	div#clique div.legal div,
	div#clique div.privacy div {
	
	clear: left;
	width: auto;
	height: 250px;
	overflow: auto;
	padding: 20px;
	color: #333;
	background: #fff;
	display: none;
	font-size: 12px;
	line-height: 16px;
	overflow-x: hidden;
	position: relative;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;

	}
	
	div#clique div.legal div a,
	div#clique div.privacy div a {
	
	color: #333;
	
	}
	
	div#clique div.legal div h3,
	div#clique div.legal div h4,
	div#clique div.privacy div h3,
	div#clique div.privacy div h4 {
	
	color: #333 !important;

	}
	
	div#clique div.legal div div,
	div#clique div.privacy div div {
	
	display: block;
	height: auto;
	overflow: visible !important;
	padding: 0;
	background: none;

	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	
	}
	
	div#clique div.legal div h3,
	div#clique div.privacy div h3 {
	
	clear: left;
	float: left;
	height: auto;
	margin: 10px 0 !important;
	padding: 0 !important;
	font: bold 18px/18px Arial, sans-serif;
	text-indent: 0;
	text-transform: uppercase;

	}
	
	div#clique div.legal div h4,
	div#clique div.privacy div h4 {
	
	clear: left;
	float: left;
	height: auto;
	margin: 10px 0 !important;
	padding: 0 !important;
	font: bold 14px/14px Arial, sans-serif;
	text-indent: 0;
	background: none;
	border: none;
	text-transform: uppercase;
	
	}

	div#clique div.legal div h5,
	div#clique div.privacy div h5 {
	
	clear: left;
	height: auto;
	margin: 10px 0 !important;
	padding: 0 !important;
	font: bold 12px/12px Arial, sans-serif;
	text-indent: 0;
	text-transform: uppercase;

	}

	div#clique div.legal div p,
	div#clique div.privacy div p {
	
	margin: 0 0 10px 15px;
	
	}
	
	div#clique div.legal div li p,
	div#clique div.privacy div li p {
	
	margin-left: 0;
	
	}
	
	div#clique div.legal ul {
	
	clear: left;
	list-style-type: square;
	margin: 0 0 10px 0;
	padding-left: 0;
	
	}
	
	div#clique div.legal li {
	
	clear: left;
	margin: 0 0 10px 0;
	padding-left: 0;
	
	}

	div#signup h4,
	div#newaddress h4 {

	text-indent: -5000px;
	height: 20px;
	border-bottom: 1px solid #fff;
	visibility: visible;
	background-repeat: no-repeat;
	margin-bottom: 20px;

	}
		
	label.city + label.regions {
	
	display: block;
	
	}


/* Forms */


	div#signup label em {
	
	width: 110px;
	white-space: normal;
	
	}
	
	div#signup label select {
	
	width: 150px !important;
	 
	}
	
	div#signup fieldset {
	
	padding-left: 34%;
	margin: 0 0 12px;
	
	}
	
	div#signup ul.actions {
	
	margin-bottom: 15px;
	
	}


/* Formatting Exceptions */

	
	div#signup label.month,
	div#signup label.day,
	div#signup label.year,
	div#signup label.month select,
	div#signup label.day select,
	div#signup label.year select {
	
	width: auto;
	max-width: none;
	
	}
	
	div#signup label.month {
	
	display: inline;
	float: none;
	
	}
	
	div#signup .year select {
	
	margin-right: 0;
	
	}

	div#clique div#signup div.cliqueid fieldset {
	
	width: 100px;
	clear: none;
	
	}
	
	div#clique div#signup div.cliqueid fieldset label {
	
	width: 250px;
	
	}
	
	div#signup fieldset.hide_password label {
	
	width: 100px;
	
	}


/* Date of Birth (Promotional) */


	div#signup div.birthday {
	
	width: 96%;
	margin-bottom: 25px;
	padding: 0 2%;
	background-color: #fff;
	font-weight: bold;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
	}

	div#signup div.birthday label em {
	
	width: auto;
	margin-right: 10px;
	
	}
	
	
/* Password Helper */


	#signup label.password {
	
	position: relative;
	margin-right: 10px;
	
	}

	#signup label.password input {

	outline: none;
	
	}
	
	#signup .password strong {
	
	float: left;
	color: #444;
	background: #ccc;
	padding: 4px 5px;
	font-size: 11px;
	line-height: 12px;

	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;

	}
	
	#signup .password strong.weak {
	
	color: #564d2c;
	background: #ffd542;
	width: auto;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	
	}
	
	#signup .password strong.good {
	
	color: #286541;
	background: #7add86;
	width: auto;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	
	}
	
	#signup .password strong.strong {
	
	color: #004a66;
	background: #00baff;
	width: auto;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	
	}
	
	
/* Image Replacement */


	div#signup .cliqueid h4 {
	
	background-image: url('images/h4-cliqueid.png');
	
	}

	div#clique .shipping .contact h4 {
	
	background-image: url('images/h4-contact-guest.png');
	
	}
	
	div#signup .shipping h3 {
	
	background-image: url('images/h3-shipping-guest.png');
	
	}
	
	div#clique .privacy h4 {
	
	background-image: url('images/h4-privacy.png');
	
	}
	
	
/* ADDRESS BOOK
----------------------------------------------------------------------------- */

		
/* Address Book */


	ul.addresses {
	
		float: left;
		margin: 10px 0;
	
		}
		
	ul.addresses li {
	
		position: relative;
		float: left;
		width: 184px;
		margin: 0 0 15px 0;
		padding: 10px 10px 10px 31px;
		color: #333;
		background: #fff;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		opacity: .85;

		}
		
	ul.addresses li.selected {
	
		opacity: 1;
	
		}
		
	ul.addresses h4 {
	
		color: #222;
		font: bold 13px/13px Arial, sans-serif;
		width: 100%;
		margin: 0;
		text-transform: none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	
		}
		
	div#signin ul.addresses label {
	
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;

		}
		
	ul.addresses label input {
	
		margin: 9px 0 0 9px;
	
		}
		
	ul.addresses dl {
	
		padding: 5px 0;
	
		}
		
	ul.addresses dd {
	
		padding: 2px 0;
	
		}
		
	ul.addresses dd {
	
		font-weight: normal;
		font-size: 12px;
		line-height: 14px;
		width: auto !important;
		border: none;
		margin-right: 5px;
	
		}
		
	ul.addresses dd.company {
	
		font-size: 10px;
		text-transform: uppercase;
	
		}
		
	ul.addresses dd.company,
	ul.addresses dd.street-address,
	ul.addresses dd.locality {
	
		clear: left;
	
		}
		
	ul.addresses dd.locality:after {
	
		content: ",";
	
		}
		
	div#clique ul.addresses li label em,
	ul.addresses dl,
	ul.addresses dt,
	ul.addresses dd.country-name {
	
		display: none;
	
		}
		
	
/* New Address */


	#clique #newaddress div.location {
	
		margin-top: 20px;
	
		}
		
	#newaddress h4 {

		margin-top: 25px;
		background-image: url('images/h4-newaddress.png');
	
		}
		
	#clique #newaddress label em {
	
		width: auto;
	
		}
		
	#clique #newaddress input,
	#clique #newaddress select {
	
		clear: left;
		margin-right: 10px;
		width: auto !important;
	
		}
		
	#newaddress .location > label + br,
	#newaddress .location > div > div > div > label:first-child + br,
	#newaddress .location > div > div > label:first-child + br + label + br {
	
		display: none;
	
		}


/* INTERNET EXPLORER 7 EXCEPTIONS
----------------------------------------------------------------------------- */


/* Wrapping Fixes */
	
	
	div#clique label.error strong {
	
	*width: 62%;
	
	}
	
	div#clique select {
	
	*width: 62%;
	
	}
	

/* INTERNET EXPLORER 6 EXCEPTIONS
----------------------------------------------------------------------------- */


/* Min/Max Dimensions */


	* html div#signin,
	* html div#sites {
	
	height: 400px;
	
	}
	
	
/* Double Margins */


	* html div#clique label.error strong {
	
	margin-left: 17%;
	
	}
	
	
/* Selectors */


	* html div#clique input {

	float: left;
	background-color: #fff !important;	

	}
	
	
/* Overflow */
	

	* html #clique #signin {
	
	overflow-x: hidden;
	
	}
	
	
/* Spacing */


	* html #clique div.signin label small {
	
	width: 110px;	
	
	}
	
	
/* PNG Replacement */


	* html div#clique label.error strong {
	
	background-image: url('images/bg-error.gif') !important;
	
	}
/* Player Enhancement
----------------------------------------------------------------------------- */


	div.cliquePlayer {
		position:				relative;
		}

	div.cliquePlayer div.player {
		width:					100%;
		height:					100%;
		position:				absolute;
		}
	
	div.cliquePlayer div.player > div:nth-child(1),
	div.cliquePlayer div.player > div:nth-child(1) > div:nth-child(1) {
		width:					100% !important;
		height:					100% !important;
		top:					0 !important;
		left:					0 !important;
		}
	
	div.cliquePlayer div.player > div:nth-child(1) > div:nth-child(2) {
		display:				none !important;
		}

	div.cliquePlayer div.flash {
		width:					640px;
		height:					360px;
		position:				relative;
		}


	/* Watermark */

	div.cliquePlayer div.player img.watermark {
		position:				absolute;
		bottom:					8px;
		left:					8px;
		}

	
	/* Sets all player elements to "inherit" the width & height of their parent */
	
	div.cliquePlayer div.player div.instance,
	div.cliquePlayer div.player div.instance span {
		width:					100%;
		height:					100%;
		}

	div.cliquePlayer div.player video {
		width:					100% !important;
		height:					100% !important;
		top:					0 !important;
		left:					0 !important;
		}

	div.cliquePlayer object,
	div.cliquePlayer embed {
		display:				block;
		margin:					0;
		border:					0;
		padding:				0;
		}


/* Controls
----------------------------------------------------------------------------- */


	div.cliquePlayer ul.controls {
		-webkit-user-select:	none;
		-khtml-user-select:		none;
		-moz-user-select:		none;
		-o-user-select:			none;
		user-select:			none;
		}
	
	div.cliquePlayer ul.controls li {
		display:				block;
		margin:					0;
		padding:				0;
		list-style-type:		none;
		}
	
	div.cliquePlayer ul.controls li a {
		padding:				0;
		}


	/* Image Replacement */

	div.cliquePlayer .action {
		display:				inline-block;
		margin:					0;
		border:					0;
		text-decoration:		none;
		}


	/* Progress Bar */
	
	div.cliquePlayer ul.controls li.progress > div {
		cursor:					pointer;
		display:				block;
		width:					0;
		height:					7px;
		position:				relative;
		}
	
	div.cliquePlayer ul.controls li.progress > div > var.buffered,
	div.cliquePlayer ul.controls li.progress > div > var.position {
		display:				block;
		width:					0;
		height:					7px;
		position:				absolute;
		top:					0;
		left:					0;
		}
	
	div.cliquePlayer ul.controls li.progress > div > span.tooltip {
		display:				none;
		position:				absolute;
		top:					-20px;
		left:					0;
		z-index:				5000;
		}


/* Embed Overlay
----------------------------------------------------------------------------- */


	div.cliquePlayer div.overlay {
		width:					100%;
		position:				absolute;
		bottom:					0;
		left:					0;
		z-index:				26;
		}
	
	div.cliquePlayer div.embed_code input {
		overflow:				hidden;
		}
/* JANET JACKSON */
/* Master Stylesheet
----------------------------------------------------------------------------- */

/* STYLE PRECEDENTS
--------------------------------------------------------------------------------- */


	* {

	margin: 0;
	padding: 0;

	}

	a,
	input {

	outline: none;
	text-decoration: none;

	}

	table {

	border-collapse: collapse;

	}

	ul, ol {

	list-style-type: none;

	}

	a.comments {

	display: none;

	}

	img {

	max-width: 100%;
	border: 0;

	}


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	h2 {

	display: none;

	}

	h4,
	h4 a,
	h4 a:hover {

	clear: left;

	}





/* JANET JACKSON */
/* Actions Stylesheet
--------------------------------------------------------------------------------- */


/* BOX ACTIONS
----------------------------------------------------------------------------- */


	a.action {

	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -5000px;
	overflow: hidden;

	}

	a.action:hover {

	background-position: bottom left;

	}

	div > ul.actions li {

	float: left;

	}

	ul.actions li {

	padding: 0 5px 0 0;

	}


	a.action.orders {

	width: 198px;
	height: 19px;
	background-image: url("../images/actions/a-vieworders.gif");

	}

	a.action.receipt {

	width: 117px;
	height: 19px;
	background-image: url("../images/actions/a-receipt.gif");

	}




/* TEXT LINKS
----------------------------------------------------------------------------- */


	a.display,
	a.readmore,
	a.learnmore {

	width: auto;
	height: auto;
	display: inline;
	text-indent: 0;
	overflow: visible;

	}

	a.display,
	a.addthis_button-leads {

	padding-right: 10px;
	margin-top: 4px;

	}

	a.readmore,
	a.learnmore {

	margin-bottom: 50px;

	}


/* PAGINATION
----------------------------------------------------------------------------- */


	ul.pages {

	display: none;

	}


/* VIDEO PLAYER CONTROLS
----------------------------------------------------------------------------- */


	ul.controls a {

	width: 13px;
	height: 13px;
	background-repeat: no-repeat;
	background-position: top left;

	}

	ul.controls a:hover {

	background-position: top left;

	}


/* Image Replaement Dimensions
----------------------------------------------------------------------------- */


	a.next {

	width: 51px;
	height: 18px;

	}

	a.back {

	width: 52px;
	height: 18px;

	}

	a.browse {

	width: 109px;
	height: 18px;

	}


/* Section: Janet */


	#next,
	#prev {

	width: 7px;
	height: 12px;
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -5000px;
	display: block;
	position: absolute;

	}

	#next {

	top: 33px;
	left: 405px;

	}

	#prev {

	top: 16px;
	left: 405px;

	}
/* JANET JACKSON */
/* Bar Stylesheet
----------------------------------------------------------------------------- */


	#bar {

	width: 100%;
	height: 66px;
	visibility: hidden;
	position: relative;
	z-index: 3;

	}


/* TWITTER TICKER
----------------------------------------------------------------------------- */


	#ticker {

	width: 100%;
	height: 49px;
	float: left;
	position: relative;
	overflow: hidden;

	}

	#ticker h3 {

	display: none;

	}

	#ticker a.follow {

	width: 212px;
	height: 11px;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -5000px;
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 438px;
	z-index: 4;

	}

	#ticker a.follow:hover {

	background-position: 0 -11px;

	}

	#ticker div.tweets {

	width: 440px;
	height: 36px;
	background-position: 15px 4px;
	background-repeat: no-repeat;
	padding: 13px 0 0 438px;

	}

	#ticker div.tweets ul.tweet_list {

	width: 440px;
	height: 30px;
	display: block;
	overflow: hidden !important;

	}

	#ticker div.tweets ul.tweet_list li {

	width: 440px !important;
	background-color: transparent !important;

	}

	#ticker div.tweets ul.tweet_list li a.timestamp {

	padding: 0 0 0 5px;

	}


/* SOCIAL NETWORKS
----------------------------------------------------------------------------- */


	#network {

	position: absolute;
	top: 0;
	left: 0;
	width: auto;
	height: 49px;
	z-index: 10;

	}

	ul#network li {

	float: left;
	height: 49px;

	}

	ul#network li a {

	display: block;
	width: 42px;
	height: 49px;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -5000px;

	}


/* Hovers */


	ul#network li a.hover {

	background-position: -42px 0px !important;

	}

	ul#network li.youtube a.hover {

	width: 75px;

	}

	ul#network li.twitter a.hover {

	width: 100px;

	}

	ul#network li.instagram a.hover,
	ul#network li.pinterest a.hover,
	ul#network li.vimeo a.hover,
	ul#network li.google a.hover,
	ul#network li.tumblr a.hover,
	ul#network li.soundcloud a.hover {

	width: 100px;

	}

	ul#network li.myspace a.hover {

	width: 127px;

	}

	ul#network li.facebook a.hover {

	width: 106px;

	}

	ul#network li.thebest a.hover {

	width: 153px;

	}


/* ALERTS
----------------------------------------------------------------------------- */


	div.widget-alert {

	height: 16px;
	padding: 7px 0;
	text-align: center;

	}

	div.widget-alert h3,
	div.widget-alert p {

	font-size: 11px !important;
	line-height: 14px !important;
	float: none;
	display: block;
	color: #fff;
	font-weight: bold;

	}

	div.widget-alert h3 {

	padding: 0 5px 0 50px;
	margin: 0;

	}

	div.widget-alert p {

	clear: none;

	}


/* Page Specific Alerts */


/*	#page-gift div.widget-alert,
	#page-story div.widget-alert {

	height: 18px;
	padding: 6px 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	}

	#page-story div.widget-alert h3 {

	padding-left: 354px;

	}*/

	#page-gift div.widget-alert.error p {

	display: none;

	}
/* JANET JACKSON */
/* Footer Stylesheet
----------------------------------------------------------------------------- */

	/*@import url("../clique/stylesheets/credit.css"); */


	#footer {

	width: 100%;
	height: auto;
	/* background: url(../images/footer/bg-footer.png); */
	padding: 20px 0;
	float: left;
	clear: both;
	font-size: 10px;
	line-height: 13px;
	position: relative;
	z-index: 2;

	}


/* LOGOS
----------------------------------------------------------------------------- */


	#footer a.jdj {

	width: 70px;


	height: 26px;
	background: url(../images/footer/a-jdj.png) no-repeat;
	float: left;
	display: block;
	text-indent: -5000px;
	margin-top: 35px;

}

	#footer a.paulraps {

	width: 101px;
	height: 30px;
	background: url(../images/footer/a-paulraps.png) no-repeat;
	float: left;
	display: block;
	text-indent: -5000px;
	margin: 35px 0 0 10px;
	opacity: 0.2;

}


	#footer a.sparkart {

	width: 62px;
	height: 16px;
	background: url(../images/footer/a-sparkart.png);
	float: left;
	display: block;
	text-indent: -5000px;
	margin: 43px 0 0 10px;

	}


/* COPYRIGHT
----------------------------------------------------------------------------- */


	#footer br {

	display: none;

	}

	#footer ul {

	padding-left: 20px;

	}

	#footer ul li {

	float: left;
	clear: left;

	}

	#footer ul ul {

	padding-right: 15px;
	padding-left: 0;

	}

	#footer ul ul li {

	clear: none;

	}

	#footer p {

	width: 266px;
	margin: 20px 0;
	clear: none;
	position: relative;

	}


/* SCAVENGER HUNT
----------------------------------------------------------------------------- */


	#page-index #footer p {

	margin-top: 11px;

	}

	#footer li.scavenger-hunt {

	clear: both;
	padding: 18px 0 0 0;

	}

	#page-index #footer li.scavenger-hunt {

	clear: both;
	padding-left: 150px;

	}

	#footer li.scavenger-hunt p {

	width: 216px;
	height: 15px;
	margin: 0 !important;
	background: url(../images/footer/p-scavenger-hunt.png);

	}


/* Clique Tools Credit
----------------------------------------------------------------------------- */


	a#cliquetools em {

	background-image: url(http://cdn.sparkart.net/clique/images/credit/powered_by.png);

	}



/* JANET JACKSON */
/* Header Stylesheet
----------------------------------------------------------------------------- */


	#header {

	position: relative;
	z-index: 2;
	
	}
	
	#header h1 a {
	
	background-repeat: no-repeat;
	background-position: top left;
	text-indent: -5000px;
	display: none;
	
	}
	

/* NAVIGATION
----------------------------------------------------------------------------- */


	ul#navigation li {

	float: left;
	
	}

	ul#navigation li a {

	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	overflow: hidden;
	text-indent: -5000px;

	}
/* JANET JACKSON */
/* Layout Stylesheet
----------------------------------------------------------------------------- */


	body {

	margin: 0;
	padding: 0;

	}

	body > img[src*=w55c] {
		margin: 0;
		height: 1px;
		display: block;
	}

	#layout {

	width: 100%;
	margin: 0;
	padding: 0;
	float: left;

	}

	#page {

	width: 100%;
	min-height: 727px;
	background: none;
	padding: 0;
	float: left;

	}

	#content {

	width: 100%;
	float: left;
	position: relative;
	top: 0;
	left: 0;
	z-index: 30;

	}

	#content div.content {

	float: left;
	clear: none;

	}

	#content div.sidebar {

	float: right;
	clear: none;

	}

	#content div,
	#sidebar div {

	clear: both;

	}

	.hide,
	.ui-tabs-hide {

	display: none;

	}


/* SHARDS
----------------------------------------------------------------------------- */


	#flashbackground {

	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;

	}

	#flashheader {

	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 1;

	}


/* PANES
----------------------------------------------------------------------------- */


	div.tabbed {

	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 20px;

	}

	div.tabbed div.tabbed {

	margin-bottom: 0;

	}

	div.pane {

	margin-bottom: 20px !important;
	float: left !important;

	}

	div.tabbed div.pane {

	margin-bottom: 0 !important;

	}


/* TABS
----------------------------------------------------------------------------- */


	ul.tabs {

	float: left;
	margin-top: 30px;

	}

	ul.tabs li {

	display: block;
	margin-right: 3px;
	float: left;
	overflow: hidden;

	}

	ul.tabs li a {

	display: block;
	float: left;
	overflow: hidden;

	}


/* TABBED FILTERS
----------------------------------------------------------------------------- */


	div.tabbed ul.filters {

	float: left;

	}

	div.tabbed ul.filters li {

	margin-right: 3px;
	float: left;
	overflow: hidden;

	}

	div.tabbed ul.filters li a {

	display: block;
	overflow: hidden;
	float: left;

	}


/* FACEBOOK LIKE BUTTON
----------------------------------------------------------------------------- */


	ul.facebook li.like {

	clear: left;
	width: 100%;
	margin-bottom: 15px;

	}


/* 20 UNDER 20 NOMINTIONS
----------------------------------------------------------------------------- */


	#nominations {

		width: 100%;
		height: 20px;
		padding: 8px 0 5px;
		text-align: center;
		background: #dedede;
		border-bottom: 1px solid #8a7d76;
		float: left;

		}

	#nominations h3 {

		font-size: 14px !important;
		line-height: 16px !important;

		}

	#nominations h3 strong {

		color: #000;

		}


/* FLASH DISCLAIMER
----------------------------------------------------------------------------- */


	#flash-disclaimer {

		width: 100%;
		height: 20px;
		padding: 8px 0 5px;
		text-align: center;
		background: #d03f0a;
		border-bottom: 1px solid #8a7d76;
		float: left;

		}

	#flash-disclaimer h3 {

		color: #fff;
		font-size: 14px !important;
		line-height: 16px !important;

		}

	#flash-disclaimer h3 a {

		color: #000;

		}

	#flash-disclaimer h3 a:hover {

		color: #4a3e20;

		}


/* CUFON
----------------------------------------------------------------------------- */

/*
	h4,
	ul.leads strong,
	div.widget-editorial.display strong,
	#news ul.headlines strong,
	#news ul.headlines li a,
	#twitter ul.headlines strong,
	#twitter ul.headlines li a,
	#page-story ul.headlines strong,
	#page-story ul.headlines li a,
	#twitter #info a.follow,
	#page-photos ul.photos strong,
	#page-janet #highlights p,
	#player div.widget-media div.details a,
	#page-causes h3,
	#page-causes ul.profile li strong,
	#page-janet a.readmore,
	#page-janet a.learnmore,
	#page-janet #causes h3,
	#page-janet #causes strong,
	#page-news h3,
	#page-causes h2,
	#page-biography div.story h3,
	#legals h2,
	#legals h3,
	div.widget-alert h3,
	div.widget-alert p,
	#page-gift h3.gift,
	#page-gift p.preface,
	ul.filters li a {

	visibility: hidden;

	}*/
/* JANAET JACKSON */
/* Spacing Stylesheet
----------------------------------------------------------------------------- */


/* PAGE CONTENT
----------------------------------------------------------------------------- */


/* Headings */


	h2 {

	margin: 0;

	}

	h3, div.display h4 {

	margin: 0 0 10px 0;

	}

	h4, h4 a, h4 a:hover, div.widget-media.row ul.clips li div a {

	margin: 0 0 2px 0;
	padding: 0 !important;

	}


/* Text */


	p {

	margin: 0 0 15px 0;

	}
	
	p.lead {
	
	margin-bottom: 2px !important;
	
	}

	div.form dt, label em {

	margin-right: 10px;

	}

	div.widget-media.video div.details em {

	margin-right: 0;

	}


/* Rules */


	dt, dd {

	padding-bottom: 5px;

	}

	div.ruled ul.stories li, div.ruled ul.leads li, div.ruled ul.headlines li, div.ruled ul.comments li, div.ruled ul.subscriptions li, div.ruled ul.clips li {

	margin-bottom: 15px;

	}

	div.ruled div.tags {

	padding-top: 15px;

	}

	div.ruled ul.leads li.last, div.ruled ul.headlines li.last, div.ruled ul.comments li.last, div.ruled ul.subscriptions li.last, div.ruled ul.clips li.last {

	margin-bottom: 0 !important;

	}


/* Tables */


	table {

	margin: 0 0 15px 0;

	}

	th, td {

	padding: 10px;

	}


/* Text Links */


	li ul.actions li {

	margin-bottom: 0 !important;

	}


/* FEATURES BOX
----------------------------------------------------------------------------- */


	div#features #radio div, div#features div.widget-media div.flash {

	margin: 0 !important;

	}


/* Text */


	div#features #photos h4 {

	margin-bottom: 0;

	}


/* STORY THUMBNAIL
----------------------------------------------------------------------------- */


	div#content div.widget-editorial img {

	margin-right: 15px;

	}


/* ALERT MESSAGE
----------------------------------------------------------------------------- */


	div.widget-alert p {

	margin-bottom: 0;

	}


/* FEATURES BOX
----------------------------------------------------------------------------- */


	div#features {

	margin-bottom: 20px;

	}