﻿/*Ajax Tools*/
#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #CFCEDE;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:relative;
	width:auto;	/* Width of tooltip content */
	height:auto;
	overflow: visible;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:1px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}
#jaybox .ajax_tooltip_content{
	border:2px solid #CFCEDE;	/* Border width */
	left:18px;	/* Same as border thickness */
	top:0px;
	position:relative;
	height:auto;
	overflow: visible;	/* Height of tooltip content */
	background-color:#FFF;	/* Background color */
	padding:4px;	/* Space between border and content */
	font-size:0.8em;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}
#postto { background-color: #efefef; position: absolute; top: -30000px; overflow: hidden; border: solid 1px #bfbfbf; display: none; z-index: 10; color: black; }
	
	#bubble_tooltip{
		width:147px;
		color:black;
		background-color:white;
		position:absolute;
		display:none;
		z-index:50001;
		border-width: 1px; 
		border-color: #4d6a80;
		border-style: solid;
		z-index:1000010; 
	}
	#bubble_tooltip .bubble_top{
		background-image: none;
		background-repeat:no-repeat;
		height:16px;
		border-width: 1px;	
	}
	#bubble_tooltip .bubble_middle{
		background-image: none;
		background-repeat:repeat-y;	
		background-position:bottom left;
		padding-left:7px;
		padding-right:7px;
		text-align: left;
	}
	#bubble_tooltip .bubble_middle span{
		position:relative;
		background-color:white;
		top:-8px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		font-size:11px;
	}
	#bubble_tooltip .bubble_bottom{
		background-image: none;
		background-repeat:no-repeat;
		background-repeat:no-repeat;	
		height:0px;
		position:relative;
		top:-6px;
	}


#YUIConnectionSwf-Container { width: 1px; height: 1px; overflow: hidden; position: absolute; top: -2000px; left: -2000px; display: none; zoom: 1;}

/* Window */
.SUI-Window { text-align: left;}
.SUI-Window .hd { background: #fff; border-bottom: 1px solid #ebebeb;}
.SUI-Window .bd { overflow: auto; background-color: #fff; color: #444; font-size: 12px;}
.SUI-Window .bd {overflow: auto;}
.SUI-Window .bd a { color: #4c61be;}
.SUI-Window .bd a:hover { color: #375bf3;}


.SUI-Window .bd.app {padding: 0; overflow: hidden;}
.SUI-Window .bd.app #com-function, .SUI-Window .bd.app #ajax_frame, .SUI-Window .bd.app .app-canvas, .SUI-Window .bd.app .app-options, .SUI-Window .bd.app .app-content { height: 100%;}
.SUI-Window .bd.app .app-options, .SUI-Window .bd.app .app-content { overflow: auto;}
.SUI-Window .bd.app .app-options { background-color: #fff;}
.SUI-Window .bd.app .app-options .inner, .SUI-Window .bd.app .app-content .inner{ margin: 10px;}

.SUI-Window a.SUI-Window-Close { font-family: Arial; text-decoration: none; color: #e02929; font-size: 10px; line-height: 20px; font-weight: bold; text-align: center; height: 20px; width: 20px;}
.SUI-Window a:hover.SUI-Window-Close { color: #fff; background-color: #e02929; border: 1px outset #e02929; width: 18px; height: 18px; -moz-border-radius: 5px; -webkit-border-radius: 5px; line-height: 18px; }

.SUI-Window .SUI-Window-Close { position: absolute; right: 5px; top: 3px;}

.SUI-Window-SaveBar
{

	min-height: 42px;
	color: #444;
	font-family: arial;
	font-weight: normal;
	font-size: 14px;
	overflow: hidden;

	text-align: center;
	padding: 2px 0 0 0;
}
.SUI-Window-SaveBar .SUI-Button { vertical-align: middle;}
.SUI-Window-SaveBar .SUI-Button.save .second-child { line-height: 24px; font-weight: bold;}
.SUI-Window-SaveBar .SUI-Button.save .icon
{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: url(/dhtml/adminui/images/management/manage-icons.png) no-repeat -16px -656px ; cursor: pointer;
}
.SUI-Window-SaveBar a.cancel { font-weight: normal; color: #4c61be;}
.SUI-Window-SaveBar a:hover.cancel { color: #375bf3;}

.wideview .SUI-Window-SaveBar {min-height: 30px; }
.wideview .SUI-Window-SaveBar .SUI-Button.save .second-child { line-height: 14px;}
.wideview .SUI-Window-SaveBar .SUI-Button.save .icon { height: 22px;}

.SUI-Button {display: -moz-inline-box; display: inline-block; vertical-align: top; border-color: #808080; border-style: solid; border-width: 1px 0; cursor: pointer; margin: 1px 0; }
.SUI-Button .first-child { cursor: pointer; text-decoration: none; font-weight: normal; color: #000; background-image: url(/dhtml/adminui/images/design/buttonbg.png); background-repeat: repeat-x; background-position: left 0; background-color: #dbdcdd; display:block;*display:inline-block; width: auto; border-color: #808080; border-style: solid; border-width: 0 1px; padding:0; margin: 0 -1px;}
.SUI-Button .first-child:hover {text-decoration: none; font-weight: normal; color: #000; background-position: left -122px; background-color: #9bff9b;}
.SUI-Button .second-child {padding: 5px; display: -moz-inline-box; display: inline-block; vertical-align: top;}



/* IM BAR */
#SUI-IM-Bar { height: 25px; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 7001;}
#SUI-IM-Bar .SUI-IM-Bar-Inner { border: 1px solid #aaa; height: 25px; background-color: #f5f5f5; margin: 0 3px; padding: 0; display: block;  -moz-border-radius: 10px 10px 0 0;  -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; list-style: none;}
#SUI-IM-Bar .bar-item { float: left; height: 25px; line-height: 25px; font-size: 12px; font-family: Arial; color: #444; border-right: 1px solid #ccc; padding: 0 5px;}
#SUI-IM-Bar .bar-item.right { float: right; border-right: 0 none; border-left: 1px solid #ccc; padding: 0;}
#SUI-IM-Bar-shadow { height: 28px; position: fixed; bottom: 0; left: 0; width: 100%; background: #000; z-index: 7000;  opacity: 0.1; filter:alpha(opacity=10); -moz-border-radius: 10px 10px 0 0;  -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}
#SUI-IM-Bar-spacer {height: 28px; clear: both;} 

#SUI-IM-Bar .bar-item .search-box {background: transparent url(/images/icons/google-icon.png) no-repeat 2px 2px; padding-left: 22px; width: auto; height: 22px;}
#SUI-IM-Bar .bar-item .search-box form { padding: 0; margin: 2px 0 0 0 ; border: 1px solid #aaa; background: #fff; height: 18px;}
#SUI-IM-Bar .bar-item .search-box input { border: 0 none; background: transparent; width: 150px; height: 16px; font-size: 14px; line-height: 16px; vertical-align: top; color: #444; }
#SUI-IM-Bar .bar-item .search-box input.dim { color: #808080;}
#SUI-IM-Bar .bar-item .search-box button { overflow: hidden; width: 24px; height: 18px; border: none; cursor: pointer; background: transparent url(/images/icons/search-icon.png) no-repeat center center; text-indent: 30px; font-size: 0px;}

#SUI-IM-Bar .bar-item .friends-online { cursor: pointer; width: auto; height: 22px; background: transparent url(/images/icons/friends-online-icon.png) no-repeat 5px 2px; padding-left: 27px; padding-right: 5px; }
#SUI-IM-Bar .bar-item .in-chat { cursor: pointer; width: auto; height: 22px; padding-left: 5px; padding-right: 5px;}
#SUI-IM-Bar .bar-item .in-chat:hover {background-color: #fff;}

#SUI-IM-Bar .bar-item .friends-online:hover {background-color: #fff;  -moz-border-radius: 0 10px 0 0; -webkit-border-top-right-radius: 10px;}
#SUI-IM-Bar .bar-item .friends-online.sel, #SUI-IM-Bar .bar-item .friends-online.sel.online {background-color: #fff; -webkit-border-top-right-radius: 0;  -moz-border-radius: 0; position: relative; border-right: 1px solid #aaa; border-bottom: 3px solid #aaa; top: -1px; right: -1px; padding-left: 28px;}
#SUI-IM-Bar .bar-item .friends-online.online .number, #SUI-IM-Bar .bar-item .in-chat.online .number { display: inline-block; height: 22px; background: transparent url(/images/icons/friends-online-dot.png) no-repeat 0px 2px; padding-left: 12px; }

.SUI-Menu-Canvas .imtochat {color: #444; background-color: #fff; text-align: left; border: 1px solid #aaa;}
.SUI-Menu-Canvas.bar-menu .option, .SUI-Menu-Canvas .imtochat .option { padding: 5px; display: block; color: #444; text-decoration: none;}
.SUI-Menu-Canvas.bar-menu .option.over, .SUI-Menu-Canvas .imtochat .option.over {background-color: #ebebeb;}

.SUI-Menu-Canvas.bar-menu {color: #444; background-color: #fff; text-align: left; border: 1px solid #aaa; border-bottom: 1px dashed #ddd; padding: 0; -moz-border-radius: 10px 10px 0 0;  -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; overflow: auto; max-height: 350px;}
.SUI-Menu-Canvas.bar-menu .option:first-child { -moz-border-radius: 10px 10px 0 0;  -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px;}

.SUI-Menu-Canvas.bar-menu .option.online {background: transparent url(/images/icons/friends-online-dot.png) no-repeat 5px center; padding-left: 20px;}
.SUI-Menu-Canvas.bar-menu .option.online, .SUI-Menu-Canvas.bar-menu .option.offline { }
.SUI-Menu-Canvas.bar-menu .option a.page { display: block; float: right; height: 20px; width: 20px; overflow: hidden; text-indent: 32px; background: transparent url(/images/icons/im-send-arrow.png) no-repeat left top; }

/* Chat Room */
.SUI-IM-ChatRoom {}
.SUI-IM-ChatRoom .online-list-outer, .SUI-IM-ChatRoom .conversation-outer, .SUI-IM-ChatRoom .tools-input { border-width: 1px; border-style: solid; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.SUI-IM-ChatRoom .online-list-outer { height: 300px; width: 138px; float: right; padding: 5px; }
.SUI-IM-ChatRoom .conversation-outer { height: 300px; margin: 0 160px 10px 0; padding: 5px; }
.SUI-IM-ChatRoom .online-list { height: 300px; width: 138px; overflow: auto; }
.SUI-IM-ChatRoom .online-list .silenced { opacity:0.5; filter:alpha(opacity=50);}
.SUI-IM-ChatRoom .conversation { height: 300px; overflow: auto; }
.SUI-IM-ChatRoom .conversation .time-block {font-size: 10px; opacity:0.5; filter:alpha(opacity=50); }
.SUI-IM-ChatRoom .conversation .message p {margin: 0; padding: 0; display: inline;}
.SUI-IM-ChatRoom .conversation .message img {max-width: 400px; max-height: 200px;}
.SUI-IM-ChatRoom .conversation .out, .SUI-IM-ChatRoom .conversation .in {padding: 2px;}
.SUI-IM-ChatRoom .conversation .out .name {font-weight: bold;}
.SUI-IM-ChatRoom .conversation .welcome {padding: 5px; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px;}
.SUI-IM-ChatRoom .tools-input { clear: both; margin-top: 10px; padding: 5px; min-height: 124px;}
.SUI-IM-ChatRoom .tools-input .edit-area {margin: 0 153px 0 0;}
.SUI-IM-ChatRoom .tools-input .submit-button { width: 145px;  float: right;}
.SUI-IM-ChatRoom .tools-input .submit-button input { width: 145px; height: 124px; font-size: 35px;}
.SUI-IM-ChatRoom .tools-input .edit-area .cke_bottom { display: none;}

/* Help Bubble */
.SUI-Help-Bubble {line-height: normal; display: block; width: 140px; position: absolute; z-index: 2; top: 7em; left: 0; margin: 0 auto;}
.SUI-Help-Bubble .top { margin: 0 1px; border-bottom: 1px solid #aaa; height: 6px; background: transparent url(/images/up-arrow-whiteeighty.png) no-repeat scroll top center;}
.SUI-Help-Bubble.left .top { background-position: left top;}
.SUI-Help-Bubble .mid {color: #000; border-left: 1px solid #aaa; border-right: 1px solid #aaa; font-size: 10px; background: #fff; font-family: Arial; padding: 2px;}
.SUI-Help-Bubble .mid h3 { margin: 0; padding: 0;}
.SUI-Help-Bubble .mid .hide {color: #aaa; border-top: 1px solid #ddd; margin-top: 2px; padding-top: 2px; cursor: pointer;}
.SUI-Help-Bubble .mid a { color: #343fa9; font-weight: bold; font-size: 11px; }
.SUI-Help-Bubble .bottom { margin: 0 1px; border-top: 1px solid #aaa;}


/* Dialog Box */

.susdialog { background-color: transparent; background-image: none;}
.susdialog .susdialog-inner { background-color: #fff; border: solid 1px #979797; color: #2d2d2d; }
 .susdialog-inner a {color: #138a07; font-family: arial; font-weight: bold; text-decoration: underline;}
 .susdialog-inner a:hover {color: #1ccc0a;}
 .susdialog-inner td { color: #2d2d2d; }
 .susdialog-inner .title { color: #000; background-image: url(ajax-tools/window_css/images/susdialog_title.gif); background-repeat: repeat-x; background-position: left bottom; position: relative; height: 28px; padding-bottom: 13px; width: 100%; }
 .susdialog-inner .title span { color: #000; font-size: 15px; font-family: arial; font-weight: bold; text-transform: capitalize; float: left; padding-top: 3px; padding-left: 3px; cursor: default; }
 .susdialog-inner .title a { background-image: url(ajax-tools/window_css/images/susdialog_close.gif); background-repeat: no-repeat; background-position: left top; text-indent: -200px; position: absolute; top: 0; right: 0; width: 21px; height: 23px; overflow: hidden; }
 .susdialog-inner .title a:hover { background-position: left bottom; }
 .susdialog-inner .content { color: #2d2d2d; font-family: arial; text-align: left; background-color: transparent; background-image: none; margin: 0 6px 6px 6px; cursor: default; zoom: 1; }
 .susdialog-inner .content a { color: #138a07; font-family: arial; font-weight: bold; text-decoration: underline; }
 .susdialog-inner .content a:hover { color: #1ccc0a; }
 .susdialog-inner .content input[type="text"] { color: #000; background: #fff; border: 1px solid #aaa; font-family: Arial; font-size: 16px;}
 .susdialog-inner .content td { color: #2d2d2d; }
 .susdialog-inner .content td, .susdialog-inner .content div { color: #2d2d2d; font-family: arial; background-color: transparent; background-image: none; margin: 0; padding: 0; cursor: default; }
 .susdialog-inner .content div.yui-ac-content { background-color: #fff;}
.susdialog .tl { background-image: url(ajax-tools/window_css/images/susdialog_tl.png); background-repeat: no-repeat; }
.susdialog .tl span { display: block; width: 42px; height: 42px; overflow: hidden; }
.susdialog .t { background-image: url(ajax-tools/window_css/images/susdialog_t.png); background-repeat: repeat-x; }
.susdialog .t span { display: block; width: 0; height: 42px; overflow: hidden; }
.susdialog .tr { background-image: url(ajax-tools/window_css/images/susdialog_tr.png); background-repeat: no-repeat; }
.susdialog .tr span { display: block; width: 42px; height: 42px; overflow: hidden; }
.susdialog .r { background-image: url(ajax-tools/window_css/images/susdialog_r.png); background-repeat: repeat-y; }
.susdialog .r span { display: block; width: 42px; height: 0; overflow: hidden; }
.susdialog .br { background-image: url(ajax-tools/window_css/images/susdialog_br.png); background-repeat: no-repeat; }
.susdialog .br span { display: block; width: 42px; height: 42px; overflow: hidden; }
.susdialog .b { background-image: url(ajax-tools/window_css/images/susdialog_b.png); background-repeat: repeat-x; }
.susdialog .b span { display: block; width: 0; height: 42px; overflow: hidden; }
.susdialog .bl { background-image: url(ajax-tools/window_css/images/susdialog_bl.png); background-repeat: no-repeat; }
.susdialog .bl span { display: block; width: 42px; height: 42px; overflow: hidden; }
.susdialog .l { background-image: url(ajax-tools/window_css/images/susdialog_l.png); background-repeat: repeat-y; }
.susdialog .l span { display: block; width: 42px; height: 0; overflow: hidden; }



/* Tool-Tip */

#sui_tooltip_container{z-index:50002; position: absolute; width: 100%; height: 1px; top: 0; left: 0;}
.suitooltip { z-index:50002; width: auto; }
.suitooltip .suitooltip-inner { background-color: #fff; background-image: url(tool_tip/images/bg.gif); background-repeat: repeat-x; background-position: left bottom; }
.suitooltip .suitooltip-inner .content { color: #000; font-size: 10px; font-family: arial; font-weight: bold; background-color: transparent; background-image: none; padding: 6px; cursor: default; }
.suitooltip .suitooltip-inner .content a { color: #000; font-family: arial; font-weight: bold; text-decoration: underline; }
.suitooltip .suitooltip-inner .content td, .suitooltip .suitooltip-inner .content div { color: #2d2d2d; font-family: arial; background-color: transparent; background-image: none; margin: 0; padding: 0; cursor: default; }
.suitooltip .tl { background-image: url(tool_tip/images/suitooltip_tl.png); background-repeat: no-repeat; }
.suitooltip .tl span { display: block; width: 8px; height: 8px; overflow: hidden; }
.suitooltip .t { background-image: url(tool_tip/images/suitooltip_t.png); background-repeat: repeat-x; }
.suitooltip .t span { display: block; width: 0; height: 8px; overflow: hidden; }
.suitooltip .tr { background-image: url(tool_tip/images/suitooltip_tr.png); background-repeat: no-repeat; }
.suitooltip .tr span { display: block; width: 8px; height: 8px; overflow: hidden; }
.suitooltip .r { background-image: url(tool_tip/images/suitooltip_r.png); background-repeat: repeat-y; }
.suitooltip .r span { display: block; width: 8px; height: 0; overflow: hidden; }
.suitooltip .br { background-image: url(tool_tip/images/suitooltip_br.png); background-repeat: no-repeat; }
.suitooltip .br span { display: block; width: 8px; height: 8px; overflow: hidden; }
.suitooltip .b { background-image: url(tool_tip/images/suitooltip_b.png); background-repeat: repeat-x; }
.suitooltip .b span { display: block; width: 0; height: 8px; overflow: hidden; }
.suitooltip .bl { background-image: url(tool_tip/images/suitooltip_bl.png); background-repeat: no-repeat; }
.suitooltip .bl span { display: block; width: 8px; height: 8px; overflow: hidden; }
.suitooltip .l { background-image: url(tool_tip/images/suitooltip_l.png); background-repeat: repeat-y; }
.suitooltip .l span { display: block; width: 8px; height: 0; overflow: hidden; }

/* Member Page */
.SUI-member-menu-div { height: 0;}

#SUI-member-add-menu-list { padding: 3px;}
#SUI-member-add-menu-list a { display: inline-block; padding: 2px; margin: 0 3px; font-weight: bold;}


#SUI-member-activity-feed { margin-right: 5px; margin-top: 5px; }
#SUI-member-activity-feed .SUI-ActivityItem { position: relative; padding-left: 60px; min-height: 60px; }
#SUI-member-activity-feed .SUI-ActivityItem .content { font-size: 1.1em;}
#SUI-member-activity-feed .SUI-ActivityItem .delete {display: none;}
#SUI-member-activity-feed .SUI-ActivityItem.over .delete {display: block; float: right; font-family: Arial; font-weight: bold; text-decoration: none;}
#SUI-member-activity-feed .SUI-ActivityItem .time { filter:alpha(opacity=50); opacity: 0.5; margin-top: 3px;}
#SUI-member-activity-feed .divider, #SUI-member-info-box .divider, #SUI-member-photos-page .divider, #SUI-member-videos-page .divider { height: 2px; overflow: hidden;}
#SUI-member-activity-feed .SUI-UserPic { font-size: 5px; position: absolute; top: 0; left: 0;}


.SUI-member-account-box { display: block; margin-top: 2px; }
.SUI-member-account-box .element-container {}

#SUI-member-info-box { margin-top: 10px;}
#SUI-member-info-box .pic-cell {padding-right: 10px;}
#SUI-member-info-box .name-stat {font-size: 1.2em;}

#SUI-member-NameStat {font-size: 1.2em; margin-bottom: 5px;}
#SUI-member-NameStat strong {font-size: 1.4em;}
#SUI-member-NameStat .options { font-size: 11px; font-weight: bold; font-family: Arial;}
#SUI-member-NameStat .time, #SUI-member-videos-page .number {filter:alpha(opacity=50); opacity: 0.5; font-size: .9em; display: inline-block;}

td#SUI-member-colleft {width: 160px; padding-right: 10px; padding-top: 10px; min-height: 100px;}
td#SUI-member-colright { width: auto; padding-top: 10px; min-height: 100px;}
td#SUI-member-colleft .mb-spacerh, td#SUI-member-colright .mb-spacerh {width: 60px; height: 1px; overflow: hidden;}
td#SUI-member-colleft .mb-spacerv, td#SUI-member-colright .mb-spacerv {height: 100px; width: 1px; overflow: hidden; float: right; clear: none; margin-right: -5px;}
/*
td#SUI-member-colleft.over, td#SUI-member-colright.over {background-image: url(/dhtml/adminui/images/pagebuilder/patturn.gif)}
*/
td#SUI-member-colsys {  }
td#SUI-member-colsys .element-container { margin-top: 10px; }

#SUI-member-photos-page, #SUI-member-friends-page {margin-top: 10px;}

td#SUI-member-colleft .element-container, td#SUI-member-colright .element-container {margin-bottom: 10px;}

.element-container.SUI-Drag-Active div, .element-container.SUI-Drag-Active table, .element-container.SUI-Drag-Active span { visibility: hidden;}
.element-container.SUI-Drag-Active {border: dashed 1px #aaa; filter:alpha(opacity=60); opacity:.6; max-height: 150px; }
.SUI-DragEl {background-color: #efefef; border: 1px solid #ddd; }
.SUI-DragEl .element-header {font-size: 16px; color: #808080;}
.SUI-DragEl .element-row1, .SUI-DragEl .element-row2, .SUI-DragEl .sui-mem-options {display: none;}

.element-container .sui-mem-options .move { width: 100%; height: 20px; position: absolute; top: 0; left: 0; cursor: move; background: transparent url(/images/x.gif);}
.element-container .sui-mem-options .edit { background: transparent url(/dhtml/adminui/images/member-element-edit.gif) no-repeat; width: 20px; height: 20px; overflow: hidden; text-indent: -20000px; position: absolute; top: 2px; right: 2px;}
.element-container .sui-mem-options .edit.loading {background-image: url(/dhtml/adminui/images/loading-circle.gif);}

.sui-element-options {display: block; position: relative; z-index: 1;}
#section10 .element-container.nav .sui-element-options { display: none;}
.sui-element-options .edit { background: transparent url(/dhtml/adminui/images/member-element-edit.gif) no-repeat; width: 20px; height: 20px; display: block; overflow: hidden; text-indent: -20000px; position: absolute; top: 0; right: 0; text-align: left; }
#container .sui-element-options .edit { background-image: url(/dhtml/adminui/images/member-element-edit.gif);}
.element-container .sui-element-options .edit.loading {background-image: url(/dhtml/adminui/images/loading-circle.gif);}

/* Member Activity*/
.SUI-member-activity-line .delete { margin-left: 3px; display: block; float: right; font-family: Arial; font-weight: bold; text-decoration: none; zoom: 1;}
/*
.SUI-member-activity-line .over .delete {display: block; }
.SUI-member-activity-line .over .time {display: none;}
*/

/* Member Profile Pic Block */
#SUI-member-ProfileImageBlock {width: 160px;}
#SUI-member-ProfileImageBlock .member-pic {position: relative; width: 160px;}
#SUI-member-ProfileImageBlock .member-pic .add {position: absolute; top: 0; left: 0; width: auto; text-align: center; display: none; padding: 3px; font-weight: bold; font-size: 12px;}
#SUI-member-ProfileImageBlock .member-pic.over .add, #SUI-member-ProfileImageBlock .member-pic.default .add {display: block;}
#SUI-member-ProfileImageBlock .member-pic .add a { text-decoration: none;}
#SUI-member-ProfileImageBlock .member-pic .add a:hover { text-decoration: underline;}

/* Member Profile Element Adding Page */
.SUI-member-element-card {width: 45%; height: 100px; float: left; padding: 10px; margin-bottom: 10px; }

/* Photo Tagging */
#SUI-member-photoTagging-option-box { position: absolute; background: transparent url(/images/left-arrow-whitefull.png) no-repeat scroll left 1px; color: #000; line-height: normal; width: auto; }
#SUI-member-photoTagging-option-box form {border: 1px solid #aaa; width: 170px; font-size: 10px; background: #fff; font-family: Arial; padding: 2px; margin: 0 0 0 6px;}
#SUI-member-photoTagging-option-box form input.text { width: 166px;}
#SUI-member-photoTagging-option-box a { color: #808080; text-decoration: underline; font-size: 12px; font-weight: bold;}

/* Accent Menu (editing elements) */
#SUI-member-edit-accent-menu {z-index: 1;}
#SUI-member-edit-accent-menuButton {position: absolute; top: 44px; right: 80px; z-index: 1;}
#SUI-member-edit-accent-menuButton.yui-button button { min-height: 1.5em; vertical-align: middle; line-height: 1.5em;}

/* Access List */
#SUI-member-access-list-display {min-height: 60px; border: 1px solid #aaa;}
#SUI-member-access-list-display span.name { display: inline-block; font-size: 11px; font-family: Arial; font-weight: bold; height: 18px; line-height: 18px; overflow: hidden; padding: 0 4px; margin: 2px; border: 1px solid #ddd; background: #eee; color: #000;}
#SUI-member-access-list-display span.name a { display: inline-block; font-weight: bold; color: #aaa; text-decoration: none; margin-left: 3px; text-transform: lowercase; font-size: 14px;}
#SUI-member-access-list-display span.name a:hover { color: #444;}

/* Member List */
#SUI-member-list-display-box { border: 1px solid #aaa; width: 320px; background: #fff;}
#SUI-member-list-display span.name { display: inline-block; font-size: 11px; font-family: Arial; font-weight: bold; height: 18px; line-height: 18px; overflow: hidden; padding: 0 4px; margin: 2px; border: 1px solid #ddd; background: #eee; color: #000;}
#SUI-member-list-display span.name a { display: inline-block; font-weight: bold; color: #aaa; text-decoration: none; margin-left: 3px; text-transform: lowercase; font-size: 14px;}
#SUI-member-list-display span.name a:hover { color: #444;}
#SUI-member-list-display-box span.input-holder {height: 20px; display: inline-block; width: 50px; margin: 2px; vertical-align: top; padding: 0;}
#SUI-member-list-display-box span.input-holder input { width: 50px; background: transparent; border: 0 none; height: 20px; padding: 0;}
.yui-skin-sam #SUI-member-list-display-box .yui-ac-container { width: 150px;}

/* Front Admin */

.suiadmintoolquestion { color: #fff; font-size: 22px; font-family: arial; font-weight: bold; background-image: url(frontadmin/resorces/images/barleft.png); background-repeat: no-repeat; width: 31px; height: 35px; overflow: hidden; cursor: pointer; }
.suiadmintoolquestion span { text-align: center; padding-top: 4px; padding-left: 5px; display: block; }
.suiadmintooltitle { color: #000; font-size: 20px; font-family: arial; font-weight: bold; background-image: url(frontadmin/resorces/images/barcenter.png); background-repeat: repeat-x; width: 100%; height: 35px; overflow: hidden; cursor: default; }
.suiadmintooltitle span { width: 100%; overflow: hidden; padding-top: 5px; padding-left: 8px; display: block; text-overflow: ellipsis; }
.suiadmintooloptions { background-image: url(frontadmin/resorces/images/barright.png); background-repeat: no-repeat; text-align: center; position: relative; width: 126px; height: 35px; z-index: 900; float: right; }
.suiadmintooloptions-inner { background-image: url(blank.gif); position: absolute; top: 0; right: 0; width: 126px; height: 35px; overflow: hidden; border: solid 0 #666; }
.suiadmintooloptions-full { background-image: none; background-repeat: no-repeat; background-position: left top; position: absolute; top: 0; right: 0; width: 210px; padding: 20px 1px 0 0; }
.suiadmintooloptions-button { color: #fff; font-size: 22px; font-family: arial; font-weight: bold; background-repeat: no-repeat; background-position: right top; text-decoration: none; position: absolute; top: 0; right: 0; width: 126px; height: 35px; padding-top: 4px; cursor: default; }
.suiadmintooloptions-t { font-size: 1px; background-image: url(frontadmin/resorces/images/hovermenu_top.png); background-repeat: no-repeat; width: 210px; height: 28px; }
.suiadmintooloptions-t span { width: 1px; height: 28px; overflow: hidden; display: block; }
.suiadmintooloptions-l { background-image: url(frontadmin/resorces/images/hovermenu_left.png); background-repeat: repeat-y; }
.suiadmintooloptions-l span { width: 4px; height: 1px; overflow: hidden; display: block; }
.suiadmintooloptions-r { font-size: 0; background-image: url(frontadmin/resorces/images/hovermenu_right.png); background-repeat: repeat-y; text-align: right; width: 4px; overflow: hidden; margin: 0; padding: 0; }
.suiadmintooloptions-r span { width: 4px; height: 1px; overflow: hidden; margin: 0; padding: 0; display: block; }
.suiadmintooloptions-c { background-color: #ececec; width: 100%; }
.suiadmintooloptions-c a { color: #000; font-size: 16px; font-family: arial; font-weight: bold; background-color: #ececec; text-decoration: none; padding: 5px 10px; display: block; }
.suiadmintooloptions-c a:hover { color: #fff; background-color: #898989; }
.suiadmintooloptions-b { font-size: 1px; background-image: url(frontadmin/resorces/images/hovermenu_bottom.png); background-repeat: no-repeat; height: 14px; }
.suiadmintooloptions-b span { width: 1px; height: 14px; overflow: hidden; display: block; }

/* Comments */

.SUI-Comment-Reply .SUI-Comment-Upic { margin-left: 82px; width: 50px; max-height: 50px; overflow: hidden;}
.SUI-Comment-Add .SUI-CommentTitle{ padding-left: 10px; font-weight: bold;}
.SUI-Comment-Add form {display: inline;}
.SUI-Comment-Add fieldset {border-style: none;}
.SUI-Comment-Add input {font-size: 1.2em;}
.SUI-Comment-Add textarea {width: 100%; height: 60px; display: block;}
.SUI-Comment { margin-top: 10px; }
.SUI-Comment-Reply, .SUI-Comment-Add { margin-top: 5px; margin-bottom: 5px; }
.SUI-Comment-ReplyForm {  }
.SUI-Comment td, .SUI-Comment table, .SUI-Comment-Reply td, .SUI-Comment-Reply table, .SUI-Comment-Add td, .SUI-Comment-Add table { border-style: none; border-width: 0; }
.SUI-Comment .comment-divider, .SUI-Comment-Reply .comment-divider, .SUI-Comment-Add .comment-divider { width: 4px;}
.SUI-CommentText { margin: 0; padding: 5px; }
.SUI-Comment-Upic { width: 75px; max-height: 75px; maxHeight: 75px;height:expression(this.scrollHeight > 75? "75px" : "auto" ); overflow: hidden; margin: 0; padding: 0; border: solid 1px #898989; display: block; }
a:hover.SUI-Comment-Upic { border-color: #CCC; }

.SUI-CommentTitle { background-image: url(comments/images/comments-title-bg-m.png); background-repeat: repeat; margin-bottom: 5px; }
.SUI-CommentTitle .reply { font-size: 14px; font-weight: bold; text-decoration: none; float: right; margin-right: 5px; }
.SUI-CommentTitle .name { font-size: 16px; font-weight: bold; text-decoration: none; margin-right: 5px; margin-left: 5px; }
.SUI-CommentTitle a, .SUI-CommentTitle .reply a {text-decoration: none;}
.SUI-CommentTitle .time { font-size: 12px; font-weight: normal; }


/*Browse Icon*/

a.SUI-BrowseIcon { cursor: pointer; color: #000; font-size: 14px; font-family: arial; font-weight: bold; text-decoration: none; text-align: center; position: relative; width: 140px; height: 140px; float: left; }
a:hover.SUI-BrowseIcon { background-image: url(../images/browse-icon-bg.gif); background-repeat: no-repeat; background-position: center; }
a.SUI-BrowseIcon img { cursor: pointer; width: 80px; height: auto; }
a.SUI-BrowseIcon div { cursor: pointer; text-align: center; margin-right: auto; margin-left: auto; position: absolute; top: 15px; left: 30px; width: 80px; height: 80px; overflow: hidden; }
a:hover.SUI-BrowseIcon img { width: 100px; height:auto; }
a:hover.SUI-BrowseIcon div { text-align: center; margin-right: auto; margin-left: auto; top: 5px; left: 20px; width: 100px; height: 100px; }
a.SUI-BrowseIcon span { text-align: center; position: absolute; left: 0; bottom: 5px; width: 100%; max-height: 32px; height:expression(this.scrollHeight > 32? "32px" : "auto" ); z-index: 1; overflow: hidden; cursor: pointer; display: block; }

/*Rate Box*/

.SUI-RateBox {display: -moz-inline-box; display: inline-block; vertical-align: text-bottom; margin: 1px 0; border:1px solid #ccc; }
.SUI-RateBox span, .SUI-RateBox a {display:inline-block; width: auto; vertical-align: middle; }
.SUI-RateBox .number { background-color: #ccc; color: #fff; font-size: 12px; font-weight: bold; padding: 0 3px; cursor: default;}
.SUI-RateBox .number.good { background-color: #21c500; }
.SUI-RateBox .number.bad { background-color: #e90000; }
.SUI-RateBox a { background-image: url(../images/rate.gif); width: 16px; height: 16px; overflow: hidden; margin: 2px; padding: 0; background-repeat: no-repeat; }
.SUI-RateBox a.down { background-position: left -48px; }
.SUI-RateBox a.up { background-position: left 0; }
.SUI-RateBox a:hover.down { background-position: left -64px; }
.SUI-RateBox a:hover.up { background-position: left -16px; }
.SUI-RateBox a.dis, .SUI-RateBox a:hover.dis { background-position: left -32px; cursor:default; }

/* Live Box */
.SUI-LiveBox-Output {overflow: auto; margin-bottom: 2px; width: 100%;}
.SUI-LiveBox-Output.small { height: 10em;}
.SUI-LiveBox-Output.medium { height: 20em;}
.SUI-LiveBox-Output.large { height: 50em;}
.SUI-LiveBox-Output .divider { clear: both; height: 1px; overflow: hidden; margin-bottom: 2px; filter:alpha(opacity=50); opacity: 0.5;}
.SUI-LiveBox-Output .message { clear: both;}
.SUI-LiveBox-Output p { margin: 0 0 0 30px; padding: 0; clear: right;}
.SUI-LiveBox-Output a.link {float: left; font-size: 9px; margin-left: 3px;}
.SUI-LiveBox-Output .pic-holder { display: block; width: 25px; height: 25px; overflow: hidden; border: 1px solid #aaa; float: left;}
.SUI-LiveBox-Output .pic-holder img {width: 25px; }
.SUI-LiveBox-Output .time {float: right; display: block; font-size: 9px;}

/* Gallery */

.SUI-Galview-Count { font-size: 12px; text-align: right; width: auto; height: 14px; float: right; clear: none; }
.SUI-Galview-Name { font-size: 16px; text-align: left; width: 270px; height: 20px; overflow: hidden; float: left; clear: none; white-space: nowrap; text-overflow: ellipsis; }
.SUI-Galview-Name a { font-size: 16px; text-decoration: none; text-align: left; white-space: nowrap; width: 270px; height: 20px; float: left; clear: none; overflow: hidden; text-overflow: ellipsis; }
.SUI-Galview-Div { font-size: 14px; overflow: hidden; clear: both; margin: 4px auto; text-align: center; }
.SUI-Galview-Div.edit { position: absolute; left: 20px; top: 120px; width: 120px; height: 20px; border: 0 transparent; padding: 0; }
.SUI-Galview-Images { text-align: center; padding: 0; height: 56px; overflow: hidden; }
.SUI-Galview-Images img { width: 50px; height: 50px; margin: 3px 1px; border: solid 1px #898989; }
.SUI-Galview-Images a { text-decoration: none; border-style: none; }
.SUI-Galview-Images a:hover img {border: solid 1px #CCC;}

.SUI-Galview-Container {cursor: pointer; width: 324px; border-width: 1px; border-style: solid; text-align: center; padding: 6px; float: left; margin: 11px;}
.SUI-Galview-Container:hover { border-width: 2px; margin: 10px;}
.SUI-Galview-Pagetitle {margin: 0; padding: 0; text-align: left;}

.SUI-Galview-Pagedisc { font-style: italic; margin: 0; padding: 0; text-align: left; display: inline-block; }
.SUI-Galview-Pagecount { font-size: 0.50em; }
.SUI-Galview-Pagetitlesub {margin: 0; padding: 0; text-align: left; display:block;}
.SUI-Galview-Pagetitlesub .SUI-RateBox { margin: 0 0 -3px 3px;}
.SUI-Galview-Pagetitlecontrib {height: 27px; overflow: hidden; margin-top: 8px;}
.SUI-Galview-Pagetitlecontrib p {float:left; padding: 0; margin-top: 3px;}
.SUI-Galview-Pagetitlecontrib a { overflow: hidden; margin: 0 5px; padding: 0; border: solid 1px #898989; display: block; width: 25px; max-height: 25px; height:expression(this.scrollHeight > 25? "25px" : "auto" );float: left; }
.SUI-Galview-Pagetitlecontrib a img {width: 25px;}
.SUI-Galview-Pagetitlecontrib a:hover {border-color: #CCC; }

.SUI-Galview-Thumbs { height: auto; overflow: visible;}
.SUI-Galview-Thumbnail { position: relative; float: left; cursor: pointer; margin: 11px; padding: 0; text-align: center; border-width: 1px; border-style: solid; width: 160px; }
.SUI-Galview-Thumbnail:hover {margin: 10px; border-width: 2px;}
.SUI-Galview-Thumbnail .thumb { text-align: center; padding: 5px; width: 150px; height: 150px; overflow: hidden;}
.SUI-Galview-Thumbnail .caption { font-size: 12px; height: 25px; padding: 5px; text-align: center; width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.SUI-Galview-Full {text-align: left;}
.SUI-Galview-Fullimage-img {width: 550px; overflow: hidden;}
.SUI-Galview-Fullimage-img img {max-width: 550px; overflow: hidden;}
.SUI-Galview-Fullimage .SUI-Galview-Pagetitlesub {text-align: left; display: block;}
.SUI-Galview-Fullimage .SUI-Galview-Pagedisc {font-style: normal; text-align: left; display: block; font-weight: bold; font-size: 1.2em;}
.SUI-Galview-Fullimage { padding: 0; margin-top: 10px}
.SUI-Galview-Fullimage .SUI-Pagenav { border-top: 0; border-left: 0; border-right: 0; margin: 0;}
.SUI-Galview-Pagecomments {float: right;}
.SUI-Galview-UserPicHolder {float: left; margin-right: 5px; margin-top: 5px; height: 65px;}

/* Form Styles */

fieldset.Form-FieldSet
{
	
}
fieldset.Form-FieldSet label, fieldset.Form-FieldSet div.sel, form.Form-Fields label, form.Form-Fields div.sel
{
	display: block;
	margin: 5px 0 5px 0;
}
fieldset.Form-FieldSet div.sel label, form.Form-Fields div.sel label
{
	display: inline-block;
	margin-right:5px;
}
fieldset.Form-FieldSet label input, fieldset.Form-FieldSet label select, fieldset.Form-FieldSet label select option, form.Form-Fields label input, form.Form-Fields label select, form.Form-Fields label select option
{
	font-size: 1em;
}
fieldset.Form-FieldSet label strong, fieldset.Form-FieldSet div.sel strong, form.Form-Fields label strong, form.Form-Fields div.sel strong
{
	font-size: .75em;
	display: block;
}
fieldset.Form-FieldSet div.sel label strong, form.Form-Fields div.sel label strong
{
		display: inline;
		font-weight: normal;
		font-size: 1em;
}

/* Admin Toolbar */
.SUI-AdminTools-Bar.yuimenubar {
	font-size: 12px;
}

#SUI-SiteOptionBar div.content{
	background-color: #efefef;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 0 5px;
	color: #000;
	font-size: 12px;
	font-family: Arial;
}
#SUI-SiteOptionBar div.content a {
	color: #3333aa;
	font-weight: bold;
}
#SUI-SiteOptionBar div.content a:hover {
	color: #3333ff;
}
#SUI-SiteOptionBar form{
	padding: 0;
	margin: 0;
}
/* Profile Tools */
#SUI-member-page-styletools { margin-top: 1px;}
#SUI-member-page-styletools .tool-section {font-family:Arial; font-size: 15px; line-height: normal; text-align: left; padding-left: 3px; height: 100px; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding-right: 2px; margin-right: 2px; float: left;}
#SUI-member-page-styletools .tool-section .line {padding-bottom: 1px; border-bottom: 1px dotted #aaa; margin-bottom: 1px; margin-top: 1px;}
#SUI-member-page-styletools .tool-section h4 {background-image: url(/dhtml/adminui/images/design/buttonbg.png); border-bottom:1px solid #f4f4f4; text-align: center; margin: 0 0 2px 0; font-size: 14px; background-color: #fff;}
#SUI-member-page-styletools .tool-section input.url { width: 120px;}
#SUI-member-page-styletools .tool-section .label {display: inline-block; width: 100px; text-align: right; margin-right: 2px;}

/* YUI Adjustments */
.member-color-picker-container .yui-picker-controls,
.member-color-picker-container .yui-picker-swatch,
.member-color-picker-container .yui-picker-websafe-swatch {

    display: none;

}
.yui-skin-sam #SUI-member-page-styletools .yui-menu-button button { min-height: 1em; padding-left: 1px;}
#SUI-member-page-styletools .color-picker-current-color {
    display: block;
    display: inline-block;
    *display: block;    /* For IE */
    
    width: 1em;
    height: 1em;
    overflow: hidden;
    text-indent: 1em;
    background-color: #fff;
    white-space: nowrap;
    border: solid 1px #000;
    vertical-align: middle;
    margin: 1px 0;
}
#SUI-member-page-styletools .color-picker-button button {
    outline: none;  /* Safari */
    line-height: 1em;
    
}
#SUI-member-page-styletools .color-picker-button { vertical-align: top; margin-left: 0;}

#SUI-member-styletools-bgRepeat-container .yui-button {margin: 0;}
#SUI-member-styletools-bgRepeat-container .yui-button button {display: block; height: 19px; width: 19px; overflow: hidden; text-indent: -1000px; padding: 0; margin: 0px; min-height: 19px; background: transparent url(/dhtml/adminui/images/member-bgrepeat-icons3.gif) no-repeat;}
#SUI-member-styletools-bgRepeat.yui-button button {background-position: -6px -6px;}
#SUI-member-styletools-bgNoRepeat.yui-button button {background-position: -6px -36px;}
#SUI-member-styletools-bgRepeatX.yui-button button {background-position: -6px -66px;}
#SUI-member-styletools-bgRepeatY.yui-button button {background-position: -6px -96px;}

/* Element Tools */
.SUI-Element-Options { margin-bottom: 1px;}
.SUI-Element-Options .top, .SUI-Element-Options .bottom {height: 1px;}
.SUI-Element-Options .left {float: left; margin: 2px 4px; text-align: left;}
.SUI-Element-Options .right {float: right; margin: 2px 4px; text-align: right;}

/* Welcome Box 21db40*/

#SUI-admin-welcomeBox {border: 4px solid #ccc; background: #fafafa; color: #555; line-height: normal; font-family: Arial;}
#SUI-admin-welcomeBox .content {margin: 10px;}
#SUI-admin-welcomeBox h3 {font-size: 20px; margin: 0; padding: 0; font-weight: normal;}
#SUI-admin-welcomeBox a.close { margin: 2px; display: block; float: right; height: 15px; width: 15px; overflow: hidden; text-indent: 16px; background: transparent url(/dhtml/adminui/images/welcome-close-linkbutton.gif) no-repeat -8px -8px;}
#SUI-admin-welcomeBox a:hover.close {background-position: -8px -38px;}
#SUI-admin-welcomeBox .options { text-align: center; margin-top: 10px;}
#SUI-admin-welcomeBox .options a { display: inline-block; padding: 5px; margin: 0 5px; text-decoration: none; background: transparent; color: #0AAAFD; font-size: 16px; font-weight: bold;}
#SUI-admin-welcomeBox .options a:hover { background: #0AAAFD; color: #fff; }


/*Event Cal*/
#SUI-InputCal-DialogContainer .bd {padding: 0;}
#SUI-InputCal-Dialog {border: 0;}

/* Categories List */
.element-container.blog-catlisting .sub-blog-cat { padding-left: 10px; background: url(/images/list-indent-bg.png) repeat-y left center;}
ul.SUI-Categories { list-style: none outside; margin: 3px 0 0; padding: 0;}
ul.SUI-Categories li a { display: block; padding: 5px; }
ul.SUI-Categories li.selected a { cursor: default; text-decoration: none; font-weight: bold; position: relative; right: -1px; border-width: 1px; border-style: solid; border-right: 0px none; -moz-border-radius:3px 0 0 3px; -webkit-border-top-left-radius: 3px;  -webkit-border-bottom-left-radius: 3px;}
.SUI-Categories-Page.left { padding-left: 5px;}

.SUI-category-select { position: relative; width: 200px; height: 20px; background: #fff; border: 1px solid #aaa; z-index: 1; color: #000;}
.SUI-category-select label { display: block; height: 20px; line-height: 20px; padding: 0 3px; cursor: pointer; background: url(/images/select-down-arrow.png) no-repeat right center; margin-right: 3px;}
.SUI-category-select .tree-holder {background: #fff; border: 1px solid #aaa; width: auto; min-width: 100%; color: #000; }
.SUI-category-select .tree-holder .button { padding: 0 3px; line-height: 20px; cursor: pointer;}

.SUI-category-select .tree-holder .ygtvfocus, .SUI-category-select .tree-holder .ygtvfocus .ygtvlabel { background-color: transparent;}
.SUI-category-select .tree-holder .button:hover , .SUI-category-select .tree-holder .ygtvlabel:hover { background-color: #ebebeb;}
.SUI-category-select .tree-holder .ygtvlabel { white-space: nowrap;}
.SUI-category-select .tree-holder .holder-div { margin: 0 3px;}



/*ProcessIframe*/
textarea.process-iframe {display: none;}