@CHARSET "UTF-8";

body{
	line-height: 1.23;
}
b{
	font-weight: bold;
}

a.no_decoration:link {text-decoration: none}
a.no_decoration:visited {text-decoration: none}
a.no_decoration:active {text-decoration: none}
a.no_decoration:hover {text-decoration: none}
.bottom_horizontal_bar{
	height: 45px;
	left:0;

	bottom: 2px;
	position:fixed;
	z-index:100;
}
	.main_notification{
		height: inherit;
		width: 165px;
		
		border: 1px solid;
		
		background-color: #7e7967;
		border-color: #5f5f5d;
	}
	
		.notification_alert_box{
			bottom:27px;
			z-index:-200;	
			position:fixed;
		
			height:8px;
			/*width:16px;*/
			width:18px;
			
			padding-bottom:6px;
			margin-left:22px;
			border-radius:3px;
			-moz-border-radius:3px; /* Firefox 3.6 and earlier */
			
			
			border:1px solid #000000;
			float:left ;
			clear:right;
			
			font-size:8pt;
			font-family:sans-serif;
			font-weight:bold;
			color: #ffffff;
			
			vertical-align:middle;
			text-align:center;
			background-color:#ff0000;
		}
		.notification_alert_box:hover{
			cursor: pointer;
		}
		.pm_alert{
			left:1px;
		}
		.talk_alert{
			left:41px;
		}
		.market_alert{
			left:81px;
		}
		.thanklike_alert{
			left:121px;
		}
		
		.notification_button{
			height: 35px;
			width: 35px;
			margin-left: 5px;
			margin-top: 5px;
			border-radius:6px;
			-moz-border-radius:6px; /* Firefox 3.6 and earlier */
			border:0;

			float:left;
			clear:right;
			z-index: 101;
		}
		.notification_button:hover{
			cursor: pointer;
		}
		.pm_grey_icon:hover{
			background-color: #aca792;
		}
		.talk_grey_icon:hover{
			background-color: #aca792;
		}
		.market_grey_icon:hover{
			background-color: #aca792;
		}
		.thanklike_grey_icon:hover{
			background-color: #aca792;
		}
		
		.pm_black_icon:hover{
			background-color: #aca792;
		}
		.talk_black_icon:hover{
			background-color: #aca792;
		}
		.market_black_icon:hover{
			background-color: #aca792;
		}
		.thanklike_black_icon:hover{
			background-color: #aca792;
		}
		
		.pm_grey_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/pm_grey.png");
		}
		.pm_white_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/pm_white.png");
		}
		.pm_black_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/pm_black.png");
			z-index:102;
		}
		.talk_grey_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/talk_grey.png");
		}
		.talk_white_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/talk_white.png");
		}
		.talk_black_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/talk_black.png");
			z-index:102;
		}
		.market_grey_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/market_grey.png");
		}
		.market_white_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/market_white.png");
		}
		.market_black_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/market_black.png");
			z-index:102;
		}
		.thanklike_grey_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/thanklike_grey.png");
		}
		.thanklike_white_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/thanklike_white.png");
		}
		.thanklike_black_icon{
			background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/thanklike_black.png");
			z-index:102;
		}
		
.noti_arrow{
		background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/arrow.png");
		bottom:39px;
		height:15px;
		width:24px;
		z-index:405;
		position:fixed;
}
.pm_arrow{
		left:11px;
}
.talk_arrow{
		left:51px;
}
.market_arrow{
		left:91px;
}
.thanklike_arrow{
	left:131px;
}
.hidden_arrow{
	visibility:hidden;
}


.info_back{
		padding-top: 36px;
		height:454px;
		width:308px;
		left:5px;
		bottom:53px;
		
		z-index:400;
		position:fixed;
		background-color: #555555;
		visibility:hidden;
		border-radius: 2px;
		font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;

}
	.info_bar{
		/*height:448px;
		
		margin-left:3px;
		margin-top:2px;*/
		
		width:300px;
		background-color: white;
		/*visibility:hidden;*/
		border-radius: 4px;
		
		overflow-y:scroll;
		overflow-x:hidden;
		/*-webkit-overflow-scrolling: touch;*/
		
		margin-top:0;
		margin-left:3px;
		height:0px;
	}
	.hidden_info_bar{
		margin-top:0;
		margin-left:0;
		z-index:-400;
		height:0px;
		width:0px;
	}
	
	.show_info_bar{
		margin-left:3px;
		margin-top:2px;/*18px*/
		z-index:400;
		height:448px;
	}
	
	.pm_info.show_info_bar{
		/*margin-top:18px;*/
		margin-bottom:18px;
		z-index:400;
		height:426px;
	}
	
		.info_bar_row{
			cursor:pointer;
			/*height: 62px;*/
			width: 270px;
			/*border-bottom: 1px solid #aaaaaa;*/
			border-left:11px solid;
			border-left-color:green;
			padding-left:5px;
			padding-right: 14px;
			padding-top:3px;
			padding-bottom:3px;
			text-align: left;
		}
		.info_bar_row_border_bottom{
			height: 1px;
			background-color: #aaaaaa;
			width:300px;
		}
		.info_bar_row:hover{
			background-color:#fff7dc;
			/*
			border-top: 1px solid black;
			border-bottom: 1px solid black;	
			*/
		}
		.info_bar_row_grey_background{
			background-color: #c8c8c6;
		}
		.hidden_info_bar_row{
			height:0px;
			width:0px;
			border:0px;
			padding-top:0px;
			padding-bottom:0px;
			visibility:hidden;
		}
		.unread_row{
			border-left-color:orange;
		}
		.new_row{
			background-color:#fdefbc;			
		}
		.new_row:hover{
			background-color:#FFF7DC;
		}
	
.menu_bar_top{
		cursor:pointer;
		height:33px;
		width:304px;
		bottom:505px;
		z-index:401;
		left:5px;
		position:fixed;
		
		border:2px solid;
		border-color:#555555;
		border-bottom:3px solid;
		border-bottom-color:#555555;
		padding-top:1px;
		
		background-color:#555555;
		border-radius:2px;
		visibility:hidden;
		font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
}
	.menu_tab{
			height:25px;
			/*width:100px;*/
			float:left;
			clear:right;
			text-align:center;
			padding-top:8px;
			margin-left:1px;
			background-color:#2f2f2f;
			border-radius:2px;
			color: #b5b5b5;
			font-size:13px;
	}
	.menu_tab_width100px{
		width:100px;
	}
	.menu_tab_width150px{
		width:150px;
	}
	.menu_tab:hover{
			background-color:#3a3a3a;
			color: #cfcfce;
	}
	.tab_selected{
			background-color:black;
			color: #cfcfce;
			text-decoration:underline;
			font-weight:bold;
			box-shadow: 1px 0px 6px #888888;
	}
	.tab_selected:hover{
			background-color:black;
			color: #cfcfce;
			text-decoration:underline;
			font-weight:bold;
			box-shadow: 1px 0px 6px #888888;
	}
	.hidden_tab{
			visibility:hidden;
			z-index:-102;
			height:0px;
			padding-top:0px
	}

.below_tab_background{
	background-color: #555555;
	    border: 2px solid #555555;
	    bottom: 55px;
	    height: 20px;
	    left: 5px;
	    padding-top: 1px;
	    position: fixed;
	    visibility: hidden;
	    width: 304px;
	    z-index: 415;
}
.below_tab {
	box-shadow: 1px 0 4px black;
    border-radius: 2px 2px 2px 2px;
    color: #cfcfce;
    cursor: pointer;
    font-size: 12px;
    height: 20px;
    margin-left: 1px;
    text-align: center;
    /*width: 302px;*/
    z-index: 400;
	line-height: 1.42;
	font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
}	
.tab_60percent{
	background-color: #4F0000;
    clear: right;
    float: left;
    margin-left: 2px;
    width: 178px;
}
.tab_40percent{
	float:left;
	clear:right;
	width: 120px;
	background-color: black;
}

.tab_60percent:hover{
	background-color:#993333;
	color: white;
}

.tab_40percent:hover{
	background-color:#636262;
	color: white;
}

.plus_style_below_tab{
	font-size:120%;
	clear:right;
	float:left;
	margin-left:39px;
	line-height: 1.3;
}
.text_style_below_tab{
	margin-left:0px;
	clear:right;
	float:left;
}
.sbnnotification_loading{
	height:50px;
	width:300px;
	background-repeat:no-repeat;
	background-position:center center; 
	background-image:url("http://siambrandname.com/forum/bitmods/sbn_notification/client_scripts/images/ajax-loader.gif");
}
.notification_help{
 background-image: url("http://siambrandname.com/forum/SBNFunction/image/help/help32.png");
     background-repeat: no-repeat;
     background-size: 16px 16px;
     bottom: 2px;
     height: 16px;
     left: 169px;
     opacity: 0.7;
     position: fixed;
     width: 16px;
     z-index: 500;
  filter:alpha(opacity=60); /* For IE8 and earlier */
}
.notification_help:hover{
 opacity:1;
 filter:alpha(opacity=100); /* For IE8 and earlier */
 /*cursor: pointer;*/
 
}

.member_zone_row{
 color:black;font-size:12px;line-height:1.1;
}
.topic_zone_row{
 font-size:13px;color:#417394;line-height:1.4;
}
.description_zone_row{
 line-height:1.3;color:grey;font-size:11px;padding-left:0px;
}
/*
.right_box {
    background-color: #FFB5C5;
    border-radius: 1px 10px 10px 1px;
	top: 0px;
    height: 53px;
    left: 313px;
    opacity: 0.94;
    position: fixed;
    width: 169px;
    z-index: 453;
	filter:alpha(opacity=94);
	visibility: hidden;
}	
*/

.disable_notification_button{ 
    background-image: url("http://siambrandname.com/forum/images/misc/cross.png");
    background-repeat: no-repeat;
    background-size: 14px 14px;
    float: right;
    height: 14px;
    margin-top: 5px;
    opacity: 0.2;
    margin-right: 13px;
    position: relative;
    width: 14px;
	filter:alpha(opacity=20); /* For IE8 and earlier */ 
}
.disable_notification_button:hover{	 
	cursor:pointer;    
	opacity: 1;
	filter:alpha(opacity=100); /* For IE8 and earlier */ 
}
.notification_display_none{
	display:none;
}