body{
	margin:0px;
	padding:0px;
}
table{
	padding:0px;

	/*width:100%;*/
}
th{
	background-image: url(none);
}
td{
	background-image:url(none);
	vertical-align:middle;
}

/*	for textarea	*/
	textarea.small{
		height:50px;
		width:400px
	}
	textarea.medium{
		height:100px;
		width:400px	
	}
	textarea.big{
		height:150px;
		width:400px	
	}
/*	end for text area */

.txt{
	border: solid 1px #737373;	
	color: black;
	FONT-FAMILY:  tahoma;
	font-size:13px;
	background: white;
}
.chk{
	color: #333333;
	FONT-FAMILY:  tahoma;
	font-size:13px;
}
.file{
	border: solid 1px #d5d5d5;	
	color: #333333;
	FONT-FAMILY:  tahoma;
	font-size:13px;
	background: #E9EFF5;
}
.sel{
	border: solid 1px #d5d5d5;	
	color: #333333;
	FONT-FAMILY:  tahoma;
	font-size:13px;
	background: #E9EFF5;

}
.btn{
	border: solid 1px Gray;	
	color: #333333;
	cursor:pointer;
	FONT-FAMILY:  tahoma;
	font-size:13px;
	background: url(../image/btn.gif) repeat left;
}
.area{
	border: solid 1px #d5d5d5;	
	color: #333333;
	FONT-FAMILY:  tahoma;
	font-size:13px;
	background: #E9EFF5;
}

.center
{
	text-align:center;
}
div.left
{
	float:left;
}
.total_number
{
	float:right;
	font-size:1.5em;
	text-align:right;
	width:100%;
}
.total_number span.label{
	text-align:right;
	line-height:30px;
	width:170px;
	font-weight:400;
}
.total_number span.input{
	text-align:right;
	line-height:30px;
	width:120px;
}
p.right
{
	text-align:right;
}

td.break_line{
	line-height: 5px;
}

#footer{
	padding-top: 10px;
	font-size:13px;
}

div.menu
{
	FONT-FAMILY:  Tahoma;
	font-size:18px;
	color:#355fbd;
	text-align:left;
	clear:both;
}
div.search
{
	float:left;
	vertical-align:bottom ;
}

div.search2
{
	float:left;
	vertical-align:bottom ;
}

div.table
{
/*	clear:both;*/
	padding-top:5px;
}

BODY {
	color : Black;
	background-color: white;
	/*background-color: #E4E5E9;*/

	font-family: Tahoma;
	font-size: 12px;
}

.menubackgr {
	background: url(../image/detailbar.gif) repeat-x;
	background-color: #F1F3F5;
	/*border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid white;
	/*color: #FF8E0A;*/
	color: #FF8E0A;
	font-weight: bold;
	font-size: 13px;

}
.menubackgr strong{
	/*background: #F1F3F5;
	color:#404040;*/
	color:black;
}

.text_report{
    COLOR: black;
    
	FONT-FAMILY: Tahoma;
	font-size:13px;
}
.text_orange
{
	color:orange;
}
a {
	color: #30569D;
	text-decoration: none;
	cursor:pointer;
}
a:hover {
	color : #FF6600;
	text-decoration : underline;
}
a:active {
	color : #FF9900;
	text-decoration : underline;
}
a.toolbar {
	color : #FF6600;
	font-weight: normal;
	text-decoration : none;
}
a.toolbar:hover {
	color : #808080;
	font-weight: normal;
	text-decoration : none;
}
a.toolbar:active {
	color : #FF9900;
	text-decoration : none;
}
.pagenav {
	font-size : 11px;
	text-decoration : none;
}
a.pagenav {
	color : #808080;
	font-size : 11px;
	text-decoration : none;
}
a.pagenav:hover {
	color : #FFFFFF;
	font-size : 11px;
	text-decoration : none;
}
a.pagenav:active {
	color : #333333;
	font-size : 11px;
	text-decoration : none;
}
.sectionname {
	color : #FF9900;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 18px;
	font-weight: bold;
}
.button {
	font-family: Tahoma,sans-serif;
	border-top : solid 1px #d5d5d5;
	border-right : solid 1px #808080;
	border-bottom : solid 1px #808080;
	border-left : solid 1px #d5d5d5;
	color : #333;
	width: auto;
	height: 20px;
	font-weight : bold;
}
.inputbox {
	color: blue;
	background: #E9EFF5;
	font-family: Verdana, Helvetica, sans-serif;
	z-index: -3;
	font-size: 11px;
}
.text_area {
        border : 1px solid #999;
        color: blue;
        background: #F9F9F9;
        font-family: tahoma;
        z-index: -3;
        font-size: 11px
}
INPUT, TEXTAREA, SELECT {
	color : blue;
	z-index : -3;
	font-size: 11px;
}
.small {
	color : #FF9900;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	text-decoration : none;
}
.smallgrey {
	color : #999;
	font-size : 10px;
}
.error {
	color : #C40000;
	font-size : 15px;
	font-weight : bold;
}
.contentheading, .componentheading, .moduleheading {
	font-size: 14px;
	font-weight: bold;
}
table.menubar {
	width: 100%;
}
td {
	font-size: 11px;
}
/* header block */
table.adminheading {
	background-color: #FFF;
	font-family : Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	border-collapse: collapse;
	color: #355fbd;
	font-size : 18px;
	font-weight: bold;
	text-align: left;
}
table.adminheading th {
	width: 60%;
	height: 50px;
	padding-left: 50px;
	background: url(../../../images/asterisk.png) no-repeat left;
}
table.adminheading th.songreq {
	background: url(../image/icon/48_songsms.gif) no-repeat left;
}
table.adminheading th.cpanel {
	background: url(../image/icon/tools.gif) no-repeat left;
}
table.adminheading th.allsms {
	background: url(../image/icon/48_allsms.gif) no-repeat left;
}
table.adminheading th.vote {
	background: url(../image/icon/48_vote.gif) no-repeat left;
}
table.adminheading th.event {
	background: url(../image/icon/48_spevent.gif) no-repeat left;
}
table.adminheading th.birthday {
	background: url(../image/icon/48_birth.gif) no-repeat left;
}
table.adminheading th.member {
	background: url(../image/icon/48_member.gif) no-repeat left;
}
table.adminheading th.changepass {
	background: url(../image/icon/48_login.gif) no-repeat left;
}
table.adminheading th.tempbox {
	background: url(../image/icon/48_tempsms.gif) no-repeat left;
}
table.adminheading th.prize {
	background: url(../image/icon/48_prize.gif) no-repeat left;
}
table.adminheading th.report {
	background: url(../image/icon/48_report.gif) no-repeat left;
}

table.adminheading td {
	color : #000;
	font-size:11px;
	font-family : tahoma;
	font-weight: Bold;
}
/* standard list style table */
table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #787878;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.adminlist th.title {
	text-align: left;
}

table.adminlist th a {
	color: #ff9900;
}

table.adminlist tr.row0 {
	background-color: #FFF;
}
table.adminlist tr.row1 {
	background-color: #FFF;
}
table.adminlist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
	color: black;
	font-family: Tahoma;
	font-size:13px;
}
table.adminlist tr.row0:hover {
	background-color: #f1f1f1;
}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}

select.options, input.options {
	font-size: 8px;
	font-weight: normal;
	border: 1px solid #999999;
}
/* standard form style table */
table.adminform {
	background-color: #ffffff;
	border: solid 1px #d5d5d5;
	padding: 10px;
	width: 100%;
	border-collapse: collapse;
}

table.border {
	background-color: #ffffff;
	border: solid 1px #787878;
	border-collapse: collapse;
}

table.border2 {
	background-color: #ffffff;
	border: solid 1px #787878;
	border-collapse: collapse;
}

table.border2 td {
	border-bottom: 1px solid #e6e6e6;
	padding: 4px;
	color: black;
	font-family: tahoma;
	font-size:12px;
}
table.border2 tr.row0 {
	background-color: #FFF;
}
table.border2 tr.row1 {
	background-color: #F7F7F7;
}

table.adminform tr.row0 {
	background-color: #f5f5f5;
}

table.adminform tr.row1 {
	background-color: #eeeeee;
}
table.adminform th {
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: left;
	height: 25px;
	color: #ffffff;
	background: url(../images/login/background.gif);
	background-repeat: repeat;
}
table.adminlist th {
	margin: 0px;
	padding: 6px 4px 2px 4px;
	height: 25px;
	background: url(../image/login/background.gif);
	background-repeat: repeat;
	font-size: 11px;
	color: #000000;
}
table.adminform td {
	padding: 3px;
	text-align: left;
}
table.adminform td.editor {
	font-size: 9px;
}

table.adminform2 {
	background-color: #ffffff;
	border: solid 1px #787878;
	padding: 10px;
	border-collapse: collapse;
}
table.adminform2 tr.row0 {
	background-color: #f5f5f5;
}
table.adminform2 tr.row1 {
	background-color: #eeeeee;
}

table.adminform2 td {
	padding: 3px;
}
table.adminform2 td.editor {
	font-size: 9px;
}

table.cpanel{
	border: solid 1px #d5d5d5;
}

table.cpanel td {

	text-align: center;
}

form {
	margin: 0px 0px 0px 0px;
}
/* Styles for dhtml tabbed-pages */
.ontab {
	font-size: 12px;
	background-color: #ffae00;
	border: 1px solid #cccccc;
	width: 14%;
	text-align: center;
	cursor: hand;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	font-size: 12px;
	background-color : #e5e5e5;
	border: 1px solid #cccccc;
	width: 14%;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
	/*border-bottom: solid 1px #D5D5D5;*/
}
.tabheading {
	background-color: #FFAE00;
	color: #FFF;
	font-size: 10px;
	text-align: left;
}
.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
.menubg {
	background: #787878;
	border-bottom: 1px solid #FFC401;
}
.menudottedline {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #ffffff;
	/*background-color: #F1F3F5;*/
}

.pathway {
	border: 1px inset;
	background-color: #FFF;
	padding: 2px;
	width: 95%;
	margin: 3px;
	font-size : 13px;
}
.adminheader {
	color : #FF9900;
	font-size : 24px;
}
/* Text passed with mosmsg url parameter */
.message {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 14px;
	color : #FF9900;
	text-align: center;
}
.main {
	border: 0x solid #d5d5d5;
	padding-top:0.5em;
	width: 98%;
}
.quote {
	margin: 4px;
	border: 1px solid #cccccc;
	background-color: #E9ECEF;
	padding: 10px;
	font-size: 12px;
	color: #254D78;
}

.fontwhite
{
	color:white;
	font-weight: bold;
}

.fontchoose
{
	color:#FF7700;
	font-weight: bold;
}

.text_white_bold13
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
}

.text_black
{
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
}

.text_msg
{
	color: black;
	font-family: Tahoma;
	font-size:13px;
}

.button2 {
	border : solid 1px #787878;
	background: #E1E1E1;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 1px;
}
.text_foot
{
	color: white;
	FONT-FAMILY: Tahoma;
	font-size:11px;
	font-weight:bold;
}
.text_gray
{
	color: #50504E;
	font-family: Tahoma, 'tahoma';
	font-size:12px;
}
.submitbtn
{
    FONT-SIZE: 12px;
	FONT-WEIGHT:bold;
    CURSOR: hand;
    COLOR: black;
    FONT-FAMILY: 'tahoma';
	
    BACKGROUND-COLOR: #EEEEE3 ;
	text-align:center;
	vertical-align:center;

	width:55;
	height:20;
}
.text_black_head
{
	color: black;
	FONT-FAMILY:  tahoma;
	font-size:11px;
	font-weight:bold;
}
.solidleft
{
	border-left: solid 1px black;

}
.solidlefttop
{
	border-left: solid 1px black;
	border-top: solid 1px black;
}
.solidtop
{
	border-top: solid 1px black;
}
.solidtopbottom
{
	border-bottom: solid 1px black;
	border-top: solid 1px black;
}
.solidlefttopbottom
{
	border-left: solid 1px black;
	border-top: solid 1px black;
		border-bottom: solid 1px black;
}

.solidbottom
{
	border-bottom: solid 1px #787878;
}

.solidbottomblack
{
	border-bottom: solid 1px black;
}

font.errpicture{
	color:red;
	font-size:12px;
	font-weight: bold;
}
.addbox{
	border: solid 1px #99999999;
	font-size:13px;
	FONT-FAMILY:  tahoma;
}
font.crows{
	color: #FF8E0A;
}

table.tbltotal{
	width:100%;
}
table.tbltotal tr td{
	border:0px solid black;
	vertical-align: middle;
	text-align:left;
	height:24px;
	color:#555555;
	font-weight:bold;
}

/*   Table tblhead description header */
	table.tblhead{
		/*border: solid 1px black;*/
		text-align:center;
		/*background-color: #E4E5E9;*/
		width:100%;
	}

	table.tblhead th{
		FONT-FAMILY:  Tahoma;
		font-size:18px;
		color:#FF8E0A;
		vertical-align: top;
		text-align:left;
	}
	table.tblhead td{
		vertical-align: top;
		FONT-FAMILY:  Tahoma;
		font-size:13px;	
		text-align:left;
		text-indent: 30px;
		color: #555555;
	}

	table.tblhead td.break_line{
		line-height:0px;
		background-color:#cccccc;
	}

	table.tblhead #headhr{
		line-height:0px;
		background-color:#cccccc;
	}
/*  End Table tblhead */

/*Table Detail*/
	table.tbldetail{
		border: solid 1px #54595F;
		FONT-FAMILY:  tahoma;
		background-color:white;
	}

	table.tbldetail th{
		background-image: url(../image/bardetail.gif);

		background-repeat: repeat-x;
		height:22px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
	}

	table.tbldetail td{
		font-size:13px;
		color:black;
		height:24px;
		FONT-FAMILY:  tahoma;
	}
	table.tbldetail td.label{
		text-align:right;
	}
	table.tbldetail td.control{
		text-align:left;
		padding-left:10px;
		padding-right:10px;
	}
	table.tbldetail td.text{
		text-align:left;
		font-weight:bold;
	}
	table.tbldetail td.r_space{
		padding-right:50px;
	}
/*End Table Detail*/

/*Table search*/
	table.tblsearch{
		border: solid 1px #54595F;
		FONT-FAMILY:  tahoma;
		background-color:#F8F0F9;
	}


	table.tblsearch th{
		background-image: url(../image/barsearch.gif);
		background-repeat: repeat-x;
		height:22px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
	}
	table.tblsearch td{
		font-size:13px;
		color:black;
		height:24px;
		FONT-FAMILY:  tahoma;
	}
	table.tblsearch td.label{
		text-align:right;
	}
	table.tblsearch td.control{
		text-align:left;
		padding-left:10px;
		padding-right:10px;
	}
	table.tblsearch td.text{
		text-align:left;
		font-weight:bold;
	}
	table.tblsearch td.r_space{
		padding-right:50px;
	}
/*End Table Search*/

/*Popup Table search*/
	table.tblsearch_popup{
		border: solid 1px #54595F;
		FONT-FAMILY:  tahoma;
		background-color:white;
	}


	table.tblsearch_popup tr th{
		background-image: url(../image/barsearch.gif);
		background-repeat: repeat-x;
		height:24px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
	}
	table.tblsearch_popup tr td{
		font-size:13px;
		color:black;
		height:24px;
		FONT-FAMILY:  tahoma;
	}
	table.tblsearch_popup tr td.label{
		text-align:right;
	}
	table.tblsearch_popup tr td.control{
		text-align:left;
		padding-left:10px;
		padding-right:10px;
	}
	table.tblsearch_popup tr td.text{
		text-align:left;
		font-weight:bold;
	}
	table.tblsearch_popup  tr td.r_space{
		padding-right:50px;
	}
/*End Popup Table Search*/
/*Popup Table View*/
	table.tblview_popup{
		width:100%;
		border-top: solid 1px #54595F;
		border-left: solid 1px #54595F;
	}

	table.tblview_popup .mouseover{
		background-color:#ffe5e5;
	}
	table.tblview_popup .selected{
		background-color:#D7E4BC;
	}
	table.tblview_popup th{
		font-size:13px;
		font-family:  tahoma;
		color: #404040;
		text-align: center;
		vertical-align:middle;
		height:25px;
		white-space:nowrap;
		border-right: solid 1px #54595F;
		border-bottom: solid 1px #54595F;
		background-color: #DEDFE3;	
		background-image:none;
	}

	table.tblview_popup th a{
		color: #404040;
	}

	table.tblview_popup th.title{
		background-image: url(../image/bar01.gif);
		border-right: solid 1px #54595F;
		color: white;
		text-align: left;
		padding-left:5px;
		height:22px;
	}

	table.tblview_popup td{
		text-align: center;
		font-size:13px;
		FONT-FAMILY:  tahoma;
		height: 30px;
		vertical-align:middle;
		border-right: solid 1px #54595F;
		border-bottom: solid 1px #54595F;
	}

	table.tblview_popup th.head_grid{
		background-image: url(../image/bar01.gif);
		background-color: #b9ccf7;
		font-size:13px;
		font-family:  tahoma;
		color:#1a3a7a;
		text-align: center;
		vertical-align:middle;
		height:24px;
			border-left: solid 1px #54595F;
			border-top: solid 1px #54595F;	
			white-space:nowrap;
	}
	table.tblview_popup th.total{
		background-color: #DEDFE3;
		color:#404040;
			border-bottom: solid 1px #54595F;
			border-right: solid 1px #54595F;
			height: 20px;
	}
	table.tblview_popup th.total .numrow{
		float:left;
	}
	table.tblview_popup th.totalnumber{
		background-color:pink;
		color:red;
		text-align:right;
		padding-right:3px;
	}
	table.tblview_popup th.total .page{
		color: #FF8E0A;
		float:right;
	}
	table.tblview_popup th.total .page b{
		color: #404040;
	}
	table.tblview_popup th.head
	{
		font-weight:normal;
		background-color: white;
		border: 0px;
		padding-bottom:2px;
	}
	table.tblview_popup th.head_tab
	{
		background-color: #355fbd;
		height:24px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
	}
	table.tblview_popup .sortrow{
		float:right;
	}
	table.tblview_popup .addedit{
		float:left;
	}
	table.tblview_popup .rowswap{
		background-color: #EEEEEE;
	}

	table.tblview_popup .checkbox{
		width:1%;
		padding-left:5px;
		padding-right:5px;
		white-space:nowrap;
		text-align:center;
	}
	table.tblview_popup .name{
		text-align:left;
		padding-left:8px;
	}
	table.tblview_popup .number{
		text-align:right;
		
	}
	.right{
		float:right;
	}
	table.tblview_popup .datetime , table.tblview_popup .status {
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		width:1%;
		white-space:nowrap;
	}
	table.tblview_popup .icon{
		width:1%;
		white-space:nowrap;
		padding-left:5px;
		padding-right:5px;
		text-align:center;
		cursor:pointer;
	}
/*End Popup Table View*/



/*Table View*/
	.mark_report{
		background-color:#D7E4BC;
	}

	table.tblview{
		width:100%;
		border-top: solid 1px #54595F;
		border-left: solid 1px #54595F;
	}

	table.tblview .mouseover{
		background-color:#ffe5e5;
	}
	table.tblview .selected{
		background-color:#D7E4BC;
	}
	table.tblview th{
		font-size:13px;
		font-family:  tahoma;
		color: #404040;
		text-align: center;
		vertical-align:middle;
		height:25px;
		white-space:nowrap;
		border-right: solid 1px #54595F;
		border-bottom: solid 1px #54595F;
		background-color: #DEDFE3;
		background-image:none;
	}

	table.tblview th a{
		color: #404040;
	}

	table.tblview th.title{
		background-image: url(../image/bar01.gif);
		border-right: solid 1px #54595F;
		color: white;
		text-align: left;
		padding-left:5px;
		height:22px;
	}
	table.tblview th.graph{
		background-color:#F8F8D8;
		padding:0px;
	}
	table.tblview td{
		font-size:13px;
		FONT-FAMILY:  tahoma;
		height: 30px;
		vertical-align:middle;
		border-right: solid 1px #54595F;
		border-bottom: solid 1px #54595F;
		padding: 0px 2px 0px 2px;
	}
	table.tblview td.graph{
		background-color:#F8F8D8;
		padding:0px;
		border:0px;
	}
	table.tblview td.notfound{
		font-weight:bold;
		color:red;
		text-align:center;
		vertical-align:middle;
	}

	table.tblview th.head_grid{
		background-image: url(../image/bar01.gif);
		background-color: #b9ccf7;
		font-size:13px;
		font-family:  tahoma;
		color:#1a3a7a;
		text-align: center;
		vertical-align:middle;
		height:24px;
			border-left: solid 1px #54595F;
			border-top: solid 1px #54595F;	
			white-space:nowrap;
	}
	table.tblview th.total{
		background-color: #DEDFE3;
		color:#404040;
			border-bottom: solid 1px #54595F;
			border-right: solid 1px #54595F;
			height: 22px;
	}
	table.tblview th.total .numrow{
		float:left;
	}
	table.tblview th.totalnumber{
		background-color:pink;
		color:red;
		text-align:right;
		padding-right:3px;
	}
	table.tblview th.total .page{
		color: #FF8E0A;
		float:right;
	}
	table.tblview th.total .page b{
		color: #404040;
	}
	table.tblview th.head
	{
		font-weight:normal;
		background-color: white;
		border: 0px;
		padding-bottom:2px;
	}
	table.tblview th.head_tab
	{
		background-color: #355fbd;
		height:24px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
	}
	table.tblview .sortrow{
		float:right;
	}
	table.tblview .addedit{
		float:left;
	}
	table.tblview .rowswap{
		background-color: #EEEEEE;
	}

	table.tblview .checkbox{
		width:1%;
		padding-left:5px;
		padding-right:5px;
		white-space:nowrap;
		text-align:center;
	}
	table.tblview .name{
		text-align:left;
		padding-left:8px;
	}
	table.tblview .number{
		text-align:right;
		
	}
	.right{
		float:right;
	}
	table.tblview .datetime , table.tblview .status {
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		width:1%;
		white-space:nowrap;
	}
	table.tblview .icon{
		width:1%;
		white-space:nowrap;
		padding-left:5px;
		padding-right:5px;
		text-align:center;
		cursor:pointer;
	}
/*	End Table View	 */

/*  Table Popup tblsubview*/
	table.tblsubview{
		border: solid 1px #54595F;
		background-color: #F3F7E9;

	}
	table.tblsubview th{
		background-image: url(../image/bar_edit.gif);
		background-repeat: repeat-x;

		background-color: white;
		height:22px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
			/*border-bottom: solid 1px #a7a6aa;*/
	}
	table.tblsubview td{

/*		text-align: left;                      yew comment*/ 
		vertical-align: top;
		font-size:13px;
		color:#51535F;
	}
	table.tblsubview td.notfound{
		font-weight:bold;
		color:red;
		text-align:center;
		vertical-align:middle;
	}
	table.tblsubview .label{
		padding-left:5px;
		padding-top:2px;
		text-align: right;
	}
	table.tblsubview .label2{
		padding-left:15px;
		padding-top:2px;
		text-align: right;
	}
	table.tblsubview .control{
		padding-left:10px;
		text-align: left;
		padding-right:10px;
		padding-top:2px;
	}
	table.tblsubview .head_in{
		border-top: solid 1px #a7a6aa;
	}
	table.tblsubview .spacebegin{
		padding-left:50px;
	}
	table.tblsubview td.center{
		text-align: center;
	}
/*  End Table Popup tblsubview */


/*  Table tbledit*/
	table.tbledit{
		border: solid 1px #54595F;
		background-color: #F3F7E9;

	}
	table.tbledit th{
		background-image: url(../image/bar_edit.gif);
		background-repeat: repeat-x;

		background-color: white;
		height:22px;
		text-align:left;
		vertical-align:middle;
		font-size:13px;
		color:white;
		FONT-FAMILY:  tahoma;
		padding-left:5px;
			/*border-bottom: solid 1px #a7a6aa;*/
	}

	table.tbledit tr td{
		/*vertical-align: top;*/
	}

	/*	table inside tbledit	*/
		/*	tbledit_data	*/
			table.tbledit_data{
				background-color: white;
				border: 1px solid #54595F;
				padding:0px;
			}
			table.tbledit th{
				background-image: url(../image/bar_edit.gif);
				background-repeat: repeat-x;

				background-color: white;
				height:22px;
				text-align:left;
				vertical-align:middle;
				font-size:13px;
				color:white;
				FONT-FAMILY:  tahoma;
				padding-left:5px;
					/*border-bottom: solid 1px #a7a6aa;*/
			}
			table.tbledit_data td{
				text-align: left;
				vertical-align: top;
				font-size:13px;
				color:#51535F;
				padding-top:5px;
				padding-top:5px;
			}
			table.tbledit_data .label{
				padding-left:5px;
				padding-top:2px;
				text-align: right;
			}
			table.tbledit_data .label2{
				padding-left:15px;
				padding-top:2px;
				text-align: right;
			}
			table.tbledit_data .control{
				padding-left:10px;
				text-align: left;
				padding-right:10px;
				padding-top:2px;
			}
			table.tbledit_data .head_in{
				border-top: solid 1px #a7a6aa;
			}
			table.tbledit_data .spacebegin{
				padding-left:50px;
			}
			table.tbledit_data td.center{
				text-align: center;
			}
		/*	tbledit_view	*/
			table.tbledit_view{
				border-top: solid 1px #54595F;
				border-left: solid 1px #54595F;
				background-color: white;
			}

			table.tbledit_view .mouseover{
				background-color:#ffe5e5;
			}
			table.tbledit_view .selected{
				background-color:#D7E4BC;
			}
			table.tbledit_view tr th{
				font-size:13px;
				font-family:  tahoma;
				color: #404040;
				text-align: center;
				vertical-align:middle;
				height:25px;
				white-space:nowrap;
				border-right: solid 1px #54595F;
				border-bottom: solid 1px #54595F;
				background-color: #DEDFE3;	
				background-image: none;
			}

			table.tbledit_view th a{
				color: #404040;
			}

			table.tbledit_view th.title{
				background-image: url(../image/bar01.gif);
				border-right: solid 1px #54595F;
				color: white;
				text-align: left;
				padding-left:5px;
				height:22px;
			}

			table.tbledit_view td{
				text-align: center;
				font-size:13px;
				FONT-FAMILY:  tahoma;
				height: 30px;
				vertical-align:middle;
				border-right: solid 1px #54595F;
				border-bottom: solid 1px #54595F;

			}
			table.tbledit_view td.notfound{
				font-weight:bold;
				color:red;
				text-align:center;
				vertical-align:middle;
			}
			table.tbledit_view th.head_grid{
				background-image: url(../image/bar01.gif);
				background-color: #b9ccf7;
				font-size:13px;
				font-family:  tahoma;
				color:#1a3a7a;
				text-align: center;
				vertical-align:middle;
				height:24px;
					border-left: solid 1px #54595F;
					border-top: solid 1px #54595F;	
					white-space:nowrap;
			}
			table.tbledit_view th.total{
				background-color: #DEDFE3;
				color:#404040;
					border-bottom: solid 1px #54595F;
					border-right: solid 1px #54595F;
					height: 22px;
			}
			table.tbledit_view th.total .numrow{
				height: 25px;
				float:left;
			}
			table.tbledit_view th.totalnumber{
				background-color:pink;
				color:red;
				text-align:right;
				padding-right:3px;
			}
			table.tbledit_view th.total .page{
				color: #FF8E0A;
				float:right;
			}
			table.tbledit_view th.total .page b{
				color: #404040;
			}
			table.tbledit_view th.head
			{
				font-weight:normal;
				background-color: white;
				border: 0px;
				padding-bottom:2px;
			}
			table.tbledit_view th.head_tab
			{
				background-color: #355fbd;
				height:24px;
				text-align:left;
				vertical-align:middle;
				font-size:13px;
				color:white;
				FONT-FAMILY:  tahoma;
				padding-left:5px;
			}
			table.tbledit_view .sortrow{
				float:right;
			}
			table.tbledit_view .addedit{
				float:left;
			}
			table.tbledit_view .rowswap{
				background-color: #EEEEEE;
			}

			table.tbledit_view .checkbox{
				width:1%;
				padding-left:5px;
				padding-right:5px;
				white-space:nowrap;
				text-align:center;
			}
			table.tbledit_view .name{
				text-align:left;
				padding-left:5px;
			}
			table.tbledit_view .number{
				text-align:right;
				
			}
			.right{
				float:right;
			}
			table.tbledit_view .datetime , table.tbledit_view .status {
				text-align:center;
				padding-left:10px;
				padding-right:10px;
				width:1%;
				white-space:nowrap;
			}
			table.tbledit_view .icon{
				width:1%;
				white-space:nowrap;
				padding-left:5px;
				padding-right:5px;
				text-align:center;
				cursor:pointer;
			}


		/*	tbledit_detail	*/
			table.tbledit_detail{
				border: solid 1px #54595F;
				FONT-FAMILY:  tahoma;
				background-color:white;
			}


			table.tbledit_detail tr th{
				background-image: url(../image/bar01.gif);
				background-repeat: repeat-x;
				height:24px;
				text-align:left;
				vertical-align:middle;
				font-size:13px;
				color:white;
				FONT-FAMILY:  tahoma;
				padding-left:5px;
			}
			table.tbledit_detail tr td{
				font-size:13px;
				color:black;
				FONT-FAMILY:  tahoma;
			}
			table.tbledit_detail tr td.label{
				text-align:right;
			}
			table.tbledit_detail tr td.control{
				text-align:left;
				padding-left:10px;
				padding-right:10px;
			}
			table.tbledit_detail tr td.text{
				text-align:left;
				font-weight:bold;
			}
			table.tbledit_detail  tr td.r_space{
				padding-right:50px;
			}
	/*	end table inside tbledit*/
/*  End Table tbledit */

/* table not found */
.notfound{
	font-weight:bold;
	color:red;
	text-align:center;
	vertical-align:middle;
}
	



/*	tblnavigatebar	*/
table.tblnavigatebar{
	background: transparent url('../image/bar_nevigator.gif') repeat;
}
table.tblnavigatebar tr td{
	height: 22px;
}
/*	tblnavigatebar	*/

/* Kae */
.clear-all {
	clear:both;
	line-height:0px;
	height:0px;
}


/*»ØèÁ*/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background:  url('../image/button/l_b.gif') no-repeat top left;
display: block;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 19px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 21px; /* Height of button background height */
padding-left: 3px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
	color: #3865A3; 
}

a.ovalbutton span{
	background:  url('../image/button/r_b.gif') no-repeat top right;
	display: block;
	padding: 1px 7px 1px 5px; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover,a.ovalbutton:visited{ 
/*	background-position: bottom left;*/
	text-decoration: none;
}

a.ovalbutton:hover span{ 
/*background-position: bottom right;*/
color: #3865A3;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
}

b.search_header{	
/*for th title*/
	background: transparent url('../image/16search.gif') no-repeat top left;	
	padding-left:18px;
}

b.search{	
/*for button*/
	background: transparent url('../image/16search.gif') no-repeat top left;	
	padding-left:18px;
	color: #3865A3;
}
b.add{
	background: transparent url('../image/16plus.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.del{
	background: transparent url('../image/16del.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.edit{
	background: transparent url('../image/16edit.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.view{
	background: transparent url('../image/16view.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.save{
	background: transparent url('../image/16_save.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.cancel{
	background: transparent url('../image/16_cancel.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.setvalue{
	background: transparent url('../image/16_refresh.gif') no-repeat center left;	
	padding-left:18px;
	color: #6DA157;
}
b.signout{
	background: transparent url('../image/16redel.gif') no-repeat center left;	
	padding-left:18px;
	color: #FF8E0A;
}

/*end button*/

/* new button */
div.button{
	float:left;
	cursor:pointer;
	border:0px;
	font-size:12px;
	font-family:tahoma;
}
div.button div.l{
	float:left;
	background:url(../image/button/bl.gif) no-repeat;
	width:4px;padding:3px 0px 5px 0px;
}
div.button div.r{
	float:left;
	background:url(../image/button/br.gif) no-repeat;
	width:4px;
	padding:3px 0px 5px 0px;
}

div.button div.search_header{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.search_header div.img{
	width:16px;
	background:url(../image/16search.gif) no-repeat;
	float:left
}
div.button div.search_header div.text{
	float:left;
}

div.button div.search{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.search div.img{
	width:16px;
	background:url(../image/16search.gif) no-repeat;
	float:left
}
div.button div.search div.text{
	float:left;
	color: #3865A3;
}

div.button div.divbtn{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.divbtn div.img{
	width:2px;
	float:left
}
div.button div.divbtn div.text{
	float:left;
	color: #3865A3;
}

div.button div.add{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.add div.img{
	width:16px;
	background:url(../image/16plus.gif) no-repeat;
	float:left
}
div.button div.add div.text{
	float:left;
	color: #6DA157;
}

div.button div.del{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.del div.img{
	width:16px;
	background:url(../image/16del.gif) no-repeat;
	float:left
}
div.button div.del div.text{
	float:left;
	color: #6DA157;
}


div.button div.edit{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.edit div.img{
	width:16px;
	background:url(../image/16edit.gif) no-repeat;
	float:left
}
div.button div.edit div.text{
	float:left;
	color: #6DA157;
}

div.button div.view{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.view div.img{
	width:16px;
	background:url(../image/16view.gif) no-repeat;
	float:left
}
div.button div.view div.text{
	float:left;
	color: #6DA157;
}

div.button div.save{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.save div.img{
	width:16px;
	background:url(../image/16_save.gif) no-repeat;
	float:left
}
div.button div.save div.text{
	float:left;
	color: #6DA157;
}

div.button div.cancel{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.cancel div.img{
	width:16px;
	background:url(../image/16_cancel.gif) no-repeat;
	float:left
}
div.button div.cancel div.text{
	float:left;
	color: #6DA157;
}

div.button div.setvalue{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.setvalue div.img{
	width:16px;
	background:url(../image/16_refresh.gif) no-repeat;
	float:left
}
div.button div.setvalue div.text{
	float:left;
	color: #6DA157;
}

div.button div.signout{
	float:left;
	background:url(../image/button/bc.gif) repeat-x;
	padding:3px 0px 5px 0px;
}
div.button div.signout div.img{
	width:16px;
	background:url(../image/16redel.gif) no-repeat;
	float:left
}
div.button div.signout div.text{
	float:left;
	color: #6DA157;
}

/* end new button */




fieldset{
	padding:5px 10px 5px 10px;
	text-align:left;
	font-family: tahoma;
	font-size: 12px;
	margin-left:20px;
}
legend{
	font-weight:bold;
	font-family: tahoma;
	font-size: 12px;
}


/*	Building	*/
div.zoneall{
	width:250px;
	cursor:pointer;
}
div.zoneall div.zonebase{
	height:8px;
	width:100%;
	background-color:#76AD11;
	border:1px solid gray;
}
div.zoneall div.zonebody{
	height:20px;
	width:95%;
	background-color:#FFF5C8;
	border:1px solid gray;
	border-bottom:0px;
	border-top:0px;
	float:center;
}
div.zoneall div.zonebody span{
	color: black;
	font-weight:bold;
}

div.zoneall div.zonebody_over{
	height:20px;
	width:95%;
	background-color:#FF8636;
	border:1px solid gray;
	border-bottom:0px;
	border-top:0px;
	float:center;
}
div.zoneall div.zonebody_over span{
	color: black;
	font-weight:bold;
}

div.basebuilding{
	height:20px;
	width:280px;
	background-color:#385A67;
	border:1px solid gray;
}

div.top_building{
	background:url(../image/floor_top.gif) no-repeat;
	height:65px;
	width:300px;
}
div.middle_building{
	background:url(../image/floor_middle.gif) no-repeat;
	height:33px;
	text-align:center;
	width:300px;
	cursor:pointer;
}
div.bottom_building{
	background:url(../image/floor_bottom.gif) no-repeat;
	height:93px;
	text-align:center;
	width:300px;
	cursor:pointer;
}
/*	End Building	*/