/***********************************************************
*  Generated by :
*  LightningCode 1.3, © 2004-2005 by Gzool Development.
*  http://www.lightningcode.com
* *********************************************************/

H1 
{
	font-weight: bold;
	font-size: 16pt;
	color: #7893a6;
	font-family: Arial;
}

H2
{
	font-weight: bold;
	font-size: 14pt;
	color: #7893a6;
	font-family: Arial;
}
H3
{
	font-weight: bold;
	font-size: 12pt;
	color: #7893a6;
	font-family: Arial;
}

body
{
	font-size: 10pt;
	color: #7893a6;
	font-family: Arial;
}

p
{
	font-size: 10pt;
	color: #7893a6;
	font-family: Arial;
}

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

/* set style for web form/page */
.page
{
	font-size: 10pt;
	color: #7893a6;
	font-family: Arial;
}

/* set style for "Add New Button" in Search-Page's toolbar. */
.addnew_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 68px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 21px;
	background-color: silver;
}


/* set style for "Delete Button" in Search-Page's toolbar. */
.delete_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 59px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 21px;
	background-color: silver;
}


/* set style for "Search Button" in Search-Page's toolbar. */
.search_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 61px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 21px;
	background-color: silver;
}

.table
{
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}

/* set style for "Show All Button" in Search-Page's toolbar. */
.showall_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 70px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 21px;
	background-color: silver;
}


/* 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: 10pt;
	border-left: black 1pt solid;
	width: 40px;
	color: #7893a6;
	border-bottom: black 1pt solid;
	font-family: 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
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' );
	border-left: #969696 1px solid;
	border-bottom: #969696 1px solid;
}

/* 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: 10pt;
	color: #444444;
	font-family: Arial;
}

/* set style for all textbox which lay in toolbar */
.toolbar_textbox
{
	border-right: #000000 1px solid;
	border-top: #000000 1px solid;
	font-size: 10pt;
	border-left: #000000 1px solid;
	color: #444444;
	border-bottom: #000000 1px solid;
	font-family: Arial;
}

/* set style for all combo which lay in toolbar */
.toolbar_combo
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	color: #444444;
	border-bottom: #969696 1px solid;
	font-family: Arial;
}

/* set style for grid generally */
.grid_all
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color= 'gray' , Positive= 'true' );
	border-left: #969696 1px solid;
	border-bottom: #969696 1px solid;
}

/* set style for datagrid's header in Search-Page. */
.grid_header
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	border-top-style: none;
	font-family: Arial;
	border-right-style: none;
	border-left-style: none;
	height: 30px;
	background-color: #7893a6;
	border-bottom-style: none;
}

/* set style for datagrid's item in Search-Page */
.grid_item
{
	font-size: 10pt;
	width: 85%;
	color: #7893a6;
	font-family: Arial;
	background-color: white;
}

/* set style for datagrid's alternating-item in Search-Page */
.grid_alternating
{
	font-size: 10pt;
	width: 85%;
	color: #7893a6;
	font-family: 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: 10pt;
	border-left: #444444 1px solid;
	color: blue;
	border-bottom: #444444 1px solid;
	font-family: Arial;
}

/* set style for datagrid's footer in Search-Page */
.grid_footer
{
	font-size: 10pt;
	color: blue;
	font-family: 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;
}

/* set style for label title */
.label_title
{
	font-weight: bold;
	font-size: 12pt;
	color: white;
	font-family: Arial;
	letter-spacing: 1pt;
	background-color: #7893a6;
}

/* set style for label mandatory */
.label_mandatory
{
	font-weight: bold;
	font-size: 10pt;
	color: red;
	font-family: Arial;
}

/* set style for all label */
.label
{
	font-weight: bold;
	font-size: 10pt;
	color: #7893a6;
	font-family: Arial;
}

.label_white
{
	font-weight: bold;
	font-size: 10pt;
	color: white;
	font-family: Arial;
}

.label_not_bold
{
	font-size: 10pt;
	color: #7893a6;
	font-family: Arial;
}

/* set style for all label in toolbar */
.toolbar_label
{
	font-size: 10pt;
	color: #444444;
	font-family: Arial;
}

/* set style for status-message label */
.status_label
{
	font-size: 10pt;
	color: red;
	font-family: Arial;
}

/* set style for error-message label */
.err_label
{
	font-size: 10pt;
	color: red;
	font-family: Arial;
}

/* set style for all textbox */
.textbox
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	padding-left: 5px;
	font-size: 100%;
	border-left: #969696 1px solid;
	color: #444444;
	border-bottom: #969696 1px solid;
	font-family: Arial;
}

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

/* set style for all image-box */
.image
{
	font-size: 10pt;
	color: #444444;
	font-family: Arial;
}

/* set style for all radio-button */
.radio_button
{
	font-size: 10pt;
	color: #444444;
	font-family: Arial;
}

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




/* set style for "Save Button" in AddNew-Page */
.save_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 75px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 25px;
	background-color: #f7f3f7;
}

/* set style for "Cancel Button" in AddNew-Page and Update-Page */
.cancel_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 75px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 25px;
	background-color: #f7f3f7;
}



/* set style for "Delete Button" in Update-Page */
.delete_button_updatepage
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 75px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 25px;
	background-color: #f7f3f7;
}


/* set style for "Update Button" in Update-Page */
.update_button
{
	border-right: #969696 1px solid;
	border-top: #969696 1px solid;
	font-size: 10pt;
	border-left: #969696 1px solid;
	width: 75px;
	color: #7893a6;
	border-bottom: #969696 1px solid;
	font-family: Arial;
	height: 25px;
	background-color: #f7f3f7;
}
A.menu:link
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

A.menu:visited
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

A.menu:active
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

A.menu:hover
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
	cursor: default;
}

A.menulink:link
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

A.menulink:visited
{
	text-decoration: none;
	color: white;
	font-size: 12px;
	font-weight: bold;
}

A.menulink:active
{
	text-decoration: none;
	color: Silver;
	font-size: 12px;
	font-weight: bold;
}

A.menulink:hover
{
	text-decoration: underline;
	color: Silver;
	font-size: 12px;
	font-weight: bold;
	cursor: hand;
}