/* CSS Document */

BODY {
	background:url(images/bg.jpg) repeat-x top #cfe1ed;
	/*margin:0; padding:0; background:url(images/bg_main.jpg) repeat-x 0 0 #FFFFFF;*/
	FONT-SIZE: 13px; MARGIN: 0px; COLOR: #58595b; FONT-FAMILY: Tahoma;
}
TD {
	FONT-SIZE: 13 px; MARGIN: 0px; COLOR: #666666; FONT-FAMILY: Tahoma, Tahoma,Helvetica, sans-serif
}
A {
	COLOR: #58595b; TEXT-DECORATION: underline
}
A:hover {
	COLOR: #58595b; TEXT-DECORATION: underline
}
A:link {
	COLOR: #58595b; TEXT-DECORATION: none
}
A:visited {
	COLOR: #58595b; TEXT-DECORATION: none
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
UL {
	MARGIN-TOP: 5px; PADDING-TOP: 0px
}
images {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
INPUT {
	FONT-SIZE: 13 px; COLOR: #58595b; FONT-FAMILY: Tahoma, Tahoma,Helvetica, sans-serif
}
SELECT {
	FONT-SIZE: 13 px; COLOR: #58595b; FONT-FAMILY: Tahoma, Tahoma,Helvetica, sans-serif
}
TEXTAREA {
	FONT-SIZE: 13 px; COLOR: #58595b; FONT-FAMILY: Tahoma, Tahoma,Helvetica, sans-serif
}
.dotline {
	BACKGROUND: url(images/dotline.gif) #ffffff repeat-x left top
}
.topicicon {
	margin: 3px;
	border: 2px solid #336699;
}
.tablecomment {
	border: 1px solid #339999;
}
.foottext {color: #FFFFFF}


.calendarHeader { 
    font-weight: bolder; 
    color: #FFFFFF; 
    background-color: #3399CC; 
}

.calendarToday { 
    background-color: #FFE1CE;
	font-weight: bold;
}

.calendar { 
    width:230;
    background-color: #FFFFFF;
}

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
font-family:tahoma;
color:#FF6600;
}
.contenhead4 {
FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	font-weight:bold;
	FONT-FAMILY: "Tahoma";
	background-image:url(images/bgg_4.jpeg);
}
.contenhead3 {
FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	font-weight:bold;
	FONT-FAMILY: "Tahoma";
	background-image:url(images/bgg_3.jpeg);
}

.contenhead2{
FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	font-weight:bold;
	FONT-FAMILY: "Tahoma";
	background-image:url(images/bgg_2.png);
}
.contenhead1{
FONT-SIZE: 13px;
	COLOR: #FFFFFF;
	font-weight:bold;
	FONT-FAMILY: "Tahoma";
	background-image:url(images/bgg_1.png);
}

/*แสดง กรอบ */
fieldset { 
     border:1px solid #999999; 
	 FONT-SIZE: 13px; FONT-FAMILY: "Tahoma", "Tahoma";COLOR: #000000;
	
	 
}
fieldset legend {
     font-weight:bold;
     padding:3px 3px 3px 3px;
}
fieldset div {
     background-color:#F6F6F6;
     display:block;
     margin:3px;
     padding:1px;
}
fieldset cite {
     font-size:120%;
     color:#FFA500;
     font-style:normal;
     text-align:left;
     font-weight:bold;
     margin-left:2px;
}
fieldset span {
     color:#AAAAAA;
     font-size:90%;

}
fieldset p {
     text-align:right;
     color:black;
     border-left:3px solid #CF6A12;
     padding:0px;
     margin:4px 2px 2px 2px;
}
#lyrtooltip {
     position:absolute;
     border:1px solid #FFA500;
     background-color: white;
     padding:3px;
     text-align:left;
}


.highslide-html {
    background-color: white;
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 100;
	filter: Alpha(Opacity=80);
	font-weight: bold;
	color: #000000;
	font-family: MS Sans Serif;
	font-size: 10px;
:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}
.transp {
	filter: Alpha(Opacity=100);
}


#DHTMLgoodies_formTooltipDiv{
	color:#FFF;
	font-family:tahoma;
	font-weight:bold;
	font-size:13 px;
	line-height:120%;
}
.DHTMLgoodies_formTooltip_closeMessage{
	color:#FFFFFF;
	font-weight:normal;
	font-size:10px;
}


/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Tahoma,Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: 4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Tahoma,Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Tahoma,Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}
	
	
/* Main Navigation module---------------------------------------- */

#mainNav {
	width: 930px;
	height: 37px;
	padding: 6px;
	margin: 0 0 0px 0;
	background: url(images/top-menu-bg.gif) no-repeat left top; 
	/* We used a background image making the thick border and the thin one to keep the html structure simple */
}

#mainNav li {
	float: left;
	height: 37px;
	border-right: 1px solid #ddd;
}

#mainNav li a {
	display: block;
	float: left;
	height: 37px;
	font-weight: bold;
	line-height: 37px;
	text-decoration: none;
	color: #646464;
	padding: 0 20px;
}

#mainNav li.logout {
	float: right;
	border-left: 1px solid #ddd;
	border-right: none;
}

#mainNav li a:hover { background: #fdfcf6; }

#mainNav li a.active, #mainNav li a.active {
	background: #f0f0f0 url(images/top-menu-item-bg.gif) repeat-x left top;
	color: #454545;
}

/* Container ---------------------------------------- */

#containerHolder {
	background: #eee;
	padding: 5px;
}


#container {
	background: #fff;
	border: 1px solid #ddd;
	width: 100%;
	padding: 10px;
}
/* Sidebar ---------------------------------------- */

#sidebar {
	width: 179px;
	float: left;
}

#sidebar .sideNav { width: 179px; }

#sidebar .sideNav li { border-bottom: 1px solid #ddd; width: 179px; }

#sidebar .sideNav li a {
	display: block;
	color: #646464;
	background: #f6f6f6;
	text-decoration: none;
	height: 29px;
	line-height: 29px;
	padding: 0 10px;
	width: 179px;
}

#sidebar .sideNav li a:hover { background: #fdfcf6; }

#sidebar .sideNav li a.active, #sidebar .sideNav li a.active:hover {
	background: #f0f7fa;
	color: #c66653;
}

a.button{
	background:url(images/button.gif);
	display:block;
	color:#555555;
	font-weight:bold;
	height:30px;
	line-height:29px;
	margin-bottom:5px;
	text-decoration:none;
	width:191px;
}
a:hover.button{
	color:#0066CC;
}

/* -------------------- */
/* CLASSES				*/
/* -------------------- */
	.add{
		background:url(images/add.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.delete{
		background:url(images/delete.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.user{
		background:url(images/user.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.alert{
		background:url(images/alert.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.msg{
		background:url(images/msg.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.unit{
		background:url(images/unit.gif) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}

	.vech{
		background:url(images/car2.png) no-repeat 10px 8px;
		text-indent:30px;
		display:block;
	}
	.car{
		background:url(images/car.gif) no-repeat 8px 4px;
		text-indent:30px;
		display:block;
	}
	.system{
		background:url(images/system.gif) no-repeat 8px 8px;
		text-indent:30px;
		display:block;
	}
	.store{
		background:url(images/store.png) no-repeat 8px 8px;
		text-indent:30px;
		display:block;
	}
	.sector{
		background:url(images/sector.png) no-repeat 8px 8px;
		text-indent:30px;
		display:block;
	}
	.dep{
		background:url(images/dep.png) no-repeat 8px 8px;
		text-indent:30px;
		display:block;
	}
	/*---------- bubble tooltip -----------*/
a.tt{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff; }
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
	font-weight:normal;
	font-size:12px;
    top:0px; left:0;
	padding: 10px 0 0 0;
	width:200px;
	color: #000000;
    text-align:left;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/bubble.gif) no-repeat bottom;
}

/*------------------------------Footer Start-----------------------------------*/

#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #FFFFFF;
	color:#000000; height:113px; padding:16px 0 0 0;
	}
	
#footer ul.nav{
	margin:0 auto; padding:0; list-style:none; width:950px;
	}
#footer ul.nav li{
	font:bold 13px/18px  Tahoma, Helvetica, sans-serif;
	color:#000000; background-color:#F1F1F1; float:left; display:block;
	}
#footer ul.nav li a{
	font:bold 13px/18px  Tahoma, Helvetica, sans-serif;
	color:#000000; background-color:#F1F1F1; padding:0 9px;
	text-decoration:none; 
	}
#footer ul.nav li a:hover{
	background-color:#CDCBCB; color:#000000;
	}

#footer p.copyright{
	margin:0 auto; padding:5px 0 5px 0; 
	font:normal 13px/26px  Tahoma, Helvetica, sans-serif;
	color:#003F5B; background-color:#F1F1F1;
	}
#footer ul.navlink{
	margin:0 auto; padding:0; width:140px; list-style:none;
	}
#footer ul.navlink li{
	font:bold 10px/13px  Tahoma, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#F1F1F1; float:left;
	margin:0 7px 0 0; 
	}	
#footer ul.navlink li a{
	background:url(images/footer_link.gif) no-repeat 0 0 #F1F1F1;
	font:bold 10px/13px  Tahoma, Helvetica, sans-serif;
	color:#FFFFFF; text-decoration:none; width:50px; height:13px; 
	float:left; display:block; padding:0 0 0 12px;
	}
#footer ul.navlink li a:hover{
	background:url(images/footer_link_on.gif) no-repeat 0 0 #F1F1F1;
	color:#FFFFFF;
	}

#footer p.design{
	font:normal 12px/16px Tahoma, Helvetica, sans-serif;
	color:#414141; background-color:#FFFFFF; 
	margin:8px auto 0 auto; padding:0 2px 0 14px; width:165px;
	}
#footer p.design a{
	font:bold 12px/16px Tahoma, Helvetica, sans-serif;
	color:#414141; background-color:#FFFFFF; text-decoration:none;
	}
#footer p.design a:hover{
	font:bold 12px/16px Tahoma, Helvetica, sans-serif;
	color:#FFFFFF; background-color:#8C8A8A;
	}
	
	

/*------------------------------Footer End-----------------------------------*/

/* CSS Document */
img{border:0px;}
.flt{float:left;}
.menubg{clear:left; background-color:#6FA9C7; width:202px;}
.menu{float:left; clear:left; font:bold 11px Helvetica, Tahoma,sans-serif;}
.menu li {
margin:0px 0px 0px 0px;
	list-style:none;
	}
.menu a, .menu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#cbe7f5;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 8px;
	}
*html .menu a, .menu a:visited {
	width:186px;
	height:22px;
	margin:0px 0px 2px -32px;
	position:relative;
	display:block;
	color:#cbe7f5;
	text-decoration:none;
	background:url(../images/menubg2.jpg) no-repeat;
	padding:4px 0 0 8px;
	}
.menu a:hover, .menu a:active,
.menu li.current_page_item a, .menu li.current_page_item a:visited  {
	background:url(../images/menubg1.jpg) no-repeat;
	text-decoration:none;
	}	
.bot{clear:left;}
	
	#pscroller2{
width: 100%;
height: 30px;
border: 1px solid black;
border-collapse: collapse; border-style: dotted; border-color: #CCCCCC;
padding: 3px;

}

#pscroller2 a{
text-decoration: none;
}

.someclass{
}

#dropmenudiv{
     position:absolute;
     border:1px solid black;
     border-bottom-width: 0;
     font:normal 13px Tahoma;
     line-height:18px;
     z-index:100;
}

#dropmenudiv a{
     width: 100%;
	 font:normal 13px Tahoma;
     display: block;
     text-indent: 3px;
     border-bottom: 1px solid black;
     padding: 1px 0;
     text-decoration: none;
     }

#dropmenudiv a:hover{ /*hover background color*/
     background-color:#FFFFFF;
}


/*------------------------------------------------left--------------------*/
#left{
	width:160px;
	float:left;
	background:url(images/left_bg.gif) 0 0 no-repeat;
	padding:8px 0 0 9px;
}
#left h2{
	display:block;
	width:160px;
	height:26px;
	background:url(images/arrow.gif) 9px 9px no-repeat #454545;
	color:#F9FDFF;
	font:bold 12px/26px Tahoma,Helvetica, sans-serif;
	padding:0 0 0 20px;
	margin:0 0 5px 0;
}
#left ul{
	padding:0 0 0 0px;
	font-size:0;
	line-height:0;
}
#left ul li{
	display:block;
	background:url(images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 15px 14px;
	color:#8F8F8F;
	background-color:inherit;
	font:normal 11px Tahoma,Helvetica, sans-serif;
	margin:0;
	
}
#left ul li span{
	display:block;
	color:#408BAA;
	background-color:inherit;
	font:bold 11px/11px Tahoma,Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0;
}
#left ul li a.grey{
	color:#8F8F8F;
	background-color:inherit;
	font:normal 11px/16px Tahoma,Helvetica, sans-serif;
	text-decoration:underline;
	width:173px;
}
#left ul li a.grey:hover{
	color:#000;
	background-color:inherit;
}
#left ul li a.blue{
	color:#408BAA;
	background-color:inherit;
	font:bold 11px/11px Tahoma,Helvetica, sans-serif;
	text-decoration:underline;
	width:140px;
}
#left ul li a.blue:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------left--------------------*/

.main-menu {
    display: block;
    clear: left;
    width:650px;
	font-family:Tahoma;
	font-size:13px;
	font-weight:bold;

}
.main-item {
    text-decoration: none;
    width: 120px;
    height: 75px;
    padding: 5px;
    color: #000;
    float: left;
    font-size: 14px;
    display: block;
    border: 1px solid #fff;
    text-align: center;
	font-family:Tahoma;
	font-size:12px;

}

.main-item:hover {
    background-color: #f7f7f7;
    color: #888a85;
    border: 1px solid #d3d7cf;
    -moz-border-radius: 4px;
    cursor: pointer;
	font-family:Tahoma;
	font-size:12px;
}

.img-item {
    text-decoration: none;
    width: 120px;
    height: 100px;
    padding: 5px;
    color: #000;
    float: left;
    font-size: 13px;
    display: block;
    border: 1px solid #fff;
    text-align: center;
	font-family:Tahoma;
	font-size:12px;
}

.img-item:hover {
    background-color: #f7f7f7;
    color: #888a85;
    border: 1px solid #d3d7cf;
    -moz-border-radius: 4px;
    cursor: pointer;
	font-family:Tahoma;
	font-size:12px;
}



.main-item-icon {
    width: 48px;
    height: 48px;
    min-width: 48px;
    max-height: 48px;
    display: block;
    margin: 0 auto;
    margin-bottom: 1px;
	font-family:Tahoma;
	font-size:12px;
}


.image {
    float: left;
    border: 1px solid #EC5600;
    margin: 5px 8px 3px 3px;
    padding: 5px;
    background:url(../images/bgr.gif) repeat top;
}
.usericon {
    float: none;
    border: 1px solid #EC5600;
    margin: 5px 8px 3px 3px;
    padding: 5px;
    background:url(../images/bgr.gif) repeat top;
}
#NewsTicker{
	width:260px;
	height:750px;
	margin:0 auto;
}
	#NewsTicker h1{
		padding:6px; margin:0; border:0;
		color:#000000;
		font-size:11px;
		font-weight:bold;
	}
	#NewsVertical {
	width: 260px;
	height: 750px;
	overflow: hidden;
	position: relative;
	}
/* --------------- */
/* Ticker Vertical */
	#TickerVertical {
		width: 260px;
		height: 750px;

		list-style: none;
		margin: 0;
		padding: 0;
	}
	#TickerVertical li {
		
		width: 260px;
	
		text-align: left;
		font-size: 11px;
		margin: 0;
		padding: 6px;
		float: left;
	}
		#TickerVertical li .NewsTitle{
			display: block;
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:2px;
		}
		#TickerVertical li .NewsTitle a:link,
		#TickerVertical li .NewsTitle a:Visited {
			
			color: #000000;
			font-size: 12px;
			font-weight:bold;
			margin-bottom:2px;
			text-decoration:none;
		}
		#TickerVertical li .NewsTitle a:hover {
			text-decoration:underline;
		}
		
		#TickerVertical li .NewsImg{
			float:left;
			margin-right:10px;
		}
		#TickerVertical li .NewsFooter{
			display: block;
			color: #000000;
			font-size: 10px;
			margin:2px 0 14px 0;
		}
		
		#fW_Content {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px 25px; WIDTH: 950px; HEIGHT: 310px
}
#fW_Content IMG {
	WIDTH: 950px; HEIGHT: 310px
}
#fW_Controls {
	DISPLAY: inline; FLOAT: left; MARGIN: 8px 0px 0px 865px; WIDTH: 120px; HEIGHT: 42px
}
#fW_Controls A {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../images/btnFeatureHover.gif) no-repeat; FLOAT: left; WIDTH: 30px; COLOR: white; PADDING-TOP: 6px; HEIGHT: 24px; TEXT-ALIGN: center
}
#fW_Controls A.activeSlide {
	BACKGROUND-POSITION: 0px -30px; COLOR: #ff5300
}
#fW_Controls A:hover {
	BACKGROUND-POSITION: 0px -30px; COLOR: #ff5300
}
#liquid {
	padding: 0px;
	overflow: hidden;
	width: 550px;
}

#liquid .liquids {
	display: block;
	background: #FFF url(images/right.gif) top right no-repeat;
	height: 125px;
}

#liquid ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#liquid li {
	float: left;
}

#liquid .liquid {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 125px;
	width: 178px;
	background: #fff;
	border-right: 5px solid #FFF;
}

#liquid .liquid span {
	position: absolute;
	left: -999px;
	width: 990px;
}

#liquid .web {
	background: #FFF url(images/bbs.gif);
}

#liquid .print {
	background: #FFF url(images/channel.jpg);
}

#liquid .media {
	background: #FFF url(images/download.gif);
	border-right: 0;
}


.bsButton {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	background-color: #EAF4FF;
	color: #FF0000;
	text-align: center;
	padding: 2px 2px;
	font-size: 10pt;
	font-weight: bold;
	border: 1px solid #C1E0FF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}
.bsButton:hover {
	background-color: #E6EFC2;
	border: 1px solid #999999;
}
.bsButtonSmall {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	background-color: #EAF4FF;
	color: #FF0000;
	text-align: center;
	padding: 2px 4px;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #C1E0FF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	text-decoration: none;
}
.bsButtonSmall2 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	background-color: #EAF4FF;
	color: #FF0000;
	text-align: center;
	padding: 2px 4px;
	font-size: 8pt;
	font-weight: bold;
	border: 1px solid #000000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	text-decoration: none;
}
.bsButtonSmall:hover {
	background-color: #C1E0FF;
	border: 1px solid #999999;
}

/*---------------------main_content------------------*/
#main_content{
width:100%;
height: auto;
margin: auto;
padding:0 0 0 3px;
}
.clear{
clear:both;
}

.box_content{
width:260px;
height:auto;
float:left;
margin:10px 5px 30px 0px;
background:url(images/box_bg.gif) no-repeat top center;
}
.box_title{
padding:10px 0 10px 0;
}
.title_icon{
float:left;
padding:6px 5px 0 10px;
}
.box_text_content{
width:260px;
float:left;
padding:15px 0 0 15px;
}
.box_icon{
float:left;
padding:0 5px 0 0 ;
}
.box_text{
width:190px;
float:left;
text-align:justify;
padding:0 0 0 10px;
}
a.details{
float:right;
padding:5px 15px 0 0;
text-decoration:none;
font-weight:bold;
color:#f8851f;
}
/*-------------------------------------*/


/*แสดง กรอบ */
fieldset { 
     border:0px solid #51C1F5; 
	 
	
	 
}
fieldset legend {
     font-weight:bold;
     padding:0px 0px 0px 0px;
	 color:#000000;
}
fieldset div {
     display:block;
     margin:0px;
     padding:1px;
}
fieldset cite {
     font-size:13px;
     color:#FFFFFF;
     font-style:normal;
     text-align:left;
     font-weight:bold;
     margin-left:0px;
}
fieldset span {
     color:#AAAAAA;
     font-size:90%;

}
fieldset p {
     text-align:right;
     color:black;
     border-left:3px solid #CF6A12;
     padding:0px;
     margin:4px 2px 2px 2px;
}