@CHARSET "UTF-8";
html{
	background-attachment: fixed;
}

body{
	width:100%;
	height:100%;
	padding: 0px;
	margin: 0px;
	overflow:scroll;
	min-width: 0px;
	max-width: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*===
START member-area 
*/
.sbn-member-area{
	position: absolute;
	right:13px;
	color: rgb(102,102,102);
	text-align:right;
	font: normal normal normal 11px Arial,Tahoma,Calibri,Verdana,Geneva,sans-serif;
	padding-top:0px;
	padding-bottom:3px;
	cursor:default;
}
.sbn-login-member-area{
	padding-top:3px;
}
.sbn-member-area-link{
	font-weight:bold;
	margin-left: 4px;
	margin-right:11px;
	text-decoration: none;
	color: rgb(102,102,102);
}
.sbn-member-area-link:hover{
	background-color: #f5f2ea;
}
.sbn-welcome-text{
	color: #a8a8a8;
}
.sbn-citizen-application-area{
	margin-right:7px;
	margin-left:10px;
	margin-top:7px;
}
.sbn-citizen-application-link{
	text-decoration:none;
	font-weight: bold; 
	color: rgb(246, 246, 246); 
	font-size: 11px; 
	background-color: rgba(71, 144, 6, 0.898438); 
	border-top-left-radius: 11px; 
	border-top-right-radius: 11px; 
	border-bottom-right-radius: 11px; 
	border-bottom-left-radius: 11px; 
	padding: 2px 9px; 
	display:block;
	float:right;
	clear:left;
}
/* 
END member-area 
===*/



/*===
login area 
*/
.sbn-login{
	padding-right:7px;
	margin-bottom:24px;
}

.sbn-login-input{
	width:72px;
	font-size:11px;
	vertical-align:baseline;
	border:0;
	margin: 3px 0 0;
	padding:1px;
	border-radius:3px;
}
.sbn-login-input::-webkit-input-placeholder { 
	color:#828282; 
	font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
}
.sbn-login-submit{
	font-size:11px;
	padding:0 5px;
	border:solid 1px rgb(65,93,141);
	text-align: center;
	color:buttontext;
	box-sizing:border-box;
	font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif;
	margin-left: 0px
}
.sbn-login-textbox-area{
	padding: 0 7px 0 10px;
	margin: 0;
	text-align: center;
	background-color: #f5f2ea;
	height: 26px;
	width: 203px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-width: 0px;
	float: right;
	margin-right: 10px;
}
.sbn-login-area-link{
	height:20px;
	display:block;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-width: 0px;
	float:right;
	color:rgb(102,102,102);
	background-color: #f5f2ea;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	text-decoration: none;

}
.sbn-rememberme-checkbox-area{
	position:relative;
	top:25px;
	left:108px;
	font-size:10px;
}
.sbn-forget-password{
	display: block;
	position: relative;
	top: -16px;
	right: -86px;
	font-size: 10px;
	color: 
	rgb(229, 0, 0);
	font-weight: bold;
}
/* 
END login area 
===*/


.body_wrapper {
	min-width: 650px;
	max-width: 900px;
	margin: auto;
}
.above_body {
	max-width: 1041px;
	min-width: 650px;
	margin-left: auto;
	margin-right: auto;
}

#logo-heading-area{
	height: 71px;
	background-color: #F8F7DE;
	width:100%;
}
#siambrandname-logo{
	height: 71px;
	width: 418px;
	background-image: url('../image/logo.png');
	background-repeat: no-repeat;
	background-origin: content-box;
	background-position: 19px 7px;
	float:left;
}
#menu-heading-area{
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-top-color: #847A52;
	border-bottom-color: black;
	height: 27px;
	width:100%;
	min-width: 1150px;
	background-color: #F5F2EA;
	z-index:200;
	box-shadow: 0px 1px 2px black;
}

.sbn-menu-text{
	font-family: "Tahoma", Geneva, sans-serif;
	color: #412910;
	margin-left:12px;
	margin-right:12px;
	text-decoration: none;
	font-size: 11pt;
	font-weight: 500;
	line-height: 1.2;
	vertical-align: 1px;
}
.sbn-menu-text:hover{
	color:#D26D26;
	text-decoration: none;
}
.sbn-menu-text:active{
	color:black;
}
.menu-text-selected{
	color: whitesmoke;
	text-decoration: none;
}
.menu-text-selected:hover{
	color:#D26D26;
}
.menu-selected{
	background-color: #262A30;
	border-radius:3px;
}
.sbn-menu{
	float:left;
	padding-top: 4px;
	height:23px;
	clear:right;
	margin-left:5px;
}
/*.sbn-menu:hover{
	background-color:#262A30;
	border-radius:3px;
}*/
.sbn-search-button{
	background:url(../image/searchbutton.png) no-repeat;
    cursor:pointer;
    width: 16px;
    height: 16px;
    border: none;
    opacity:0.5;
}
.sbn-search-button:hover{
	opacity:1;
}
.sbn-search-button:active{
	opacity:0.5;
}

.sbn-tool-menu{
	float:right;
	margin-right:22px;
	display:inline-block;
}
.sbn-announcement-menu{
	float:left;
	background-repeat: no-repeat;
	background-position:0px 2px;
	margin-right:8px;
	background-size:22px 22px;
	height:24px;
	width:22px;
	cursor:pointer;
	background-image: url('../image/announcement-logo-opacity.png');
}
.sbn-announcement-alert-background{
	background-image: url('../image/announcement-logo-alert.png');
}

.sbn-menu-announcement-selected{
	background-image: url('../image/announcement-logo.png');
}
.sbn-announcement-menu:hover{
	cursor:pointer;
	background-image: url('../image/announcement-logo-opacity-higher.png');
}

#sbn-menu-announcement-notification{
	background-color: #ff0000;
	border-radius: 10px 10px 10px 10px;
	height: 15px;
	left: -12px;
	line-height: 110%;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	text-align: center;
	top: 0;
	width: 20px;
	z-index: 1000;
	border: 2px solid white;
	color: white;
	margin-top: 0px;
	font-size:10pt;
}

#blur-all-content{
	position:relative;
	background-image: url("../image/blur_all_content_bg.png");/*rgb(0,0,0,0.7)*/
	background-repeat: repeat;
	height:1000px;
	width:100%;
	top:0px;
	left:0px;
	z-index:999;
}
.display-none{
	display:none;
}

#sbn-announcement-triangle-area{
	position:relative;
	top:0;
	left:49%;
	height:15px;
	width:50%;
	z-index:1000;
}
#sbn-announcement-triangle{
    background-image: url("../image/announce-triangle.png");
    background-origin: content-box;
    background-repeat: no-repeat;
    background-size: 20px 15px;
    float: left;
    height: 15px;
    left: 21px;
    position: relative;
    top: 31px;
    width: 20px;
    z-index:1001;
}

#sbn-announcement{
	position:absolute;
	background-color: #FFEB90;
	max-height:437px;
	width:50%;
	left:49%;
	top:18px;
	border-radius: 4px 2px 4px 4px;
	z-index: 1000;
	overflow:auto;
}

.announcement-box a{ 
	text-decoration:none;
}
.announcement-box a:hover{ 
	text-decoration:underline;
}

.announcement-box{
	border-style: dotted;
	border-bottom-width: 1px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	padding:7px;
	padding-right:15px;

	border-color: black;
	background-color: #FFEB90;
	font-family: Tahoma, Calibri, Verdana, Geneva, sans-serif;
	font-size: 13px;

}

.sbn-menu-box{
	float:right;
	padding-top:3px;
	background-size:20px 20px;
	height:21px;
	width:20px;
}

.fixed-menu-position-on-top{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
}

/* 
Dummy, used when content-header is applied in SBN Map
*/
#menu-heading-area-dummy{
	height: 29px;
	display:none;
	z-index:200;
}

#hidden-notice-button{
	color: black;
	text-align: center;
	background-color: #e3cd6a;
}

#hidden-notice-button:hover{
	background-color: #bba74c;
	cursor:pointer;
	text-decoration: underline;
}

.notice-grey-background{
	background-color: #7D7243;
}

.notice-tag{
    border-radius: 2px 2px 2px 2px;
    color: #EEEEEE;
    float: left;
    font-size: 13px;
    height: 15px;
    line-height: 100%;
    margin-right: 2px;
    padding-left: 3px;
    padding-right: 3px;
}
.notice-important-tag{
    background-color: #FA4B2A;
}
.notice-new-tag{
	background-color: #379F04;
}

#sbn-submenu-area{
	width: 100%;
	height: 22px;
	background-color: #363530;
	clear:left;
	z-index:1000;
	color:white;
	padding-top:1px;
	box-shadow: 0px 1px 2px rgb(3, 3, 3);
	border-top:2px #413E31  solid;
	border-bottom:1px #282723 solid;
	color:rgb(255, 255, 255);
	font-family: "Tahoma", Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}
.sbn-submenu-list{
	color:rgb(204, 196, 189);
	text-decoration: none;
}
.sbn-submenu-list:hover{
	color:rgb(245, 200, 161);
}
.sbn-submenu-list:active{
	color:rgb(234, 163, 113);
}

.sbn-submenu-list-selected{
	color:rgb(234, 163, 113);
	text-shadow: 1px 1px 1px #121010;
}

#downtown_logo_area{
	height: 19px;
	width: 19px;
	position: absolute;
	margin-bottom: 0px;
	padding-bottom: 0px;
	border-bottom-width: 1px;
	padding-left:8px;
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size:19px 19px;
} 
.downtown_logo_normal{
	background-image:url('../image/downtown_normal.png');
}
.downtown_logo_selected{
	background-image:url('../image/downtown_selected.png');
}

#sbn-zoomout-area{
	background-color: #252420;
	width:65px;
	height: 53px;
	position: absolute;
	border-right:1px black  solid;
	left: 10px;
	border-radius:0 0 20px 20px;
	top:0;
	z-index:-1;
	text-decoration: none;
}
#sbn-zoomout-area:hover{
	background-color: #122C39;
}
#sbn-zoomout-logo{
	height: 34px;
	width: 34px;
	margin-left:13px;
	margin-top:3px;
	background-image:url('../image/stepout.png');
	background-repeat: no-repeat;
	background-origin: content-box;
	background-size:34px 34px;
}
#sbn-zoomout-text{
	color:rgb(244, 235, 235);
	font-size: 10px;
	font-family: "Tahoma", Geneva, sans-serif;
	margin-left:9px;
	margin-top:0px;
}

/*Modify css area of showthread.php*/
.threadtitle{
	font-size: 17px;
}
#pagetitle{
	padding: 8px 0px 3px;
}
.breadcrumb {
   	margin-top: 5px;
	padding-top: 0px;
	background-color: #fbfaf7;
	border:1px rgb(243, 243, 243) dotted;
}
.breadcrumb .navbit > a, .breadcrumb .lastnavbit span{
	border: solid 0px;
}
.breadcrumb .navbit a:hover{
	background-color: #efeeeb;
}
#postlist{
	background-color:#fafafa;
}