body
{
	font: .7em Verdana,Tahoma,Arial,Helvetica, sans-serif;
	margin: 0;
}

button, input[type=button], input[type=submit], input[type=reset]
{
	border-radius: 3px;
	min-height: 28px;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	border: solid 1px #CCCCCC;
	color: #284775;
	background-color: #FFFBFF;
}

button:hover, input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover
{
	border: solid 1px black;
	background-color: #0000b3;
	color: white;
	cursor: pointer;
}

select
{
	border-radius: 3px;
	min-height: 30px;
	border: solid 1px darkgray;
	padding: 5px 3px 5px 3px;
}

input[type=text], input[type=password]
{
	border-radius: 3px;
	border: solid 1px darkgray;
	min-height: 24px;
	padding: 2px;
}

input[type=checkbox], input[type=radio]
{
	-ms-transform: scale(1.2); /* IE */
	-moz-transform: scale(1.2); /* FF */
	-webkit-transform: scale(1.2); /* Safari and Chrome */
	-o-transform: scale(1.2); /* Opera */
	vertical-align: middle;
	margin-top: -1px;
	cursor:pointer;
	padding-right:2px;
	padding-left:5px;
}

input[type=checkbox] + label , input[type=radio] + label
{
	cursor:pointer;
	padding-right:5px;
}

.lookup-image-button
{
	padding-left: 2px;
	padding-right: 5px;
}

.lookup-image-button:hover
{
	cursor: pointer;
}

a
{
	color: #3366CC;
}
.blue
{
	color: #3366CC;
}

a.headerlink
{
	color: black;
	text-decoration: none;
}

a:hover
{
	color: #1D489E;
	text-decoration: none;
}

ul
{
	list-style: url("/shinesfront/images/bullet.gif") outside;
}

table.bulletlist li
{
	list-style: url("/shinesfront/images/bullet.gif");
}

td.toolbar
{
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	background: #999999;
	font: 11px Tahoma, Verdana, Helvetica-Narrow, Helvetica, sans-serif;
}

a.toolbar
{
	color: #FFFFFF;
	font: 11px Tahoma, Verdana, Helvetica-Narrow, Helvetica, sans-serif;
	text-decoration: none;
}

td.mainbody
{
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

table.table
{
	font-size: 1em;
}

/* no longer needed */
span.subhead
{
}
span.header
{
}
table.table pre
{
}
div.code pre
{
}
td.code
{
}
td.caption
{
}

span.caption
{
	font-style: italic;
	margin-top: 5;
}



table.table th
{
	padding-left: 5px;
	background: #DADADA;
	text-align: left;
}


/* not sure what this is used for */
table.table
{
	width: 100%;
}
table.table td
{
	padding: 5px 5px 10px;
	vertical-align: top;
	background: #F1F1F1;
}

.code
{
	overflow: auto;
	width: 98%;
	padding: 1px; /* was 3px */
	color: #669933;
	font-size: 1.2em;
	background-color: #F0F0F0;
	font-family: courier-new; /* added */
}

pre.code
{
	overflow: auto;
	width: 98%;
	padding: 10px; /* was 3px */
	color: #669933;
	font-size: 1.1em;
	background-color: #F0F0F0;
	font-family: courier-new; /* added */
	border: 1px solid #DADADA;
}

code
{
	color: #669933;
	font-size: 1.2em;
	font-family: courier new;
}

.code pre
{
	font-size: 1em;
}

div.indent
{
	padding-left: 25px;
}

/* 
new design styles from Kevin below
*/
h1
{
	display: inline;
	font-size: 14px;
}
h2
{
	font-size: 1.6em;
}
/*h3
{
	font-size: 1.1em;
}*/
h3.inline
{
	font-size: 1em;
	display: inline;
}
h4
{
	font-size: 1em;
}
h5
{
	font-size: 1em;
}
div.inline
{
	padding-bottom: 3px;
}
div.inline h3
{
	display: inline;
}



td.homephoto, td.nav
{
	color: #3366CC;
	border-right: 1px solid #D7D7D7;
	background: #F0F0F0; /* width: 231px;     padding: 10px; */ /* font-family : "Micorosoft Sans-Serif", Tahoma , Verdana, Helvetica-Narrow, Helvetica, sans-serif; */
	font-family: Microsoft Sans Serif, Sans-Serif;
	width: 176px;
	min-height: 530px;
	overflow: auto;
	vertical-align: top;
}

td.homephoto
{
	padding: 0px;
}

td.bannerbg
{
	background: #2E5CB8;
}

.sectiontitle
{
	color: #FFFFFF;
	padding: 5px;
	border-bottom: 3px solid #FFFFFF;
	font-family: Tahoma, Verdana, Helvetica-Narrow, Helvetica, sans-serif;
	background: #3366CC;
}

.new
{
	color: #663333;
	border: 1px solid #ECA67D;
	padding: 10px;
	width: 97%;
	background: #FFFCD6;
}

.newinline
{
	font-weight: bold;
	font-size: 9px;
	color: #FF3300;
	border: 1px solid #ECA67D;
	padding: 0px 2px;
	background: #F6F4C3;
}

.runview
{
	margin-left: 30px;
	border-left: 1px solid #C1C1C1;
	padding: 3px 0px 0px 15px;
	font-weight: bold;
}

.footer
{
	color: #B2B2B2;
}

a.subtoolbar
{
	color: #000000;
	font: 11px Tahoma, Verdana, Helvetica-Narrow, Helvetica, sans-serif;
	text-decoration: none;
}

.PopForm
{
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.PopForm_FieldName
{
	/* background-color:#cac9ca; */
	vertical-align: middle;
	text-align: right;
	padding-left: 5px;
	min-height: 30px;
	height: 30px;
}

.PopForm_FieldValue
{
	/* background-color:#e0dee0; */
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	min-height: 30px;
	height: 30px;
}


.TableForm
{
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.TableForm_FieldName
{
	background-color: #cac9ca;
	vertical-align: middle;
	text-align: left;
	padding: 10px 3px 10px 3px;
	min-height: 30px; /* height: 30px; */
}

.TableForm_FieldValue
{
	background-color: #e0dee0;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	min-height: 30px;
	height: 30px;
}

.TableForm_FieldValue2
{
	background-color: #fddde9;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	min-height: 30px;
	height: 30px;
}

.TableForm_FieldDefault
{
	background-color: #ecf6f9;
	vertical-align: middle;
	text-align: left;
	padding-left: 5px;
	min-height: 30px;
	height: 30px;
}

.TableForm_Action
{
	background-color: #fff7cf;
	vertical-align: middle;
	text-align: center;
	min-height: 30px;
}

.TableForm_Caption
{
	width: calc(100% - 22px);
	vertical-align: middle;
	color: Black;	
    position:relative;
	/*filter: progid:DXImageTransform.Microsoft.Gradient(GradiantType=1,StartColorStr='white',EndColorStr='navy');*/
	/*border: ridge 1px black;*/
    background-color:#94B49F;
    align-items:center;
    align-content:center;
    padding: 10px 10px;
    margin-top:5px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    border:solid 1px black;
    border-bottom:none;
}

.TableForm_Caption Span
{
	color: Black;
	font-size: 10pt;
    font-weight: bold !important;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=whitesmoke,direction=135,enabled=true,strength=2);*/
}

.SectionBox
{
	vertical-align: middle;
	color: #5599bb;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradiantType=1,StartColorStr='#284775',EndColorStr='#5599bb');
	border: ridge 1px gray;
}

.SectionBox_Text Span
{
	float: left;
	display: block;
	color: White;
	font-family: Microsoft Sans Serif, Sans-Serif;
	font-size: 10pt;
	font-weight: 300;
	padding: 5px 5px 5px 5px;
}

.SectionBox_Detail
{
	min-height: 60px;
	border: ridge 1px gray;
	padding-bottom: 5px;
}

.TableForm_WhiteShadow
{
	display: block;
	height: 30px;
	width: auto;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#FFFFFF, 	 			Direction=135,  			Strength=5);
	color: Black;
	font-weight: bold;
	vertical-align: middle;
}

.TransTable
{
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-weight: normal;
	padding: 0px 0px 0px 0px;
}

.TransTable_FieldName
{
	vertical-align: middle;
	text-align: left;
	height: 30px;
}

.TransTable_FieldValue
{
	vertical-align: middle;
	height: 30px;
}

.TransTable_Action
{
	vertical-align: middle;
	text-align: center;
}

/* A:VISITED 
{ 
	color:blue; 
	font-size:10pt;
}

A:ACTIVE 
{ 
	color:red; 
	font-size:10pt;
}

A:HOVER 
{ 
	color:red; 
	font-size:10pt;
}

A:LINK 
{ 
	color:blue; 
	font-size:10pt;
} */

SMALL
{
	font-size: .7em;
}

BIG
{
	font-size: 1.17em;
}

BLOCKQUOTE, PRE
{
	font-family: Courier New, monospace;
}
/* 
UL LI	
{	
	list-style-type:square ;
}	

UL LI LI	
{	
	list-style-type:disc;
}	

UL LI LI LI	
{	
	list-style-type:circle;
}	

OL LI	
{	
	list-style-type:decimal;
}	

OL OL LI	
{	
	list-style-type:lower-alpha;
}	

OL OL OL LI	
{	
	list-style-type:lower-roman;
}
*/

/*Label style*/
.LABEL_SmallHeader
{
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

.LABEL_BigHeader
{
	font-family: Tahoma,ms sans serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

.LABEL_Normal
{
	color: #000000;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-style: normal;
	letter-spacing: normal;
	text-decoration: none;
	text-transform: none;
	word-spacing: normal;
}

.LABEL_GridHeader
{
	font-family: tahoma,ms sans serif; /*	font-size:9pt; 	color:#000000;  	font-style:	normal;*/
	color: white;
	font-size: 10pt;
	font-weight: bolder;
	text-decoration: none;
	word-spacing: normal;
	letter-spacing: normal;
	text-transform: none;
}

.LABEL_WhiteCaption
{
	height: 1em;
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#000000, 	 			Direction=135,  			Strength=5);
	color: Black;
	font-weight: bold;
}


/*.LABEL_WhiteCaption
{
	font-family: tahoma,ms sans serif;
	font-size:10pt;
	color:white;
	font-style:normal;
	text-decoration:none;
	word-spacing:normal;
	letter-spacing:	normal;
	text-transform:none;
	font-weight:bold;
}*/

.INPUT_ENB_REQ
{
	background: #fef2c1;
	border: solid 1px #7f9db9;
	color: #0074bd;
	font-family: tahoma,ms sans serif;
	font-size: 10pt;
}

/* Input style */
.INPUT_ENB
{
	/*background-position: center center;*/ /* border: solid 1px #ACCEFF; */
	border: solid 1px #7f9db9;
	color: #0074bd;
	font-family: tahoma,ms sans serif;
	font-size: 10pt; /* border-bottom: #666666 1px groove; 	border-right: #666666 1px groove; 	border-left: #666666 1px groove; 	border-top: #666666 1px groove; */
}

.INPUT_DSB
{
	background: #ebebeb;
	border: solid 1px #7f9db9;
	color: #000000;
	font-family: tahoma,ms sans serif;
	font-size: 10pt; /*border-bottom: #666666 1px groove; 	border-right: #666666 1px groove; 	border-left: #666666 1px groove; 	border-top: #666666 1px groove;*/
}

.COMBO_ENB
{
	background: #ffffff;
	background-position: center center;
	border-bottom: #666666 1px groove;
	border-right: #666666 1px groove;
	border-left: #666666 1px groove;
	border-top: #666666 1px groove;
	color: #0074bd;
	font-family: tahoma,ms sans serif;
	font-size: 10pt;
	width: 150px;
	list-face-color: #66add7;
	list-highlight-color: #66add7;
	list-shadow-color: #336633;
	list-3dlight-color: #336633;
	list-arrow-color: #336633;
	list-track-color: #ffffff;
	list-darkshadow-color: #a4bfdd;
	list-base-color: #ffffff;
}

.COMBO_DSB
{
	background: #ebebeb;
	background-position: center center;
	border-bottom: #666666 1px groove;
	border-right: #666666 1px groove;
	border-left: #666666 1px groove;
	border-top: #666666 1px groove; /* color: #000000; */
	color: Red;
	font-family: tahoma,ms sans serif;
	font-size: 10pt;
	width: 150px;
}

.CHECK_ENB
{
	color: #000000;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-style: normal;
}

.CHECK_DSB
{
	color: #000000;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-style: normal;
}

.RADIO_ENB
{
	color: #000000;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-style: normal;
}

.RADIO_DSB
{
	background: #ebebeb;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-style: normal;
}

/*Button style*/
.BUTTON_HIDE
{
	visibility: hidden;
}

.BUTTON_ENB, .Command_Enb
{
	/* border-style: ridge; */ /* color: #000000; */ /* font: 10pt Tahoma,ms sans serif; */ /*	height: 17pt; */ /* cursor: hand;  */
}

.BUTTON_DSB, .Command_Dsb
{
	/*	border-style: ridge; */ /* color: #000000; */ /* font: 10pt Tahoma,ms sans serif; */ /* height: 17pt; */
}

.SDataGrid
{
	font-family: Tahoma,ms sans serif; /* background-color:#333333; */
	font-size: 10pt; /* background-color:White; */ /* font-size:x-small; */
}

.SDataGrid caption
{
	background-color: #5D7B9D;
	color: white;
	font-size: 11pt;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
	padding-left: 5px;
	border-top: solid 1px white;
	border-left: solid 1px white; /* border-right : solid 1px white; */
	height: 20px;
}

.SDataGrid_ITEM
{
	background-color: #F7F6F3;
	color: #333333; /* background-color:WhiteSmoke; */
	height: 28px;
}

.SDataGrid_ALTITEM
{
	background-color: White;
	color: #284775; /*background-color:GhostWhite; */
	height: 28px;
}

.SDataGrid_SELECT
{
	color: #333333;
	background-color: #E2DED6; /*color:blue; 	background-color:#ffffcc;*/
	height: 28px;
}

.SDataGrid_HEADER, .SDataGrid_HEADER a:link, .SDataGrid_HEADER a:visited, .SDataGrid_HEADER a:hover
{
	/* <HeaderStyle BackColor="#5D7B9D" ForeColor="White" Font-Bold="True"></HeaderStyle> */
	color: White;
	background-color: #5D7B9D; /* color:White; */ /* background:#006699; */
	font-family: Tahoma,ms sans serif;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	height: 32px;
}

.SDataGrid_ADDPANEL, .SDataGrid_ADDPANEL a:link, .SDataGrid_ADDPANEL a:visited, .SDataGrid_ADDPANEL a:hover
{
	color: #990000;
	background: #5599bb;
	font-family: Tahoma,ms sans serif;
	font-weight: bold;
	font-size: 10pt;
	vertical-align: middle;
	text-align: center;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	height: 24px;
}

.SDataGrid_FOOTER
{
	/* <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White"></FooterStyle>	 */
	color: White;
	background-color: #5D7B9D;
	font-weight: bold; /*color: #000066; 	background-color:lavender;	*/
}

.SDataGrid_PAGER, .SDataGrid_PAGER a:link, .SDataGrid_PAGER a:visited, .SDataGrid_PAGER a:hover
{
	/* <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" */
	padding-right: 5px;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	color: White;
	background-color: #284775; /*color:#000066; 	background-color:white;*/
	text-align: right;
}

.SDataGrid_PAGER span
{
	/* <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" */
	padding-right: 5px;
	font-family: Tahoma,ms sans serif;
	font-size: 10pt;
	font-weight: bold;
	color: #dF7E3D;
	background-color: #284775; /*color:#000066; 	background-color:white;*/
	text-align: right;
}

.SDataGrid_Empty
{
	color: #678197;
	border: 2px solid #e5eff8;
	padding: 15px;
	text-align: center;
	background-color: #f7fbff;
	font-weight: bold;
	width: 98%;
}

.SPanel
{
	background-color: WhiteSmoke;
}

/*Modal Popup*/
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffdd;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 250px;
}

.Lookup
{
	font-family: Microsoft Sans Serif, MS Sans Serif, Tahoma;
	font-size: 10pt;
}

.Lookup_Header
{
	font-family: Microsoft Sans Serif, MS Sans Serif, Tahoma;
	font-size: 10pt;
	font-weight: bold;
	font-size: 14pt;
	background-color: #DFA894;
	height: 30px;
}

.Lookup_Item
{
	font-family: Microsoft Sans Serif, MS Sans Serif, Tahoma;
	font-size: 10pt;
	background-color: #FFECD8;
	height: 25px;
}

.Lookup_Alternating
{
	font-family: Microsoft Sans Serif, MS Sans Serif, Tahoma;
	font-size: 10pt;
	background-color: #ffcccc;
	height: 25px;
}

.Waiting_Container
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

.Waiting_Background
{
	background-color: gray; /* the background          */
	filter: alpha(opacity=50); /* Internet Explorer       */
	-moz-opacity: 0.5; /* Mozilla 1.6 and below   */
	opacity: 0.5; /* newer Mozilla and CSS-3 */
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999;
}

.Waiting_Text
{
	background-color: transparent; /* transparent background      */
	z-index: 999999; /* place it over the other DIV */
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.Waiting_Invisible
{
	/*make invisible*/
	display: none;
}

/*this is what we want the div to look like
  when it IS showing*/
.Waiting_Visible
{
	/*make visible*/
	display: block; /*set the div in the center of the screen*/
	position: absolute;
	top: 40%; /*left:30%;*/
	width: 400px;
}


/* Test */
/* ajax modal dialog styles */
.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalBox
{
	/*	background-color : #f5f5f5; 	border-width: 3px; 	border-style: solid; 	border-color: Blue; 	padding: 3px; 	// Old */
	border-right: #bad8fb 1px solid;
	padding-right: 4px;
	border-top: #bad8fb 1px solid;
	padding-left: 4px;
	background: #f2f6fd;
	padding-bottom: 4px;
	border-left: #bad8fb 1px solid;
	padding-top: 4px;
	border-bottom: #bad8fb 1px solid;
}
.modalCaption
{
	background-image: url("/shinesfront/images/modalcaption.jpg");
	background-repeat: repeat-x;
	vertical-align: middle;
	text-align: center;
	border: solid 1px #06c;
	min-height: 25px;
	margin: 5px 3px 3px 3px;
	cursor: hand;
}

/* tweb modal dialog styles */
.modalPanelTitle td
{
	padding: 3px;
	font-weight: bold;
	font-size: 0.9em;
	background-image: url("/shinesfront/images/window_titlebg.gif");
	cursor: pointer;
	color: black;
	font-family: Verdana;
	width: 100%;
	height: 30px;
	background-color: #6f90dc;
}

.modalPanel
{
	z-index: 500;
	width: 500px;
	border: solid 1px #275473;
	position: absolute;
	border-collapse: collapse;
	background-color: #f0faff;
}

.modalPanel td
{
	vertical-align: top;
}

.titleIcon
{
	padding-right: 20px;
}

.divCol
{
	font-weight: bold;
	float: left;
	width: 120px;
	text-align: right;
	margin-right: 10px;
	white-space: nowrap;
}
/*no width on the last col so it will expand*/
.divColLast
{
	float: left;
	white-space: nowrap;
}
/* 2010-09-23 ไม่แน่ใจว่าส่วนนี้ใช้ที่ตรงไหน  แต่มันไปกระทบกับ Grid
//.caption, table caption */
.caption
{
	background-color: #aaa;
	/*background-image: url("/shinesfront/images/tilebg_tablecaption.gif");*/
	color: #000;
	font-size: 16pt;
	font-weight: bold;
	border: 0;
	border-bottom: solid 1px #737373;
	white-space: nowrap;
	text-align: center;
}

.clearer
{
	clear: both;
	overflow: hidden;
	background-color: transparent;
	filter: alpha(opacity=0);
	opacity: 0.0;
	height: 1px;
	margin: 1px 1px 1px 1px;
	max-height: 2px;
}

/*-------- Toolbar Like Vista ------------*/
.clear-all
{
	clear: both;
	line-height: 0;
	height: 0;
}

.vista_toolbar
{
	float: left;
	font: normal 12px 'Trebuchet MS' , 'Arial';
	margin: 0;
	padding: 0;
	width: calc(100% - 20px); /* test เพราะถ้าเป็น Wide Screen มันไม่ยืดตาม */
}

.vista_toolbar ul
{
	background-image: url("/shinesfront/images/vista_toolbar/back.gif");
	background-repeat: repeat-x;
	float: left;
	line-height: 32px;
	list-style: none;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 100%;
}

.vista_toolbar li
{
	display: inline;
	padding: 0;
}

.vista_toolbar a
{
	color: #FFF; /* need because it will use default link color */
	float: left;
	padding: 0 3px 0 3px; /* left 3 px because of left.png image */
	text-decoration: none;
}

.vista_toolbar a span
{
	display: block;
	float: none;
	padding: 0 10px 0 7px;
}

.vista_toolbar a span img
{
	border: none;
	margin: 8px 4px 0 0;
}

/* show picture when mouse over link */
.vista_toolbar a:hover
{
	background: url("/shinesfront/images/vista_toolbar/left.png") no-repeat left center;
}

.vista_toolbar a:hover span
{
	background: url("/shinesfront/images/vista_toolbar/right.png") no-repeat right center;
}

.vista_toolbar a.right
{
	float: right; /* for help button - just add class "right" ->  <a class="right"... */
}
/*----------------------------------------*/


/*- Menu Tabs G--------------------------- */
.tabsG
{
	float: left;
	width: 100%;
	background: #666;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	line-height: normal;
}
.tabsG ul
{
	margin: 0;
	padding: 5px 10px 0 20px;
	list-style: none;
}
.tabsG li
{
	display: inline;
	margin: 0;
	padding: 0;
}
.tabsG a
{
	float: left;
	background: url("/SHINesFront/Images/NavigationBar/tableftG.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}
.tabsG a span
{
	float: left;
	display: block;
	background: url("/SHINesFront/Images/NavigationBar/tabrightG.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.tabsG a span
{
	float: none;
}
/* End IE5-Mac hack */
.tabsG a:hover span
{
	color: #FFF;
}
.tabsG a:hover
{
	background-position: 0% -42px;
}
.tabsG a:hover span
{
	background-position: 100% -42px;
}
.tabsG a.active
{
	background-position: 0% -42px;
}
.tabsG a span.active
{
	background-position: 100% -42px;
}
/* -----------------------------------------------*/

.PathBar
{
	background-color: #dd7c3b;
	min-height: 4px;
	height: 25px;
	overflow: auto;
	color: White;
	width: 100%;
	vertical-align: middle;
	display: inline-block;
}

.GROUPING_PANEL
{
	background-color: #f7fbff;
	border-style: solid;
	border-width: 2px;
	border-color: #e5eff8; /* text-align:center; */
}

/* ---------- Search Result Table ----------- */
.TBL_RESULT
{
	border-top: 2px solid #e5eff8;
	border-right: 2px solid #e5eff8;
	margin: 1em auto;
	border-collapse: collapse;
}

/* .TBL_RESULT tr.odd td */
.TBL_RESULT .odd .cell
{
	background: #f7fbff;
}

.TBL_RESULT tr.odd .column1
{
	background: #f4f9fe;
}

.TBL_RESULT .column1
{
	background: #f9fcfe;
}

/* .TBL_RESULT td  */
.TBL_RESULT .cell
{
	color: #678197;
	border-bottom: 2px solid #e5eff8;
	border-left: 2px solid #e5eff8;
	padding: .3em 1em;
	text-align: left;
	font: bold 1.2em/2em "Tahoma" , "Microsoft Sans Serif";
}

.TBL_RESULT th
{
	font-weight: normal;
	color: #678197;
	text-align: center;
	border-bottom: 2px solid #e5eff8; /* border-left:2px solid #e5eff8; 	padding:.3em 1em; */
}

.TBL_RESULT thead th
{
	background: #CAE8EA; /* #f4f9fe; */
	text-align: center;
	font: bold 1.2em/2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
	color: #66a3d3;
}

.TBL_RESULT tfoot th
{
	background: #CAE8EA; /* #f4f9fe; */
	text-align: center;
	font: bold 1.2em/2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
	color: #66a3d3;
}

.TBL_RESULT tfoot th strong
{
	font: bold 1.2em "Century Gothic" , "Trebuchet MS" ,Arial,Helvetica,sans-serif;
	margin: .5em .5em .5em 0;
	color: #66a3d3;
}

.TBL_RESULT tfoot th em
{
	color: #f03b58;
	font-weight: bold;
	font-size: 1.1em;
	font-style: normal;
}

/* ------------------------------------------ */

/*CollapsiblePanel*/
.collapsePanel
{
	background-color: #F0F0F0;
	overflow: hidden;
	border-bottom: solid 1px black;
	border-left: solid 1px black;
	border-right: solid 1px black;
}

.collapsePanelHeader
{
	width: 100%;
	height: 30px;
	background-image: url("/shinesfront/images/bg-menu-main.png");
	background-repeat: repeat-x;
	color: #FFF;
	font-weight: bold;
}
/* ------------------------------------------ */

/* ------------------------------------------ */
.DIV_CONTENT
{
	min-height: 500px;
	width: 100%;
}
/* ------------------------------------------ */

.LookupImageButton
{
	cursor:pointer;
}

h2.my-0 {
    margin-block-start: 0;
    margin-block-end: 0;
}

.my-0 {
    margin-top:0px;
    margin-bottom:0px;
}

.taxcode-checkboxlist  {
    /*width : 100%;*/
}

.taxcode-checkboxlist td {
    /*display: flex;
    justify-content: flex-start;
    column-gap:1rem;*/
    padding-top: 0.5rem;
    padding-bottom: 0.25rem;
    padding-left: 0.25rem;
    padding-right: 1rem;
}

.taxcode-checkboxlist td > label {
    margin-left: 0.25rem;
}

.text-start {
    text-align:left !important;
}

.py-1 {
    padding-top : 0.75rem;
    padding-bottom : 0.75rem;
}

.px-1 {
    padding-left : 0.75rem;
    padding-right : 0.75rem;
}