/*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;
	}
	
/* Dialog Box */

.susdialog { background-color: transparent; background-image: none;}
.susdialog .susdialog-inner { background-color: #fff; border: solid 1px #979797; color: #2d2d2d; }
.susdialog .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 .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 .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 .susdialog-inner .title a:hover { background-position: left bottom; }
.susdialog .susdialog-inner .content { color: #2d2d2d; font-family: arial; background-color: transparent; background-image: none; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; cursor: default; width: 100%; }
.susdialog .susdialog-inner .content a { color: #707070; font-family: arial; font-weight: bold; text-decoration: underline; }
.susdialog .susdialog-inner .content a:hover { color: #3c2ed4; }
.susdialog .susdialog-inner .content td { color: #2d2d2d; }
.susdialog .susdialog-inner .content td, .susdialog .susdialog-inner .content div { color: #2d2d2d; font-family: arial; background-color: transparent; background-image: none; margin: 0; padding: 0; cursor: default; }
.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; }

/* 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: url('(EmptyReference!)'); 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: 92px; width: 50px; max-height: 50px; height:expression(this.scrollHeight > 50? "50px" : "auto" );}
.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, .SUI-Comment-Reply, .SUI-Comment-Add { margin-top: 5px; margin-bottom: 10px; }
.SUI-Comment-ReplyForm {  border: 1px dotted red; }
.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-CommentText { position: relative; margin: 0; padding: 30px 10px 10px; }
.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-CommentTitleBG { position: absolute; top: 0; left: 0; width: 100%; height: 20px; }
.SUI-CommentTitleBG .l { background-image: url(comments/images/comments-title-bg-l.png); background-repeat: no-repeat; width: 11px; }
.SUI-CommentTitleBG .l span { width: 11px; height: 20px; display: block; }
.SUI-CommentTitleBG .m { background-image: url(comments/images/comments-title-bg-m.png); background-repeat: repeat; height: 20px; }
.SUI-CommentTitleBG .m span { width: 1px; height: 20px; display: block; }
.SUI-CommentTitleBG .r { background-image: url(comments/images/comments-title-bg-r.png); background-repeat: no-repeat; width: 11px; }
.SUI-CommentTitleBG .r span { width: 11px; height: 20px; display: block; }
.SUI-CommentTitle { position: absolute; top: 0; left: 0; width: 100%; height: 20px; overflow: hidden; }
.SUI-CommentTitle .reply { font-size: 14px; font-weight: bold; text-decoration: none; float: right; margin-right: 10px; }
.SUI-CommentTitle .name { font-size: 16px; font-weight: bold; text-decoration: none; margin-right: 5px; margin-left: 10px; }
.SUI-CommentTitle a, .SUI-CommentTitle .reply a {text-decoration: none;}
.SUI-CommentTitle .time { font-size: 12px; font-weight: normal; }
.sui-blog-title {margin-bottom: 0; padding-bottom: 0;}
.sui-blog-title-sub {margin: 0; padding: 0;}

/*Page Navigation*/

.SUI-Pagenav { text-align: center; width: 100%; margin-top: 10px; margin-bottom: 10px; border: 1px solid; overflow: visible; }
.SUI-Pagenav-Prev { text-decoration: none; float: left; padding: 4px; display: block; border-right: 1px solid; }
.SUI-Pagenav-Next { font-weight: bold; text-decoration: none; float: right; padding: 4px; display: block; border-left: 1px solid; }
.SUI-Pagenav-Pages { text-align: center; width: auto; margin-right: auto; margin-left: auto; padding-top: 4px; border: 0 none;}
.SUI-Pagenav-Pages a { font-weight: bold; text-decoration: none; padding: 4px; border: 0 none; }
.SUI-Page-Button { font-size: 1.25em; font-weight: bold; padding: 5px; cursor: pointer; border: 2px solid; }

/*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:block;*display:inline-block; width: auto;}
.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; }

/* 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 { margin-top: -14px; }
.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: 2px solid; text-align: center; padding: 6px; float: left; 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: inline-block;}
.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 { float: left; cursor: pointer; margin: 10px; padding: 0; text-align: center; border: 2px solid; }
.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: center;}
.SUI-Galview-Fullimage .SUI-Galview-Pagetitlesub {text-align: center;}
.SUI-Galview-Fullimage .SUI-Galview-Pagedisc {font-style: normal; margin: 0 5px 5px;}
.SUI-Galview-Fullimage {border: 2px solid;  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;}
