/*

U CORE STYLESHEET
Version: 0.1.0
Author: Casey Klebba <casey@eqal.com>
--------------------------------------------------------------
##############################################################

	== Notes: ==================
	
	* Moved default colors from blueprint into the 'default' theme
	* All structure remains in this and other u.* stylesheets
	* Added fluid columns to blueprint in u.grid.fluid.css, see usage notes in that file

	== To Do: ==================

	* Get rich

*/

/*

Font Sizes (according to blueprint)

1.5em	= 18px
.75em	= 9px
.67em	= 8px

Font Sizes (according to YUI)

10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%

*/

#page {}

/* COMPONENTS
--------------------------------------------------------------
##############################################################
 
	This section houses structure for various
	shared components of U

*/

/* UGC WRAPPER
--------------------------------------------------------------
	Use this to clip obnoxious user generated content
*/
.ugc {
	overflow:hidden;
}

/* cancel effect for primary-context ugc */
	
.blog-post .primary-context .ugc {
	overflow: visible !important;
}

/* HORIZONTAL UL
--------------------------------------------------------------
	.horiz can be used for generic horizontal lists,
	.path follows the same format, but will be themed differently
	.pages also follows the same format
*/

ul.horiz,
ul.path,
ul.pages {
	/* USAGE

	modify the font-size to scale the tabs proportionally
	use em units
	
	*/
	font-size:1em;

	padding:0;
	height:1.5em;
	margin-left:0;
}

ul.horiz li,
ul.path li,
ul.pages li {
	float:left;
	list-style-type:none;
}

ul.horiz li span,
ul.path li span,
ul.pages li span {
	padding:0 .5em;
}

ul.horiz li a,
ul.path li a,
ul.pages li a {
	display:block;
	padding:0 .5em;
}

ul.horiz li a span,
ul.path li a span,
ul.pages li a span {
	padding:0;
}

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

	Use the .selected-before and .selected-after classes only if you
	want to create shadows, borders or bullets that wrap the .selected tab.
	Otherwise they are not necessary

	Structure:

	<ul.tabs>
		|
		+ <li>
		+ <li.first>
		+ <li.selected-before>
		+ <li.selected>
		+ <li.selected-after>
		+ <li.last>
			|
			+ <div>
				|
				+ <a>
					|
					+ <span>
						|
						*
*/

ul.tabs {

	/* USAGE

	modify the font-size to scale the tabs proportionally
	use em units
	
	*/
	font-size:1em;

	margin:0;
	padding:1em 0 0 .5em;
	height:2em;
}

ul.tabs li {
	float:left;
	list-style-type:none;
	padding:.25em 0 0 0;
}

ul.tabs li.selected {
	padding:0;
}

ul.tabs li.first {}
ul.tabs li.last {}
ul.tabs li.selected-before {}
ul.tabs li.selected-after {}

ul.tabs li div {
	padding:0 .5em;
}

ul.tabs li.selected div {
	line-height:2em;
}

ul.tabs li div a {
	display:block;
}

ul.tabs li.selected div a {}

/* USERS
--------------------------------------------------------------
##############################################################

avatar-xsmall	= 24
avatar-small	= 32
avatar-medium	= 48
avatar-large	= 80
avatar-xlarge	= 128

*/

.user {
}

.user a {
	cursor:pointer; /* ie likes this */
}

.user span {
}

.user .username {
}

.avatar-xsmall,
.avatar-small,
.avatar-medium,
.avatar-large,
.avatar-xlarge {
	display:block;
	clear:both;
}

.avatar-xsmall img,
.avatar-small img,
.avatar-medium img,
.avatar-large img,
.avatar-xlarge img {
	border:4px solid transparent;
}

.avatar-xsmall img {
	border-width:2px;
}

/* cards */
.card {
	margin:1.5em 0 1.5em 0;
	width:440px;
	height:257px;
	z-index: 0;
}

.card .avatar-xlarge {
	float:left;
	width:162px;
	height:257px;
	overflow:hidden;
	text-align:right;
}

.card .avatar-xlarge img {
	margin:42px 0 24px 24px;
	width:128px;
	height:128px;
	border:0;
}

form.form .card ul, /* needed for user join form */
.card ul {
	float:left;
	margin:2.5em 0 0 24px;
}

.card ul li {
	margin:0 0 4px 0;
	padding:0 8px 0 8px;
	width:230px;
	color:#333;
	font-size:1.5em;
	line-height: 1.875em;
	cursor:default;
	overflow:hidden;
}

/* MAST
--------------------------------------------------------------

*/

.mast {}

.mast ul.path {}

.mast ul.tabs {}

/* BOXES
--------------------------------------------------------------

*/

.box {
	/* modifying top/bottom margin or padding will affect vertical alignment */
	/* modifying padding can break columns */
}

.box.modal {
	margin-right:0;
	margin-bottom:0;
}

.box-list ul {
	padding:0;
	margin:0 0 1.5em 0;
}

.box-list ul li {
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	list-style-type:none;
}

/* reset nested li tags */
.box-list ul li li {
	padding-bottom:0;
	margin-bottom:0;
}

/* used for targeting styles */
.box-body,
.box-list {}

.box-head,
.box-tabs {
	margin:0 0 1.5em 0;
}

.box-head h1,
.box-head h2,
.box-head h3,
.box-head h4,
.box-head h5,
.box-head h6 {
}

.subhead {
	margin:0 0 1.5em 0;
}

.subhead h2,
.subhead h3 {
	margin:0 0 .5em 0;
}

.subnav {
	text-align:right;
}

.subnav .pages,
.subnav .horiz {
	float:right;
	margin-right:0;
}

/* FLUID 9 SLICE BOXES
--------------------------------------------------------------
##############################################################

structure:

	+-- .box.slice9
		+-- .sl-2
			+-- .sl-1
			+-- .sl-3
		+-- .sl-4
			+-- .sl-6
				+-- .sl-5.clearfix   (don't forget the clearfix)
		+-- .sl-8
			+-- .sl-7
			+-- .sl-9

notes:

-- 9 slice css rules are completely theme dependent, so the majority of rules they will need to be overriden in theme.css

-- This implementation requires a lot of markup, but it's necessary in order to maintain maximum flexibility.
	because there are truly 9 elements, we can make them behave as 9 slices should. every other rounded corner implementation i've found prevents you from controlling the slices independently

for more info about 9 slice:

http://help.adobe.com/en_US/Fireworks/9.0/help.html?content=frw_styles_st_13.html

*/

/* ie6 likes the #page selector */
#page .box.slice9 {
	border:0;
	padding:0 20px;
}

.sl-1,
.sl-2,
.sl-3,
.sl-7,
.sl-8,
.sl-9 {
	height:20px;
	line-height:1px; /* ie6 */
	font-size:1px; /* ie6 */
}

.sl-2,
.sl-8 {
	position:relative;
	background-repeat:repeat-x;
}

.sl-4,
.sl-6 {
	background-repeat:repeat-y;
}

.sl-4 {
	margin-left:-20px;
}

.sl-5 {
	margin:0 18px;
	padding:0 2px 1px 2px; /* 1px on the bottom prevents gaps between 456 and 789 */
}

.sl-6 {
	margin-right:-20px;
	background-position:right;
}

.sl-1,
.sl-3,
.sl-7,
.sl-9 {
	background-repeat:no-repeat;
	position:absolute;
	width:20px;
}

.sl-1,
.sl-7 {
	left:-20px;
}

.sl-3,
.sl-9 {
	right:-20px;
	float:right;
}

/* CONTENT
--------------------------------------------------------------
##############################################################

photo-xsmall	= ??
photo-small		= 120
photo-medium	= 160
photo-large		= 240
photo-profile	= 300
photo-xlarge	= 500

*/

.youtube-video-standard {
	width:425px; /* total is 512, player is 425 */
	height:344px;  /* total is 372, player is 344  */
	padding:14px 16px;
	margin:0 auto 1.5em auto;
}

.youtube-video-wide {
	width:480px; /* total is 512, player is 480 */
	height:295px;  /* total is 324, player is 296  */
	padding:14px 16px;
	margin:0 auto 1.5em auto;
}

.cbs-video-standard,
.cbs-video-wide {
	width:504px;
	height:440px;
	padding:4px 2px;
	margin:0 auto 1.5em auto;
}

.cbs-video-wide {
	width:640px;
}

.youtube-thumb-xsmall img {
	padding:4px;
}

.youtube-thumb-xsmall {
	margin:auto;
	text-align:center;
}

.youtube-thumb-xsmall img {
	padding:4px;
}

.cbs-thumb-small {
	margin:auto;
	text-align:center;
}

.cbs-thumb-small img {
	padding:4px;
}

.eqal-photo-xsmall,
.eqal-photo-small,
.eqal-photo-medium,
.eqal-photo-large,
.eqal-photo-xlarge {
	margin:auto;
	text-align:center;
}

.eqal-photo-large {
	width:500px; /* total is 512, photo max is 500 */
	padding:6px;
}

.eqal-photo-xlarge {
	width:600px;
}

.eqal-photo-xsmall img,
.eqal-photo-small img,
.eqal-photo-medium img {
	padding:4px;
}

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

*/

/* category lists */

.category-list {
	margin-left:0;
}

.category-list .category-list {
	margin-left:0;
}

/* friend lists */

.friend-list-medium,
.friend-list-large,
.friend-list-xlarge {
	margin:0;
	padding:0;
}

.friend-list-medium li,
.friend-list-large li,
.friend-list-xlarge li {
	float:left;
	width:64px;
	margin:0 12px 1.5em 0;
	list-style-type:none;
	text-align:center;
	overflow:hidden;
    min-height: 122px;
}

.friend-list-large li {
	width:120px;
}

.friend-list-xlarge li {
	width:160px;
}

.friend-list-medium li a,
.friend-list-large li a,
.friend-list-xlarge li a {
	display:block;
}

.friend-list-medium .avatar-medium img,
.friend-list-large .avatar-large img,
.friend-list-xlarge .avatar-xlarge img {
	margin:4px;
}

.friend-list-medium li dl,
.friend-list-large li dl,
.friend-list-xlarge li dl {
	margin:0;
}

.friend-list-medium li dd,
.friend-list-large li dd,
.friend-list-xlarge li dd {
	margin:0;
}

/* album & video lists */

.album-list-xsmall,
.album-list-small,
.video-list-xsmall {
	margin:0;
}

.album-list-xsmall li .eqal-photo-xsmall,
.album-list-small li .eqal-photo-small,
.video-list-xsmall li .youtube-thumb-xsmall,
.video-list-xsmall li .cbs-thumb-small {
	display:block;
}

.eqal-photo-xsmall .nophotos,
.eqal-photo-small .nophotos,
.youtube-thumb-xsmall .nophotos {
	display:block;
	width:125px;
	height:85px;
	line-height:78px;
	margin:auto;
	cursor:pointer;
	border:1px solid transparent;
}

.eqal-photo-small .nophotos {
	width:165px;
	height:125px;
	line-height:118px;
}

.album-list-xsmall dl,
.album-list-small dl,
.video-list-xsmall dl {
	margin:1.5em 0;
}

.album-list-xsmall dd,
.album-list-small dd,
.video-list-xsmall dd {
	margin:0;
}

/* photo list */

.photo-list-small {
	margin:0 0 1.5em 0;
}

.photo-list-small li {
	float:left;
	width:180px;
	height:168px;
	list-style-type:none;
	margin:0;
	padding:20px 4px;
	text-align:center;
}

/* blog lists */

.blog-post-list li {
}

.blog-post-list li dl {
	margin-bottom:0;
}

.blog-post-list li dd {
	margin-left:0;
}

/* FEED STORIES
--------------------------------------------------------------
##############################################################

*/

ul.feed {
	padding:0;
	margin:0 0 1.5em 0;
}

ul.feed li.feed-story {
	padding-bottom:1.5em;
	margin-bottom:1.5em;
	list-style-type:none;
}

ul.feed li.feed-story .subject,
ul.feed li.feed-story .body {
	margin-bottom:1.5em;
}

.subject-avatar {
	text-align:center;
}

.subject-avatar .user {
	margin:auto;
}

ul.feed li.feed-story ul.discussion-thread {
	margin-top:.75em;
	padding-top:.75em;
	margin-bottom:0;
}

ul.feed li.feed-story ul.discussion-thread li.discussion-post {
	margin-bottom:.75em;
	padding-bottom:.75em;
}

/* YUI COMPONENT STYLES
--------------------------------------------------------------
##############################################################

*/

/* This is the underlay shadow container, it is created at runtime through YUI */
.yui-panel-container {
	position:absolute;
	visibility:hidden;
	padding:0 3px 3px 0;
	overflow:hidden; /* ie6 likes this */
}

/* This is the underlay shadow container, it is created at runtime through YUI */
.yui-panel-container.shadow .underlay {
	left:3px;
	right:-3px;
	top:3px;
	bottom:-3px;
	position:absolute;
	background-color:#000;
	opacity:0.12;
	filter:alpha(opacity=12);
	z-index:-1;
}

body.masked .mask {
	position:fixed;
	background:#000;
	opacity:0.75;
	filter:alpha(opacity=75);
	z-index:1;
}

body.masked .yui-panel-container {
	z-index: 10;
}

/* AVATAR OVERLAYS
--------------------------------------------------------------
##############################################################

*/

/* this is the main container */
#avatar_container_c.yui-panel-container {
	left:-10000px;
	top:-100000px;
}

#avatar_container_c.yui-panel-container.shadow .underlay {
	left:12px;
}

/* this is the internal container, it's created at runtime in avatar_container.js */
#avatar_container {
	width:180px; /* this is the width of the overlay */
	z-index:1;
}

/* this is added by YUI at run-time */
#avatar_container .container-close {
	position:absolute;
	top:6px;
	right:12px;
	text-indent:-1000em;
	overflow:hidden;
	background:url("../img/icons/fugue/cross-small.png") no-repeat;
	height:16px;
	width:16px;
}

#avatar_container ul {
	margin:0;
	padding:0;
}

#avatar_container li {
	list-style-type:none;
	margin:0;
	line-height:1.5em;
}

/* PRIVATE MESSAGE MODAL WINDOW
--------------------------------------------------------------
##############################################################

*/

#send_message_modal_panel_c {
	position:absolute;

}
#send_message_panel,
#send_message_panel .box {
	margin:0; /* remove the right margin from the span-x, and the bottom margin from the box */
}

#send_message_panel label {
	display:block;
	text-align:right;
	padding-top:.75em;
}

#send_message_panel span.user {
	display:block;
	padding-top:.75em;
}

#send_message_panel textarea {
	height:10em;
	width:380px;
}

#send_message_panel .error {
	padding:4px 8px;
	margin:.75em 0 0 0;
}

#send_message_modal_panel .container-close {
	position:absolute;
	background:url("../img/icons/fugue/cross-circle.png") no-repeat top left;
	top:8px;
	right:8px;
	height:16px;
	width:16px;
	text-indent:-10000em;
	overflow:hidden;
}

.loading {
	width:16px;
	height:16px;
	background:url("../img/icons/spinner.gif") no-repeat center center;
}

/* Image Cropper
--------------------------------------------------------------
##############################################################

*/

#picture-upload-button {
	position: relative;
	left: 314px;
}
#uploadAvatarContainer_c {
	position: absolute;
}
#uploadAvatarContainer_c .container-close {
	background:url("../img/icons/fugue/cross-circle.png") no-repeat top left;
	position: absolute;
	top: 8px;
	left: 669px;
	height: 16px;
	width: 16px;
	overflow:hidden;
	text-decoration: none;
	text-indent: -10000em;
}
#uploadAvatarContainer {
	color:#OOOOOO;
	background: #FFFFCC;
	border: 3px solid #00CCFF;
}
#uploadAvatarContainer ul {
	list-style-type: none;
}
#yui-cropper {
	background: url("../img/icons/spinner.gif") no-repeat center center;
	margin-right: 18px;
	width: 	500px;
	height: 400px;
	border: 1px #000000 solid;
}
#yui-cropper .yui-cropper-error-msg {
	color: red;	
	text-align: center;
	padding-top: 40%;
}
#yui-cropper-image-wrap {
	margin: auto;
}
#upload-avatar-upload-form {
	clear: both;
}
#yui-preview-cropper {
	width: 128px;
	height: 128px;
	overflow: hidden;
	position: relative;
	background: #000000;
}
#yui-cropper-preview-image {
	position: absolute;
}
#upload-avatar-file-browser-anchor {
	
}
#upload-avatar-file-browser {
	height: 30px;
	opacity: 0;
	filter: alpha(opacity = 0);
	z-index: 99;
}
#avatar-upload-box-confirm {
	display: none;
}
#avatar-upload-box-confirm .redo-crop{
	margin-top: 50px;
}	
#yui-preview-cropper-confirm {
	width: 128px;
	height: 128px;
	overflow: hidden;
	position: relative;
	background: #000000;
}
#confirm-upload-avatar-file-browser { 
	width: 220px;
	opacity: 0;
	filter: alpha(opacity = 0);	
	z-index: 99;
}

/* Site Management
--------------------------------------------------------------
##############################################################

*/
.collapse {
	margin-bottom: 20px !important;	
}
.publishing-show{
	//margin: 0 0 10px 0;

}
.publishing-serial-blog .subhead ul{
	margin: 0 0 0 0;	
}

#standard-blog-container .box-list, 
#serial-blog-container .box-list {
	border: grey solid 1px;
	
}

.publishing-standard-blog .box-head, 
.publishing-serial-blog .box-head{
	background-color: #d4e4f3;	
	margin: 0 0 0 0;
}

.publishing-blog-unpublished-draft .box-head, 
.publishing-cfa-standard-blog .box-head {
	background-color: #FFFFFF;
}

.publishing-serial-blog .edit-publishing a, 
.publishing-serial-blog .delete-publishing a, 
.publishing-standard-blog .edit-publishing a{
	display: inline !important;
	text-decoration: none;
}

.publishing-season .box-head {
	background-color: #f3f3f3;
	margin: 0 0 0 24px; 
}
.publishing-episode .box-head {
	margin: 0 0 0 48px;
}

.publishing-episode .box-head {
	background: none;	
}

.publishing-standard-blog .box-list,
.publishing-serial-blog .box-list {
	padding : 0 0 0 0;
	border: none !important;	
}

.publishing-blog-unpublished-draft,
.publishing-cfa-standard-blog {
	padding: 0 0 0 24px;	
}

.publishing-unpublished-draft, 
.publishing-cfa-draft {
	padding: 0 0 0 52px;	
}

/* Consumer Publishing
--------------------------------------------------------------
##############################################################

*/

#site-management-publishing ul {
	list-style-type: none;	
}

#site-management-publishing .box-list .form  ul li{
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}


#manage-users .selected a,
#administators-moderators .selected a,
#consumer-manage-users .selected a, 
#site-management-publishing .selected a {
	text-decoration: none;	
}

#site-management-publishing #ExternalResourceAccountAddEdit #post {
	background: url("../img/icons/youtube_connect.png") no-repeat center center;
	border: none;
	height: 25px;
	width: 89px;
}

#site-management-publishing #ExternalResourceAccountAddEdit #post:hover {
	cursor: pointer;	
}

#site-management-publishing .video-account-header {
	margin-top: 20px;
}

#site-management-publishing .video-account-header .video-account-header-ul .video-account-header-li {
	border: 1px solid #CCC;
	margin-right: 10px;
	background-color: #FFFFFF;
	margin-top: -1px;
	border-bottom: none;
}

#site-management-publishing .videos-from-account-container {
	border: 1px solid #CCC;
	padding-top: 10px;
}

#site-management-publishing .next-prev-container {
	margin-top: 40px;	
}

#site-management-publishing .video-container-box {
	margin-right: 0;	
	padding-left: 5px;
}

#site-management-publishing .youtube-videos {
	width: 140px;
	text-align: center;
}

#site-management-publishing .youtube-videos dd {
	margin-left: 0;
}

#consumer-manage-users ul {
	list-style-type: none;
	margin: 0;
}

#consumer-manage-users .flagged-users {
	margin: 14px 0 0 0;
	padding-bottom: 14px;
	border-bottom: 1px solid #CCCCCC;
}

#consumer-manage-users .header ul {
	margin-top: 30px;
	padding: 5px;
	background-color: #CCCCCC;
}

#consumer-manage-users ul.horiz li a {
	display: inline;	
}

#administators-moderators .user.identity .avatar-small, #administators-moderators .user.mask .avatar-small {
	float: left;
}

#administators-moderators .group {
	border-bottom: 1px solid #CCCCCC;
	padding: 20px 0;
}

/* TOOLS
--------------------------------------------------------------
##############################################################

*/

.hidden {
	display:none;
}

a.tooltip span {
	display:none;
}
a.tooltip:hover {
	border:0;
	position:relative;
	z-index:500;
	text-decoration:none;
}
a.tooltip:hover span {
	display:block;
	position:absolute;
	top:18px;
	left:0;
	padding:5px 10px;
	width:380px;
}

/* ICONS
--------------------------------------------------------------
##############################################################

	some special icons are located in u.forms.css

*/

.icon {
	display:block !important;
	padding-left:22px !important;
	padding-right:13px !important;
	padding-bottom:6px;
	background-repeat:no-repeat;
	background-position:2px 2px;
}

.icon-after {
	display:block !important;
	padding-left:0 !important;
	padding-right:0 !important;
	background-repeat:no-repeat;
	background-position:right 2px;
}

ul.tabs li.selected .icon {
	background-position:2px center;
}

/* use an em to wrap the text inside an icon span in order to hide the text */
.icon em {
	display:block !important;
	width:1px !important;
	height:1.5em !important;
	overflow:hidden !important;
	visibility:hidden !important;
}

a .icon {
	cursor:pointer;
}

li.icon {
	list-style-type:none;
	margin-left:0;
}

/*
.icon,
ul.tabs li .icon,
ul.horiz li .icon,
ul.pages li .icon {
	display:block;
	padding-left:22px;
	padding-right:0;
	background-repeat:no-repeat;
	background-position:2px 2px;
}
.icon em,
ul.tabs li .icon em,
ul.horiz li .icon em,
ul.pages li .icon em {
	display:block;
	width:1px;
	height:1.5em;
	overflow:hidden;
	visibility:hidden;
}
*/

/* icons provided by http://www.pinvoke.com/ */

.add {
	background-image: url("../img/icons/fugue/plus-circle.png");
}

.add:hover {
	background-image: url("../img/icons/fugue/plus-circle-frame.png");
}

.announcement {
	background-image: url("../img/icons/fugue/microphone.png");
}

.back {
	background-image: url("../img/icons/fugue/arrow-180-medium.png");
}

.blog {
	background-image: url("../img/icons/fugue/book-open.png");
}

.blog-entry {
	background-image: url("../img/icons/fugue/notebook.png");
}

.category {
	background-image: url("../img/icons/fugue/folder-horizontal-open.png");
}

.prev-item span, .next-item span, .a.prev-item.span:hover, a.next-item.span:hover {
	visibility: hidden;
	text-decoration: none;
}

.prev-item, a.prev-item:hover {
	display: block;
	text-decoration: none;
}

.next-item, a.next-item:hover {
	display: block;
	text-decoration: none;
}

.prev-button {
	background-image: url("../img/icons/fugue/control-180.png");	
}

.next-button {
	background-image: url("../img/icons/fugue/control.png");	
}

.category .category {
	background-image: url("../img/icons/fugue/clear-folder-horizontal.png");
}

.collapse-vertical-arrow {
	background-image: url("../img/icons/fugue/control-270.png");
}

.configure {
	background-image: url("../img/icons/fugue/gear.png");
}

.delete {
	background-image: url("../img/icons/fugue/cross-circle.png");
}

.delete:hover {
	background-image: url("../img/icons/fugue/cross-circle-frame.png");
}

.delete-small {
	background-image: url("../img/icons/fugue/cross-small.png");
}

.expand-vertical {
	background-image: url("../img/icons/fugue/ui-splitter-horizontal.png");
}

.expand-vertical-arrow {
	background-image: url("../img/icons/fugue/control.png");
}

.forum-thread {
	background-image: url("../img/icons/fugue/balloons.png");
}

.forum-category {
	background-image: url("../img/icons/fugue/folder-horizontal-open.png");
}

.forward {
	background-image: url("../img/icons/fugue/arrow-000-medium.png");
}

.down {
	background-image: url("../img/icons/fugue/arrow-270-small.png");
}

.edit {
	background-image: url("../img/icons/fugue/pencil.png");
}

.edit:hover {
	background-image: url("../img/icons/fugue/pencil--arrow.png");
}

.eqal-logo {
	background-image: url("../img/icons/eqal_logo.png");
}

.eqal-logo em {
	display:block !important;
	width:89px !important;
	height:50px !important;
	overflow:hidden !important;
	visibility:hidden !important;
}

/* external is special because it renders in-line at the right of the text */
.external {
	background-image: url("../img/icons/fugue/arrow-045-small.png");
	display:inline !important;
	padding-left:0 !important;
	padding-right:18px !important;
	background-position:right center;
}

.external:hover {
	background-image: url("../img/icons/fugue/arrow-045-medium.png");
}

.flag {
	background-image: url("../img/icons/fugue/flag.png");
}

.flag:hover {
	background-image: url("../img/icons/fugue/flag--arrow.png");
}

/* follow is special because it renders in-line at the right of the text */
.follow {
	background-image: url("../img/icons/fugue/arrow-000-small.png");
	display:inline !important;
	padding-left:0 !important;
	padding-right:18px !important;
	background-position:right center;
}

.follow:hover {
	background-image: url("../img/icons/fugue/arrow-000-medium.png");
}

.form-error {
	background-image: url("../img/icons/fugue/cross-circle.png");
}

.friend {
	background-image: url("../img/icons/fugue/user.png");
}

.friend-up-dash {
	background-image: url("../img/icons/dash_friends_up.png");
}

.friend-down-dash {
	background-image: url("../img/icons/dash_friends_down.png");
}

.friend-pending {
	background-image: url("../img/icons/fugue/exclamation.png");
}

/* Special Icon */
.google-connect {
	background-image: url("../img/icons/google_connect.png");
}

.google-connect em{
	display:block !important;
	width:89px !important;
	height:27px !important;
	overflow:hidden !important;
	visibility:hidden !important;
}

.join-eqal-site {
	background-image: url("../img/icons/joinbutton.png");
}

.join-eqal-site em {
	display:block !important;
	width:68px !important;
	height:27px !important;
	overflow:hidden !important;
	visibility:hidden !important;
}

.facebook {
	background-image: url("../img/icons/facebook_connect.png");	
}

.facebook em {
	display:block !important;
	width:89px !important;
	height:27px !important;
	overflow:hidden !important;
	visibility:hidden !important;
}

.import {
	background-image: url("../img/icons/fugue/arrow-switch-270.png");
}

.inbox {
	background-image: url(../img/icons/fugue/inbox.png);
}

.inbox-dash {
	background-image: url("../img/icons/dash_mail.png");
	filter:alpha(opacity=30);
  	opacity:.3;
}

.inbox-dash:hover {
	background-image: url("../img/icons/dash_mail.png");
	filter:alpha(opacity=100);
  	opacity:1;
}

.inbox-new-dash {
	background-image: url("../img/icons/dash_new_mail.png");
}

.offline {
	background-image: url("../img/icons/offline.png");
}

.online {
	background-image: url("../img/icons/online.png");
}

.outbox {
	background-image: url("../img/icons/fugue/inbox--arrow.png");
}

.help {
	background-image: url("../img/icons/fugue/information-frame.png");
}

.invite {
	background-image: url("../img/icons/fugue/users--plus.png");
}

.link-arrow {
	background-image: url("../img/icons/icon_arrow_link.png");
}

.link-arrow-diagonal {
	background-image: url("../img/icons/icon_arrow_xtrnllink.png");
	background-position: right center;
}

.locked {
	background-image: url("../img/icons/fugue/lock.png");
}

.mail {
	background-image: url("../img/icons/fugue/mail.png");
}

.gift {
	background-image: url("../img/icons/fugue/trophy.png");
}

.manage {
	background-image: url("../img/icons/dash_sprocket.png");
	/*background-image: url("../img/icons/fugue/auction-hammer.png");*/
  	filter:alpha(opacity=30);
  	opacity:0.3;
}

.manage:hover {
	background-image: url("../img/icons/dash_sprocket.png");
	filter:alpha(opacity=100);
  	opacity:1;
}

/*.music {
	background-image: url("../img/icons/fugue/music-beam-16.png");
}*/

.note {
	background-image: url("../img/icons/fugue/sticky-note-pin.png");
}

.notification {
	background-image: url("../img/icons/fugue/bell.png");
}

.notification-new {
	background-image: url("../img/icons/fugue/bell--plus.png");
}

.notification-read {
	background-image: url("../img/icons/fugue/bell-disable.png");
}

.notification-unread {
	background-image: url("../img/icons/fugue/bell.png");
}

.notification-up-dash {
	background-image: url("../img/icons/dash_bell_up.png");
}

.notification-down-dash {
	background-image: url("../img/icons/dash_bell_down.png");
}

.page {
	background-image: url("../img/icons/fugue/documents.png");
}

.password {
	background-image: url("../img/icons/fugue/key.png");
}

.photo {
	background-image: url("../img/icons/fugue/image.png");
}

.photos {
	background-image: url("../img/icons/fugue/images.png");
}

.profile {
	background-image: url("../img/icons/fugue/card-address.png");
}

.publish {
	background-image: url("../img/icons/fugue/newspaper.png");
}

.publish:hover {
	background-image: url("../img/icons/fugue/newspaper--arrow.png");
}

.quote {
	background-image: url("../img/icons/fugue/balloon-quote.png");
}

.reply {
	background-image: url("../img/icons/fugue/balloon.png");
}

.reply:hover {
	background-image: url("../img/icons/fugue/balloon--plus.png");
}

.request-friend {
	background-image: url("../img/icons/fugue/users--plus.png");
}

.request-pending {
	background-image: url("../img/icons/fugue/mail--arrow.png");
}

.search {
	background-image: url("../img/icons/fugue/magnifier.png");
}

.search-up-dash {
	background-image: url("../img/icons/dash_search_up.png");
	filter:alpha(opacity=30);
  	opacity:0.3;
}

.search-up-dash:hover {
	background-image: url("../img/icons/dash_search_up.png");
	filter:alpha(opacity=100);
  	opacity:1;
}

.search-down-dash {
	background-image: url("../img/icons/dash_search_down.png");
}

.sticky {
	background-image: url("../img/icons/fugue/sticky-note-text.png");
}

.threads {
	background-image: url("../img/icons/fugue/balloons.png");
}

.twitter {
	background-image: url("../img/icons/fugue/balloon-twitter.png");
	
	display:inline !important;
	padding-left:0 !important;
	padding-right:18px !important;
	background-position:right center;
}

.up {
	background-image: url("../img/icons/fugue/arrow-090-small.png");
}

.upload {
	background-image: url("../img/icons/fugue/arrow-return-090-left.png");
}

.user-identity {
	background-image: url("../img/icons/fugue/user-green.png");
}

.user-mask {
	background-image: url("../img/icons/fugue/user-thief-baldie.png");
}

.video {
	background-image: url("../img/icons/fugue/film.png");
}

.videos {
	background-image: url("../img/icons/fugue/film.png");
}

.you {
	background-image: url("../img/icons/fugue/user-silhouette.png");
}

/* emoticons */
.face-blank {
	background-image: url("../img/icons/emoticons/emoticon_blank.png");
	background-position:2px top;
}

.face-blushing {
	background-image: url("../img/icons/emoticons/emoticon_blushing.png");
	background-position:2px top;
}

.face-confused {
	background-image: url("../img/icons/emoticons/emoticon_confused.png");
	background-position:2px top;
}

.face-cool {
	background-image: url("../img/icons/emoticons/emoticon_cool.png");
	background-position:2px top;
}

.face-crying {
	background-image: url("../img/icons/emoticons/emoticon_crying.png");
	background-position:2px top;
}

.face-cute {
	background-image: url("../img/icons/emoticons/emoticon_cute.png");
	background-position:2px top;
}

.face-dead {
	background-image: url("../img/icons/emoticons/emoticon_dead.png");
	background-position:2px top;
}

.face-emotional {
	background-image: url("../img/icons/emoticons/emoticon_emotional.png");
	background-position:2px top;
}

.face-gaptoothed {
	background-image: url("../img/icons/emoticons/emoticon_gaptoothed.png");
	background-position:2px top;
}

.face-happy {
	background-image: url("../img/icons/emoticons/emoticon_happy.png");
	background-position:2px top;
}

.face-lol {
	background-image: url("../img/icons/emoticons/emoticon_lol.png");
	background-position:2px top;
}

.face-love {
	background-image: url("../img/icons/emoticons/emoticon_love.png");
	background-position:2px top;
}

.face-mad {
	background-image: url("../img/icons/emoticons/emoticon_mad.png");
	background-position:2px top;
}

.face-meh {
	background-image: url("../img/icons/emoticons/emoticon_meh.png");
	background-position:2px top;
}

.face-ninja {
	background-image: url("../img/icons/emoticons/emoticon_ninja.png");
	background-position:2px top;
}

.face-pretty {
	background-image: url("../img/icons/emoticons/emoticon_pretty.png");
	background-position:2px top;
}

.face-rolleyes {
	background-image: url("../img/icons/emoticons/emoticon_rolleyes.png");
	background-position:2px top;
}

.face-sad {
	background-image: url("../img/icons/emoticons/emoticon_sad.png");
	background-position:2px top;
}

.face-silly {
	background-image: url("../img/icons/emoticons/emoticon_silly.png");
	background-position:2px top;
}

.face-smile {
	background-image: url("../img/icons/emoticons/emoticon_smile.png");
	background-position:2px top;
}

.face-stressed {
	background-image: url("../img/icons/emoticons/emoticon_stressed.png");
	background-position:2px top;
}

.face-wink {
	background-image: url("../img/icons/emoticons/emoticon_wink.png");
	background-position:2px top;
}

.face-zombie {
	background-image: url("../img/icons/emoticons/emoticon_zombie.png");
	background-position:2px top;
}

/* IDENTITY CARDS
--------------------------------------------------------------
##############################################################

*/

div.card.identity,
div.card.mask {
	width:440px;
	height:259px;
}

/* AD UNITS
--------------------------------------------------------------
##############################################################

*/

.ad-300 {
	width:300px;
	height:282px;
	padding:6px 6px 0 6px;
	margin-bottom:1.5em;
	overflow:hidden;
}

/* DEVELOPMENT GRIDS & STYLES
--------------------------------------------------------------
##############################################################

	Use these to be anal

*/

.showgrid {
	background:url("../img/grid.png");
}

.showcols {
	background:url("../img/grid24.png") #e6e6e6;
	background-repeat:repeat-y;
}


/* GLOBAL DISCUSSION
--------------------------------------------------------------
##############################################################

	DEFAULTS FOR DISCUSSION

*/

.discussion-post .discussion-post-head .horiz li {
	line-height: 32px !important;
}
.discussion-post-head .horiz li.post-ref .user {
	padding: 0 !important;
}
.discussion-post .discussion-post-head .horiz li.post-flag, .discussion-post .discussion-post-head .horiz li.post-edit, .discussion-post .discussion-post-head .horiz li.post-delete {
	margin: 5px 0 0 5px;
}
.discussion-post-wrapper {
	padding: 0 5px;
}

/* YUI TOOL TIPS
-----------------------------------------------------------------

	DEFAULTS FOR TOOL TIPS
	
*/

.yui-tt {
	visibility:hidden;
	position:absolute;
	min-width: 60px;
	max-width: 250px;
	display: block !important;
	font-family: Comic Sans, Arial, Helvetica, sans-serif;
	font-size:12px; 
	background: none;
	border: none;
	z-index: 2147483647;
}
.yui-tt .hd{
	background-color: transparent;
	display:inline;
	width: inherit;
}
.yui-tt .bd{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #888;
	border-right: 0;
	border-bottom: 0;
	background-color:#FFF;
	/* display:inline; */
	padding: .4em;
	clear:both;
}
.yui-tt .ft{
	width:0; 
	height:0; 
	border-left: 1px solid #888; 
	border-right: 20px solid transparent;
	border-top: 20px solid #FFF;
	border-bottom: 0;
	margin-left: 20px;
	clear: left;
}