#hopsurf_js_toolbar, #hopsurf_js_toolbar * {margin:0px; padding:0px; font-family: "lucida grande", verdana, tahoma, arial, sans-serif; color: #333333;}
#hopsurf_js_toolbar {position:absolute; top:0px; left:0px; height:33px; min-height:33px; width:100%; background:white url(../images/toolbar_bg.png) repeat-x left bottom; font-size:80%; }
#hopsurf_frame {position:absolute; top:33px; left:0px; width:100%; height:100%;	border:0px none;}
#hopsurf_js_toolbar table  {font-size:100%;} 
#hopsurf_js_toolbar a {color: #244800;}
#hopsurf_js_toolbar a:hover	{color: #971510;}
#hopsurf_js_toolbar a img {border:1px solid #ecb813;}
#hopsurf_js_toolbar a:hover img {border-color:#971510;}	
#hopsurf_js_toolbar .float_left {float: left;}
#hopsurf_js_toolbar .float_right {float: right;}
#hopsurf_js_toolbar .no_border {border-style: none;}
/**/
.message {position: fixed; top:0; left:0; z-index:9999; font-size:80%; font-family: "lucida grande", verdana, tahoma, arial, sans-serif; color: #333333;
	background:url(../images/forms_textarea_bg_focus.png) repeat-x; border: 1px solid #d0ded5;  
	min-width:100px; min-height:2em; text-align: center; margin:10px auto; padding:10px;}
#hopsurf_js_toolbar textarea {background:url(../images/forms_textarea_bg.png) repeat-x; border: 1px solid #d0ded5; width:95%; height:5em; }
#hopsurf_js_toolbar input.border {border: 1px solid #d0ded5;} 
#hopsurf_js_toolbar input.bg {background:url(../images/forms_input_bg.jpg) repeat-x;}
/* panels buttons */
#hopsurf_js_toolbar .buttons a.text {min-width:auto; width:auto; min-height:auto; height:auto; background: none; text-decoration: none; line-height:18px; position:relative; top:-3px; padding-right:10px; }
#hopsurf_js_toolbar a.btn_close {display: block; min-width:18px; width:18px; min-height:18px; height:18px; background-repeat: no-repeat; background-image: url(../images/icons.png); background-position: -35px 0px; float:right; margin:8px 0px 0px 5px; padding-right:0px; margin-right:5px;}
#hopsurf_js_toolbar a.btn_close:hover {background-position: -35px -18px;}
/* icons */
#hopsurf_js_toolbar .vote, #hopsurf_js_toolbar  .votebad {background-repeat: no-repeat; overflow: hidden; display: block; float: left; text-decoration: none;
	padding:0 10px 0 23px; margin: 0px; 
	min-width:23px; width: auto; height:23px; min-height:23px; line-height:23px;}
#hopsurf_js_toolbar  a.vote {background-image: url(../images/ico_thumbs_up.png);}	 
#hopsurf_js_toolbar  span.vote, #hopsurf_js_toolbar  a.vote:hover {background-image: url(../images/ico_thumbs_up_hover.png);}
#hopsurf_js_toolbar a.votebad {background-image: url(../images/ico_thumbs_down.png);}	 
#hopsurf_js_toolbar span.votebad, #hopsurf_js_toolbar a.votebad:hover {background-image: url(../images/ico_thumbs_down_hover.png);}
#hopsurf_js_toolbar a.bookmark {background-image: url(../images/star.png); background-repeat: no-repeat; overflow: hidden; display: block; float: left;
	padding:0px; margin: 0px; width:22px; min-width:22px; height:21px; min-height:21px; line-height:21px;}	 
#hopsurf_js_toolbar a.bookmark:hover {background-image: url(../images/star_over.png);}
#hopsurf_js_toolbar a#reviews_link {background-image: url(../images/ico_comments.png);}
#hopsurf_js_toolbar a#reviews_link:hover {background-image: url(../images/ico_comments_hover.png);}
#hopsurf_js_toolbar .disable_hover span.vote{background-image: url(../images/ico_thumbs_up.png);}
#hopsurf_js_toolbar .disable_hover span.votebad{background-image: url(../images/ico_thumbs_down.png);}

/* Js toolbar */
#hopsurf_js_toolbar .float_left, #hopsurf_js_toolbar a.bookmark  {margin-right:5px;}
#toolbar_home {padding:0px 2px;}
#hopsurf_js_toolbar a, #hopsurf_js_toolbar a img {cursor: pointer;}
#hopsurf_js_toolbar a img {border:none;}
#hopsurf_js_toolbar table {display: inline;}

#hopsurf_js_toolbar .movedown {position:relative; top:6px; text-decoration: none; font-weight: bold;}
#hopsurf_js_toolbar .right_part {width:260px;}	/* was 230 earlier */
#hopsurf_js_toolbar .right_part span.buttons {width:25px; padding-left:3px; float: right;}
#hopsurf_js_toolbar .jquery-selectbox, .search_container .jquery-selectbox {	position:relative; height: 17px;}	/* selectbox in the toolbar */
#hopsurf_js_toolbar .jquery-selectbox .jquery-selectbox-currentItem, .search_container .jquery-selectbox .jquery-selectbox-currentItem {padding: 1px 0px 0px 3px;}
#hopsurf_js_toolbar .jquery-selectbox .jquery-selectbox-list, .search_container .jquery-selectbox .jquery-selectbox-list {top: 18px; min-height: 2em; z-index:1000;}
#hopsurf_js_toolbar .jquery-selectbox .jquery-selectbox-moreButton, .search_container  .jquery-selectbox .jquery-selectbox-moreButton {height: 18px;width: 18px;background-position: center center;border-left: 1px solid #d0ded5;}
#hopsurf_js_toolbar .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover, .search_container .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {background-position: center center;	border-left: 1px solid #d0ded5;}

.stickynote_toolbar .jquery-selectbox {top:3px;}
#search_query, #search_btn {position:relative; top:2px;}
#search_btn {top:4px;}

#hopsurf_js_toolbar #get_toolbar a {min-height:32px; height:32px;}
.toolbar_login_field a {background-repeat: no-repeat; overflow: hidden; display: block; float: left; padding:0px; margin: 0px; width:26px; min-width:26px; height:26px; min-height:26px; line-height:26px;}
.ico_login {background-image: url(../images/ico_login_sm.png); }
.ico_signup {background-image: url(../images/ico_signup_sm.png);}
#hopsurf_js_toolbar	a.vote,#hopsurf_js_toolbar a.votebad, #hopsurf_js_toolbar #reviews_link,#hopsurf_js_toolbar .sn_ico {padding:0px 5px 0px 23px; min-width:auto; width:auto; font-size: smaller;}
#hopsurf_js_toolbar #reviews_link,#hopsurf_js_toolbar .sn_ico {background-repeat: no-repeat; overflow: hidden; display: block; float: left; text-decoration: none;min-width:23px; width: auto; height:23px; min-height:23px; line-height:23px;}
#hopsurf_js_toolbar .sn_ico {padding-left: 5px;}
#hopsurf_js_toolbar	span.votebad,#hopsurf_js_toolbar	 a.votebad:hover {background-image: url(../images/ico_thumbs_down_hover.png);}


/* tooltips */
.tooltip {
	border: 1px solid #eadea7;
	background: #fff url(../images/forms_textarea_bg_focus.png) repeat-x;
	padding: 5px;
	color: #666;
	width: auto;
	font-family: "lucida grande", verdana, tahoma, arial, sans-serif;
	font-size:80%;
}
.tooltip #tooltipURL {display: none;}
/* External libs */
			   
/* clearfix */
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}	
/* selectbox */	 
.jquery-selectbox {
	position: relative;
	top:3px;  
	height: 20px;
	border: 1px solid #d0ded5;
	width: 100px;
	z-index: 0;
	/*float: left;
	display: inline;*/
	margin: 4px 4px 4px 0;
	font-size: 80%;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0;
	background-image: url("../images/forms_input_bg.jpg");
}
.jquery-selectbox.selecthover {
	border-color: #d0ded5;
	background-color: #FFFCDF;
	background-image: url("../images/forms_input_bg.jpg");
	z-index: 700;
}	
.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 3px 0px 0px 3px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	border: 1px solid #d0ded5;
	top: 20px;
	padding: 2px;
	left: 0px;
	background: #fff url("../images/forms_input_bg.jpg") repeat-x;
	width: 100px;	
	min-height: 2em; 
	height:auto !important;
	height: 100px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
	
}
.jquery-selectbox .jquery-selectbox-moreButton {
	/*
	position: absolute;
	top: 0px;
	right: 0px;
	*/
	float: right;
	background: url("../images/forms_select_arrow.gif") repeat-x;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover {
	background: url("../images/forms_select_arrow_over.gif");
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #abbcab;
	color: #fff;
}
.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: default;
}
/* thickbox */
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}
#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #333;
	text-align:left;
	top:50%;
	left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}
#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}
#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}
#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}
#TB_title{
display: none;									/**/
	background-color:#e8e8e8;
	height:27px;
}
#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
	padding:15px;
}
#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}
#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* sticky notes */
.stickynote_context, .stickynote_context a, #archive_field, #archive_field_comment {font-family: Verdana, Arial, sans-serif; font-size:12px; color: #6E716F;}
.stickynote_toolbar {
	display: none;
	background: #fff url(../images/forms_textarea_bg_focus.png)
		repeat-x left top;
	height: 32px;
	min-height: 32px;
	border: 1px solid #dcd7be;
	border-top-style: none;
	color: #666;
	padding-right: 5px;
	position: absolute;
	top: 33px;
	left: 0px;
}  /* in IE 37 instead of 34 */
.stickynote_toolbar a,#sn_button a {
	text-decoration: none;
	font-size: smaller;
	font-weight: bold;
	line-height: 32px;
}

.stickynote_toolbar a:hover {
	text-decoration: underline;
}

.sn_ico {
	background: transparent url(../images/ico_sticky_note.png)
		no-repeat 3px 1px;
	min-width: 32px;
	width: 32px;
	min-height: 24px;
	height: 24px;
	line-height: 24px;
	font-size: smaller;
	text-align: center;
	padding: 0px;
}

.sn_username {
	position: absolute;
	left: 870px;
	top: 65px;
	min-width: 190px;
	width: 190px;
	min-height: 30px;
	height: 30px;
	background: transparent url(../images/bg_input_sn.png)
		no-repeat center top;
	padding: 0px 2px;
	text-align: center;
}

#sn_username_input {
	color: #bbb;
}

.sn_username {
	display: none;
}

#sn_select {
	width: 120px;
}

.stickynote_toolbar .jquery-selectbox {
	width: 125px;
}

.stickynote_toolbar .jquery-selectbox-list {
	width: 120px;
}
/* sn archive */
#archive_field {display:none; overflow:auto; line-height:20px; width:300px; padding:3px; color:#6E716F; z-index:99999; text-align:left; border:1px solid #DCD7BE; font-size:12px; background-color:#FEFBD7; display:none; position:absolute;}
#archive_header {background:#fefbd7 url(../images/snarchivebg.gif) repeat-y; border-bottom:1px solid #DCD7BE; font-weight: bold; height:20px; margin:0; padding:0;}
#archive_field_close {position:absolute;right:2px;top:5px;display:block; background:transparent url(../images/icons.png) no-repeat scroll -35px 0;display:block;height:18px;width:18px;}
#archive_field ul, #archive_field_comment ul {list-style:none; padding:0; margin:0;}
#archive_field li, #archive_field_comment li {/*padding:0;*/margin:0;}
#archive_field li {border-bottom:1px solid #F3EABE;}
#archive_field li li {background-color: #fffde4; border:1px solid #F3EABE; border-bottom-style:none;text-indent: 0;padding: 2px;}
.sn_item_expanded {background:#fefbd7 url(../images/triangle_open.gif) no-repeat 0px 7px; text-indent: 11px;}
.sn_item_collapsed {background:#fefbd7 url(../images/triangle_close.gif) no-repeat 2px 5px; text-indent: 11px;}


.stickynote_browser{
	float:left;
	width:310px;
	height:auto;
 	position:absolute;
 	z-index: 999999;
}

.stickynote_title{
	float:left; width:100%; height:20px; background-color:#fcec9c;border: 1px solid rgb(220, 215, 190); 
}
.stickynote_title p{
	margin: 0pt; padding: 0pt; position: absolute; left: 93%; top: 2px;
}
.stickynote_title p a{
	background: transparent url(../images/icons.png) no-repeat scroll -35px 0pt;
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	display: block; 
	height: 18px; 
	width: 18px;
}
.stickynote_title span{
	font-weight:bolder;
	line-height: 20px;
	width: 100%; 
	display: block; 
	margin-left:5px;
	font-size: 12px; 
	font-family: Arial,sans-serif;
	color: #333333;
}
.stickynote_title span div{
	float:left;
}

.stickynote_main{
	float:left;
	border: 1px solid rgb(220, 215, 190);
	background-color:#fef5c7;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left; 
	-moz-background-clip: -moz-initial; 
	-moz-background-origin: -moz-initial; 
	-moz-background-inline-policy: -moz-initial; 
	color: rgb(110, 113, 111); 
	font-family: Arial,sans-serif; 
	font-size: 12px;  
	width: 100%;
	padding-bottom:10px;
}

.stickynote_main .stickynote_tools{
	float:left;text-align:right;width:100%; height:18px;margin-top:4px;background-color:#fff0a5; padding-top:2px;
}
.stickynote_main .stickynote_tools a{margin-top:2px;}
.stickynote_main .stickynote_context{
	float:left;border-bottom: solid 1px #cccccc dotted; width: 100%;
}
.stickynote_main .stickynote_context a.stickynote_userpic{
	position:relative; float:left;border: 1px solid rgb(117, 178, 50);padding:1px;margin-right:10px;
}
.stickynote_main .stickynote_context div{
}
.stickynote_main .stickynote_context div a{
	text-decoration: none;
}
.stickynote_edit{
	border: 1px solid rgb(204, 204, 204); padding: 5px; width: 286px; float: left; margin-top: 2px; margin-left: 5px;display: none;
}
.stickynote_edit font{
	font-weight: bold;
}
.stickynote_edit textarea{
	border: 1px groove rgb(87, 123, 185); margin: 0pt; padding: 0pt; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: Arial,sans-serif; font-size: 12px; width: 100%; height: 70px;
}
.stickynote_edit label{
	float: none; font-weight: normal;
}
.stickynote_edit .stickynote_shareto{
	height: 19px; position: relative;
}
.stickynote_edit .stickynote_shareto select{
	border: 1px solid rgb(208, 222, 213); margin: 0pt; padding: 0pt; visibility: hidden; width: 150px;
}
.stickynote_edit .stickynote_shareto .email_input{
	position: absolute; left: 74px; top: 21px; visibility: hidden;width: 147px;background-color: #fff;
}
.stickynote_edit .stickynote_submitbutton{
	text-align: right; margin-top: 20px;
}
.stickynote_edit input{
	border: 1px solid rgb(197, 215, 202); background: rgb(210, 224, 213) none repeat scroll 0pt 0pt; font-size: 10px; width: 45px; color: rgb(110, 113, 111);margin-left: 10px;
}
.stickynote_edit label input{
	background: none;border: none;width: 15px;
}