/*
	Standard Style Sheet for CampusNet - Corporate
	
	Revised by	:	Mike Maske, Mar.  3, 2003 -- added left justified HTML textbox for EmpConfi
	Revised by	:	Mike Maske, Mar. 11, 2003 -- add a delete button style for EmpConfi
	TODO		:	Make the font-family Linux Browser safe
	Revised by 	:	Mike Maske, Aug. 31, 2003 -- adopted to Feati CampusNet
	Revised by	:	Mike Maske, Oct. 16, 2003 -- .client_name class

	Revised by	:	Mike Maske, Nov.  9, 2004 -- demo for RetailNet prototype without getting recent copy
					from production codes of CampusNet.

*/


/* ----- Start of RetailNet Prototype Demo, merge with recent css from CampusNet later ----- */

/* the normal receipt font for non-pre/monospace implementation */
.pos_receipt_data
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Monospace,Tahoma,Arial,'Luxi Sans',Helvetica
}
.pos_receipt_data td
{
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: middle
}
/* for discounts, surcharge, negated items, etc. */
.pos_receipt_adj
{
    COLOR: red;
}
/* for cancelled should be striked out. */
.pos_receipt_cancelled
{
    COLOR: red;
    TEXT-DECORATION: line-through
}

.pos_receipt_heading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: black;
    FONT-FAMILY: Monospace,Tahoma,Arial,'Luxi Sans',Helvetica
}

.pos_receipt_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #0080c0;
    FONT-FAMILY: Monospace,Tahoma,Arial,'Luxi Sans',Helvetica;
    BACKGROUND-COLOR: #C0C0C0
}



/* ----- End of RetailNet Prototype Demo, merge with recent css from CampusNet later ----- */

/* body (over decorated, do not use)
{ 
	scrollbar-3d-light-color : Aqua;	
	scrollbar-arrow-color : white;	
	scrollbar-base-color : silver; 
	scrollbar-dark-shadow-color : white; 
	scrollbar-face-color : #0080c0;	
	scrollbar-highlight-color : silver;	
	scrollbar-shadow-color : Blue;	
	scrollbar-track-color : silver
} */

/* All link (anchor) except when contained in user_data class table */
a
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: blue;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: none
}
a:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: #1e90ff;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: underline
}
a:focus
{
    BACKGROUND-COLOR: #ffffd5
}
img:focus
{
    BACKGROUND-COLOR: #ffffd5
}

a img:hover
{
/*  Colors #ffffd5 - chalk, #E0F4FE pale blue */
    BACKGROUND-COLOR: #ffffd5
}

/* Label for data entry : header portion */
.user_entry
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica;
    FONT-STYLE: normal;
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top
}
.user_entry td
{
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top
}

/* Style for data grid */
.user_data
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica
}
.user_radio
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 8pt;
}
.user_data td
{
    TEXT-ALIGN: left;
    VERTICAL-ALIGN: top
}
.user_data a
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: blue;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: none
}
.user_data a:hover
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: #1e90ff;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: underline
}

/* Error Screen and annoucements */
.user_error td
{
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    TEXT-ALIGN: right;
    VERTICAL-ALIGN: top
}
.user_error a
{
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    COLOR: blue;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: none
}
.user_error a:hover
{
    FONT-SIZE: 14pt;
    FONT-WEIGHT: bold;
    COLOR: #1e90ff;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: underline
}

/* Main menu items */
.icon_area td
{ 
	TEXT-ALIGN: center
}
.mesg_area td
{
	TEXT-ALIGN: left; 
	VERTICAL-ALIGN: top; 
	FONT-SIZE: 8pt; 
	FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica
}

/* Data grid title */
.user_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #0080c0;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica
}
.user_title a
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #0080c0;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica
}
.user_title a:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #0080c0;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica;
    TEXT-DECORATION: underline
}

/* on screen legend text; found at the bottom of the page */
.user_legend
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-SIZE: 7pt;
    COLOR: red;
    FONT-FAMILY: Arial,Tahoma,'Luxi Sans',Helvetica
}

/* on screen help text */
.user_help
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-SIZE: 7pt;
    COLOR: blue !important;
    FONT-FAMILY: Arial,Tahoma,'Luxi Sans',Helvetica
}

/* for in-line text (span.user_text) that may change in value when other control does */
.user_text
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    FONT-STYLE: italic;
    COLOR: gray;
    FONT-FAMILY: Arial, Tahoma,'Luxi Sans',Helvetica
}

input, select, option, textarea
{
    /* Comment out, do not use here
    BORDER-RIGHT: #c0c0c0 1px solid;
    BORDER-TOP: #c0c0c0 1px solid;
    BORDER-LEFT: #c0c0c0 1px solid;
    BORDER-BOTTOM: #c0c0c0 1px solid;
    */
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica
}
input:focus, select:focus, option:focus, textarea:focus
{
    /* CSS level 2 compliant browser only */
    BACKGROUND-COLOR: #ffffd5
}
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus
{
    /* CSS level 2 compliant browser only */
    /* BACKGROUND-COLOR: #0080c0;
    COLOR: #ffffd5
    TEXT-DECORATION: blink;   */
    BACKGROUND-COLOR: LightBlue;
    COLOR: DarkBlue
}
img
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}

.url_finder
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    COLOR: white;
    FONT-FAMILY: Arial,Tahoma,'Luxi Sans',Helvetica
}
.prog_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #0080c0;
    FONT-FAMILY: Arial,Helvetica,'Luxi Sans'
}
.prog_desc
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #0080c0;
    FONT-FAMILY: Arial,Helvetica,'Luxi Sans'
}
.prog_ackn
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 6pt;
    COLOR: #0080c0;
    FONT-FAMILY: Verdana,Arial,'Luxi Sans',Helvetica
}
.grid_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #0080c0;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica;
    CURSOR: help;
    BACKGROUND-COLOR: #C0C0C0
}
.alt_grid
{
    BACKGROUND-COLOR: #ffffd5
}

/* Customer Name on Header */
.client_name
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #FFFFD5;
    TEXT-ALIGN: right;
    FONT-FAMILY: 'Times New Roman',Helvetica,'Luxi Sans'

}

/* MIKE: To avoid having to define lots of control id here, define basic input text and buttons here */
.control_code
{
    TEXT-TRANSFORM: uppercase;
    FONT-WEIGHT: bold
} 
.control_delete
{
    COLOR: red;
    FONT-WEIGHT: bold
}
.control_number
{
    TEXT-ALIGN: right
}

/* HTML variable for common capitalization, red button & right justified numbers */
#txtEmpNo, #txtAccountNo, #txtSSSNo, #txtPagibigNo, #txtTaxNo, #txtCode, #txtCaseNo, #txtBatchNo,
#txtPHNo, #txtHMINo, #txtStudentNo, #txtSubjCode, #txtDaysCode, #txtAPNo
{
    TEXT-TRANSFORM: uppercase
} 
#cmdDelete, #cmdHireDel, #cmdDepsDel, #cmdWorkDel, #cmdDetlDel, #cmdSalaDel, #cmdDelete2,
#cmdSubjDel, #cmdEducDel, #cmdDSubDel, #cmdDReqDel, #cmdXtraDel, #cmdDetlDelTools, #cmdAcctDel,
#cmdAssetDel, #cmdDetlDelFacu, #cmdDetlDelRDeg, #cmdAptitudeDel, #cmdScholarDel, #cmdPersonalityDel,
#cmdCareerInterestDel, #cmdInterviewDel, #cmdPeriodicDel, #cmdFinalsDel, #cmdSubjDel, #cmdDeleteDisc,
#cmdSubjCancel, #cmdMedDel, #cmdExamDel, #cmdVacDel, #cmdAllergyDel, #cmdEmpDel, #cmdStudDel, #cmdDetlDelRef,
#cmdComDel, #cmdAccntDel, #cmdExpenseDel, #cmdSupplierDel, #cmdPhysDel
{
    COLOR: red;
    FONT-WEIGHT: bold
}
#txtAmount, #txtSalary, #txtAllowance, #txtHours, #txtFreq, #txtDays, #txtDaysApproved,
#txtMonthlyWage, #txtDailyWage, #txtMonthlyAllowance, #txtDailyAllowance, #txtPrice, #txtSubtotal,
#txtQuantity, #txtPayment, #txtPaymentConfirm, #txtPoints, #txtCost, #txtBudgetAmt, #txtMonIncome
{
    TEXT-ALIGN: right
}