/**
 * z buttons
 **/
.zbuttons{
	text-align:center;
	-moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;

	clear:both;
	height:32px;
	position:relative;

} 
.zbuttons.bottom{
	float:none;
	clear:both;
	padding:1px 3px 3px;
	margin:1em 0 0;
}
.zbuttons ul{
	float:right;
}
.zbuttons.bottom ul{
	float:left;
}
.zbuttons ul{
	display:inline-block;
	display:block;
	height:32px;
	margin:0;
	padding:0;
	-moz-border-radius:5px 15px 15px 20px;
	-webkit-border-radius:5px 15px 15px 20px;
	border-radius:5px 15px 15px 20px;
	-moz-box-shadow:0 1px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.2);
	box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.zbuttons ul li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.zbuttons a,.zbuttons a:hover{
	display:block;
	color:#6a6931;
	text-shadow:0 1px rgba(255,255,255,0.5);
	padding:0;
	font:800 14px/31px Tahoma,Arial,sans-serif;
	background:url(../images/bg.png) repeat-x 0 0;
	border:1px solid #cdc76c;
	margin-left:-1px;
	position:relative;
	height:30px;
	z-index:1;
	-moz-transition:color 200ms,width 200ms;
	-webkit-transition:color 200ms,width 200ms;
	transition:color 200ms,width 200ms;
	cursor:pointer;
}
.zbuttons a span {
    background: url(../images/light.png) no-repeat scroll left 40px transparent;
    border: 1px solid rgba(255, 255, 255, 0.2);
    display: block;
    font-size: 1em;
    height: 28px;
    line-height: 28px;
    margin: 0;
    padding: 0 15px 0 5px;
    position: relative;
    z-index: 2;
}
.zbuttons a:active span{background-image:none;}
.zbuttons a i{
	background:url(../images/bg.png) repeat-x 0 -30px;
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	border-color:#e2dd88;
	-moz-box-shadow:0 0 5px #c0a900;
	-webkit-box-shadow:0 0 5px #c0a900;
	box-shadow:0 0 5px #c0a900;
	
	opacity:0;
	filter:alpha(opacity=0);
	
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
	transition:all 200ms;
}
.zbuttons a.loading i{
	-moz-transition:none 200ms;
	-webkit-transition:none 200ms;
	transition:none 200ms;
}
.zbuttons a.blue{	background-position:0 -60px;border-color:#b8d7e1;color:#327890}
.zbuttons a.blue i{	background-position:0 -90px;-moz-box-shadow:0 0 5px #56b2d1;-webkit-box-shadow:0 0 5px #56b2d1;box-shadow:0 0 5px #56b2d1;}
.zbuttons a.green{	background-position:0 -120px;border-color:#b8d08b;color:#709c1d}
.zbuttons a.green i{	background-position:0 -150px;-moz-box-shadow:0 0 5px #a0c952;-webkit-box-shadow:0 0 5px #a0c952;box-shadow:0 0 5px #a0c952;}
.zbuttons a:hover{

	z-index:2;
	text-shadow:0 1px #fff;

}
.zbuttons a:hover i{
	opacity:1;
	filter:alpha(opacity=100);
}

.zbuttons a.disabled i{display:none;}
.zbuttons a.disabled{
	opacity:0.5;
	filter:alpha(opacity=50);
}
.zbuttons .first a,
.zbuttons .first a i,
.zbuttons .first a span
{
	-moz-border-radius:5px 0 0 20px;
	-webkit-border-radius:5px 0 0 20px;
	border-radius:5px 0 0 20px;
}
.zbuttons .last a,
.zbuttons .last a i,
.zbuttons .last a span
{
	-moz-border-radius:0 15px 15px 0;
	-webkit-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
	
}
.zbuttons .first.last a,
.zbuttons .first.last a i,
.zbuttons .first.last a span{
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
}

.zbuttons span em{
	background:url(../images/icons.png) no-repeat left top;
	width:24px;
	display:block;
	float:left;
	height:28px;
}
.zbuttons .sl span em{
	background-position:0 -60px;
	width:34px;
}
.zbuttons .tw span em{
	background-position:-44px -61px;
	width:28px;
}
.zbuttons .fb span em{
	background-position:-44px -119px;
	width:28px;
}
.zbuttons .like span em{
	background-position:-46px 2px;
	width:28px;
}
.zbuttons .pm span em{
	background-position:0 -120px;
	width:28px;
}

section#lotto { width:980px; margin:5px auto 5px; position:relative; overflow:hidden; }
section#lotto header { background:url(../images/lotto-bg.png) bottom left no-repeat; width:391px; height:99px; display:inline; float:left; position:relative; z-index:2; }
section#lotto article { background:#DEDDBC; width:589px; overflow:hidden; display:inline; float:left; height:89px; margin-top:10px; position:relative; left:-5px; z-index:1 }
section#lotto header h3 { display:inline; float:left; overflow:hidden; font-size:12px; width:137px; text-align:center; margin:5px 0 0 33px; }
section#lotto header h3 strong { display:block; color:#03397C; font-size:15px; }
section#lotto header h3.first { color:#690; width:183px;  margin:5px 0 0 10px; }
section#lotto header h3.first strong { padding:10px 0 10px 0; font-size:32px; color:#000000; letter-spacing:6px; }
section#lotto header h3.first:before { content:"ตรวจสลากกินแบ่งรัฐบาล ตรวจหวย"; display:block; font-weight:normal; color:#333333; font-size:11px; }
section#lotto header h3.first:after { content:"รางวัลละ 2,000,000 บาท"; display:block; font-size:11px; font-weight:normal; color:#666666; }
section#lotto article p.three { display:inline; float:left; width:310px; text-align:center; font-size:11px; margin:5px 0 0 0;  }
section#lotto article p.three:before { content:"ตรวจสลากกินแบ่งรัฐบาล"; font-size:11px; }
section#lotto article p.three strong { display:block; margin:5px 10px; border:1px solid #633; background:#FFFFFF; padding: 5px 0px 0px 0px; border-radius:5px; }
section#lotto article p.three strong span { font-size:25px; margin:0 5px; color:#5A2C00; }
section#lotto article p.three:after { content:"4รางวัล รางวัลละ 2,000 บาท"; display:block; }
section#lotto article p.two { display:inline; float:left; width:125px; text-align:center; font-size:11px; margin:5px 0 0 0;  }
section#lotto article p.two strong { display:block; margin:5px 10px; border:1px solid #633; background:#FFFFFF; padding: 5px 0px 5px 0px; border-radius:5px;  }
section#lotto article p.two strong span { font-size:25px; margin:0 5px; color:#5A2C00; }
section#lotto article p.two:after { content:"รางวัลละ 1,000 บาท"; display:block; }
section#lotto footer { position:absolute; bottom:0; right:5px; width:159px; height:90px; z-index:2; }

/* --------------- BEGIN: FOOTER --------------- */
#footer_bg {
	background: url(../images/theme/footer_bg.jpg) right top no-repeat;
	margin: 0px 15px 10px 15px;

}
#footer a:link, #footer a:visited {
 color: #8CE8FF;
}
#footerlinks {
	color: rgb(199, 199, 199)
}
#footerlinks a:link, #footerlinks a:visited {
	color: rgb(221, 150, 0);
	text-shadow: 1px 1px 0 white;
	font-weight: bold;
}
#footerlinks a:hover {
	color: #8CE8FF;
}

#footer_3col {
	margin: 0;
	padding:0;
	list-style: none;
	width: 99%;
}
#footer_3col li {
	width: 32%;
	display: block;
	float:left;
	margin-left: 6px;
	margin-right: 6px;
}
.footer_label {
	color: #000;
	font-size: 16pt;
	margin: 0;
	padding: 0;
}
.plain_list {
	margin: 0;
	padding:0;
	list-style: none;
}
#footer_3col .plain_list li {
	float: none;
	width: 100%;
	background: url(../images/theme/bullet_footerlinks.gif) 0 6px no-repeat;
	padding: 1px 0 2px 10px;
	display: block;
	font-size: 11px;
	margin:0;
}
/* --//END: FOOTER//-- */