/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0.5; filter:Alpha(Opacity=50); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.3; filter:Alpha(Opacity=30); }

/* Loadings */

.webhome-loading-32,
.webhome-loading-16 {
	display:block;
	width:16px;
	height:16px;
	overflow:hidden;
	repeat:no-repeat;
	background-image:url(img/loading-16x16.gif);
}

.webhome-loading-16 {
	width:16px;
	height:16px;
	background-image:url(img/loading-16x16.gif);
}

.webhome-loading-32 {
	width:32px;
	height:32px;
	background-image:url(img/loading-32x32.gif);
	background-position:center center;
}

.webhome-friends-list > .webhome-loading-32 {
	float:right;
	margin:5px;
	margin-top:-37px;
}

.webhome-popup-container > .webhome-loading-32 {
	position:absolute;
	bottom:10px;
	right:10px;;
}

.webhome-friend-row > .webhome-loading-32 {
	position:absolute;
	top:13px;
	right:10px;
}

#webhome-widget-friends > .webhome-loading-32 {
	border:1px solid #ccc;
	background-color:#fff;
	margin:10px auto 10px auto;
}

#webhome_check_subs > .webhome-loading-32 {
	border:1px solid #ccc;
	background-color:#fff;
	margin:5px auto 5px auto;
}

.webhome-popup-container > p {
	line-height:52px;
}

.webhome-clearfix { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* CUSTOM DIALOG STYLES
----------------------------------*/

.webhome-popup-container {
	position:relative;
	min-height:52px;
}

.ui-dialog {
	position:relative;
	border:2px solid #888;
	background-color:#fff;
}

.ui-dialog-titlebar {	
	background-color:#666666;
	height:36px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	text-align:left;
	padding-left:12px;
}

.ui-draggable .ui-dialog-titlebar { 
	cursor: move; 
}

.ui-icon-closethick {
	position:absolute;
	top:10px;
	right:10px;
	width:16px;
	height:16px;
	background-image:url(img/dialog-icon-close.png);
}

.webhome-dialog-buttons {
	padding:15px;
	text-align:right;
	border-top:1px solid #ccc;
}

/* FRIENDS LIST
----------------------------------*/

.webhome-friends-list {
	position:relative;
	background-color:#fff;
	text-align:left;
	padding:4px;
	height:363px;
	overflow-y:auto;
}

.webhome-friend-row {
	position:relative;
	border-top:1px solid #eee;
	padding:4px;
}

.webhome-friend-row:first-child {
	border-top:none;
}

.webhome-friend-row strong {
	margin-top:5px;
	margin-left:10px;
	float:left;
	font-size:16px;	
}

.webhome-friend-row .avatar {
	float:left;
}

.webhome-friend-row .webhome-friend-row-actions {
	margin-top:5px;
	margin-left:10px;
	float:left;
}

.webhome-friend-row .webhome-friend-row-actions a {
	margin-left:5px;
}
.webhome-friend-row .webhome-friend-row-actions a:first-child {
	margin-left:0px;
}

/* FRIENDS TABLE
----------------------------------*/

.webhome-friend-row-small {
	position:relative;
	margin:5px 0 0 0 !important;
	height:24px;
}

.webhome-friend-row-small > .avatar {
	float:left;
}

.webhome-friend-row-small > strong {	
	display:block;
	float:left;	
	margin-left:5px;
	line-height:24px;
	font-weight:normal;
}

.webhome-friend-row-small-icon {
	position:absolute;
	top:4px;
	right:4px;
	width:16px;
	height:16px;
}