body
{
}

a:link, a:visited { text-decoration:none; }
a:hover { color: #cc0000; }

/* set style for web form/page */
.page
{
	font-size: 72%;
	color: #444444;
	font-family: Helvetica, Arial;
}

.smp_border
{
	border-right: #006699 1pt solid;
	border-top: #006699 1pt solid;
	font-size: 72%;
	border-left: #006699 1pt solid;
	border-bottom: #006699 1pt solid;
	font-family: Helvetica, Arial;
	/*background-color: #e5ecf9;*/
}

.smp_border1
{
	border-right: #e5ecf9 1pt solid;
	border-top: #e5ecf9 1pt solid;
	font-size: 100%;
	border-left: #e5ecf9 1pt solid;
	border-bottom: #e5ecf9 1pt solid;
	font-family: Helvetica, Arial;
	background-color: #e5ecf9;
}
.smp_BorderBancian
{
	border-right: #006699 1pt solid;
	border-top: #006699 1pt solid;
	font-size: 100%;
	border-left: #006699 1pt solid;
	border-bottom: #006699 1pt solid;
	font-family: Helvetica, Arial;
	background-color: #e5ecf9;
}
/* set style for "Add New Button" in Search-Page's toolbar. */
.addnew_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 68px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}

.button_blue
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 68px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 16px;
	background-color: #dce6f0;
}

.button_green
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 68px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 16px;
	background-color: #DDFFDD;
}

.button_red
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 68px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 16px;
	background-color: #FFD7D7;
}


/* set style for "Delete Button" in Search-Page's toolbar. */
.delete_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 59px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}


/* set style for "Search Button" in Search-Page's toolbar. */
.search_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 61px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}


/* set style for "Show All Button" in Search-Page's toolbar. */
.showall_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 70px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}

.showall_buttonpjg
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 100px;
	color: #444444;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}


/* set style for "Page Size Button" in Search-Page's toolbar. */
.pagesize_button
{	
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 40px;
	color: #444444 ;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}


/* set style for toolbar.
 * note: this style only put the background in table which act as a toolbar."
 */    
.toolbar
{

}

/* set style for toolbar.
 * note: this style only put the background in table which act as a toolbar's border."
 */    
.toolbar_border
{
}

/* set style for all label which lay in toolbar */
.toolbar_label
{
	font-size: 72%;
	color: #444444 ;
	font-family: Helvetica, Arial;
}

/* set style for all textbox which lay in toolbar */
.toolbar_textbox
{
	font-size: 72%;
	color: #444444 ;
	font-family: Helvetica, Arial;
}

/* set style for all combo which lay in toolbar */
.toolbar_combo
{
	font-size: 72%;
	color: #444444 ;
	font-family: Helvetica, Arial;
}

/* set style for grid generally */
.grid_all
{
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=2, OffY=2, Color= 'gray' , Positive= 'true' );
}

/* set style for datagrid's header in Search-Page. */
.grid_header
{
	font-weight: bold;
	font-size: 72%;
	color: white;
	border-top-style: none;
	font-family: Helvetica, Arial;
	border-right-style: none;
	border-left-style: none;
	background-color: #6699ff;
	border-bottom-style: none;
}

/* set style for datagrid's item in Search-Page */
.grid_item
{
	font-size: 72%;
	width: 85%;
	color: #444444 ;
	font-family: Helvetica, Arial;
	background-color: white;
}

/* set style for datagrid's alternating-item in Search-Page */
.grid_alternating
{
	font-size: 72%;
	width: 85%;
	color: #444444;
	font-family: Helvetica, Arial;
	background-color: whitesmoke;
}

/* set style for datagrid's pager in Search-Page */
.grid_pager
{
	border-right: #444444  1px solid;
	border-top: #444444  1px solid;
	font-size: 72%;
	border-left: #444444  1px solid;
	color: blue;
	border-bottom: #444444  1px solid;
	font-family: Helvetica, Arial;	
}

/* set style for datagrid's footer in Search-Page */
.grid_footer
{
	font-size: 72%;
	color: blue;
	font-family: Helvetica, Arial;
}

/* set style for all line <hr> */
.line
{
	border-left-color: lightsteelblue;
	border-bottom-color: lightsteelblue;
	border-top-style: solid;
	border-top-color: lightsteelblue;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: lightsteelblue;
	border-bottom-style: solid;
}

.line1
{
	border-left-color: #DBFBE0;
	border-bottom-color: #DBFBE0;
	border-top-style: solid;
	border-top-color: #DBFBE0;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DBFBE0;
	border-bottom-style: solid;
}

.listbox
{
	border-left-color: lightsteelblue;
	border-bottom-color: lightsteelblue;
	border-top-style: solid;
	border-top-color: lightsteelblue;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: lightsteelblue;
	border-bottom-style: solid;
}
/* set style for label title */
.label_title
{
	font-weight: bold;
	font-size: x-small;
	color: black;
	font-family: Helvetica, Arial;
	letter-spacing: 1pt;
}

/* set style for label mandatory */
.label_mandatory
{
	font-weight: bold;
	font-size: 72%;
	color: red;
	font-family: Helvetica, Arial;
}

/* set style for all label */
.label
{
	font-weight: bold;
	font-size: 72%;
	color: #444444 ;
	font-family: Helvetica, Arial;
}

/* set style for all label in toolbar */
.toolbar_label
{
	font-size: 72%;
	color: #444444 ;
	font-family: Helvetica, Arial;
}

/* set style for status-message label */
.status_label
{
	font-size: 72%;
	color: red;
	font-family: Helvetica, Arial;
}

/* set style for error-message label */
.err_label
{
	font-size: 72%;
	color: red;
	font-family: Helvetica, Arial;
}

/* set style for all textbox */
.textbox
{
	border-right: darkgray 1pt solid;
	border-top: darkgray 1pt solid;
	font-size: 72%;
	border-left: darkgray 1pt solid;
	color: #444444;
	border-bottom: darkgray 1pt solid;
	font-family: Helvetica, Arial;
}

/* set style for all readonly-textbox */
.readonly_textbox
{
	border-right: darkgray 1pt solid;
	border-top: darkgray 1pt solid;
	font-size: 72%;
	border-left: darkgray 1pt solid;
	color: #444444;
	border-bottom: darkgray 1pt solid;
	font-family: Helvetica, Arial;
}

/* set style for all image-box */
.image
{
	font-size: 72%;
	color: #444444 ;
	font-family: Helvetica, Arial;	
}

/* set style for all radio-button */
.radio_button
{
	font-size: 70%;
	color: #444444;
	font-family: Helvetica, Arial;
}

/* set style for all validator component
   ex: compare validator, required field validator, etc.
*/
.validator
{
	font-size: 72%;
	color: red;
	font-family: Helvetica, Arial;
}




/* set style for "Save Button" in AddNew-Page */
.save_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 75px;
	color: black;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}

.save_button1
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 75px;
	color: black;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #BFFFBF;
}

/* set style for "Cancel Button" in AddNew-Page and Update-Page */
.cancel_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 75px;
	color: black;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}



/* set style for "Delete Button" in Update-Page */
.delete_button_updatepage
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 75px;
	color: black;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}


/* set style for "Update Button" in Update-Page */
.update_button
{
	border-right: black 1pt solid;
	border-top: black 1pt solid;
	font-size: 72%;
	border-left: black 1pt solid;
	width: 75px;
	color: black;
	border-bottom: black 1pt solid;
	font-family: Helvetica, Arial;
	height: 21px;
	background-color: #dce6f0;
}