@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,button{margin:0;padding:0;border:0 none;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
/* /reset */

/* #d93636 red */

body, html {
	height: 100%;
}
body {
	/*background: #f6f6f6 url(/images/v4.0/_/bg.png) repeat fixed;*/
}
body, td, div, ul, ol, button, textarea, input {
	font:	normal 12px/20px Poppins;
	color:	#383838;
}
td, th {
	vertical-align: top;
}
p {
	margin-bottom: 1em;
}
a {
	text-decoration:	none;
	color:				#4d4d4d;
}
hr {
	background-color:	#cfcfcf;
	height:				1px;
	margin:				10px 0;
	border:				0 none;
}
hr.thick {
	height:	3px;
}
h1 {
	font-size:		24px;
	font-weight:	bold;
	line-height:	34px;
}
h2 {
	font-weight:	bold;
	font-size:		18px;
	line-height:	24px;
	margin-bottom:	10px;
}
h5 {
	text-transform:	uppercase;
	font-size:		9px;
	color:			#808080;
}
h5 a {
	font-size:	9px;
	color:		#808080;
}
h6 {
	font:	bold 13px/20px helvetica,arial,sans-serif;
	color:	#4c4c4c;
}
textarea.error, input.error {
	border: 1px solid #d93636 !important;
}
small {
	font-size: 10px;
}
blockquote {
	border-left:	5px solid #cccccc;
	color:			#999999;
	font-style:		italic;
	margin-left:	10px;
	padding-left:	10px;
}
abbr {
	border-bottom: 1px dashed #cccccc;
}
.no-child-a-border a {
	border-bottom: 0 none !important;
}
.clearfix:after {
	content:	".";
	display:	block;
	height:		0;
	clear:		both;
	visibility:	hidden;
}

/* HEADER-SHELL / HEADER */
div.header-shell {
	height:		45px;
	/*background:	#3a3a3a url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -19px;*/
}
div.header {
	height:	39px;
	width:	190px;/* added by Waleed 980px*/
	margin:	0 auto;
    /*padding: 0 5%;*/
    float: right;
}
a.colourlovers-logo {
	display:		block;
	float:			left;
	text-indent:	-999em;
	width:			179px;
	height:			30px;
	margin:			4px 2px 0 0;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 0;
}
div.header .line {
	width:			2px;
	height:			23px;
	margin-top:		9px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -248px -88px;
}


/*#main-header-top {
    position: sticky;
    top: 0;
    z-index: 999999;
}

* html #main-header-top {
    position: absolute;
    top: expression(document.body.scrollTop);
}*/

/* ACCOUNT DROP DOWN */
div.header div#account-drop-down {
    position: relative;
    float: right;
    margin: 10px 4px 0 4px;
    /*border: 1px solid #cccccc;*/
    border-left: none !important;
    border-bottom: none !important;
    border-radius: 3px;
}
div#account-drop-down div#profile-btn {
	margin-top: 0;
}
div#account-drop-down div#profile-btn a {
	display:		block;
	float:			left;
	height:			29px;
	width:			100%;
	min-width:		50px;
	/*background:		transparent url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -1095px;*/
	line-height:	30px;
	/*font-weight:	bold;*/
	font-size:		12px;
}
div#account-drop-down span.left-cap,
div#account-drop-down span.right-cap {
	float:		left;
	width:		6px;
	height:		29px;
	margin:		0 0 0 -6px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -149px;
}
div#account-drop-down span.right-cap {
	float:					left;
	width:					7px;
	margin:					0 -7px 0 0;
	background-position:	-7px -149px;
}
div#account-drop-down img.small-avatar {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 6px 0 1px;
}
div#account-drop-down span.user-name {
	float:	left;
	/*color:	#fff;*/
    font-weight: normal !important;
    display: none;/*temporary for sticky header*/
}
div#account-drop-down span.arrow-up {
    float: right;
    height: 8px;
    width: 9px;
    margin: 11px 4px 0 6px;
    background: transparent url(/images/v4.0/_/search-create-sprite.png?16) no-repeat scroll 0 -161px;
}
/* IE7 Hack */
*:first-child+html div#account-drop-down span.arrow-up {
	float: left;
}
div#account-drop-down:hover div#profile-btn a {
	background-position: 0 -1124px;
}
div#account-drop-down:hover div#profile-btn span.left-cap {
	background-position: -14px -149px;
}
div#account-drop-down:hover div#profile-btn span.right-cap {
	background-position: -21px -149px;
}
ul#account-drop-down-contents {
    z-index: 502;
    position: absolute;
    top: 25px;
    float: left;
    clear: both;
    width: 147px;
    background-color: #fff;
    border: 1px solid #cccccc;
    border-top: none;
    border-radius: 3px;
    left: -36px;
    height: 100px !important;
}
ul#account-drop-down-contents li {
    float: left;
    clear: left;
    width: 100%;
    background: transparent;
    height: 30px;
}
ul#account-drop-down-contents span.left-cap,
ul#account-drop-down-contents span.right-cap {
	float:					left;
	height:					24px;
	background-position:	0 -181px;
}
ul#account-drop-down-contents span.right-cap {
	float:					right;
	background-position:	-7px -181px;
}
ul#account-drop-down-contents li:hover span.left-cap {
	background-position: -14px -181px;
}
ul#account-drop-down-contents li:hover span.right-cap {
	background-position: -21px -181px;
}
ul#account-drop-down-contents a {
    float: left;
    width: 100%;
    height: 24px;
    /*background-color: #272727;*/
    line-height: 24px;
    font-size: 12px;
    /*color: #ccc;*/
    padding-left: 30px;
}
ul#account-drop-down-contents a:hover {
	/*background-color:	#141414;
	color:				#fff;*/
}
ul#account-drop-down-contents a span.left-pad,
ul#account-drop-down-contents a span.right-pad {
	display:	inline-block;
	width:		25px;
}
ul#account-drop-down-contents a span.left-pad {
	float:		left;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -30px -150px;
}
ul#account-drop-down-contents a span.right-pad {
	width: 25px;
}
ul#account-drop-down-contents a.profile span.left-pad {
	width:					12px;
	height:					11px;
	margin:					6px 9px 0 4px;
	background-position:	-30px -150px;
}
ul#account-drop-down-contents a.profile:hover span.left-pad {
	background-position: -44px -150px;
}
ul#account-drop-down-contents a.account span.left-pad {
	width:					12px;
	height:					12px;
	margin:					6px 9px 0 4px;
	background-position:	-30px -163px;
}
ul#account-drop-down-contents a.account:hover span.left-pad {
	background-position: -44px -163px;
}
ul#account-drop-down-contents a.log-out span.left-pad {
	width:					10px;
	height:					12px;
	margin:					6px 11px 0 4px;
	background-position:	-30px -177px;
}
ul#account-drop-down-contents a.log-out:hover span.left-pad {
	background-position: -44px -177px;
}
ul#account-drop-down-contents li.bottom-shadow span {
	height:	10px;
}
ul#account-drop-down-contents li.bottom-shadow span.left-cap,
ul#account-drop-down-contents li.bottom-shadow span.left-cap:hover {
	background-position: 0 -208px;
}
ul#account-drop-down-contents li.bottom-shadow span.right-cap,
ul#account-drop-down-contents li.bottom-shadow span.right-cap:hover {
	background-position: -7px -208px;
}
ul#account-drop-down-contents li.bottom-shadow span.filler {
	float:		left;
	width:		100%;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -1154px;
}

/* NOTIFICATIONS */
div#header-email-notification-count {
	float:		right;
	position:	relative;
}
div#header-email-notification-count a.indicator {
	float:		left;
	margin:		5px 4px 0 0;
	padding:	0 5px 7px 5px;
	cursor:		pointer;
}
div#header-email-notification-count a.indicator span.icon {
	position:		relative;
	float:			left;
	margin-top:		9px;
	/*background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -29px -193px;*/
    background:		transparent url(/images/v4.0/_/lover/heart-icon.png?16) no-repeat;
}
div#header-email-notification-count a#notification-indicator span.icon {
    width: 25px;
    height: 20px;
}
div#header-email-notification-count a#notification-indicator:hover span.icon {
    background:		transparent url(/images/v4.0/_/lover/heart-icon.png?16) no-repeat;
}
div#header-email-notification-count a#notification-indicator.on span.icon {
	margin-right:			-4px;
    width: 26px;
    height: 21px;
    background:		transparent url(/images/v4.0/_/lover/heart-icon.png?16) no-repeat;
}
div#header-email-notification-count a#love-notes-indicator {
	margin-right: 11px;
}
div#header-email-notification-count a#love-notes-indicator span.icon {
    width:		32px;
    height:		22px;
    background:	transparent url(/images/v4.0/_/lover/love-note.png?16) no-repeat;
}
div#header-email-notification-count a#love-notes-indicator:hover span.icon {
    background:	transparent url(/images/v4.0/_/lover/love-note.png?16) no-repeat;
}
div#header-email-notification-count a#love-notes-indicator.on span.icon {
	margin-right:			-5px;
	background-position:	-61px -163px;
}
div#header-email-notification-count span.badge {
	position:		relative;
	float:			left;
	min-width:		6px;
	height:			14px;
	margin-right:	-2px;
	padding:		0 3px 0 4px;
	background-color: #61bb46;
	line-height:	13px;
	font-size:		10px;
	font-weight:	bold;
	color:			#ffffff;
    border-radius: 100%;
    margin-left: -4px;
    margin-top: 2px;
}
/* Conditional CSS for Firefox to correct line-height issue */
@-moz-document url-prefix() {
	div#header-email-notification-count span.badge {
		line-height: 14px;
	}
}
div#header-email-notification-count span.badge-content {
	position:	relative;
	z-index:	100;
	float:		left;
}
div#header-email-notification-count span.right-edge {
	position:	absolute;
	right:		0;
	width:		6px;
	height:		14px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -45px -218px;
}
div#header-email-notification-count a#love-notes-indicator span.badge {
	margin-right: -2px;
}

/* ONLINE USERS */
div#header-online-users a#online-users-trigger {
	float:		right;
	margin:		5px 4px 0 0;
	padding:	8px 5px 7px 8px;
	cursor:		default;
}
div#header-online-users a#online-users-trigger span.icon {
	display:	block;
    width: 20px;
    height: 22px;
    background: transparent url(/images/v4.0/_/lover/lover-icon.png?16) no-repeat;
    margin-top: -3px;
}
div#header-online-users a#online-users-trigger:hover span.icon,
div#header-online-users a#online-users-trigger.hover span.icon {
	/*background-position: -233px -216px;*/
}
div#online-users-pop-up {
	position:	absolute;
	z-index:	500;
	top:		33px;
	width:		186px;
}
div#online-users-pop-up div.padding {
	height: 11px;
}
div#online-users-pop-up div.innards {
	background: transparent url(/images/v4.0/_/online-users-sprite.png?1) no-repeat scroll 0 0;
}
div#online-users-pop-up h3 {
	height:			21px;
	margin:			0 7px;
	padding:		9px 0 0 8px;
	line-height:	21px;
	font-size:		10px;
	font-weight:	bold;
	text-transform:	uppercase;
	color:			#fff;
}
div#online-users-pop-up h3 span.status {
	float:		left;
	width:		8px;
	height:		8px;
	margin:		7px 3px 0 0;
	background:	transparent url(/images/v4.0/_/online-users-sprite.png?1) no-repeat scroll -372px -10px;
}
div#online-users-pop-up h3 span.status.online {
	background-position: -380px -10px;
}
div#online-users-pop-up div#online-users-scroll-container {
	position:	relative;
	padding:	3px 7px 1px 7px;
	background:	transparent url(/images/v4.0/_/online-users-sprite.png?1) repeat-y scroll -186px 0;
}
div#online-users-pop-up div#online-users-scroll-track {
	position:		absolute;
	top:			3px;
	right:			7px;
	width:			7px;
	height:			276px;
	padding-right:	2px;
}
div#online-users-pop-up div#online-users-scroll-track div.handle {
	width:					7px;
	background-color:		#ccc;
	-webkit-border-radius:	4px;
	-moz-border-radius:		4px;
	opacity:				0.9;
	-moz-opacity:			0.9;
}
div#online-users-pop-up div#online-users-scroll-content {
	overflow:	hidden;
	max-height:	275px;
}
ul#online-users-list li a {
	display:		block;
	overflow:		hidden;
	height:			26px; /* Total height: 34px */
	padding:		4px 0 4px 7px;
	line-height:	26px;
	color:			#ccc;
}
ul#online-users-list li a:hover {
	background-color:	#000;
	color:				#fff;
}
ul#online-users-list li a img.small-avatar {
	float:			left;
	width:			24px;
	height:			24px;
	margin-right:	8px;
	border:			1px solid #000;
}
ul#online-users-list li a span.username {
	float:		left;
	overflow:	hidden;
	width:		131px;
}
div#online-users-scroll-content p {
	margin-bottom:	10px;
	padding:		7px 5px 0 5px;
	line-height:	16px;
	font-size:		11px;
	text-align:		center;
	color:			#aaa;
}
div#online-users-scroll-content p a {
	border-bottom:	1px dotted #444;
	color:			#aaa;
}
div#online-users-scroll-content p a:hover {
	border-color:	#555;
	color:			#ccc;
}
div#online-users-pop-up div.bottom {
	height:		10px;
	background:	transparent url(/images/v4.0/_/online-users-sprite.png?1) no-repeat scroll -372px 0;
}

/* TOUR PROGRESS BAR/POP-UP */
div#tour-progress-bar {
	float:	right;
	width:	auto;
}
div#tour-progress-bar a#tour-btn {
	float:		left;
	margin-top:	9px;
	padding:	6px;
}
div#tour-progress-bar a#tour-btn:hover span.title,
div#tour-progress-bar a#tour-btn.hover span.title {
	color: #fff;
}
div#tour-progress-bar a#tour-btn:hover span.bar,
div#tour-progress-bar a#tour-btn.hover span.bar {
	background-position: -192px -257px;
}
div#tour-progress-bar span.title {
	float:			left;
	margin-right:	7px;
	line-height:	10px;
	font-size:		10px;
	/*font-weight:	bold;*/
	text-transform:	uppercase;
	/*text-shadow:	1px 1px 0 rgba(0, 0, 0, 0.35);*/
	/*color:			#ccc;*/
}
div#tour-progress-bar a.hover {
	color: #363636 !important;
}
/* Conditional CSS for Firefox to correct line-height issue */
@-moz-document url-prefix() {
	div#tour-progress-bar span.title {
		line-height: 12px;
	}
}
div#tour-progress-bar span.trough {
	float:			left;
	width:			77px;
	height:			4px;
    background-color: #d7d7d7;
    margin-top: 4px;
	/*background:		transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll -192px -236px;*/
}
div#tour-progress-bar span.bar {
	float:		left;
	height:		4px;
	margin:		1px 0 0 1px;
    background-color: #61bb46;
	/*background:	transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll -192px -248px;*/
}
div#tour-progress-bar div.line {
	float:			right;
	margin-right:	10px;
}
div#tour-pop-up {
	position:	absolute;
	z-index:	500;
	top:		33px;
	width:		226px;
}
div#tour-pop-up div.padding {
	height: 11px;
}
div#tour-pop-up div.innards {
	position:	relative;
	padding:	9px 7px 8px 7px;
	background:	transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll -192px 0;
}
div#tour-pop-up a.title {
	display:			block;
	overflow:			hidden;
	height:				32px;
	margin-bottom:		11px;
	padding:			0 0 0 9px;
	line-height:		32px;
	font-size:			14px;
	font-weight:		bold;
	color:				#f3f3f3;
}
div#tour-pop-up.sticky a.title span {
	display:	block;
	width:		400px;
	background: -webkit-gradient(linear, left top, right top,
		color-stop(0, #999),
		color-stop(0.375, #999),
		color-stop(0.5, #fff),
		color-stop(0.625, #999),
		color-stop(1, #999));
	-webkit-background-clip:	text;
	-webkit-text-fill-color:	transparent;
	-webkit-animation:			shimmer 3s infinite;
}
@-webkit-keyframes shimmer {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 400px 0;
	}
}
div#tour-pop-up a#hide-tour-pop-up {
	display:		none;
	position:		absolute;
	top:			14px;
	right:			12px;
	padding:		1px 4px;
	line-height:	1;
	font-size:		16px;
	color:			#7f7f7f;
}
div#tour-pop-up a#hide-tour-pop-up:hover {
	color: #ccc;
}
div#tour-pop-up.sticky a#hide-tour-pop-up {
	display: block;
}
div#tour-pop-up p {
	margin-bottom:	10px;
	padding:		0 9px;
	line-height:	16px;
	font-size:		11px;
	color:			#aaa;
}
div#tour-pop-up p a {
	border-bottom:	1px dotted #444;
	color:			#aaa;
}
div#tour-pop-up p a:hover {
	border-color:	#555;
	color:			#ccc;
}
div#tour-pop-up a#tour-button-text {
	display:		block;
	width:			186px; /* width + padding = 196px */
	height:			30px;
	margin:			0 0 0 8px;
	padding-left:	10px;
	overflow:		hidden;
	background:		transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll -192px -266px;
	line-height:	30px;
	font-size:		11px;
	text-shadow:	0 -1px 0 rgba(0, 0, 0, 0.6);
	color:			#eee;
}
div#tour-pop-up a#tour-button-text:hover {
	background-position:	-192px -296px;
	color:					#fff;
}
div#tour-pop-up a#tour-button-text:active {
	position:				relative;
	top:					1px;
	background-position:	-192px -326px;
	color:					#ccc;
}
div#tour-pop-up div.bottom {
	height:		11px;
	background:	transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll -192px -225px;
}

/* LOG IN DROP DOWN */
#log-in-drop-down {
	position:	relative;
	z-index:	297;
	cursor:		pointer;
	float:		right;
	margin:		10px 0 0 0;
	height:		30px;
	width:		73px;
    background-color: #323232;
    border-radius: 3px;
	/*background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -456px;*/
}
#log-in-drop-down div.text {
	float:			left;
    margin: 4px 0 0 12px;
    color: #fff;
	font-weight:	bold;
	width:			35px;
	font-size:		11px;
}
div.header div#log-in-drop-down div.text a {
    color: #ffffff;
}
#log-in-drop-down-arrow {
	float:		left;
	margin:		12px 7px 0 7px;
	height:		6px;
	width:		9px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -23px -102px;
}
#log-in-drop-down div.drop-down-left-cap, #log-in-drop-down div.drop-down-right-cap {
	float:		left;
	width:		4px;
	height:		22px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -137px -166px;

}
#log-in-drop-down div.drop-down-right-cap {
	background-position: -142px -166px;
}
/* SELECTED */
#log-in-drop-down.selected {
	background-position: 0 -638px;
}
#log-in-drop-down.selected div.drop-down-left-cap {
	background-position: -137px -189px;
}
#log-in-drop-down.selected div.drop-down-right-cap {
	background-position: -142px -189px;
}
#log-in-drop-down.selected #log-in-drop-down-arrow {
	background-position: -33px -102px;
}

/* SIGN UP BTN */
div.header div.sign-up-btn {
	cursor:		pointer;
	float:		right;
	margin:		10px 14px 0 0;
	height:		30px;
	width:		78px; /* IE */
	/*background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -900px;*/
    border-radius: 3px;
    background-color: #363636;
}
div.header div.sign-up-btn div.text {
	float:			left;
	margin-top:		4px;
	font-weight:	bold;
	width:			72px; /* IE */
	text-align:		center;
	font-size:		11px;
}
div.header div.sign-up-btn div.text a {
	color: #ffffff;
}
div.header div.sign-up-btn div.sign-up-btn-left-cap, div.header div.sign-up-btn div.sign-up-btn-right-cap {
	display:	block;
	height:		22px;
	width:		3px;
	float:		left;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -197px -196px;
}
div.header div.sign-up-btn div.sign-up-btn-right-cap {
	float:					right;
	background-position:	-203px -196px;
}


/* LOG IN DROP DOWN CONTENTS */
#log-in-drop-down-contents {
	-moz-border-radius:					4px 0 4px 4px;
	-webkit-border-radius:				4px;
	-webkit-border-top-right-radius:	0;
	position:							absolute;
	top:								0;
	left:								0;
	z-index:							296;
	width:								270px;
	background-color:					#ffffff;
	border:								1px solid #e6e6e6;
	padding:							10px;
	overflow:							hidden;
}
#log-in-drop-down-contents label {
	display:		block;
	float:			left;
	width:			68px;
	padding-top:	7px;
	color:			#4c4c4c;
	font-size:		11px;
	text-transform:	uppercase;
	text-align:		right;
}
#log-in-drop-down-contents input.text,
#log-in-drop-down-contents input.password {
	display:			block;
	float:				right;
	width:				183px;
	margin-bottom:		5px; /* IE */
	height:				29px;
	color:				#4c4c4c;
	font-size:			13px;
	border:				1px solid #d9d9d9;
	border-width:		1px 0 0 1px;
	background-color:	#f8f8f8;
	padding:			0 5px;
}
#log-in-drop-down-contents div.shim {
	height: 15px;
}
#log-in-drop-down-contents a.link {
	border-bottom:	1px dotted #a6a6a6;
	color:			#808080;
	font-weight:	bold;
	margin-top:		3px;
}
#log-in-drop-down-contents a.sign-up-btn {
	margin-top:		15px;
	display:		block;
	float:			right;
	height:			25px;
	background:		#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -661px;
	color:			#666666;
	font-size:		12px;
	height:			25px;
	font-weight:	bold;
}
#log-in-drop-down-contents a.sign-up-btn span {
	display:	block;
	float:		left;
	height:		25px;
	background:	#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -148px -166px;
}

/* HEADER COLORS */
#header-colors {
	height:		1px;
	background:	transparent url(/images/v4.0/_/header/colors-bg.png) repeat-x scroll 0 0;
}

/* NAV */
div.nav {
	width:			100%;/* added by waleed 980px*/
	margin:			0 auto;
    height: 40px;
    padding: 11px 0% 0 0%;
    background-color: #363636;
}
div.nav ul.nav {
	float:		left;
	list-style:	none;
}
div.nav ul.nav li {
	float: left;
}
div.nav ul.nav li a {
	display:		block;
	/*font-weight:	bold;*/
	font-size:		13px;
	outline:		0 none;
	color:			#fff;
	line-height:	16px;
	padding:		6px 15px 5px 15px;
	/*border-bottom:	1px solid #d9d9d9;*/
}

div#sponsors-links.nav{

    background-color: #e1e1e1;
    width:			100%;
    height: 38px;
    padding: 0;
}
div#sponsors-links ul.nav{
    display: table;
    float: none;
    margin: 0 auto;
}
div#sponsors-links li{
    border-right: 1px solid #ffffff;
    padding: 0 0 0 0;
    height: 38px;
    display: table;

}
div#sponsors-links li:first-child{
    padding: 0 5px 0 15px;
}
div#sponsors-links li:last-child{
    border-right: none;
}

div#sponsors-links .content-container{
    display: table-cell;
    vertical-align: middle;
}
div#sponsors-links.nav .left-side{
    display: inline-block;
    width: 58px;
    height: 28px;
    padding: 0 10px;
    /*border-radius: 3px;*/
    vertical-align: middle;
    /*background-color: #ffffff;*/
    line-height: normal;
    /*margin-right: 3px;*/
    cursor: pointer;
}
div#sponsors-links.nav .left-side span{
    display: inline-block;
    width: inherit;
    height: inherit;
    background: /*#ffffff*/ url(/images/v4.0/_/toolbar-image.png?2) no-repeat;
}

div#sponsors-links.nav div.content-container #wix{
    width: 127px;
}
div#sponsors-links.nav div.content-container #upwork {
    width: 127px;
}
div#sponsors-links.nav div.content-container #envato {
    width: 171px;
}
div#sponsors-links.nav div.content-container #adobe {
    width: 128px;
}
div#sponsors-links.nav div.content-container #istock {
    width: 108px;
}
div#sponsors-links.nav div.content-container #wework {
    width: 151px;
}
div#sponsors-links.nav div.content-container #dropbox {
    width: 138px;
}
div#sponsors-links.nav div.content-container #aws {
    width: 25px;
}
div#sponsors-links.nav div.content-container #flatiron {
    width: 114px;
}
div#sponsors-links.nav div.content-container #paletton {
    width: 94px;
}
div#sponsors-links.nav div.content-container #skylum {
    width: 133px;
}

div#sponsors-links.nav .left-side span.wix{

    background-position-x: 0px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.upwork{

    background-position-x: -131px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.envato{

    background-position-x: -263px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.adobe{

    background-position-x: -440px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.istock{

    background-position-x: -572px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.wework{

    background-position-x: -688px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.dropbox{

    background-position-x: -848px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.aws{

    background-position-x: -471px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.flatiron{

    background-position-x: -1094px;
    background-position-y: 0px;
}div#sponsors-links.nav .left-side span.paletton{

     background-position-x: -1215px;
     background-position-y: 0px;
 }div#sponsors-links.nav .left-side span.skylum{

     background-position-x: -1318px;
     background-position-y: 0px;
 }
div#sponsors-links.nav .right-side{
    display: inline-block;
    vertical-align: middle;
    line-height: 12px;
    padding: 0;
    color: #7b878b;
    font-size: 11px;
}

span.nav-drop-down-arrow {
    float:		right;
    margin:		-15px 4px 0 7px;
    height:		6px;
    width:		9px;
    background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -23px -102px;
}
div.nav ul.nav li a.hover {
	padding-bottom:	3px;
	/*border-bottom:	3px solid #aaaaaa;*/
}
div.nav ul.nav li a.selected {
	border-color: #e06565;
}

/* SUB NAV */
div.sub-nav {
	position:			absolute;
	z-index:			10;
	top:				0;
	left:				0;
	background-color:	#ffffff;
	border:				1px solid #d8d8d8;
	margin-top:			-1px;
}
div.nav ul.nav li ul#sub-nav_4 {
    /*display: none;*/
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    position: fixed;
    z-index: 10;
    width: 130px;
    margin-top: 13px;
    /*margin-left: 12px;*/
}
div.nav ul.nav li ul#sub-nav_4 a{
    color: #4d4d4d;
}
div.nav ul.nav li ul#sub-nav_4 a:hover{
    font-weight: 600;
}
div.sub-nav span {
	display: block;
}
div.sub-nav span a {
	display:			block;
	font-size:			12px;
	min-width:			120px;
	/*border-bottom:		1px dotted #a6a6a6;*/
	padding:			4px 0;
	margin:				0 9px;
	background-color:	transparent;
}
div.sub-nav span a:hover {
	font-weight: bold;
}
div.sub-nav span a.last {
	border:	0 none;
}
div.sub-nav span a span {
	display:	block;
	float:		left;
	width:		3px;
	height:		5px;
	/*background:	transparent url(/images/v4.0/_/global-sprite.png?16) repeat scroll -144px -6px;*/
	margin:		2px 4px 0 1px;
}

/* GLOBAL SEARCH/CREATE */
div#search-create {
	float:	right;
    padding-right: 5px;
}
div#search-create form{
    margin-top: -4px;
}
div#global-search {
	float: left;
}
div#global-search-type-menu{
    height: 180px;
}
div#global-create-menu{
    /*left: 1164px !important;*/
}
div#global-search div.label-overlay {
    position: relative;
    float: left;
    width: 276px;
    height: 32px;
}
div#global-search div.label-overlay label,
div#global-search div.label-overlay input {
    position: absolute;
    top: 1px;
    left: 0;
    width: 230px;
    height: 36px;
    padding: 0 39px 1px 7px;
    line-height: 36px;
    font-size: 12px;
    cursor: text;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
div#global-search div.label-overlay label {
	z-index:	1;
	color:		#aaa;
}
div#global-search input#global-search-query {
    border: none;
    outline: none;
    color: #333;
}
div#global-search-type {
    float: left;
    margin: 11px -3px 0 -150px;
}
a#global-search-type-trigger {
    display: block;
    position: relative;
    z-index: 2;
    width: 19px;
    height: 31px;
}
a#global-search-type-trigger.active {
	position:				relative;
	z-index:				501;
	background-position:	-141px -58px;
}
div#global-search a#global-search-submit {
    float: left;
    width: 44px;
    height: 47px;
    overflow: hidden;
    background: transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -319px -29px;
    text-indent: -9999px;
    margin-right: 10px;
    margin-top: -9px;
}
div#global-search a#global-search-submit:hover {
	/*background-position: -231px -28px;*/
}
div#global-search a#global-search-submit:active {
	/*background-position: -231px -56px;*/
}
div#search-create div.divider {
	float:				left;
	width:				1px;
	height:				28px;
	margin:				0 12px;
	background-color:	#e0e0e0;
	border-right:		1px solid #fcfcfc;
}
div#global-create {
	float: left;
}
/*a#global-create-trigger {
	display:		block;
	width:			71px;
	height:			33px;
	margin:			0 -3px;
	padding-left:	13px;
	background:		transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -45px -28px;
	line-height:	28px;
	font-size:		14px;
	font-weight:	bold;
	text-shadow:	0 -1px 0 rgba(0, 0, 0, 0.5);
	color:			#fff;
}*/

a#global-create-trigger {

    display: block;
    width: 110px;
    height: 36px;
    margin: -2px -3px;
    background: transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -140px -0px;
    line-height: 35px;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
    color: #fff;
    border-radius: 3px;
    text-align: center;
}

a#global-create-trigger:hover {
	background-position: -140px -0px;
}
a#global-create-trigger:active {
	background-position: -140px -0px;
}
a#global-create-trigger.active {
	position:				relative;
	z-index:				501;
	background-position:	-140px -0px;
}
a#global-search-type-trigger span.icon {
    float: left;
    width: 105px;
    height: 22px;
    margin: -1px 0 0 40px;
    background: transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -0px -85px;
}
a#global-search-type-trigger.palette span.icon {
	height: 22px;
}
a#global-search-type-trigger.palette.active span.icon {
	background-position: -0px -85px;
}
a#global-search-type-trigger.pattern span.icon {
	background-position: -120px -85px;
}
a#global-search-type-trigger.pattern.active span.icon {
	background-position: -120px -85px;
}
a#global-search-type-trigger.pattern-template span.icon {
	background-position: -230px -85px;
    width: 120px;
    margin: -1px 0 0 25px;
}
a#global-search-type-trigger.pattern-template.active span.icon {
	background-position: -230px -85px;
    width: 120px;
    margin: -1px 0 0 25px;
}
a#global-search-type-trigger.shape span.icon {
	background-position: -121px -130px;
    margin: -1px 0 0 55px;
}
a#global-search-type-trigger.shape.active span.icon {
	background-position: -121px -130px;
    margin: -1px 0 0 55px;
}
a#global-search-type-trigger.color span.icon {
	background-position: 0 -131px;
    margin: -1px 0 0 55px;
}
a#global-search-type-trigger.color.active span.icon {
	background-position: 0 -131px;
    margin: -1px 0 0 55px;
}
a#global-search-type-trigger.lover span.icon {
    height: 27px;
    margin-top: -7px;
    background-position: -239px -123px;
    margin-left: 58px;
}
a#global-search-type-trigger.lover.active span.icon {
    background-position:	-239px -123px;
}

/* Dark Grey Menu */
div.dark-grey-menu {
	position:	absolute;
	z-index:	500;
    background-color: #ffffff;
    /*left: 1004px !important;*/
    top: 47px !important;
    border: 1px solid #a8a8a8;
    /*height: 180px;*/
    border-radius: 3px;
}
div.dark-grey-menu div.top div.left {
	float:		left;
	width:		5px;
	height:		4px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -129px -28px;
}
div.dark-grey-menu div.top div.right {
	float:		right;
	width:		7px;
	height:		4px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -134px -28px;
}
div.dark-grey-menu div.top div.middle {
	height:		4px;
	margin:		0 7px 0 5px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) repeat-x scroll 0 -127px;
}
div.dark-grey-menu.align-left div.top div.left,
div.dark-grey-menu.align-right div.top div.right {
	background: none;
}
div.dark-grey-menu ul,
div.dark-grey-menu ul li {
	clear: both;
}
div.dark-grey-menu ul div.left {
	float:		left;
	width:		2px;
	height:		25px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -129px -40px;
}
div.dark-grey-menu ul div.right {
	float:		right;
	width:		4px;
	height:		25px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -131px -40px;
}
div.dark-grey-menu ul a {
	display:			block;
	position:			relative;
	z-index:			1;
	float:				none;
	height:				25px;
	margin:				0 4px 0 2px;
	padding:			0;
	/*background-color:	#272727;*/
	border:				none;
	line-height:		26px;
	font-size:			12px;
	font-weight:		normal;
	color:				#666;
}
div.dark-grey-menu ul a span.pad-right {
	float:	right;
	width:	12px;
	height:	1px;
}
div.dark-grey-menu ul a:hover {
	margin:				0 3px 0 1px;
	padding:			0 1px;
	/*background-color:	#141414;*/
	color:				#666;
    font-weight: 500;
}
div.dark-grey-menu div.bottom div.left {
	float:		left;
	width:		5px;
	height:		8px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -129px -32px;
}
div.dark-grey-menu div.bottom div.right {
	float:		right;
	width:		7px;
	height:		8px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -134px -32px;
}
div.dark-grey-menu div.bottom div.middle {
	height:		8px;
	margin:		0 7px 0 5px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) repeat-x scroll 0 -131px;
}
div.dark-grey-menu ul a span.icon {
	float:		left;
    width: 20px;
    height: 23px;
    margin: 5px 7px -1px 7px;
	background:	transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll 0 0;
}
div.dark-grey-menu ul a.palette span.icon {
	height:					20px;
	margin-top:				2px;
    width:                  20px;
	background-position:	0 0;
}
div.dark-grey-menu ul a.palette:hover span.icon {
	background-position: 0 0;
}
div.dark-grey-menu ul a.pattern span.icon {
	background-position: -68px 0;
}
div.dark-grey-menu ul a.pattern:hover span.icon {
	background-position: -68px 0;
}
div.dark-grey-menu ul a.pattern-template span.icon {
	background-position: -111px 0;
}
div.dark-grey-menu ul a.pattern-template:hover span.icon {
	background-position: -111px 0;
}
div.dark-grey-menu ul a.shape span.icon {
	background-position: -91px 0
}
div.dark-grey-menu ul a.shape:hover span.icon {
	background-position: -91px 0;
}
div.dark-grey-menu ul a.color span.icon {
	background-position: -46px 0;
}
div.dark-grey-menu ul a.color:hover span.icon {
	background-position: -46px 0;
}
div.dark-grey-menu ul a.lover span.icon {
	height:					23px;
	margin-top:				5px;
	background-position:	-24px 0;
}
div.dark-grey-menu ul a.lover:hover span.icon {
	background-position: -24px 0;
}
/* IE7 Hack */
*:first-child+html div.dark-grey-menu {
	width: 150px;
}
*:first-child+html div.dark-grey-menu ul li {
	line-height: 0;
}

/*bg icons of main page*/
div.feature-col .icon{
    float: left;
    width: 20px;
    height: 23px;
    margin: 5px 7px -1px 7px;
    background: transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll 0 0;

}
div.feature-col .palette-icon{
    background-position:	0 0;
}
div.feature-col .pattern-icon{
    background-position: -68px 0;
}
div.feature-col .color-icon{
    background-position: -46px 0;
}
div.feature-col .shape-icon{
    background-position: -91px 0;
}

/* CONTENT */
div.content {
	/*border:				1px solid #ededed;*/
	padding:			19px 19px 0 19px;
	width:				1100px;/* added by waleed 940px*/
	margin:				20px auto;
	background-color:	#ffffff;
}

/* FOOTER-SHELL / FOOTER */
div.footer-shell {
	background:	transparent url(/images/v4.0/_/footer/bg.png) repeat scroll 0 0;
	margin-top:	40px;
	margin-bottom:	70px;
}
div.footer {
	padding:	40px 20px 40px 0;
	width:		960px;
    margin:     0 4% auto auto;
	color:		#999999;
}
div.footer div.col {
	float:			left;
	margin-left:	20px;
	width:			100px;
}
div.footer div.col h2 {
	font-size:		11px;
	color:			#999999;
	text-transform:	uppercase;
	margin-bottom:	20px;
}
div.footer div.col ul {
	list-style:	none;
}
div.footer div.col ul li {
	width:		100px;
	padding:	8px 0;
	border-top:	1px solid #1f1f1f;
}
div.footer div.col ul li div {
	float:		left;
	width:		3px;
	height:		5px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) repeat scroll -144px 0;
	margin:		6px 4px 0 0;
}
div.footer div.col ul li a {
	color:			inherit;
	font-weight:	bold;
}
div.footer div.bottom-copy {
	margin:		40px 0 0 20px;
	color:		#999999;
	font-size:	10px;
}
div.footer div.bottom-copy a {
	color:		#999999;
	font-size:	11px;
}
div.footer div.bottom-copy strong {
	display:		block;
	font-size:		11px;
	color:			#999999;
	line-height:	10px;
}
div.footer div.bottom-copy p.cc {
	margin: 10px 0 30px 0;
}

div.footer div.bottom-copy p.languages {
	margin-bottom:	30px;
	float:			right;
	width:			231px;
}
div.footer div.bottom-copy p.languages strong {
	display:		block;
	margin-bottom:	12px;
}
div.footer div.bottom-copy p.languages strong sup {
	color:			#d93636;
	text-transform:	uppercase;
	font-size:		7px;
	vertical-align:	4px;
}
div.footer div.bottom-copy p.languages a {
	margin-right: 5px;
}
div.footer-shell div.col-300{
    height: 87px;
}
div.footer-shell .footer-left-bottom{
    background: #363636;
    padding: 50px ;
}
div.footer-shell #footer-logo{
    background:	transparent url(/images/v4.0/_/footer-logo.png?16) no-repeat;
    width: 190px;
    height: 68px;
}
div.footer-shell #footer-text{
    color: #ffffff;
    margin-bottom: 30px;
}
div.footer-shell #footer-socials{
    color: transparent;
    margin-bottom: 5px;
}
div.footer-shell #footer-socials #footer-social-fb{
    background:	transparent url(/images/v4.0/_/footer-socials.png?16) no-repeat scroll -1px 0;
    padding: 4px;
    margin: 0 5px;
}
div.footer-shell #footer-socials #footer-social-tw{
    background:	transparent url(/images/v4.0/_/footer-socials.png?16) no-repeat scroll -5px 0;
    padding: 0 21px 12px 0;
    margin: 0 14px;
}
div.footer-shell #footer-socials #footer-social-ig{
    background:	transparent url(/images/v4.0/_/footer-socials.png?16) no-repeat scroll -28px 0;
    padding: 0 7px;
    margin: 0 14px;
}
div.footer-shell #footer-socials #footer-social-pt{
    background:	transparent url(/images/v4.0/_/footer-socials.png?16) no-repeat scroll -48px 0;
    padding: 0 7px;
    margin: 0 11px;
}




/* OVERLAY */
div.cl-overlay-content {
	position:			absolute;
	z-index:			2000;
	top:				0;
	left:				0;
	background-color:	#eeeeee;
	border:				10px solid #f2f2f2;
}
div.cl-overlay {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			1000;
	width:				100%;
	background-color:	#ffffff;
}

/* MISC */
table.spaced td,
table.spaced th {
	padding: 5px 0;
}
table.gray-text td,
table.gray-text th {
	color: #4c4c4c;
}
.drag {
	cursor: url(/images/v4.0/_/misc/handGrab.cur), default;
}
.bigger {
	font-size:		14px !important;
	line-height:	24px !important;
}
.smaller {
	font-size:		11px !important;
	line-height:	16px !important;
}
.lighter {
	color: #808080;
}
.auto-width {
	width: auto !important;
}
.noDim {
	width:	0 !important;
	height:	0 !important;
}
.wsn {
	white-space: normal !important;
}
.ttn {
	text-transform: none !important;
}
.ttu {
	text-transform: uppercase !important;
}
.red {
	color: #d93636 !important;
}
.clear {
	display:	block !important;
	clear:		both !important;
}
.left {
	float: left !important;
}
.right {
	float: right !important;
}
.inline {
	display: inline !important;
}
.block {
	display: block !important;
}
.green-text {
	color: #006600 !important;
}
.red-text {
	color: #cc3333 !important;
}
div.column-container {
	margin-bottom: 20px !important;
}
.ml-20 {
	margin-left: 20px !important;
}
.ml-15 {
	margin-left: 15px !important;
}
.ml-10 {
	margin-left: 10px !important;
}
.ml-5 {
	margin-left: 5px !important;
}
.ml-0 {
	margin-left: 0 !important;
}
.ml-1 {
	margin-left: 1px !important;
}
.ml-2 {
	margin-left: 2px !important;
}
.ml-3 {
	margin-left: 3px !important;
}
.ml-4 {
	margin-left: 4px !important;
}
.mr-30 {
	margin-right: 30px !important;
}
.mr-20 {
	margin-left: 20px !important;/* added by Waleed shift right to left*/
}
.mr-right-20 {
	margin-right: 20px !important;/* added by Waleed shift right to left*/
}
.mr-15 {
	margin-right: 15px !important;
}
.mr-10 {
	margin-right: 10px !important;
}
.mr-5 {
	margin-right: 5px !important;
}
.mr-0 {
	margin-right: 0 !important;
}
.mr-1 {
	margin-right: 1px !important;
}
.mr-2 {
	margin-right: 2px !important;
}
.mr-3 {
	margin-right: 3px !important;
}
.mr-4 {
	margin-right: 4px !important;
}
.br-0 {
	border-right: 0 none !important;
}
.bb-0 {
	border-bottom: 0 none !important;
}
.mt-30 {
	margin-top: 30px !important;
}
.mt-20 {
	margin-top: 20px !important;
}
.mt-15 {
	margin-top: 15px !important;
}
.mt-10 {
	margin-top: 10px !important;
}
.mt-0 {
	margin-top: 0 !important;
}
.mt-1 {
	margin-top: 1px !important;
}
.mt-2 {
	margin-top: 2px !important;
}
.mt-3 {
	margin-top: 3px !important;
}
.mt-4 {
	margin-top: 4px !important;
}
.mt-5 {
	margin-top: 5px !important;
}
.mb-50 {
	margin-bottom: 50px !important;
}
.mb-30 {
	margin-bottom: 30px !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}
.mb-15 {
	margin-bottom: 15px !important;
}
.mb-10 {
	margin-bottom: 10px !important;
}
.mb-5 {
	margin-bottom: 5px !important;
}
.mb-0 {
	margin-bottom: 0 !important;
}
.mb-1 {
	margin-bottom: 1px !important;
}
.mb-2 {
	margin-bottom: 2px !important;
}
.mb-3 {
	margin-bottom: 3px !important;
}
.mb-4 {
	margin-bottom: 4px !important;
}
.pt-20 {
	padding-top: 20px !important;
}
.pt-10 {
	padding-top: 10px !important;
}
.pt-0 {
	padding-top: 0 !important;
}
.pr-0 {
	padding-right: 0 !important;
}
.pr-10 {
	padding-right: 10px !important;
}
.pb-15 {
	padding-bottom: 15px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-10 {
	padding-bottom: 10px !important;
}
.pb-0 {
	padding-bottom: 0 !important;
}
.pl-10 {
	padding-left: 10px !important;
}
.pl-5 {
	padding-left: 5px !important;
}
.pl-0 {
	padding-left: 0 !important;
}
.p-40 {
	padding: 40px !important;
}
.p-10 {
	padding: 10px !important;
}
.p-4 {
	padding: 4px !important;
}
.p-0 {
	padding: 0 !important;
}
.ttn {
	text-transform: none !important;
}
.fwn {
	font-weight: normal !important;
}
.tal {
	text-align: left !important;
}
.tac {
	text-align: center !important;
}
.tar {
	text-align: right !important;
}
.pointer {
	cursor: pointer;
}
input.badge-text-field {
	float:				left;
	width:				270px;
	height:				26px;
	border:				1px solid #b3b3b3;
	border-width:		1px 0 0 1px;
	background-color:	#ffffff;
	color:				#333333;
	font-size:			11px;
	vertical-align:		middle;
	padding-left:		6px;
	margin-bottom:		15px;
}
div.wallpaper-links {
	font-size: 11px;
    word-wrap: break-word;
}
div.wallpaper-links a {
	font-weight:	bold;
	font-size:		11px;
	border-bottom:	1px dotted #a6a6a6;
	margin-right:	5px;
    word-wrap: break-word;
}
h5.share-on {
	float:		left;
	width:		60px;
	margin-top:	8px;
}
a.top-edit-btn {
	display:			block;
	float:				right;
	padding:			3px 8px;
	background-color:	#f2f2f2;
	font-weight:		bold;
	border:				1px solid #cccccc;
	color:				#d93636;
	white-space:		nowrap;
}

/* CALLOUT */
div.callout-container {
	/*background:		transparent url(/images/v4.0/_/callout/bg.jpg) no-repeat scroll 0 0;*/
	/*background:		#f2f2f2 none repeat scroll 0 0;*/
	/*padding:		30px 0 30px 30px;*/
	/*border:			1px solid #d9d9d9;*/
	/*margin-bottom:	0 auto auto 20px;*//*old value*/
	margin:         5px auto 20px auto;
	/*width:			908px;*/ /* IE */
    color: #383838;
    font-weight: normal;
}
div.callout-container h2 {
	font-size:		30px;
	margin-bottom:	12px;
	letter-spacing:	-1px;
    font-weight: 600;
    color: #383838;
}
div.callout-container a {
	/*font-weight:	bold;*/
	color:			#383838;
	border-bottom:	1px dotted #a6a6a6;


}

/* INDEX */
.light-shadow {
	text-shadow: 0 1px 0 #efefef;
}
div.callout-container p.about {
	padding-top:	7px;
	margin:			0;
	font-size:		14px;
	line-height:	27px;
}
div.callout-container div.sign-up-container {
	margin-top:	25px;
	width:		300px;
	float:		right;
	text-align:	center;
    background-color: #e03a3e;
}
div.callout-container div.sign-up-container .sign-up-for-free {
	display:		block;
	width:			255px;
	height:			40px;
	padding:		20px 0 0 15px;
	text-shadow:	0 1px 0 #ffffff;
	color:			#d93636;
	font-size:		16px;
	font-weight:	bold;
	border:			0 none;
}
div.callout-container div.sign-up-container .sign-up-for-free-btn {
	/*background:		transparent url(/images/v4.0/_/btn/sign-up-for-free-bg.png) no-repeat scroll 0 0;*/
    color: #ffffff;
    font-weight: normal;
}
div.callout-container div.sign-up-container .sign-up-for-free-btn span {

    background: transparent url(/images/v4.0/_/white-heart-icon.png?16) no-repeat;
    padding: 0 14px;

}
div.callout-container div.sign-up-container p {
	padding-top:	7px;
	font-size:		11px;
	margin-right:	30px;
}
div.callout-container div.sign-up-container p a {
	font-weight:	bold;
	color:			#d93636;
}

/* BLOG POSTS */
a.blog-post-header {
	display:	block;
	width:		220px;
	/*height:		80px;*/
	text-align:	center;
	overflow:	hidden;
}
a.blog-post-header img {
	height: 110px;
    /*width:		220px;*/
    width: auto;

}
a.blog-post-comment-count {
	font-size:	11px;
	color:		#999999 !important;
}
a.blog-post-comment-count span {
	float:		left;
	width:		10px;
	height:		10px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -209px 0;
	margin:		6px 4px 0 0;
}
h2.blog-post-title {
	line-height:	15px;
	font-size:		12px;
	margin:			5px 0 0 0;
    font-weight: normal;
}
div.blog-post-categories {
	font-size:	11px;
	color:		#666666;
}
div.blogposts a, div.blogposts p, div.blogposts span{
    font-size: 14px;
}
/* CALLOUT CHANNEL */
div.callout-channel {
	background:		#f2f2f2 none repeat scroll 0 0;
	padding:		0;
	margin-bottom:	20px;
	/*width:			940px; added by waleed*/ /* IE */
	width:			1050px; /* IE */
	height:			113px;
	border:			1px solid #d9d9d9 /*added by waleed*/;
}
div.channel-container {
	padding: 20px 0 25px 30px;
}
div.callout-container p.channel-blurb {
	font-size: 14px;
}
div.callout-container p.channel-blurb a {
	font-weight: bold;
}
span.callout-breadcrumbs {
	font-weight:		normal;
	padding:			6px 9px 6px 10px;
	height:				23px;
	background-color:	#ffffff;
	border:				1px solid #c5c5c5;
	border-width:		0 1px 1px 0;
}
span.callout-breadcrumbs a {
	font-weight:	normal;
	border:			0 none;
}
span.callout-breadcrumbs span {
	padding:	0 5px;
	color:		#b2b2b2;
}
a.right-link {
	display:	block;
	float:		right;
	width:		300px;
	height:		113px;
	border:		0 none !important;
}

.OUTBRAIN {

    margin-top: 10px;
}

.hide{
    display: none;
}
div#filter-div{
    margin: 10px;
}
div#filter-div a{
    color: #009ddc;
    font-weight: 600;
}
/* COLUMNS */
div.col-620 {
	width: 730px;/* 620px*/
	float: right;/* added by waleed to shift right to left*/
}
div.col-left-620 {
	width: 730px;/* 620px*/
	float: left;/* added by waleed to shift right to left*/
}
div.col-510 {
	width: 510px;
	float: left;
}
div.col-455 {
	width: 455px;
	float: left;
}
div.col-455-new {
	width: 455px;
	float: left;
}
div.col-450 {
	width: 455px;
	float: left;
}
div.col-400 {
	width: 400px;
	float: left;
}
div.col-350 {
	width: 350px;
	float: left;
}
div.col-320 {
	width: 320px;
	float: left;
}
div.col-300 {
	width: 300px;
	float: left;
}
div.col-295 {
	width: 295px;
	float: left;
}
div.col-275 {
	width: 275px;
	float: left;
}
div.col-270 {
	width: 270px;
	float: left;
}
div.col-260 {
	width: 260px;
	float: left;
}
div.col-240 {
	/*width: 240px;*/
    width: 330px;
	float: left;
}
div.col-235 {
	width: 235px;
	float: left;
}
div.col-232 {
	width: 232px;
	float: left;
}
div.col-225 {
	width: 225px;
	float: left;
}
div.col-215 {
	width: 215px;
	float: left;
}
div.col-200 {
	width: 200px;
	float: left;
}
div.col-194 {
	/*width: 194px; added by waleed 220*/
    width: 220px;
	float: left;
}
div.col-182 {
	width: 182px;
	float: left;
}
div.col-160 {
	width: 160px;
	float: left;
}
div.col-112 {
	width: 112px;
	float: left;
}
div.col-107 {
	width: 107px;
	float: left;
}
div.col-105 {
	width: 105px;
	float: left;
}
form div.col-105 {
	width: 125px;
	float: left;
}
div.col-100 {
	width: 100px;
	float: left;
}
div.col-96 {
	width: 96px;
	float: left;
}
div.col-90 {
	width: 90px;
	float: left;
}
div.col-80 {
	width: 80px;
	float: left;
}
div.col-70 {
	width: 70px;
	float: left;
}
div.col-60 {
	width: 60px;
	float: left;
}
div.col-50 {
	width: 50px;
	float: left;
}
div.col-45 {
	width: 45px;
	float: left;
}
div.col-40 {
	width: 40px;
	float: left;
}

.center{
    text-align: center;
}
div.feature-detail-stats h5{
    font-size: 13px;
    font-weight: 600;
    color: #838383;
}

/* IMAGE SLIDER */
#image-slider-container {
	width:		620px;
	height:		250px;
	overflow:	hidden;
	position:	relative; /* IE */
}
#image-slider-container div.left-arrow, #image-slider-container div.right-arrow {
	cursor:		pointer;
	position:	absolute; /* IE */
	z-index:	1;
	float:		left;
	width:		60px;
	height:		100px;
	margin-top:	75px;
	background:	#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -131px;
}
#image-slider-container div.right-arrow {
	position:				relative;
	float:					right;
	background-position:	-61px -131px;
}
#image-slider-container div.image-slider {
	position:	absolute;
	height:		250px;
	overflow:	hidden;
}
#image-slider-container div.image-slider a {
	display:	block;
	float:		left;
	width:		620px;
	height:		250px;
}
div.index-feature-detail {
	height:				42px;
	width:				595px;
	padding:			14px 5px 15px 20px;
	border-top:			3px solid #e6e6e6;
	background-color:	#f3f3f3;
}
div.index-feature-detail div.text {
	float:			left;
	width:			370px;
	height:			42px;
	margin-right:	17px;
	overflow:		hidden;
}
div.index-feature-detail div.text div.feature {
	white-space:	nowrap;
	color:			#666666;
}
div.index-feature-detail div.text div.feature h2 {
	font-size:		16px;
	margin-bottom:	2px;
}
div.index-feature-detail div.text div.feature h2 a {
	color:			#1a1a1a;
	border-bottom:	1px dotted #a6a6a6;
}
div.index-feature-detail div.text div.feature a {
	color: #666666;
}
div.index-feature-detail div.images {
	float:	left;
	width:	208px;
	height:	42px;
}
div.index-feature-detail div.images img {
	cursor:			pointer;
	display:		block;
	float:			left;
	width:			32px;
	height:			32px;
	border:			5px solid #f3f3f3;
	margin-right:	10px;
}
div.index-feature-detail div.images img.selected {
	border-color: #d9d9d9;
}

/* BIG TABS */
ul.big-tabs-container {
	list-style:		none;
	height:			39px;
	/*background:		url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -924px;*/
	border-top:		2px solid #ffffff;
	border-bottom:	3px solid #666666;
	/*margin-bottom:	1px;*/
}
ul.big-tabs-container li {
	cursor:			pointer;
	float:			left;
	height:			28px;
	font-weight:	bold;
	font-size:		16px;
	outline:		0 none;
	color:			#333333;
	text-shadow:	0 1px 0 #efefef;
	line-height:	16px;
	text-transform:	uppercase;
	padding:		10px 15px 0 15px;
	font:			normal 13px/20px arial,sans-serif;
}
ul.big-tabs-container li.selected {
	margin-top:		-2px;
	background: 	#a8a8a8;
	color: 			#ffffff;
	text-shadow:	0 1px 0 #000000;
	border-top:		2px solid #a8a8a8;
	border-bottom:	3px solid #383838;
	height:			29px;
}

/* FEATURE COL */
div.feature-col {
	float:				left;
	min-height:			540px;
	/*border:				1px solid #cccccc;*/
	border-width:		1px 1px 0 0;
	width:				230px;/* added by waleed 206*/
	border-top-color:	#dedede;
    margin-left: 13px;
}
div.feature-col .sub-header {
	border-top: 1px solid #ffffff;
}
div.feature-col div.sub-header a.plus-btn {
	display:	block;
	float:		right;
	background:	transparent url(/images/v4.0/_/create-icon.png?16) no-repeat;
	margin-top:	18px;
	height:		10px;
	width:		53px;
}
div.feature-col h2 a{
    color: #ffffff;
}

div.feature-col div.content-panel {
	min-height: 530px;
	overflow:	hidden;
}
div.feature-col div.content-panel div.col {
	height: 96px;
}
div.feature-col div.content-panel div.col div.by-line,
div.feature-col div.content-panel div.col div.by-line a {
	font-size:		9px;
	line-height:	8px;
	color:			#666666;
}
.trend-image-box .title,
div.feature-col div.content-panel div.col .title {
	height:		20px;
	width:		140px;
	font-size:	11px;
	color:		#333333;
	float:		left;
	overflow:	hidden;
}
div.feature-col div.content-panel div.col .group-image {
	display:			block;
	height:				56px;
	width:				186px;
	overflow:			hidden;
	background-color:	#e7e7e7;
	text-align:			center;
}
div.feature-col div.content-panel div.col .group-image img {
	width: 186px;
}
div.feature-col div.content-panel .shape {
	float:		left;
	padding:	0;
}
div.feature-col div.content-panel .shape + .shape {
	margin:		0 0 0 12px;
}
div.feature-col div.content-panel .shape a {
	width:					56px;
	height:					56px;
	background-repeat:		no-repeat;
	background-position:	center center;
	display:				block;
}
.trend-image-box {
	width:	186px;
	float:	left;
	margin:	0 27px 0 17px;
}
.trend-image-box .trend-image,
div.feature-col div.content-panel div.col .trend-image {
	display:			block;
	height:				86px;
	width:				186px;
	overflow:			hidden;
	background-color:	#e7e7e7;
	text-align:			center;
}
.trend-image-box .trend-image img,
div.feature-col div.content-panel div.col .trend-image img {
	width: 186px;
}
.trend-image-box .comment-count,
div.feature-col div.content-panel div.col .comment-count,
div.feature-col div.content-panel div.col .user-count {
	float:		right;
	font-size:	11px;
	color:		#999999 !important;
}
.trend-image-box .comment-count span,
div.feature-col div.content-panel div.col .comment-count span {
	float:		left;
	width:		10px;
	height:		10px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -209px 0;
	margin:		6px 4px 0 0;
}
div.feature-col div.content-panel div.col .user-count span {
	float:		left;
	width:		10px;
	height:		10px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -231px 0;
	margin:		5px 4px 0 0;
}
div.feature-col div.content-panel div.col .last-comment {
	color:			#666666;
	font-size:		10px;
	line-height:	10px;
}
a.view-more {
	font-size:	11px;
	float:		right;
	color:		#666666;
}
a.view-more-box {
    font-size: 12px;
    /*float: right;*/
    color: #666666;
    border: 1px solid;
    padding: 5px 18px;
    border-radius: 3px;
    margin-left: 25%;
    margin-top: 3px;
    display: inline-block;
}
a.view-more-box:hover {
    /*background-color: ;*/
}

/* CONTENT PANEL */
div.content-panel {
	/*padding:			10px;*/
	/*background-color:	#f3f3f3;*/
	font-size:			12px;
	color:				#4c4c4c;
}
.channels div.content-panel div.col-455-new:nth-last-child(2) {
    float: right !important;
}
div.content-panel span.slashes {
	color:	#cccccc;
	margin:	0 7px 0 0;
}
span.slashes {
	color:	#999999;
	margin:	0 7px 0 0;
}
.sub-panel-header + span.slashes{
    display: none;
}
.sub-panel-header + span.slashes + a{
    float: right;
}
div.content-panel a {
	color: #4d4d4d;
}
a.rss-12-12 {
	background: transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -3px -114px;
	float:		right;
	display:	block;
	height:		12px;
	width:		12px;
	margin-top:	4px;
}

/* SUB PANEL */
h3.sub-panel-header {
	font-size:		12px;
    color: #ffffff;
    display: inline;
    margin-right: 7px;
    text-transform: uppercase;
    background-color: #383838;
    padding: 14px;
}
div.sub-panel, div.sub-panel-dark {

	/*border-top:			3px solid #383838;*/
	padding:			10px 0 5px 0;
	margin:				10px 0 40px 0;
	background-color:	#ffffff;
}
.col-300 div.sub-panel-dark{
    border-top:			3px solid #383838;
}
div.sub-panel-dark {
	/*background-color: #f1f1f1;*/
}

/* OUTLINE FEATURE */
div.outline-feature a.header {
	display:	block;
	width:		435px;
	height:		93px;
	outline:	0 none;
}
div.channels div.outline-feature a.header {
	height: auto;
}
div.channels div.outline-feature a.header img {
	width: 100%
}
div.outline-feature div.text {
	border-top:			3px solid #e6e6e6;
	padding:			15px 10px;
	width:				415px;
	height:				35px;
	color:				#808080;
	font-size:			11px;
	overflow:			hidden;
	white-space:		nowrap;
	background-color:	#f3f3f3;
}
div.outline-feature div.text h2 {
	font-size:		14px;
	margin-bottom:	0;
}
div.outline-feature div.text h2 a {
	color:			#1a1a1a;
	border-bottom:	1px dotted #a6a6a6;
}
div.outline-feature div.text a {
	color: #808080;
}
div.outline-feature div.text a.arrow {
	background: transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -75px -88px;
	display:	block;
	float:		right;
	width:		28px;
	height:		28px;
}
div.outline-feature ul {
	width:		435px;
	list-style:	none;
}
div.outline-feature ul li {
	float:		left;
	width:		435px;
	border-top:	1px solid #f1f1f1;
}
div.outline-feature ul li.top {
	border: 0 none;
}
div.outline-feature ul li a {
	padding:	8px 10px;
	width:		415px;
	display:	block;
}
div.outline-feature ul li a:hover {
	background-color: #fbfbfb;
}
div.outline-feature ul li a span.comment-count {
	display:		block;
	float:			right;
	overflow:		hidden;
	white-space:	nowrap;
	text-align:		right;
	font-size:		11px;
	color:			#4c4c4c;
	line-height:	16px;
	font-weight:	bold;
	width:			58px;
}
div.outline-feature ul li a span.comment-count img {
	margin-left:	5px;
	vertical-align:	-1px;
}
div.outline-feature ul li a span.text {
	font-weight:	bold;
	font-size:		12px;
	outline:		0 none;
	color:			#333333;
	line-height:	16px;
}

/* 50x50 LIST */
div.list-50-50 a {
	width:		50px;
	height:		50px;
	margin:		0 5px 5px 0;
}

/* 83x50 LIST */
div.list-83-50 a {
	display:	block;
	width:		83px;
	height:		50px;
	float:		left;
	margin:		0 5px 5px 0;
	background:	transparent none repeat scroll center center;
}
div.list-83-50 a.shape span.image {
	display:				block;
	height:					50px;
	width:					83px;
	background-position:	center center;
	background-repeat:		no-repeat;
	float:					left;
}
div.list-83-50 a.shape {
	float:		left;
	width:		83px;
	background: url(/images/v4.0/_/shapes/checkerboard.png);
}

/* GROUP SUMMARY */
div.group-summary a.picture {
	display:			block;
	height:				93px;
	width:				263px;
	background-color:	#ffffff;
	overflow:			hidden;
}
div.group-summary a.picture-thumb {
	display:			block;
	height:				56px;
	width:				186px;
	overflow:			hidden;
	background-color:	#e7e7e7;
	text-align:			center;
}
div.group-summary a.picture-thumb img {
	width: 186px;
}
div.group-summary h3 {
	margin:			5px 0 10px 0;
	width:			215px;
	overflow:		hidden;
	white-space:	nowrap;
}
div.group-summary h3 a {
	font-size:		14px;
	color:			#333333;
	border-bottom:	1px dotted #a6a6a6;
}

/* BIG NUMBER LABEL */
div.big-number-label h4 {
	overflow:		hidden;
	white-space:	nowrap;
	margin-top:		5px;
	font-size:		24px;
	line-height:	28px;
	color:			#4c4c4c;
}
div.big-number-label h4 a {
	font-size:		24px;
	line-height:	24px;
	color:			#4c4c4c;
}
div.big-number-label h5 {
	margin-top: -4px;
}
div.big-number-label h4.smaller,
div.big-number-label h4.smaller a {
	font-size:		11px;
	line-height:	16px;
}

/* DISCUSSIONS */
div.panel-discussions ul {
	margin: -10px 0 0 0;
}
div.panel-discussions ul li a {
	padding:	8px 0;
	width:		435px
}
div.panel-discussions ul li a span.text-container, div.panel-discussions ul li a span.date, div.panel-discussions ul li a span.comment-count {
	display:		block;
	float:			left;
	overflow:		hidden;
	white-space:	nowrap;
}
div.panel-discussions ul li a span.text-container {
	width: 315px;
}
div.panel-discussions ul li a span.text {
	font-weight:	bold;
	font-size:		12px;
	color:			#333333;
	line-height:	16px;
}
div.panel-discussions ul li a span.date {
	text-align:		center;
	font-size:		11px;
	color:			#808080;
	line-height:	16px;
	border-right:	1px solid #f1f1f1;
	width:			63px;
	height:			16px;
	padding-right:	8px;
}
div.panel-discussions ul li a span.date strong {
	color: #4c4c4c;
}
div.panel-discussions ul li a span.comment-count {
	text-align:		right;
	font-size:		11px;
	color:			#4c4c4c;
	line-height:	16px;
	font-weight:	bold;
	width:			48px;
}
div.panel-discussions ul li a span.comment-count img {
	margin-left:	5px;
	vertical-align:	-1px;
}

/* DARK HEADER */
div.dark-header {
	background:		#2d2d2d url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -316px;
	height:			30px;
	padding:		10px 0 0 20px;
	font-weight:	bold;
	font-size:		16px;
	color:			#ffffff;
	text-shadow:	0 1px 0 #000000;
	margin-bottom:	1px;
}

div.blue-header {

    height: 25px;
    font-weight: 600;
    font-size: 16px;
    color: #66c4ea;
    margin-bottom: 10px;
    border-bottom: 2px solid;
}

.comments-list-wide .mb-10:first-child{
    text-align: center;
}

/* SUB HEADER */
div.sub-header {
	/*background:	#e3e3e3 url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -357px;*/
	height:		44px;
	/*padding:	5px 20px 0 20px;*/
    margin-bottom: 5px;
}
.feature-col div.sub-header{
    border-bottom: 3px solid;
}
div.sub-header h2 {
	float:			left;
	font-size:		12px;
	color:			#ffffff;
	text-transform:	uppercase;
	margin:			0 7px 0 0;
    background-color: #383838;
    padding: 10px;
    font-weight: normal;
}
.plus-pill, .green-plus-pill, .heart-plus-pill, .short-plus-pill, .short-edit-pill, .short-minus-pill, .short-reply-pill, .short-blank-pill, .short-modal-pill {
	position:		relative;
	display:		block;
	float:			right;
	background:		#e3e3e3 url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -393px;
	padding-right:	22px;
	height:			20px;
	font-size:		10px;
	font-weight:	bold;
	color:			#f1f1f1;
	text-transform:	uppercase;
}
.plus-pill span, .green-plus-pill span, .heart-plus-pill span, .short-plus-pill span, .short-edit-pill span, .short-minus-pill span, .short-reply-pill span, .short-blank-pill span, .short-modal-pill span {
	display:		block;
	float:			left;
	margin-right:	2px;
	background:		#e3e3e3 url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -104px -88px;
	width:			10px;
	height:			20px;
}

/* HEART PLUS PILL */
.heart-plus-pill {
	background-position:	right -687px;
	background-color:		#ffffff;
	color:					#333333;
	height:					23px;
	padding-right:			27px;
	padding-top:			3px;
}
.heart-plus-pill span {
	background-position:	-147px -192px;
	background-color:		#ffffff;
	height:					26px;
	width:					15px;
	margin-top:				-3px;
}

/* SHORT PLUS PILL */
.short-plus-pill, .short-edit-pill, .short-minus-pill, .short-reply-pill, .short-blank-pill, .short-modal-pill {
	display:				block;
	background-position:	right -753px;
	background-color:		#ffffff;
	color:					#333333;
	height:					22px;
	padding-right:			30px;
	padding-top:			3px;
	font-size:				10px;
	line-height:			18px;
}
.short-plus-pill span, .short-edit-pill span, .short-minus-pill span, .short-reply-pill span, .short-blank-pill span, .short-modal-pill span {
	background-position:	-147px -192px;
	background-color:		#ffffff;
	height:					26px;
	width:					15px;
	margin-top:				-3px;
}

/* SHORT BLANK PILL */
.short-blank-pill {
	background-position:	right -964px;
	padding-right:			15px;
}

/* SHORT REPLY PILL */
.short-reply-pill {
	background-position: right -873px;
}

/* SHORT DELETE PILL */
.short-minus-pill {
	color:					#c2473f;
	background-position:	right -846px;
}

/* SHORT EDIT PILL */
.short-edit-pill {
	background-position: right -780px;
}

/* GREEN PLUS PILL */
.green-plus-pill {
	background-position: right -599px;
}

/* PATTERN, USER-PROFILE-MINI-FEATURES */
.pattern,
.user-profile-mini-feature {
	display:	block;
	float:		left;
	background: transparent none repeat scroll 50% 50%;
}
.pattern span, .shape .image span,
.user-profile-mini-feature span {
	display:	block;
	background: transparent url(/images/v4.0/_/misc/10-black.png) repeat scroll 0 0;
}
.shape {
	background-repeat:	no-repeat;
}

/* PALETTE */
.palette, .palette span.c {
	display:	block;
	float:		left;
}
.palette span.s {
	display:	block;
	height:		5px;
	background: transparent url(/images/v4.0/_/misc/10-black.png) repeat scroll 0 0;
}
/*Added by Waleed for responsive issue*/
.palette, .palette div.c {
    display:	block;
    float:		left;
}
.palette div.s {
    display:	block;
    height:		5px;
    background: transparent url(/images/v4.0/_/misc/10-black.png) repeat scroll 0 0;
}
/* end added by Waleed*/
/* COLOR */
.color {
	display:	block;
	float:		left;
}
.color span {
	display:	block;
	background: transparent url(/images/v4.0/_/misc/10-black.png) repeat scroll 0 0;
}

/* AVATAR */
.avatar {
	display:			block;
	float:				left;
	width:				50px;
	height:				50px;
	border:				1px solid #cccccc;
	padding:			4px;
	margin-right:		20px;
	background-color:	#d9d9d9;
}
.avatar span {
	display:	block;
	background:	transparent none no-repeat scroll center center;
	width:		50px;
	height:		50px;
}
.avatar span.is-owner {
	display:	block;
	background:	transparent none no-repeat scroll center center;
	width:		auto;
	height:		auto;
	font-size:	10px;
	margin-top: 3px;
	text-align:	center;
}
.avatar span.staff {
	color:#fff;
	background:#e71e1e;
	background:-moz-linear-gradient(top, #e71e1e 0%, #b80b0b 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e71e1e), color-stop(100%,#b80b0b));
	background:-webkit-linear-gradient(top, #e71e1e 0%,#b80b0b 100%);
	background:-o-linear-gradient(top, #e71e1e 0%,#b80b0b 100%);
	background:-ms-linear-gradient(top, #e71e1e 0%,#b80b0b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e71e1e', endColorstr='#b80b0b',GradientType=0 );
	background:linear-gradient(top, #e71e1e 0%,#b80b0b 100%);
	font-size:9px;
	text-shadow:1px 1px 0 #a90c0c;
	text-transform:uppercase;
	text-align:center;
	display:block;
	line-height:10px;
	margin:4px -5px 0 -5px;
	padding:2px 0;
	width:auto;
	height:auto;
}

/* AVATAR NO BORDER */
.avatar-no-border {
	display:	block;
	float:		left;
	width:		32px;
	height:		32px;
}
.avatar-no-border .img {
	display:	block;
	background:	transparent none no-repeat scroll center center;
	width:		32px;
	height:		32px;
}
.avatar-no-border .img-50 {
	display:	block;
	background:	transparent none no-repeat scroll center center;
	width:		50px;
	height:		50px;
}

/* AVATAR IMAGE */
.avatar-image {
	float:		left;
	display:	block;
	width:		50px;
	height:		50px;
	margin:		0 7px 7px 0;
	background:	transparent none no-repeat scroll center center;
}

/* PCN 120 SUMMARY LIST */
div.pcn-120-summary-list {
	padding: 5px 0 10px 10px;
}
div.pcn-120-summary-list div.col {
	float:			left;
	width:			120px;
	margin-right:	10px;
}
div.pcn-120-summary-list div.col a.title {
	display:		block;
	color:			#333333;
	font-size:		12px;
	margin-bottom:	7px;
	width:			120px;
	font-weight:	bold;
	overflow:		hidden;
	white-space:	nowrap;
}

/* COMMUNITY TEXT */
span.community-text {
	margin-left:	8px;
	font-size:		12px;
	font-weight:	normal;
	color:			#999999;
	text-shadow:	0 1px 0 #1e1e1e;
}

/* FEATURED LOVER */
div.featured-lover hr {
	margin-bottom:		5px;
	background-color:	#f1f1f1;
	width:				439px;
}
div.featured-lover h3.sub-panel-header {
	margin-bottom: 2px;
}
div.featured-lover a.user-picture img {
	width:	200px;
	height:	139px;
}
div.featured-lover h2 a.username {
	margin: 		8px 0 0 0;
	color:			#333333;
	font-weight:	bold;
	font-size:		14px;
	border-bottom:	1px dotted #a6a6a6;
}

/* QUOTE BUBBLE */
div.quote-bubble-wing {
	margin:		14px 0 0 10px;
	height:		7px;
	width:		7px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -13px -95px;
}
div.quote-bubble-text,
div.quote-bubble-text-profile {
	padding:			7px 10px;
	border:				1px solid #cccccc;
	border-width:		0 1px 1px 0;
	background-color:	#f1f1f1;
	font-size:			11px;
	color:				#1a1a1a;
	line-height:		14px;
	padding:			7px 10px;
	margin-bottom:		15px;
}
div.quote-bubble-text-profile {
	float: right;
	color: #808080;
}
div.quote-bubble-text-profile p.tweet-text {
	color:			#333333;
	font-size:		12px;
	line-height:	19px;
	margin-bottom:	6px;
}
div.quote-bubble-text-profile a {
	border-bottom:	1px dotted #a6a6a6;
}
div.quote-bubble-wing-left {
	margin-top:	10px;
	float:		left;
	height:		7px;
	width:		7px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -43px -119px;
}
a.gray-pill {
	display:		block;
	float:			right;
	/*background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -414px;*/
	padding-right:	12px;
	height:			20px;
	font-size:		10px;
	font-weight:	bold;
	color:			#7b878b;
	text-transform:	uppercase;
	line-height:	18px;
	margin-top:		2px;
}
a.gray-pill span {
	display:		block;
	float:			left;
	margin-right:	2px;
	/*background:		#e3e3e3 url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -104px -109px;*/
	width:			10px;
	height:			20px;
}
a.dark-gray-pill {
	/*background-position: right -435px;*/
    /*border-radius: 2px;
    background-color: #61bb46;*/
}
a.dark-gray-pill span {
	/*background-position: -104px -88px;*/
}
.tall-light-header a.dark-gray-pill{
    padding: 0 4px;
    border-radius: 3px;
    background-color: #61bb46;
    color: #ffffff;
}
.tall-light-header a.dark-gray-pill span{
    width: 0;!important;
    height: 0 !important;
    display: inline;
}
/* STORE SUMMARY */
div.store-summary {
	padding: 20px 0 15px 10px;
}
div.store-summary a.image img {
	width:		162px;
	height:		176px;
	padding:	4px;
	border:		1px solid #d9d9d9;
}
div.store-summary h3 {
	font-weight:	bold;
	color:			#333333;
	font-size:		11px;
	text-transform:	uppercase;
	line-height:	11px;
	margin-top:		10px;
}
div.store-summary a.text {
	color:		#d93636;
	font-size:	11px;
}

/* BLOG */
div.blog-header-image {
	width:		620px;
	background:	#cdcdcd url(/images/v4.0/_/blog/header-bg.png) repeat scroll 0 0;
	text-align:	center;
}
div.blog-header-image a {
	background:	transparent none no-repeat scroll 50% 50%;
}
div.padded-bordered-content {
	/*width:				560px;  added by waleed*/
	padding:			15px 19px;
	/*border:				1px solid #e6e6e6;*/
	background-color:	#ffffff;
	font-size:			14px;
	line-height:		22px;
}
div.padded-bordered-content h1 {
	line-height:	26px;
	border:			0 none;
}
div.padded-bordered-content h1 a {
	color: #333333;
}
div.dark-bg-content-container {
	padding:			10px;
	/*background-color:	#f1f1f1;*/
	margin-bottom:		16px;
}
div.dark-bg-content-container div.post-meta {
	margin-top: 5px;
}
div.dark-bg-content-container div.post-meta div, div.dark-bg-content-container div.post-meta div a {
	color: #808080;
}
div.dark-bg-content-container div.post-meta div a:hover {
	color: #454545;
}
div.dark-bg-content-container div.post-meta div a {
	font-weight: bold;
}
a.read-the-full-post {
	border:				1px solid #cccccc;
	padding:			6px 10px;
	margin-top:			15px;
	background-color:	#f1f1f1;
	color:				#4c4c4c;
}

/* PHOTO BORDER */
img.photo-border {
	border:				1px solid #cccccc;
	padding:			4px;
	background-color:	#d9d9d9;
}

/* POST AUTHOR */
div.post-author div.info {
	width:			480px;
	display:		block;
	float:			left;
	font-size:		12px;
	line-height:	16px;
}
div.post-author div.info h2 {
	font-size:		16px;
	margin-bottom:	2px;
	font-weight:	normal;
}
div.post-author div.info a.link {
	display:		block;
	font-weight:	bold;
	font-size:		12px;
	color:			#808080;
	margin-bottom:	10px;
}

/* RELATED ARTICLES */
div.related-articles div.panel {
	padding:			9px;
	background-color:	#ffffff;
	border:				1px solid #e6e6e6;
}
div.related-articles a.image {
	width:			275px;
	display:		block;
	border-bottom:	1px solid #cccccc;
	padding-bottom:	1px;
	margin-bottom:	4px;
}
div.related-articles a.image img {
	width: 275px;
}
div.related-articles a.link {
	width:			275px;
	display:		block;
	font-weight:	bold;
	font-size:		12px;
	line-height:	16px;
	margin-bottom:	2px;
}
div.related-articles div.meta {
	color:			#808080;
	font-size: 		11px;
}
div.related-articles div.meta a {
	color:		#808080;
	font-size: 	11px;
}

/* PAGING */
div.paging,
div.paging-dark {
	margin-bottom:	10px;
	height:			23px;
    text-align: center;
}
div.paging a,
div.paging-dark a {
	/*-moz-border-radius:		2px;
	-webkit-border-radius:	2px;*/
	padding:				3px 4px;
	text-align:				center;
	/*border:					1px solid #e6e6e6;*/
	margin-right:			5px;
	/*background-color:		#e6e6e6;*/
	/*color:					#808080;*/
}
div.paging a.selected,
div.paging-dark a.selected {
	/*border-color:		#b3b3b3;
	background-color:	#b3b3b3;*/
	font-weight:		bold;
	/*color:				#b3b3b3;*/
    text-decoration: underline;
}
div.paging span,
div.paging-dark span {
	margin-right:	5px;
	text-align:		center;
	padding:		3px 3px 0 6px;
	font-weight:	bold;
	color:			#808080;
	vertical-align:	-7px;
}
/* DARK */
div.paging-dark a {
	border:				1px solid #444444;
	background-color:	#333333;
	color:				#999999;
}
div.paging-dark a.selected {
	border-color:		#777777;
	background-color:	#555555;
	color:				#cccccc;
}

/* COMMENTS LIST WIDE */
div.comments-list-wide div.paging {
	margin-left: 80px;
}
div.comments-list-wide div.comment-container {
	/*width:				478px; added by Waleed*/
    width:				620px;
	display:			block;
	float:				left;
	font-size:			12px;
	line-height:		16px;
	background-color:	#ffffff;
	/*padding:			17px 20px;
	border:				1px solid #e6e6e6;*/
	margin-bottom:		10px;
	overflow:			auto;
}
div.comments-list-wide div.comment-container div.options {
	float: right;
}
div.comments-list-wide div.comment-container div.options a.reply {
	/*-moz-border-radius:		2px;
	-webkit-border-radius:	2px;*/
	display:				inline;
	/*border:					1px solid #f2f2f2;*/
	/*float:					right;*/
	height:					21px;
	/*background-color:		#f2f2f2;*/
	padding:				0 0 0 10px;
	color:					#66c4ea;
	font-size:				11px;
	width:					60px;
    text-transform: uppercase;
}
div.comments-list-wide div.comment-container div.options a.reply span {
	float:		right;
	width:		12px;
	height:		11px;
	margin:		4px 10px 0 7px;
	background: transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -196px 0;
}
div.comments-list-wide div.comment-container div.options a.reply:hover {
	/*border-color: #83b200;*/
}
div.comments-list-wide div.comment-container div.options a.report {
	/*-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border:					1px solid #f2f2f2;*/
	/*float:					right;*/
	width:					21px;
	height:					22px;
	margin-left:			10px;
	/*background:				#f2f2f2 url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -215px -88px;*/
    text-transform: uppercase;
}
div.comments-list-wide div.comment-container div.options a.report:hover {
	/*border-color: #ff9999;*/
}

div.comments-list-wide div.comment-container div.comments {
	font-size:		12px;
	line-height:	20px;
}
div.comments-contents {
    width:				670px;
    display:			block;
    font-size:			12px;
    line-height:		20px;
    padding:			12px 15px;
    /*border:				1px solid #e6e6e6;*/
    border-bottom:		0 none;
    /*overflow-x:			hidden;*/
    /*max-height:			500px;*/
    border-radius: 3px;
    background-color: #7b878b;
    margin-bottom: 13px;
    color: #ffffff
}
div#comments{
    max-width: 700px;
}

 div.comments-contents a {
    border-bottom: 1px dotted #a6a6a6;
    color: #ffffff
}
 div.comments-contents span{
    background:  url(/images/v4.0/_/messagebox-arrow.png?16) no-repeat scroll 0 0;
    height: 7px;
    width: 7px;
    position: relative;
    top: -11px;
    left: -15px;
    padding: 7px;
}

div.comments-list-wide div.comment-container div.comments a {
	border-bottom:	1px dotted #a6a6a6;
}
div.comments-list-wide div.mod-options {
	/*float:				right;*/
	background-color:	#e6e6e6;
	/*margin:				0 0 10px 0; added by waleed*/
	margin:				1px 0 10px 80px;
	padding:			5px 20px;
	color:				#4c4c4c;
	/*width:				478px; added by Waleed*/
    width:				580px;
}
div.comments-list-wide div.mod-options a {
	font-weight:	bold;
	color:			#d03f3f;
}
div.comments-list-wide div.mod-options .slashes {
	color: #b2b2b2;
}
div.comments-list-wide div.comment-container h2 {
	font-size:		16px;
	margin-bottom:	2px;
	font-weight:	bold;
}
div.comments-list-wide div.comment-container div.date {
	display:		block;
	font-size:		10px;
	color:			#808080;
	margin-bottom:	10px;
	text-transform:	uppercase;
}
div.comments-list-wide div.comment-container textarea {
	display:	block;
	border:		1px solid #e6e6e6;
	padding:	19px;
	height:		110px;
	width:		490px;
}

/* COMMENT FORM WIDE */
div.comment-form-wide div.comment-container {
	float: left;
}
div.comment-form-wide textarea {
	display:		block;
	border:			1px solid #e6e6e6;
	padding:		14px 19px;
	height:			110px;
	width:			580px;
	margin-bottom:	10px;
	font-size:		12px;
	line-height:	20px;
}

/* HTML BTNS */
div.html-btns {
	margin-bottom: 7px;
}
div.html-btns div.notice {
	float:			left;
	margin-left:	8px;
	color:			#aaaaaa;
	margin-top:		1px;
}
div.html-btns a {
	float:				left;
	display:			block;
	height:				20px;
	width:				20px;
	background-color:	#e6e6e6;
	border:				1px solid #cccccc;
	margin-right:		2px;
}
div.html-btns a span {
	display:	block;
	height:		14px;
	width:		14px;
	margin:		3px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 0;
}
div.html-btns a.bold span {
	background-position: -122px -131px;
}
div.html-btns a.italic span {
	background-position: -122px -146px;
}
div.html-btns a.underline span {
	background-position: -122px -161px;
}
div.html-btns a.image span {
	background-position: -122px -176px;
}
div.html-btns a.url span {
	background-position: -122px -191px;
}
div.html-btns a.blockquote span {
	background-position: -122px -206px;
}

/* SUBSCRIBE AND SHARE */
div.subscribe-and-share div.num-subscribers {
    height: 48px;
    width: 114px;
	background:		#ffffff;
	border:			1px solid #cccccc;
	border-width:	0 1px 1px 0;
	float:			left;
	margin-right:	0px;
	padding-top:	0px;
}
div.our-latest-tweets div.num-followers {
    height: 55px;
    width: 111px;
    background:		#ffffff;
    border:			1px solid #cccccc;
    border-width:	0 1px 1px 0;
    float:			left;
    margin-right:	0px;
    padding-top:	0px;
}
div.subscribe-and-share h4, div.subscribe-and-share h5, div.our-latest-tweets div.num-followers h4, div.our-latest-tweets div.num-followers h5 {
	text-align: center;
}
div.subscribe-and-share a.text-btn {
	display:		block;
    width:          149px;
    height:         20px;
    margin-bottom:  4px;
    padding:        1px 0 0 29px;
	background:		#ffffff none no-repeat scroll 10px center;
	float:			left;
	font-weight:	bold;
	border:			1px solid #cccccc;
	border-width:	0 1px 1px 0;
	color:			#d93636;
}
div.our-latest-tweets a.text-btn {
    display:		block;
    width:          147px;
    height:         21px;
    /*margin-bottom:  4px;*/
    padding:        1px 0 0 29px;
    background:		#ffffff none no-repeat scroll 10px center;
    float:			left;
    font-weight:	bold;
    border:			1px solid #cccccc;
    border-width:	0 1px 1px 0;
    color:			#d93636;
}
div.our-latest-tweets a.no-bg-img {
	width:			176px;
	height:			26px;
	/*margin-bottom:	5px;*/
	padding:		6px 0 0 0; /* Cancel out the other rules */
	text-align:		center;
}

/* OUR LATEST TWEETS */
div.our-latest-tweets div.tweet {
	padding:			15px 10px;
	margin:				0 10px 10px 0;
	border:				1px solid #e6e6e6;
	font-weight:		bold;
	background-color:	#ffffff;
}
div.our-latest-tweets div.tweet div.date {
	font-size:		11px;
	font-weight:	normal;
	color:			#808080;
	margin-top:		5px;
}

/* BLOG CATEGORY LIST */
div.category-tag-list a {
	float:				left;
	margin:				0 5px 5px 0;
	padding:			3px 8px;
	background-color:	#ffffff;
	font-weight:		bold;
	border:				1px solid #cccccc;
	border-width:		0 1px 1px 0;
	color:				#333333;
	white-space:		nowrap;
}
div.category-tag-list a span {
	padding-left:	3px;
	font-weight:	normal;
	color:			#808080;
}

/* RIGHT COL LINK LIST */
div.right-col-link-list ul {
	background:		#ffffff;
	border:			1px solid #e6e6e6;
	margin-right:	10px;
	width:			260px;
	list-style:		none;
	padding:		10px;
}
div.right-col-link-list ul li {
	width:		260px;
	border-top:	1px solid #f1f1f1;
}
div.right-col-link-list ul li.top {
	border: 0 none;
}
div.right-col-link-list ul li a {
	padding:	8px 0;
	width:		260px;
	display:	block;
}
div.right-col-link-list ul li a:hover {
	background-color: #fbfbfb;
}
div.right-col-link-list ul li a span.text {
	font-weight:	bold;
	font-size:		12px;
	outline:		0 none;
	color:			#333333;
	line-height:	16px;
}

/* RIGHT COL */
div.right-col div.list-50-50 a {
	margin: 0 7px 7px 0;
}
div.right-col div.list-83-50 a {
	margin: 0 13px 5px 0;
}

/* TALL LIGHT HEADER */
div.tall-light-header {
	/*background:	#dedede url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -479px;*/
    height: 32px;
    padding: 9px 0 0 0;
    border-bottom: 2px solid;
    width: 666px;
    /*margin-left: 24px;*/
    margin-left: 20px;
}
.forums div.tall-light-header, .groups div.tall-light-header, .channels div.tall-light-header, .community div.tall-light-header, .trends div.tall-light-header {

    width: auto;
    margin-left: 0;
}
#browse-trends div.tall-light-header{

    width: 982px;
    margin-left: 0;
}
div.tall-light-header h2 {
	float:			left;
	font-size:		16px;
	color:			#ffffff;
	text-transform:	uppercase;
	margin:			-12px 7px 0 0;
    background-color: #383838;
    padding: 10px 10px;
    font-weight: normal;
}
div.tall-light-header h2 a {
	color: #ffffff;
}
div.tall-light-header a.right-more-link {
	float:			right;
	margin-right:	-10px;
}
div.tall-light-header h2.smaller {
	font-size:		12px;
	margin-left:	-10px;
}
div.tall-light-header div.separator {
	height:				39px;
	width:				1px;
	/*border-right:		1px solid #f2f2f2;
	background-color:	#d0d0d0;*/
	margin:				-8px 10px 0 10px;
}

/* SUB CONTENT */
div.sub-content {
	/*width:				560px; by waleed */
	padding:			15px 19px;
	border:				1px solid #e6e6e6;
	background-color:	#ffffff;
	font-size:			14px;
	line-height:		22px;
}

.single-content h2, .single-content h3{
    background-color: transparent !important;
    color: #383838 !important;
    padding: 13px 0;
    font-weight: bold !important;
}
div.single-content div.tall-light-header h2.left{
    padding: 10px 0;
}
div.single-content div.comments-list-wide div.comment-container h2{
    padding: 0 0 5px 0;
}
/* RIGHT COL SUB CONTENT */
div.right-col-sub-content {
	width:				260px;
	padding:			9px;
	border:				1px solid #e6e6e6;
	background-color:	#ffffff;
}

/* FORUMS */
div.forum-category div.sticky-post {
	float:		left;
	padding:	20px;
	border:		1px solid #e6e6e6;
	background:	#f2f2f2 url(/images/v4.0/_/misc/note.png) no-repeat center center;
	margin:		0 10px 0 -3px;
}
div.forum-category div.text {
	border-bottom:	0;
	float:			left;
	width:			345px;
}
div.forum-category div.text a {
	font-weight: bold;
}
div.forum-category div.text a.title {
	display:		block;
	margin-bottom:	4px;
}
div.forum-category div.text a.title span {
	font-size:		16px;
	border-bottom:	1px dotted #a6a6a6;
}
div.forum-category div.big-number-label {
	float:			left;
	width:			60px;
	margin-left:	12px;
}
div.forum-category div.big-number-label h4 {
	margin-top: 0;
}
div.forum-category div.comment-count {
	margin:	0 15px;
	width:	64px;
}
div.forum-category div.separator {
	width:				1px;
	height:				25px;
	float:				left;
	margin-top:			13px;
	background-color:	#e6e6e6;
}
div.forum-category a.arrow {
	background: transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -75px -88px;
	display:	block;
	float:		right;
	width:		28px;
	height:		28px;
	margin-top:	10px;
}
div.last-forum-post-text {
	background-color:	#e6e6e6;
	margin:				0 0 10px 0;
	padding:			5px 20px;
	color:				#4c4c4c;
}
div.last-forum-post-text a {
	font-weight: bold;
}
div.forum-super-category-desc {
	background-color:	#f3f3f3;
	border-bottom:		1px solid #ffffff;
	padding:			15px 20px;
	color:				#4c4c4c;
}

/* CALLOUT CONTAINER SKINNY */
div.callout-container-skinny {
	/*background:		transparent url(/images/v4.0/_/callout/620-bg.png) no-repeat scroll 0 0;*/
    /*background:     #f2f2f2 none repeat scroll 0 0;*/
	padding:		27px 30px 0 30px;
	/*border:			1px solid #d9d9d9;*/
	margin-bottom:	20px;
	height:			221px;
	/*width:			558px;*/ /* IE */
}
div.callout-container-skinny.no-tabs {
	height:			auto;
	margin-bottom:	26px;
}
div.callout-container-skinny h2 {
	font-size:		30px;
	margin-bottom:	12px;
	letter-spacing:	-1px;
}
div.callout-container-skinny a {
	font-weight:	bold;
	color:			#1a1a1a;
	border-bottom:	1px dotted #a6a6a6;
}
div.callout-container-skinny p.explanation-blurb {
	font-size:		14px;
	line-height:	21px;
	margin-top:		36px;
}
div.callout-container-skinny.no-tabs p.explanation-blurb {
	margin: 18px 0 28px 0;
}
div.callout-links {
	margin-top:		20px;
	color:			#cccccc;
	font-weight:	bold;
	font-size:		18px;
}
div.callout-links.smaller {
	font-size: 15px !important;
}
div.callout-links a {
	border: 0 none;
}
div.callout-links span {
	margin: 0 11px;
}

/* FEATURE DETAIL CONTAINER */
div.feature-detail-container {
	padding: 19px;
}
div.feature-detail-container h1 {
	/*margin:			-5px 0 10px 0;*/
	/*width:			400px;
	overflow:		hidden;
	white-space:	nowrap;*/
    font-weight: 500;
    font-size: 17px;
    display: inline-block;
}
div.feature-detail {
	float:				left;
	/*width:				380px;
	padding:			10px 10px 0 10px;
	background-color:	#f2f2f2;
	border-bottom:		2px solid #e6e6e6;*/
}
div.feature-detail a.feature {
	display:		block;
	height:			195px;
	outline:		0 none;
	margin-bottom:	10px;
}
div.feature-detail .object-box{
    width: 660px;
}
a.feature.checkerboard {
	background: url(/images/v4.0/_/shapes/checkerboard.png);
}

div.feature-detail a.feature span.shape {
	background-position:	center center;
	background-repeat:		no-repeat;
	height:					195px;
	display:				block;
}

/* PALETTE */
div.feature-detail-container div.palette-monster {
	background:		#ffffff url(/images/v4.0/_/palette/paletteMonster.png) no-repeat scroll center center;
	width:			380px;
	height:			195px;
	margin-bottom:	10px;
}
div.feature-detail-container div.palette-options {
	padding: 6px 0 16px 0;
    float: right;
}
div.feature-detail-container div.palette-options a {
	display:		block;
	float:			left;
	height:			16px;
	text-transform:	uppercase;
	color:			#999999;
	font-size:		10px;
	white-space:	nowrap;
}

div.feature-detail-container div.palette-options a span {
	display:	block;
	float:		left;
	height:		16px;
	margin:		1px 10px 0 0;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 0;
}
div.feature-detail-container div.palette-options a.rotate {
	width: 105px;
}
div.feature-detail-container div.palette-options a.rotate span {
	width:					15px;
	background-position:	-115px -88px;
}

div.feature-detail-container div.palette-options a.toggle-widths {
	width: 155px;
}
div.feature-detail-container div.palette-options a.toggle-widths span {
	width:					26px;
	background-position:	-115px -105px;
}

div.feature-detail-container div.palette-options a.create-pattern,
div.feature-detail-container div.pattern-options a.create-pattern {
	width: 120px;
}
div.feature-detail-container div.palette-options a.create-pattern span,
div.feature-detail-container div.pattern-options a.create-pattern span {
	width:					16px;
	background-position:	-131px -88px;
}
div.feature-detail-container div.pattern-options a.create-shape span {
	width:					16px;
	height:					16px;
	background-position:	-105px -156px;
	margin-top:				2px;
}
div.feature-detail-container div.feature-detail-stats {
    /* margin:	9px 0 0 30px; dropbox ad */
	margin:	9px 0 0 0;
	float:	left;
	width:	390px;
}
div.feature-detail-container div.feature-detail-stats h4 {
	font-size:		36px;
	line-height:	36px;
	color:			#333333;
}
div.feature-detail-container div.feature-detail-stats h5 {
	margin-bottom: 20px;
}
.love-box{
    float: right;
    /*margin-right: 50px; dropbox ad*/
    margin-right: none;
}
div.feature-about div.by {
	color: #808080;
}
div.feature-about div.by a {
	border-bottom:	1px dotted #a6a6a6;
}
div.feature-about div.by h3 {
	color:		#4c4c4c;
	font-size:	12px;
}
div.rank-display h4 {
	font-size:		14px;
	line-height:	14px;
	color:			#333333;
	margin-top:		0;
}
div.rank-display h4 span {
	color:			#808080;
	font-weight:	normal;
}
div.rank-display h5 {
	margin-top: 0;
}

/* LOVE THIS BTN */
a.love-this-btn, a.unlove-this-btn {
	display:		inline-block;
	/*float:			left;*/
	height:			29px;
	width:			135px;
	/*background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -521px;*/
	font-size:		13px;
	color:			#383838;
	font-weight:	bold;
	padding-top:	9px;
	text-transform:	uppercase;
    border: 1px solid #363636;
}
a.unlove-this-btn {
	background-position: right -560px;
}
a.love-this-btn span, a.unlove-this-btn span {
    display: block;
    float: left;
    background: #ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -48px -191px;
    width: 31px;
    height: 18px;
    margin: 2px 5px 0 12px;
}

/* DETAIL SQUARE */
div.detail-square {
	width:	220px;
	float:	left;
	/*margin:	0 10px 20px 0;*/
    margin:	0 10px 20px 0;
}
div.detail-square .palette-monster {
	display:		block;
	background:		#ffffff url(/images/v4.0/_/palette/palette-monster-180-48.png) no-repeat scroll center center;
	width:			180px;
	height:			50px;
}
div.detail-square h3 {
	font-size:		12px;
	font-weight:	bold;
	margin-bottom:	3px;
}
div.detail-square a.color {
	display:	block;
	height:		50px;
	width:		180px;
}
div.detail-square div.meta {
	padding:			0 10px;
	background-color:	#f2f2f2;
}
div.detail-square-container {
	padding:	20px 0 0 20px;
	/*width:		580px;*/
}
div.detail-square div.meta  h4 {
	font-size:	12px;
	color:		#808080;
	margin-top:	0;
}
div.detail-square div.meta  h5 {
	color:			#aaaaaa;
	margin-bottom:	3px;
	margin-top:		-6px;
}
div.detail-square a.shape {
	float:			left;
	display:		block;
	height:			50px;
	width:			180px;
	background:		url(/images/v4.0/_/shapes/checkerboard.png);
}
div.detail-square a.shape span.image {
	float:					left;
	height:					50px;
	width:					180px;
	display:				block;
	background-repeat:		no-repeat;
	background-position:	center center;
}
div.detail-square.big a.shape, div.detail-square.big a.shape span.image {
	height:	180px;
}

div.detail-square-container div.detail-square {
    width: 220px;
    margin: 0 5px 20px 0;
}

/* BIG WHITE PILL BTN */
a.big-white-pill-plus-btn {
	display:		block;
	float:			left;
	height:			29px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -521px;
	font-size:		11px;
	color:			#333333;
	font-weight:	bold;
	padding:		9px 35px 0 0;
	text-transform:	uppercase;
}
a.big-white-pill-plus-btn span {
	display:	block;
	float:		left;
	background:	#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -148px -88px;
	width:		22px;
	height:		38px;
	margin-top:	-9px;
}
a.big-white-pill-minus-btn {
	background-position: right -560px;
}

/* BIG WHITE SEARCH BTN */
a.big-white-search-btn {
	display:		block;
	float:			left;
	height:			29px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -521px;
	font-size:		11px;
	color:			#333333;
	font-weight:	bold;
	padding:		9px 35px 0 0;
	text-transform:	uppercase;
}
a.big-white-search-btn span {
	display:	block;
	float:		left;
	background:	#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -900px;
	width:		22px;
	height:		38px;
	margin-top:	-9px;
}
a.big-white-search-btn {
	background-position: right -560px;
}

/* BIG WHITE PILL BTN */
a.dual-down-arrow-btn {
	display:		block;
	float:			left;
	height:			28px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -714px;
	font-size:		11px;
	color:			#333333;
	font-weight:	bold;
	padding:		10px 39px 0 0;
	text-transform:	uppercase;
}
a.dual-down-arrow-btn span {
	display:	block;
	float:		left;
	background:	#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -171px -132px;
	width:		39px;
	height:		38px;
	margin-top:	-10px;
}

/* BIG LOVED PILL BTN */
.big-loved-pill-btn {
	display:		block;
	float:			left;
	height:			29px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll right -807px;
	font-size:		10px;
	color:			#333333;
	font-weight:	bold;
	padding-top:	9px;
	text-transform:	uppercase;
	width:			130px;
}
.big-loved-pill-btn span {
	display:		block;
	float:			left;
	background:		#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -163px -171px;
	width:			33px;
	height:			38px;
	margin-top:		-9px;
	margin-right:	5px;
}

/* COLOR OPTIONS */
div.feature-detail-container div.color-options {
	padding: 6px 0 16px 0;
}
div.feature-detail-container div.color-options a {
	display:		block;
	float:			left;
	height:			16px;
	text-transform:	uppercase;
	color:			#999999;
	font-size:		10px;
	white-space:	nowrap;
}
div.feature-detail-container div.color-options a span {
	display:	block;
	float:		left;
	height:		16px;
	margin:		3px 10px 0 0;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 0;
}
div.feature-detail-container div.color-options a.create-a-palette {
	width:			155px;
	margin-left:	20px;
}
div.feature-detail-container div.color-options a.create-a-palette span {
	width:					16px;
	background-position:	-148px 0;
}
div.feature-detail-container div.color-options a.find-photos-with-this-color {
	width: 190px;
}
div.feature-detail-container div.color-options a.find-photos-with-this-color span {
	width:					12px;
	background-position:	-165px 0;
}

/* PATTERN OPTIONS */
div.feature-detail-container div.pattern-options {
	padding: 6px 0 16px 0;
}
div.feature-detail-container div.pattern-options a {
	display:		block;
	float:			left;
	height:			16px;
	text-transform:	uppercase;
	color:			#999999;
	font-size:		10px;
	white-space:	nowrap;
}
div.feature-detail-container div.pattern-options a span {
	display:	block;
	float:		left;
	height:		12px;
	margin:		3px 10px 0 0;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 0;
}
div.feature-detail-container div.pattern-options a.browse-similar-patterns {
	width:			190px;
	margin-left:	30px;
}
div.feature-detail-container div.pattern-options a.browse-similar-patterns span {
	width:					16px;
	background-position:	-16px -119px;
}

/* WIDE FORM CONTAINER */
div.wide-form-container label {
	font-size:		13px;
	padding-top:	7px;
	display:		block;
}
div.wide-form-container label span {
	display: none;
}
div.wide-form-container label.required {
	/*font-weight: bold;*/
}
label.required span {
	color:		#d93636;
	display:	inline !important;
}
div.wide-form-container input.text,
div.wide-form-container input.text-skinny,
div.wide-form-container textarea.textarea,
div.wide-form-container div.label-overlay label {
	display:			block;
	padding-left:		10px;
	border:				1px solid #b1b1b1;
	/*border-width:		1px 0 0 1px;
	background-color:	#f2f2f2;*/
	color:				#333333;
	width:				443px;
	height:				29px;
	font-size:			14px;
	margin-bottom:		20px;
    border-radius: 3px;
}
div.wide-form-container textarea.textarea {
	height:			120px;
	padding-top:	10px;
	padding-bottom:	10px;
}
div.wide-form-container input.text-skinny {
	width: 208px;
}
div.wide-form-container div.label-overlay {
	position: relative;
}
div.wide-form-container div.label-overlay label {
	position:			absolute;
	top:				0;
	left:				0;
	background-color:	transparent;
	border-color:		transparent;
	color:				#999;
}
.button{
    border: 2px solid #66c4ea;
    padding: 8px 20px;
    border-radius: 3px;
    color: #869194;
    font-size: 14px;
    cursor: pointer;
}
.button:hover{
    background-color: #c0c0c0;
    color: #ffffff;
    border: 2px solid #c0c0c0;
}

.search-button {
    border: 2px solid #ffffff;
    padding: 4px 18px;
    background-color: #7b878b;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
}
.search-button:hover {
    border: 2px solid #ffffff;

    background-color: #ffffff;
    color: #383838;
    font-size: 14px;
    cursor: pointer;
}

.register-button {
    border: 2px solid #ffffff;
    padding: 8px 18px;
    background-color: #5caf43;
    color: #ffffff;
    font-size: 14px;
    cursor: pointer;
    border-radius: 5px;
}
#i-agree{
    font-size: 14px;
    margin: 0 10px;
    font-weight: bold;
}

.wide-form-container-inner {
    background-color: #363636;
    padding: 20px 15px 2px 20px;
    border-radius: 5px;
}
.wide-form-container-inner label{
    font-size: 12px;
    color: #ffffff;
}

/* USER */
div.user-picture {
	width: 232px;
}
div.user-picture div.s {
	position:		relative;
	z-index:		1;
	margin-bottom:	-44px;
	padding:		0;
	width:			44px;
	height:			44px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -171px -88px;
	left:			-10px;
	top:			-10px;
}
div.user-picture div.lover-options {
	color:		#808080;
	text-align:	center;
	padding:	5px 0;
}
.feature-86-50 {
	width:		86px;
	height:		50px;
	display:	block;
}
.feature-86-50 a.shape {
	background: url(/images/v4.0/_/shapes/checkerboard.png);
}
.feature-86-50 a.shape span.image {
	width:					86px;
	height:					50px;
	display:				block;
	background-position:	center center;
	background-repeat:		no-repeat;
}

/* EVENT LIST */
ul.event-list {
	list-style:	none;
}
ul.event-list li {
	height:			32px;
	padding:		10px 0;
	border-bottom:	1px solid #cccccc;
}
ul.event-list li.first {
	padding-top: 0;
}
ul.event-list li.last {
	padding-bottom:	0;
	border-bottom:	0 none;
}
ul.event-list li .icon {
	float:	left;
	height:	32px;
	width:	32px;
}
ul.event-list li div.text {
	float:			left;
	font-size:		14px;
	color:			#808080;
	margin:			6px 0 0 10px;
	overflow:		hidden;
	white-space:	nowrap;
	width:			410px;
}
ul.event-list li div.text a.link {
	font-weight:	bold;
	color:			#333333;
}
ul.event-list li div.date {
	float:		right;
	width:		100px;
	font-size:	11px;
	color:		#808080;
	text-align:	right;
	margin-top:	6px;
}

/* RIGHT COL TABBED NAV */
div.right-col-tabbed-nav h3 {
	cursor:				pointer;
	float:				left;
	display:			block;
	font-weight:		normal;
	background-image:	none;
	height:				25px;
	margin-bottom:		-6px;
}
div.right-col-tabbed-nav h3.selected {
	font-weight:	bold;
	background:		#ffffff url(/images/v4.0/_/misc/up-arrow-7x4.png) no-repeat scroll center bottom;
}

div.padded-bordered-content p.spaced-out {
	line-height:	24px;
	font-size:		14px;
}

/* RIGHT COL PADDED LIST */
div.right-col-padded-list {
	width:				auto;
	padding:			10px;
	border:				1px solid #e6e6e6;
	background-color:	#ffffff;
	color:				#808080;
	font-size:			11px;
	line-height:		12px;
	margin:				10px 10px 5px 0;
}
div.right-col-padded-list h2 {
	font-size:		12px;
	margin-bottom:	6px;
}
div.right-col-padded-list h2 a {
	border-bottom:	1px dotted #a6a6a6;
	font-size:		12px;
	color:			#333333;
}

/* FORUM SEARCH */
div.forum-search {
	padding-bottom: 20px;
}
div.forum-search div {
	margin: 0 0 6px 2px;
}
div.forum-search input[type=text] {
	float:				left;
	width:				552px;
	height:				26px;
	border:				1px solid #b3b3b3;
	border-width:		1px 0 0 1px;
	background-color:	#ffffff;
	color:				#333333;
	font-size:			14px;
	vertical-align:		middle;
	padding:			3px 0 0 8px;
}
div.forum-search input[type=text].active {
	color: #666666;
}

/* STORE */
h1.store-product-name {
	margin-bottom: 1px !important;
}
h2.store-price-big {
	font-size:		16px;
	color:			#d93636;
	margin-bottom:	0;
}

/* REGISTER */
div.register-form label {
	display:		block;
	float:			left;
	width:			140px;
	margin-top:		3px;
	font-weight:	bold;
	font-size:		12px;
}
div.register-form input {
	float:			left;
	margin-bottom:	15px !important;
}
div.register-form div.message-error,
div.register-form div.message-success {
	float:		left;
	margin:		4px 0 0 20px;
	height:		26px;
	width:		178px;
	color:		#d93636;
	font-style:	italic;
}
div.register-form div.message-success {
	color: #379018;
}
div.register-form input[type=image] {
	margin-left: 140px;
}
div.robot-love-text {
	margin:			0 0 20px 140px;
	color:			#808080;
	font-size:		10px;
	line-height:	14px;
}

/* RIGHT COL BLOG POSTS */
div.right-col-blog-posts a.image {
	display:		block;
	width:			260px;
	padding-bottom:	1px;
	text-align:		center;
	overflow:		hidden;
	border-bottom:	1px solid #CCCCCC;
	margin-bottom:	4px;
	padding-bottom:	1px;
}
div.right-col-blog-posts a.image img {
	width: 260px;
}
div.right-col-blog-posts a.link {
	width:			260px;
	display:		block;
	font-weight:	bold;
	font-size:		12px;
	line-height:	16px;
	margin-bottom:	2px;
}

/* USER PROFILE INFO */
div.user-profile-info {
	overflow:	hidden;
	width:		560px;
}
p.date-created {
	margin:	-8px 0 20px 0;
	color:	#808080;
}
.group-picture {
	display:			block;
	float:				left;
	width:				263px;
	height:				93px;
	border:				1px solid #cccccc;
	padding:			4px;
	margin-right:		30px;
	background-color:	#d9d9d9;
}

#color-picker-container {
	position:	relative;
	top:		-11px;
	left:		-11px;
	width:		382px;
	height:		349px;
}
#add-color-reference {
	width:			163px;
	height:			129px;
	margin-right:	10px;
}

/* CREATE PALETTE */
#create-palette-box-indicator {
	height:				1px;
	background-color:	#e6e6e6;
	margin-bottom:		5px;
}
#create-palette-box-indicator div {
	height:				3px;
	background-color:	#e68a8a;
}

#create-palette-boxes {
	width:			560px;
	max-width:			560px;
	height:			120px;
	max-height:			120px;
    overflow: hidden;
	margin-bottom:	10px;
}
#create-palette-boxes li {
	display:	block;
	float:		left;
	width:		112px;
	height:		120px;
	background:	#f2f2f2 url(/images/v4.0/_/palette/not-set-bg.png) no-repeat scroll center center;
    overflow-x: auto;
    max-width: 560px;
    resize: horizontal;
}
#create-palette-boxes li.first {
	width: 112px;
    /*resize: horizontal;*/
}
#create-palette-boxes li a {
	display:	block;
	width:		17px;
	height:		17px;
    margin: 5px;
    cursor: pointer;
    float: right;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
}

#similar-colors {
	width:				171px;
	height:				303px;
	border:				1px solid #e6e6e6;
	background-color:	#ffffff;
	margin:				0 0 4px 4px;
}
#similar-colors a.color {
	display:	block;
	width:		72px;
	height:		39px;
	margin:		10px 0 0 9px;
	float:		left;
}

/* CODE EXAMPLE */
.code-example {
	font-family:		monospace;
	padding:			10px;
	background-color:	#f2f2f2;
}

/* UNDERLINED LINK CONTENT */
.ulc a {
	border-bottom: 1px dotted #a6a6a6;
}

/* BLOG POST THUMB */
.blog-post-thumb {
	display:			block;
	float:				left;
	width:				145px;
	border:				1px solid #d9d9d9;
	padding:			4px;
	margin-right:		10px;
	background-color:	#e6e6e6;
}
.blog-post-thumb img {
	width: 145px;
}
a.big-underlined-block {
	display:		block;
	float:			left;
	width:			305px;
	font-size:		14px;
	font-weight:	bold;
	margin-top:		10px;
}
a.big-underlined-block span {
	border-bottom: 1px dotted #a6a6a6;
}

/* BLOG POST DETAILS */
.blog-post-details {
	font-size:		11px;
	color:			#808080;
	text-transform:	uppercase;
}
.blog-post-details strong {
	color: #4c4c4c;
}

/* CALENDAR */
.calendarDiv {
	padding:			10px;
	text-align:			center;
	color:				#595959;
	background-color:	#eeeeee;
}
.calendarDiv .calendarTable {
	background-color:	#ffffff;
	border-collapse:	separate;
	border-spacing:		1px;
}
.calendarDiv table td {
	background-color:	#eeeeee;
	width:				30px;
	height:				20px;
	text-align:			center;
	color:				#595959;
	font-weight:		bold;
}
.calendarDiv table td a {
	display:		block;
	width:			30px;
	height:			26px;
	padding-top:	4px;
	font-weight:	normal;
}
.calendarDiv table td a:hover {
	background-color: #fefefe;
}
.calendarDiv .calendarTable .darkTD {
	background-color: #cccccc;
}

/* TABBED NAV */
div.tabbed-nav {
	border-bottom:	3px solid #cccccc;
	height:			25px;
}
div.tabbed-nav h3 a {
	float:				left;
	display:			block;
	font-weight:		normal;
	background-image:	none;
	height:				25px;
	margin-bottom:		-6px;
	font-size:			11px;
	text-transform:		uppercase;
}
div.tabbed-nav h3 a.selected {
	font-weight:	bold;
	background:		#ffffff url(/images/v4.0/_/misc/up-arrow-7x4.png) no-repeat scroll center bottom;
}

/* LOVER IS ONLINE */
span.lover-is-online {
	display:	block;
	width:		7px;
	height:		8px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -51px -119px;
	float:		left;
	margin:		6px 5px 0 0;
}

/* RIGHT COL FORM */

.simple-search-form input[type=text] {
	float:				left;
	width:				233px;
	height:				26px;
	border:				1px solid #b3b3b3;
	border-width:		1px 0 0 1px;
	background-color:	#ffffff;
	color:				#cccccc;
	font-size:			14px;
	vertical-align:		middle;
	padding:			3px 0 0 8px;
}
.simple-search-form input[type=text].active {
	color: #666666;
}
.simple-search-form input[type=image] {
	float:		left;
	width:		38px;
	height:		30px;
	outline:	0 none;
}

/* TREND DETAIL SQUARE */
div.trend-detail-square-container {
	padding:	10px 0 0 10px;
	width:		auto;
}
div.trend-detail-square {
	width:	217px;
	float:	left;
	/*margin:	0 10px 20px 0;*/
	margin:	0 35px 20px 0;
}
div.trend-detail-square a.image {
	display:		block;
	width:			217px;
	height:			124px;
	border-bottom:	1px solid #ffffff;
	overflow:		hidden;
}
div.trend-detail-square div.meta {
	padding:			0 10px 5px 10px;
	background-color:	#f2f2f2;
}
div.trend-detail-square div.meta div {
	font-size:	11px;
	color:		#808080;
}
div.trend-detail-square div.meta h3 {
	font-size:		13px;
	font-weight:	bold;
	margin-top:		3px;
	width:			197px;
	overflow:		hidden;
	white-space:	nowrap;
}
div.trend-detail-square div.comment-bubble {
	float:		left;
	width:		10px;
	height:		10px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -209px 0;
	margin:		4px 6px 0 0;
}

/* LEFT COL TREND DETAIL SQUARE */
div.left-col-trend-detail-square {
	width:			280px;
	margin-bottom:	30px;
}
div.left-col-trend-detail-square a.image {
	display:		block;
	width:			280px;
	height:			93px;
	border-bottom:	1px solid #ffffff;
	overflow:		hidden;
}
div.left-col-trend-detail-square a.image img {
	width: 280px;
}
div.left-col-trend-detail-square div.meta {
	padding-top:	5px;
	font-size:		11px;
	color:			#808080;
}
div.left-col-trend-detail-square div.meta h3 {
	font-size:		13px;
	font-weight:	bold;
	width:			280px;
	overflow:		hidden;
	white-space:	nowrap;
}

/* P 4 BORDERED CONTENT */
div.p-4-bordered-content {
	background-color:	#f2f2f2;
	border:				1px solid #e6e6e6;
	padding:			4px;
}
div.p-4-bordered-content.shape {
	background: url(/images/v4.0/_/shapes/checkerboard.png);
}
div.p-4-bordered-content.shape div {
	background-position:	center center;
	background-repeat:		no-repeat;
}

/* PATTERN COLORS */
#pattern-colors {
	list-style:	none;
	display:	block;
	width:		275px;
	height:		50px;
}
#pattern-colors li {
	display:		block;
	float:			left;
	width:			50px;
	height:			50px;
	margin-right:	5px;
	cursor:			url(/images/v4.0/_/misc/handGrab.cur), default;
}
#create-pattern-box-indicator {
	height: 3px;
	margin: 4px 5px 3px 0;
}
#create-pattern-box-indicator div {
	height:				3px;
	background-color:	#e68a8a;
}

/* PATTERN CATEGORY SEARCH RESPONSE */
#pattern-definition-category-search-response div.pattern-definition {
	width:	75px;
	height:	40px;
	float:	left;
	margin:	0 9px 10px 0;
	cursor: pointer;
}

/* TABBED NAV */
div.tabbed-nav-big {
	border-bottom:	3px solid #cccccc;
	height:			25px;
}
div.tabbed-nav-big h3 a {
	float:				left;
	display:			block;
	font-weight:		normal;
	background-image:	none;
	height:				25px;
	margin-bottom:		-6px;
	font-size:			12px;
	margin-right:		30px;
	text-transform:		uppercase;
	color:				#808080;
}
div.tabbed-nav-big h3 a.selected {
	color:			#1a1a1a;
	font-weight:	bold;
	background:		#ffffff url(/images/v4.0/_/misc/up-arrow-7x4.png) no-repeat scroll center bottom;
}

.feature-disp-type-grid, .feature-disp-type-grid-selected, .feature-disp-type-meta, .feature-disp-type-meta-selected {
	display:		block;
	float:			right;
	background:		transparent url(/images/v4.0/_/grid-filter-icons.png?16) no-repeat scroll 0 0;
	/*background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -215px -155px;*/
	height:			20px;
	width:			19px;
	margin:			2px 0 0 5px;
}
.feature-disp-type-grid, .feature-disp-type-grid-selected {
	margin-left: 0;
}

.feature-disp-type-meta {
	margin-left:			3px;
    background-position: -32px -1px;
    height: 25px;
    width: 22px;
}
.feature-disp-type-grid-selected {
    background-position: 0 0;
}
.feature-disp-type-meta-selected {
	margin-left:			3px;
    background-position: -32px -1px;
    height: 25px;
    width: 22px;
}

/* DETAIL ROW */
div.detail-row {
	margin:	0 10px 20px 0;
	width:	670px;
}
div.detail-row .palette-monster {
	display:		block;
	background:		#ffffff url(/images/v4.0/_/palette/palette-monster-180-48.png) no-repeat scroll center center;
	width:			560px;
	height:			50px;
}
div.detail-row h3 {
	font-size:		11px;
	font-weight:	normal;
}
div.detail-row div.username, div.detail-square .username {
	font-size:		11px;
	color:			#808080;
	font-weight:	normal;
    margin-left: 3px;
}
div.detail-row div.col-70{
    clear: left;
}
div.detail-square .username {
	display:	block;
	margin-top:	-5px;
}
div.detail-row div.username a {
	/*font-weight: bold;*/
}
div.single-content div.colors div.detail-row div.meta h3{
    padding: 0;
}
div.detail-row a.color {
	display:	block;
	height:		50px;
	width:		670px;
}
div.detail-row div.meta {
	padding:			0 10px;
	background-color:	#f2f2f2;
}
div.detail-row div.right-col {
	float:			right;
	margin-left:	25px;
}
div.detail-row div.meta h4 {
	font-size:	12px;
	color:		#808080;
	margin-top:	0;
}
div.detail-row div.meta h5 {
	color:			#aaaaaa;
	margin-bottom:	3px;
	margin-top:		-10px;
}
div.detail-row-overlay {
	position:			absolute;
	z-index:			2;
	margin-top:			20px;
	height:				50px;
	-moz-box-shadow:	0 0 10px #999999;
	-webkit-box-shadow:	0 0 10px #999999;
	box-shadow:			0 0 10px #999999;
}
div.detail-row a.shape {
	display:	block;
	float:		left;
	background: url(/images/v4.0/_/shapes/checkerboard.png) 0 0 repeat;
}
div.detail-row a.shape span.image {
	display:				block;
	height:					50px;
	width:					560px;
	background-repeat:		no-repeat;
	background-position:	center center;
	float:					left;
}
div.detail-row a.palette {

    width:					670px /*!important*/;
}

/* LOADING */
div.loading {
	background:	transparent url(/images/v4.0/_/misc/loading.gif) no-repeat scroll 50% 50%;
	padding:	50px 0;
	height:		20px;
}

/* SEAMLESS STUDIO */
#seamless-studio {
	width:	940px;
	height:	600px;
}

/* TOP-FRIENDS-UL */
#user-top-friends {
	width:			355px;
	list-style:		none;
	overflow:		hidden;
}
#user-top-friends li {
	width:	70px;
	height:	70px;
	float:	left;
	cursor:	url(/images/v4.0/_/misc/handGrab.cur), default;
}
#user-top-friends li.user-top-friends-top-row {
	margin-bottom:	10px;
}
div.user-top-friends-separator {
	position:		absolute;
	width:			340px;
	margin-top:		70px;
	border-bottom:	1px solid #e6e6e6;
	height:			0;
	font-size:		0;
}

/* LOVERS PEEK */
div.lovers-peek {
	padding-bottom: 0;
}
div.lovers-peek div.feature {
	float:			left;
	width:			50px;
	height:			32px;
	margin-bottom:	12px;
}
div.lovers-peek div.text {
	float:			right;
	width:			229px;
	height:			31px;
	margin-top:		1px;
	color:			#333333;
	font-size:		11px;
	line-height:	13px;
	margin-bottom:	12px;
	overflow:		hidden;
}
div.lovers-peek div.text-no-comment {
	margin-top: 7px;
	height:		25px;
}
div.lovers-peek div.text a {
	font-weight: bold;
}
div.lovers-peek div.text div.light-text {
	font-size:		11px;
	line-height:	13px;
	color:			#999999;
	margin-top:		2px;
}

/* BUY BTNS */
div.buy-btns .btn-container {
	width:			124px;
	margin-right:	8px;
	float:			left;
	font-size:		11px;
}

/* BUY FABRIC BTN */
div.buy-fabric-btn {
	cursor: pointer;
}
div.buy-fabric-btn div {
	font-size: 11px;
}
div.buy-fabric-btn div.buy-fabric-feature {
	width:	124px;
	height:	97px;
}
div.buy-fabric-btn div.buy-fabric-overlay {
	width:		124px;
	height:		99px;
	background:	transparent url(/images/v4.0/_/btn/buy-fabric-overlay.png) no-repeat scroll 0 0;
	float:		left;
	margin-top:	-97px;
}

/* BUY ARTWORK BTN */
div.buy-artwork-btn {
	cursor: pointer;
}
div.buy-artwork-btn div {
	font-size: 11px;
}
div.buy-artwork-btn div.buy-artwork-feature {
	margin:	20px 0 0 20px;
	width:	83px;
	height:	58px;
}
div.buy-artwork-btn div.buy-artwork-overlay {
	width:		124px;
	height:		99px;
	background:	transparent url(/images/v4.0/_/btn/buy-artwork-overlay.png) no-repeat scroll 0 0;
	float:		left;
	margin-top:	-78px;
}

/* COMMENTS LIST SIDE */
div.comments-list-side {
	margin: 0 10px 0 1px;
}
div.comments-list-side a.avatar {
	float:		left;
	display:	block;
	margin:		0 10px 5px 0;
}
div.comments-list-side a.avatar,
div.comments-list-side a.avatar img {
	overflow:	hidden;
	text-align:	center;
	width:		32px;
	height:		32px;
	color:		#d9d9d9;
}
div.comments-list-side div.comments {
	width:				246px;
	display:			block;
	font-size:			12px;
	line-height:		20px;
	padding:			12px 15px;
	/*border:				1px solid #e6e6e6;*/
	border-bottom:		0 none;
	/*overflow-x:			hidden;*/
	/*max-height:			500px; remove due to left side issue*/
    border-radius: 3px;
    background-color: #7b878b;
    margin-top: 8px;
    color: #ffffff
}
div.comments-list-side div.comments a {
	border-bottom: 1px dotted #a6a6a6;
    color: #ffffff
}
div.comments-list-side div.comments span{
    background:  url(/images/v4.0/_/messagebox-arrow.png?16) no-repeat scroll 0 0;
    height: 7px;
    width: 7px;
    position: relative;
    top: -11px;
    left: -15px;
    padding: 7px;
}

/* MOD OPTIONS SIDE */
div.mod-options-side {
	background-color:	#e6e6e6;
	margin:				0 0 20px 0;
	padding:			5px 10px;
	color:				#a6a6a6;
	width:				256px;
}
div.mod-options-side a, div.comments-list-side div.mod-options-side a {
    font-weight: 600;
    color: #009ddc;
}

div.comments-list-side div.mod-options-side{
    background: none;
}
div.comments-list-side div.sub-panel-dark{
    border: none;
}

/* SPONSORED AVATAR */
.sponsor {
	display:	block !important;
	float:		left !important;
	position:	relative !important;
	width:		13px !important;
	height:		13px !important;
	margin:		-4px 0 -10px -4px;
	background:	#ffffff url(/images/v4.0/_/global-sprite.png?16) no-repeat -75px -117px !important;
}

/* SETTINGS TABLE */
table.settings {
	width: 100%;
}
table.settings th {
	color:			#333333;
	font-weight:	bold;
	border-bottom:	1px solid #cccccc;
	padding:		10px 0 6px 0;
}
table.settings td {
	border-bottom:	1px solid #e6e6e6;
	padding:		6px 0;
}
table.settings tr.last td {
	border-bottom-color: #cccccc;
}

/* SITE BANNER */
#site-banner-notice,
#site-banner-success,
#site-banner-error {
	height:		34px;
	background:	#ffeb99 url(/images/v4.0/_/global-sprite.png?16) repeat-x scroll 0 -991px;
    position:	relative;
    z-index:	295;
}
#site-banner-notice table,
#site-banner-success table,
#site-banner-error table {
	height:	34px;
	width:	980px;
	margin:	0 auto;
}
#site-banner-notice table td,
#site-banner-success table td,
#site-banner-error table td {
	color:			#4c4c19;
	border-color:	#4c4c19;
	/*text-shadow:	0 1px 0 #fff5cc;*/
	vertical-align:	middle;
	text-align:		center;
}
#site-banner-notice table td a {
	color:			#4c4c19;
	border-color:	#4c4c19;
}
#site-banner-success {
	background-color:		#6fbf4d;
	background-position:	0 -1026px;
}
#site-banner-success table td,
#site-banner-success table td a {
	color:			#ffffff;
	border-color:	#ffffff;
	/*text-shadow:	0 -1px 0 #777777;*/
}
#site-banner-error {
	background-color:		#e64545;
	background-position:	0 -1061px;
}
#site-banner-error table td,
#site-banner-error table td a {
	color:			#ffffff;
	border-color:	#ffffff;
	/*text-shadow:	0 -1px 0 #777777;*/
}
#site-banner-notice td a.hide-btn,
#site-banner-success td a.hide-btn,
#site-banner-error td a.hide-btn {
	float:		right;
	display:	block;
	width:		17px;
	height:		17px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -178px 0;
	margin-top:	1px;
	cursor:		pointer;
	border:		0 none;
}

/* PROFILE FORM */
.sexy-form {
	margin-bottom: 40px;
}
.sexy-form input[type=text],
.sexy-form input[type=password],
.sexy-form textarea {
	height:					20px;
	padding:				2px 4px;
	border:					1px solid #c3c3c3;
	border-top-color:		#999999;
	border-bottom-color:	#dddddd;
	-moz-box-shadow:		0 1px 1px #dddddd inset;
	-webkit-box-shadow:		0 1px 1px #dddddd inset;
	box-shadow:				0 1px 1px #dddddd inset;
	width:					265px;
	color:					#4c4c4c;
}
.sexy-form select {
	width:			120px;
	color:			#4c4c4c;
	margin-right:	10px;
}
.sexy-form textarea {
	width:	413px;
	height:	500px;
}
.sexy-form .note,
.sexy-form .left-note {
	float:			right;
	color:			#999999;
	font-size:		10px;
	line-height:	16px;
	text-align:		right;
}
.sexy-form .left-note {
	float:		left;
	text-align:	left;
}
.sexy-form div.x-btn {
	width:		16px;
	height:		17px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -132px;
	cursor:		pointer;
	z-index:	1;
}
#picture-container {
	height: 161px;
}
#picture-container .x-btn {
	position:	relative;
	top:		-6px;
	left:		224px;
}
#picture-container div.picture-mask {
	position:			relative;
	overflow:			hidden;
	width:				232px;
	height:				161px;
	background-color:	#fff;
}
#picture-container div.picture-mask table {
	display:		table;
	position:		relative;
	top:			80.5px;
	width:			100%;
	margin-top:		-210px;
}
#picture-container div.picture-mask td {
	display:		table-cell;
	width:			100%;
	height:			420px;
	padding:		0;
	vertical-align:	middle;
	text-align:		center;
	zoom:			1;
}
#user-screen-names-container ul li,
#user-identities-container ul li {
	height: 35px;
}
#user-screen-names-container ul li input,
#user-identities-container ul li input {
	float: left;
}
#user-screen-names-container ul li select,
#user-identities-container ul li select {
    margin:	3px 0 0 0;
	float:	right;
	width:	140px;
}

td.column-choices select {
	display:		block;
	width:			150px;
	margin-bottom:	5px;
}

div.close-account-container {
	padding:	20px 0 10px 0;
	color:		#666666;
	font-size:	11px;
	background:	#e6e6e6;
	text-align:	center;
}
div.close-account-container a {
	color:		#cc3333;
    display:	block;
    margin:		10px auto;
    width:		118px;
}
div.close-account-container a span {
	margin-top:	3px;
	width:		16px;
	height:		17px;
	display:	block;
	float:		left;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -132px;
}

/* API */
div.api-url {
	font-family: monospace;
	font-weight: bold;
}
div.api-url span.highlight {
	color: #25cc25;
}
div.box {
	margin:		5px 0 20px 0;
	padding:	10px;
	border:		1px solid #cccccc;
}
ul.api-headers {
	margin-left:	15px;
	list-style:		circle;
}
ul.api-headers li {
	font-family: monospace;
}
.api-docs ul {
	margin-left:		15px;
	list-style-type:	disc;
}
.api-docs ul li {
	line-height: 25px;
}
.api-docs code.hl {
	border:					1px solid #cccccc;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius:			4px;
	background-color:		#e4e4e4;
	padding:				1px 5px;
	font:					normal 12px Consolas,"Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace;
}
.api-docs code.hl a {
	border-bottom-width: 0;
}

#non-sponsored-user-settings-container {
	width: 560px;
}
#non-sponsored-user-settings-overlay {
	background-color:	#ffffff;
	width:				560px;
	position: 			absolute;
}
div.sponsorship-callout-container {
	position: 				absolute;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	padding:				6px;
	background-color:		rgb(232,232,232);
	background-color:		rgba(0,0,0,0.1);
	margin:					20px 0 0 73px;
	width:					402px;
}
div.sponsorship-callout {
	-moz-border-radius:		2px;
	-webkit-border-radius:	2px;
	border:					1px solid #cecece;
	background:				#fcfcfc url(/images/v4.0/_/account/heart-wet-floor-bg.png) no-repeat scroll 30px 25px;
	padding:				20px 0 20px 100px;
	height:					100px;
	width:					300px;
}
div.sponsorship-callout strong {
	margin-bottom:	8px;
	display:		block;
}
span.download-icon {
	width:			13px;
	height:			19px;
	display:		block;
	float:			left;
	margin-right:	6px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -17px -131px;
}

/* HEARTS */
ul.hearts {
	list-style-image:	url(/images/v4.0/_/hearts/white/full.png);
	margin-left:		21px;
}
ul.hearts li {
	margin-bottom: 5px;
}

.red-clock {
	display:	block;
	width:		15px;
	height:		15px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -31px -132px;
	float:		left;
	margin:		3px 5px 0 0;
}

/* FAQ */

ul.faq {
	margin:10px 0 0 0;
	padding:0 0 0 0;
}
ul.faq li {
	position:relative;
	padding:15px 0 0 45px;
	border-top:1px solid #e8e8e8;
}
ul.faq li .icon, .faq-page h1 .icon {
	background:url(/images/v4.0/_/global-sprite.png?16) -90px -131px;
	width:30px;
	height:25px;
	display:block;
}
ul.faq li .icon {
	position:absolute;
	margin:0 0 0 -40px;
}
ul.faq li h3 {
	font-size:15px;
	margin:0 0 5px 0;
}

span.search-hit {
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	color:#42382c;
	border:1px solid #fce69b;
	background:#fffbe7;
	font-weight:bold;
	padding:2px 4px;
}

.faq-page img {
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.15);
	-moz-box-shadow:2px 2px 2px rgba(0,0,0,0.15);
	box-shadow:2px 2px 2px rgba(0,0,0,0.15);
}
.faq-page h1 .icon {
	float:left;
	margin:-1px 7px 0 0;
}
.faq-page p:last-child {
	margin-bottom:0;
}
.faq-page p.breadcrumbs {
	border:0;
	padding:0;
}
p.breadcrumbs {
	font-size:12px;
	border:1px solid #e8e8e8;
	margin:15px 0 0 0;
	padding:5px 10px;
}
.breadcrumbs .sep {
	color:#a0a0a0;
	margin:0 2px;
}
.breadcrumbs a {
	border:0 none;
	color:#808080;
}
.breadcrumbs a:hover {
	color:#454545;
}	
.breadcrumbs a .icon {
	width:18px;
	height:15px;
	background:url(/images/v4.0/_/global-sprite.png?16) -72px -131px;
	display:block;
	float:left;
	margin:2px 5px 0 0;
}

.enable-list ul,
.enable-list ol {
	margin-left: 20px;
}

.enable-list li {
	margin-bottom: 10px;
}

/* FEATURE OPTIONS DROP DOWN */
#options-dd {
	height:		13px;
	padding:	14px;
	margin:		-9px -20px 0 0;
	float:		right;
}
#options-dd.hover {
	background-color: #f4f4f4;
	background-color: rgba(244,244,244,0.85);
}
#options-dd span.gear {
	float:		left;
	display:	block;
	height:		13px;
	width:		13px;
	background:	url(/images/v4.0/_/global-sprite.png?16) -23px -88px;
}
#options-dd span.text {
	float:			left;
	display:		block;
	text-transform:	uppercase;
	font-weight:	bold;
	font-size:		11px;
	margin:			-3px 0 0 4px;
	cursor:			default;
}
#options-dd span.arrow-up,
#options-dd span.arrow-down {
	float:		left;
	display:	block;
	height:		4px;
	width:		7px;
	margin:		5px 0 0 4px;
	background:	url(/images/v4.0/_/global-sprite.png?16) -23px -102px;
}
#options-dd span.arrow-down {
	background-position: -31px -102px;
}
#options-dd-container {
	position:	absolute;
	width:		600px;
}
#options-dd-content {
	padding:			15px 19px 11px 19px;
	float:				right;
	background-color:	#f4f4f4;
	background-color:	rgba(244,244,244,0.85);

	-moz-box-shadow:	-1px 1px 1px #dddddd;
	-webkit-box-shadow:	-1px 1px 1px #dddddd;
	box-shadow:			-1px 1px 1px #dddddd;
}
#options-dd-content ul li {
	height: 25px;
}
#options-dd-content ul li a {
	text-transform:	uppercase;
	font-weight:	bold;
	font-size:		11px;
}
#options-dd-content ul li.delete a {
	color: #e60000;
}
#options-dd-content ul li.edit span,
#options-dd-content ul li.flag span,
#options-dd-content ul li.delete span {
	height:		10px;
	width:		11px;
	float:		left;
	display:	block;
	background:	url(/images/v4.0/_/global-sprite.png?16) -37px -88px;
	margin:		4px 9px 0 0;
}
#options-dd-content ul li.flag span {
	height:					13px;
	width:					9px;
	background-position:	-49px -88px;
	margin-right:			11px;
}
#options-dd-content ul li.delete span {
	height:					11px;
	width:					10px;
	background-position:	-59px -88px;
	margin-right:			10px;
}

/* MODAL WINDOW */
#cl-modal-window-background {
	position:			fixed;
	top:				0;
	left:				0;
	z-index:			1000;
	width:				100%;
	height:				100%;
	background-color:	#000000;
}
#cl-modal-window {
	position:				fixed;
	z-index:				2000;
	top:					0;
	left:					0;
	background-color:		#f8f8f8;
	width:					360px;
	background-clip:		padding-box;
	border:					6px solid rgba(0,0,0,0.4);
	border-radius:			8px;
	-webkit-border-radius:	8px;
	-moz-border-radius:		8px;
}
#cl-modal-window h2 {
	height:					32px;
	padding:				7px 0 0 20px;
	font-size:				14px;
	color:					#ffffff;
	font-weight:			normal;
	text-shadow:			1px 1px 0 #333333;
	font-family:			"Helvetica Neue",helvetica,arial,sans-serif;
	border-bottom:			1px solid #323232;
	background:				#5a5a5a;
	filter:					progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666',endColorstr='#484848');
	background:				-webkit-gradient(linear,left top,left bottom,from(#666666),to(#484848));
	background:				-moz-linear-gradient(top,#666666,#484848);
	border-radius:			1px 1px 0 0;
	-webkit-border-radius:	1px 1px 0 0;
	-moz-border-radius:		1px 1px 0 0;
}

#cl-modal-window div.modal-content {
	line-height:	18px;
	margin:			18px 20px;
	font-size:		12px;
	color:			#333333;
	font-family:	"Helvetica Neue",helvetica,arial,sans-serif;
}
#cl-modal-window div.modal-content form.hidden-form {
	height:		0;
	width:		0;
	display:	none;
}

#cl-modal-window div.modal-content div.hr {
	height:		2px;
	background:	transparent url(/images/v4.0/_/misc/modal-window-hr.png) no-repeat center center;
	margin:		20px auto 15px auto;
}

.short-modal-pill {
	background-position:	right -1164px;
	padding:				5px 20px 0 0;
	background-color:		#f8f8f8;
}
.short-modal-pill span {
	background-position:	-235px -114px;
	margin-top:				-5px;
	background-color:		#f8f8f8;
}
#hide-pattern-colors-overlay {
	width:			270px;
	height:			41px;
	color:			#666666;
	position:		absolute;
	top:			0;
	left:			0;
	background:		#ffffff;
	background:		rgba(255,255,255,0.9);
	text-align:		center;
	font-size:		10px;
	line-height:	14px;
	padding-top:	9px;
}

span.license-icon {
	height:			20px;
	width:			20px;
	display:		block;
	float:			left;
	margin-right:	6px;
	background:		url(/images/v4.0/_/global-sprite.png?16);
}
span.license-icon.sa {
	background-position: -84px -198px;
}
span.license-icon.by {
	background-position: -84px -156px;
}
span.license-icon.c {
	background-position: -163px -209px;
}
span.license-icon.nc {
	background-position: -84px -177px;
}
span.license-icon.nd {
	background-position: -52px -209px;
}
span.license-icon.d {
	background-position: -208px -196px;
}
.right-col-license ul.cc li {
	margin-bottom:	7px;
	font-size:		11px;
}
.right-col-license span.text {
	display:		block;
	float:			left;
	width:			250px;
	line-height:	16px;
	margin-top:		2px;
}
.right-col-license span.cc-link {
	font-size:		11px;
	font-weight:	bold;
}
form.choose-license-form td.col_1,
div.set-license td.col_1 {
	width: 24px;
}
form.choose-license-form td.col_2,
div.set-license td.col_2 {
	width: auto;
}

form.choose-license-form input[type=radio],
div.set-license input[type=radio] {
	width:		14px;
	margin:		3px 0 0 0;
	padding:	0;
}

form.choose-license-form td,
div.set-license td {
	color: #4c4c4c;
}

form.choose-license-form td.col_2 label,
div.set-license td.col_2 label {
	font-weight:	bold;
	display:		block;
	float:			left;
	color:			#4c4c4c;
}
form.choose-license-form td.col_2 p,
div.set-license td.col_2 p {
	display:	block;
	float:		left;
	clear:		left;
	color:		#808080;
}

form.choose-license-form td.col_2 input[type=checkbox],
div.set-license td.col_2 input[type=checkbox] {
	display:	block;
	float:		left;
	clear:		left;
	width:		14px;
	margin:		5px 8px 0 0;
	padding:	0;
}

form.choose-license-form td.col_2 label.light,
div.set-license td.col_2 label.light {
	font-weight: normal;
	line-height: 24px;
}
form.choose-license-form td.col_2 label.disabled,
div.set-license td.col_2 label.disabled {
	color: #aaaaaa;
}

form.choose-license-form td.col_2 input[type=checkbox].indent,
div.set-license td.col_2 input[type=checkbox].indent {
	margin-left: 20px;
}

div.content-removed {
	margin:		45px 75px 45px 85px;
	background:	url(/images/v4.0/_/misc/broken-heart.png) no-repeat left center;
	padding:	5px 0 0 150px;
	min-height:	100px;
	color:		#666666;
	font-size:	14px;
}
div.content-removed strong {
	font-size:		16px;
	display:		block;
	margin:			4px 0 10px 0;
	line-height:	20px;
}

/* Onboarding */
div.tour-section {
	margin-bottom: 35px;
}
div.tour-section:last-of-type {
	margin-bottom: 15px;
}
div.tour-section h2 {
	margin-bottom:	0;
	border-bottom:	3px solid #999;
	line-height:	1.25;
	font-size:		24px;
	font-weight:	normal;
	color:			#333;
}
div.tour-section li {
	border-bottom: 1px solid #e3e3e3;
}
div.tour-section li:last-of-type {
	border-bottom: 0;
}
div.tour-section li:first-of-type a.step {
	padding-top: 29px;
}
div.tour-section a.step {
	display:	block;
	position:	relative;
	padding:	19px 60px 19px 0;
}
div.tour-section a.step:hover {
	background-color: #f3f3f3;
}
div.tour-section a.step:after {
	content:	".";
	display:	block;
	height:		0;
	clear:		both;
	visibility:	hidden;
}
div.tour-section a.step.next:hover {
	background-color: #f0faeb;
}
div.tour-section a.step.done:hover {
	background-color: transparent;
}
div.tour-section a.step.done span.step-header,
div.tour-section a.step.done span.step-description {
	color: #ccc;
}
div.tour-section span.step-header,
div.tour-section span.step-description {
	margin: 0 3px 0 100px;
}
div.tour-section span.step-header {
	display:		block;
	font-size:		18px;
	font-weight:	bold;
	color:			#333;
}
div.tour-section span.step-description {
	display:		block;
	line-height:	1.35;
	font-size:		14px;
	color:			#777;
}
div.tour-section span.step-status {
	position:		absolute;
	top:			50%;
	right:			15px;
	width:			32px;
	height:			24px;
	margin-top:		-12px;
	background:		transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll -80px -550px;
}
div.tour-section a.step.next span.step-status {
	background-position: -16px -550px;
}
div.tour-section a.step.done span.step-status {
	background-position: -144px -550px;
}
div.tour-section span.step-icon {
	position:		absolute;
	top:			50%;
	left:			15px;
	width:			64px;
	background:		transparent url(/images/v4.0/_/tour-sprite.png?1) no-repeat scroll 0 0;
}
a#share-a-bit span.step-icon {
	height:					40px;
	margin-top:				-20px;
	background-position:	-64px 0;
}
a#share-a-bit.next span.step-icon {
	background-position: 0 0;
}
a#share-a-bit.done span.step-icon {
	background-position: -128px 0;
}
a#add-a-profile span.step-icon {
	height:					48px;
	margin-top:				-24px;
	background-position:	-64px -40px;
}
a#add-a-profile.next span.step-icon {
	background-position: 0 -40px;
}
a#add-a-profile.done span.step-icon {
	background-position: -128px -40px;
}
a#name-a-color span.step-icon {
	height:					59px;
	margin-top:				-29.5px;
	background-position:	-64px -88px;
}
a#name-a-color.next span.step-icon {
	background-position: 0 -88px;
}
a#name-a-color.done span.step-icon {
	background-position: -128px -88px;
}
a#create-a-palette span.step-icon {
	height:					44px;
	margin-top:				-22px;
	background-position:	-64px -147px;
}
a#create-a-palette.next span.step-icon {
	background-position: 0 -147px;
}
a#create-a-palette.done span.step-icon {
	background-position: -128px -147px;
}
a#color-a-pattern span.step-icon {
	height:					52px;
	margin-top:				-28px;
	background-position:	-64px -191px;
}
a#color-a-pattern.next span.step-icon {
	background-position: 0 -191px;
}
a#color-a-pattern.done span.step-icon {
	background-position: -128px -191px;
}
a#create-a-pattern-template span.step-icon {
	height:					52px;
	margin-top:				-28px;
	background-position:	-64px -243px;
}
a#create-a-pattern-template.next span.step-icon {
	background-position: 0 -243px;
}
a#create-a-pattern-template.done span.step-icon {
	background-position: -128px -243px;
}
a#love-a-creation span.step-icon {
	height:					48px;
	margin-top:				-24px;
	background-position:	-64px -295px;
}
a#love-a-creation.next span.step-icon {
	background-position: 0 -295px;
}
a#love-a-creation.done span.step-icon {
	background-position: -128px -295px;
}
a#fave-a-creation span.step-icon {
	height:					57px;
	margin-top:				-32px;
	background-position:	-64px -343px;
}
a#fave-a-creation.next span.step-icon {
	background-position: 0 -343px;
}
a#fave-a-creation.done span.step-icon {
	background-position: -128px -343px;
}
a#leave-a-comment span.step-icon {
	height:					51px;
	margin-top:				-25.5px;
	background-position:	-64px -400px;
}
a#leave-a-comment.next span.step-icon {
	background-position: 0 -400px;
}
a#leave-a-comment.done span.step-icon {
	background-position: -128px -400px;
}
a#follow-your-friends span.step-icon {
	height:					43px;
	margin-top:				-21.5px;
	background-position:	-64px -507px;
}
a#follow-your-friends.next span.step-icon {
	background-position: 0 -507px;
}
a#follow-your-friends.done span.step-icon {
	background-position: -128px -507px;
}
a#share-a-creation span.step-icon {
	height:					56px;
	margin-top:				-27px;
	background-position:	-64px -451px;
}
a#share-a-creation.next span.step-icon {
	background-position: 0 -451px;
}
a#share-a-creation.done span.step-icon {
	background-position: -128px -451px;
}
a#invite-your-friends span.step-icon {
	height:					36px;
	margin-top:				-18px;
	background-position:	-64px -574px;
}
a#invite-your-friends.next span.step-icon {
	background-position: 0 -574px;
}
a#invite-your-friends.done span.step-icon {
	background-position: -128px -574px;
}
div#hide-tour-container {
	padding:		12px;
	background:		#f0f0f0;
	border:			1px solid #e3e3e3;
	line-height:	1.5;
	font-size:		11px;
	text-align:		center;
	color:			#666;
}
div#hide-tour-container a {
	border-bottom: 1px dotted #a6a6a6;
}
div#hide-tour-container a.hide {
	display:		inline-block;
	margin-top:		5px;
	border-bottom:	0;
	line-height:	16px;
	color:			#d00;
}
div#hide-tour-container a.hide span {
	float:		left;
	margin:		0 4px 0 0;
	width:		16px;
	height:		17px;
	background:	transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll 0 -132px;
}

/* INVITE FRIENDS */
div.content.invite table.sexy-form {
	margin-bottom: 0;
}
div.content.invite table.sexy-form hr {
	margin:				0;
	background-color:	#f0f0f0;
}
div.content.invite textarea#invite-email-addresses {
	height: 35px;
}
div.content.invite textarea#invite-personal-message {
	height: 75px;
}
div.content.invite textarea,
div.content.invite td.invite-email-content p {
	width: 335px;
}
div.content.invite td.invite-email-content p,
div.content.invite td.invite-email-content div {
	color: #999;
}
div.content.invite td#invite-subject {
	font-weight: bold;
}
div.content.invite div.invite-personal-message-area {
	margin-bottom:	12px;
}

div.color-details {
	margin-bottom: 3px;
}
div.color-details div.meta {
	padding: 0;
}

a.un-mute-notification,
a.mute-notification {
	font-size:		10px;
	color:			#666666;
	border-bottom:	1px dotted #666666;
}
a.un-mute-notification span,
a.mute-notification span {
	display:		inline-block;
	height:			9px;
	width:			9px;
	background:		transparent url(/images/v4.0/_/global-sprite.png?16) no-repeat scroll -56px -101px;
	position:		absolute;
	margin:			7px 0 0 -12px;
}
a.mute-notification span {
	height:					10px;
	width:					10px;
	background-position:	-59px -111px;
	margin:					6px 0 0 -13px;
}

.faq-content {
	overflow: auto;
}
.faq-content ol {
	margin-left:	20px;
	list-style:		decimal;
}
.faq-content ul {
	margin-left:	20px;
	list-style:		disc;
}

.margin-40{

    margin-top: 40px;
    margin-bottom: 40px;
}

/*mobile  css*/

@media screen and (max-width: 530px) {


    div.footer-shell {
        margin-bottom:	130px;
    }
    div.header {
        display: inline-block;
        float: left;
        max-width: 430px;
        width: 100%;
    }
    .nav span#menubtn {
        color: #fff;
        display: inline-block;
        height: 35px;
        /*padding-top: 11px;*/
        max-width: 20px;
        width: 6%;
        background: rgba(0, 0, 0, 0) url("/images/v4.0/_/menu-bg.png") no-repeat scroll 0 0;
        /*margin-right: 5px;
        float: left;*/
        cursor: pointer;
        margin-top: -15px;
    }
    div.header a.colourlovers-logo {
        background: rgba(0, 0, 0, 0) url("/images/v4.0/_/mobile-logo.png") no-repeat scroll 0 0 / 75% auto;
        float: none;
    }

    div#global-search div.label-overlay label, div#global-search div.label-overlay input {
        position: absolute;
        top: 1px;
        left: 0;
        width: 272px;
        height: 36px;
        padding: 0 39px 1px 7px;
        line-height: 36px;
        font-size: 12px;
        cursor: text;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    a#global-create-trigger {
        display: block;
        width: 50px;
        height: 36px;
        margin: -2px -3px;
        background: transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -253px -0px;
/*        line-height: 35px;
        font-size: 14px;
        font-weight: bold;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
        color: #fff;
        border-radius: 3px;
        text-align: center;*/
    }

    a#global-create-trigger:hover {
        background-position: -253px -0px;
    }
    a#global-create-trigger:active {
        background-position: -253px -0px;
    }
    a#global-create-trigger.active {
        background-position: -253px -0px;
    }

    div#search-create {

        padding-right: 20px;
        margin-top: -11px;
    }

    a#global-search-type-trigger span.icon {
        float: left;
        width: 45px;
        height: 22px;
        /*margin: -1px 0 0 40px;*/
        margin: -1px 0 0 90px;
        background: transparent url(/images/v4.0/_/search-create-sprite.png?2) no-repeat scroll -0px -176px;
    }

    div#global-search div.label-overlay label, div#global-search div.label-overlay input {
        width: 160px;
        /*padding: 5px 30px 5px 7px;*/
    }
    div#global-search div.label-overlay {
        width: 205px;
        height: 28px;
    }

    a#global-search-type-trigger.palette span.icon {
        height: 22px;
        margin: -1px 0 0 90px;
    }

    a#global-search-type-trigger.palette.active span.icon {
        background-position: -0px -176px;
    }
    a#global-search-type-trigger.pattern span.icon {
        background-position: -44px -176px;
    }
    a#global-search-type-trigger.pattern.active span.icon {
        background-position: -44px -176px;
    }
    a#global-search-type-trigger.pattern-template span.icon {
        background-position: -94px -176px;
        width: 45px;
        margin: -1px 0 0 103px;
    }
    a#global-search-type-trigger.pattern-template.active span.icon {
        background-position: -94px -176px;
        width: 45px;
        margin: -1px 0 0 103px;
    }
    a#global-search-type-trigger.shape span.icon {
        background-position: -189px -176px;
        margin: -1px 0 0 90px;
    }
    a#global-search-type-trigger.shape.active span.icon {
        background-position: -189px -176px;
        margin: -1px 0 0 90px;
    }
    a#global-search-type-trigger.color span.icon {
        background-position: -143px -176px;
        margin: -1px 0 0 90px;
    }
    a#global-search-type-trigger.color.active span.icon {
        background-position: -143px -176px;
        margin: -1px 0 0 90px;
    }
    a#global-search-type-trigger.lover span.icon {
        background-position: -238px -176px;
        height: 22px;
        margin: -1px 0 0 90px;
    }
    a#global-search-type-trigger.lover.active span.icon {
        background-position: -238px -176px;
        height: 22px;
        margin: -1px 0 0 90px;
    }
    /**/

    a#global-search-type-trigger {
        width: 19px;
    }


    /*.user-name{
        display: none
    }*/

    div.nav {
        height: 30px;
        margin: 0 auto;
        max-width: 430px !important;
        width: 100%;
        padding-top: 20px;
    }

    div.content {
        margin: 20px auto;
        padding: 10px 4px 0;
        max-width: 430px !important;/*350px    */
        width: 97%;
    }

    div.callout-container {

        max-width: 430px !important;
    }

    div.callout-channel {

        height: auto;
        max-width: 430px !important;
        width: 100%;
    }
    div.callout-container-skinny h2 {
        font-size: 20px;
    }
    div.feature-detail-container {
        padding: 4px;
    }
    a.right-link {

        height: auto;
        max-width: 300px;
        width: 100%;
    }


    div.forum-search input[type="text"] {
        max-width: 430px;
        width: 80%;
    }

    div.callout-container div.sign-up-container {

        width: 300px;
        float: none;
        text-align: center;
        background-color: #e03a3e;
        clear: both;
        margin: 3px auto auto auto;
    }

    .ulc a img, .blog-header-image img, .ulc table,table[style]{
        max-width: 420px !important;
        width: 100%;
    }

    div.blog-header-image {
        max-width: 430px;
        width: 100%;
    }
    div.detail-row a.color, div.detail-row a.pattern, div.detail-row a[style] {
        max-width: 430px;
        width: 100%;
        /*margin: 0 10px 20px -4px;*/
    }div.detail-row{
        max-width: 430px;
        width: 100%;
        margin: 0 10px 20px -7px;
    }


    div.col-300 {
        display: none !important;
    }

    div.col-620 {
        float:  none;
        max-width: 430px !important;/*350px*/
        width: 100%;
    }

    ul.big-tabs-container li {

        padding: 10px 3px 0;
        font: 10px/20px arial,sans-serif;
    }

    div.sub-header h2 {
        clear: left;
    }

    /*div#middle-content{
        display: none;
    }*/

    div.col-194 {
        float: left;
        max-width: 340px;/*320*/
        width: 100%;
    }

    a.blog-post-header {
        display: inline-block;
        height: 80px;
        overflow: hidden;
        text-align: center;
        max-width: 185px;/*180px*/
        width: 55%;
    }

    h2.blog-post-title {
        display: inline-block;
        float: right;
        font-size: 12px;
        line-height: 15px;
        max-width: 165px;
        width: 43%;
        margin: 0;
    }

    a.blog-post-comment-count {

        display: inline-block;
    }

    div.feature-col {
        max-width: 430px;/*350px*/
        width: 100%;
    }

    div.wide-form-container input.text, div.wide-form-container input.text-skinny, div.wide-form-container textarea.textarea, div.wide-form-container div.label-overlay label{

        width: 245px;
    }

    /*#create-palette-boxes {
        max-width: 430px;
        width: 280px;
        height: 65px;
    }
    #create-palette-boxes li {
        max-width: 56px;
        width: 56px;
        resize: horizontal;
        height: 56px;
    }*/


    div.col-455 {

        width: 291px;
    }
    div.col-455-new {

        max-width: 430px;
        width: 100%;
    }
    div.outline-feature ul {
        max-width: 435px;
        width: 100%;
    }

    div.nav ul.nav{float: left; width: 150px; display: none;z-index: 1000;background-color: #ffffff;border: 1px solid #d8d8d8; margin-top: 5px;border-radius: 3px}
    div.nav ul.nav li {   float: left;   width: 100%;}
    div.nav ul.nav li a {
        color: #383838;
        padding: 6px 15px 5px 15px;
        /*border-bottom: 1px solid #d9d9d9;*/
    }


    #tour-progress-bar{display: none;}
    #online-users-trigger{display: none;}
    span.user-name {
        overflow: hidden;
        width: 40px;
    }

    div.footer {
        color: #999999;
        margin: 0 auto;
        padding: 40px 20px 40px 0;
        max-width: 430px !important;/*360px*/
        width: 100%;
    }
    .mr-20{
        margin-left: 0 !important;
    }
    div.forum-category div.text {
        max-width: 345px;
        width: 100%;
    }
    span.mobile-content{
        display: none;
    }
    div.tall-light-header h2 {

        font-size: 12px;
    }
    div.comment-form-wide textarea {

        max-width: 430px;
        width: 90%;
        padding: 14px 2px;
    }
    div.col-240 {
        max-width: 330px;
        width: 100%;
    }
    div.col-70 {
        max-width: 85px;
        width: 35%;
    }
    div.col-80 {
        max-width: 80px;
        width: 35%;
    }
    div.detail-row div.right-col {
        margin-left: 15px;
    }
    div.colors div.right-col h4, div.colors div.right-col h5  {
        /*display: none;*/
    }
    div.feature-detail {
        max-width: 250px;
        width: 100%;
        padding: 5px 5px 0;
    }
    a.feature-disp-type-grid, a.feature-disp-type-meta-selected, .tall-light-header div.separator {
        display: none;
    }
    div.tall-light-header h2 {
        height: 20px;
        overflow: hidden;
        overflow-wrap: break-word;
        width: 50px;
        margin: 0;
    }
    div.callout-container-skinny div.tabbed-nav-big{
        margin-top: -5px !important;
    }
    div.tabbed-nav-big {
        border-bottom: none;
        height: 40px;
        text-align: center;
    }
    div.tabbed-nav-big h3 {
        display: inline-block;
    }
    div.tabbed-nav-big h3 a.selected {
        background: none;
    }
    div.tabbed-nav-big h3 a {
        text-decoration: underline;
        float: none;
        margin-right: 10px;
    }
    div.meta .big-number-label{
        /*display: none;*/
    }
    div.paging a, div.paging-dark a {
        padding: 3px 2px;
    }
    div.feature-detail-container h1{
        font-size: 13px;
        clear: right;
    }
    form[action="/colors/search"] div.sub-panel-dark,form[action="/colors/search"] h3.ttu {
        display: none;
    }
    div.comments-list-wide div.comment-container {

        max-width: 430px;
        width: 71%;
    }
    div.comments-list-wide div.mod-options {
        max-width: 430px;
        width: 71%;
        margin: 1px 0 10px 40px;
    }
    .avatar {

        width: 35px;
        height: 35px;
        padding: 0;
        margin-right: 2px;
    }
    .avatar span {
        width: 35px;
        height: 35px;
    }
    a.gray-pill {
        padding-right: 8px;
    }

    div.col-295 {
        width: 250px;
    }
    .col-295 div.col-96 {
        min-width: 60px;
        float: none;
        display: inline-block;
        margin-right: 5px;
        width: 48%;
    }
    div.outline-feature ul li a {
        max-width: 375px;
        width: 95%;
    }
    div.panel-discussions ul li a span.text {
        font-weight: bold;
        font-size: 12px;
        color: #333333;
        line-height: 16px;
        max-width: 245px;
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: inline-block;
    }
    div.outline-feature a.header {
        max-width: 430px;
        width: 100%;
    }
    div.outline-feature a.header img{
        width: 100%;
    }
    div.callout-container-skinny p.explanation-blurb {
        margin-top: 5px;
    }
    div.outline-feature div.text{

        max-width: 375px;
        width: 93%;
    }
    div.outline-feature div.text h2, div.outline-feature div.text h2 a{

        width: 82%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    div.outline-feature ul li {
        float: left;
        max-width: 435px;
        border-top: 1px solid #f1f1f1;
        width: 100%;
    }
    div.panel-discussions ul li a span.text-container {
        max-width: 245px;
        width: 60%;
    }
    div.panel-discussions ul li a span.comment-count {
        width: 35px;
    }
    div.panel-discussions ul li a span.date {
        width: 60px;
    }
    .group-picture {
        width: 240px;
        height: 85px;
    }
    a.group-picture img {
        width: 100%;
    }
    .sexy-form textarea {
        width: 195px;
        height: 200px;
    }
    .sexy-form input[type=text], .sexy-form input[type=password], .sexy-form textarea {
        width: 195px;
    }
    #create-palette-boxes {
         width: auto;
        max-width: 560px;
         height: auto;
         max-height: none;
        overflow: auto;
        margin-bottom: 10px;
    }
    #create-palette-boxes li {
        resize: none;
    }
    #picture-container {
        height: auto;
    }
    div#sponsors-links{
        display: none;
    }
}
/*end mobile*/
/*mobile landscape*/
@media screen and (max-width: 700px) and (orientation: landscape) {

    div.col-300 {
        display: none !important;
    }

    div.header {
        height: 42px;
        margin: 0 auto;
        width: 630px;
    }

    div.nav {
        height: 30px;
        margin: 0 auto;
        width: 630px;
        padding-top: 4px;
    }

    div.content {
        background-color: #ffffff;
        border: 1px solid #ededed;
        margin: 20px auto;
        padding: 10px 4px 0;
        width: 630px;
    }

    div.col-620 {
        float:  none;
        width: 620px;
    }

    /*div#middle-content{
        display: none;
    }*/

    div.footer {
        color: #999999;
        margin: 0 auto;
        padding: 40px 20px 40px 0;
        max-width: 630px;
    }
    .mr-20{
        margin-left: 0 !important;
    }


    div.feature-col {
        width: 205px;
    }

    div.col-194 {
        width: 185px;
    }

    a.blog-post-header {
        width: 190px;
    }

}

/*end landscape*/
.istockimage{
    margin: 3px;
    display: inline-block;
    width: 135px;
    height: auto;
}