.cxs_desktop, .cxs_mobile {
	display: none; //must call 'xs_mobilecss()' to make this visible
}

.cxs_shadow {
	-moz-box-shadow: 	1px 5px 12px rgba(0,0,0,0.7);
	-webkit-box-shadow: 1px 5px 12px rgba(0,0,0,0.7);
}
.cxs_shadow_small {
	-moz-box-shadow: 	1px 2px 6px rgba(0,0,0,0.6);
	-webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.6);
}
.cxs_shadow_large {
	-moz-box-shadow: 	1px 4px 16px rgba(0,0,0,0.6);
	-webkit-box-shadow: 1px 4px 16px rgba(0,0,0,0.6);
}
.xs_ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.cxs_button, .cxs_button:visited {
    border: none;
	background: url(overlay.png) repeat-x; 
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.45))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.45) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,,45) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#86000000',GradientType=0 ); /* IE6-9 */	
	display: inline-block; 
	padding: 2px 8px;
//	margin: 0px;
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 8x rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.4);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	//border-bottom: 1px solid #444 rgba(0,0,0,0.25);
	border: 0px solid #fff;
	position: relative;
	cursor: pointer;
	background-color: #444; //default color
}

.cxs_button:hover			{ background-color: #666; color: #fff; }
.cxs_button:active			{ top: 1px; }
.small, .small:visited 		{ font-size: 11px}
.medium, .medium:visited 	{ font-size: 16px; 
							  text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
							  }
										  
.large, .large:visited 		{ font-size: 24px; 
							  padding: 8px 14px 9px; }
										  
.super, .super:visited 		{ font-size: 34px; 
							  padding: 8px 14px 9px; }

.pink, .magenta:visited		{ background-color: #e22092; }
.pink:hover					{ background-color: #c81e82; }
.green, .green:visited		{ background-color: #91bd09; }
.green:hover				{ background-color: #749a02; }
.red, .red:visited			{ background-color: #e62727; }
.red:hover					{ background-color: #cf2525; }
.orange, .orange:visited	{ background-color: #ff5c00; }
.orange:hover				{ background-color: #d45500; }
.blue, .blue:visited		{ background-color: #2981e4; }
.blue:hover					{ background-color: #2575cf; }
.yellow, .yellow:visited	{ background-color: #ffb515; }
.yellow:hover				{ background-color: #fc9200; }
.gray						{ background-color: #444; }
.gray						{ background-color: #000; }
.ltgray						{ background-color: #666; }
.ltgray:hover				{ background-color: #777; }