/*
	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: 10pt;
    COLOR: #2B2B2B;
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    TEXT-DECORATION: none
}
a:hover
{
/*    FONT-WEIGHT: bold;*/
    FONT-SIZE: 10pt;
    COLOR: #C21B1B;
/*    text-shadow: 0 0 1px #ff964d;*/
    FONT-FAMILY: Arial,Verdana,'Luxi Sans',Helvetica;
    
}
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;
    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_ackn
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 6.5pt;
    COLOR: #2d2d2d;
    FONT-FAMILY: Verdana,Arial,'Luxi Sans',Helvetica
}

.grid_title td
{
	TEXT-TRANSFORM: uppercase;
	TEXT-ALIGN: center;
}

.grid_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 10pt;
    COLOR: #0080c0;
    FONT-FAMILY: Tahoma,Arial,'Luxi Sans',Helvetica;
    TEXT-ALIGN: center;
    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
}

/*BELEN: Font use for manual*/
.manual_text
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    FONT-FAMILY: Arial, Tahoma,'Luxi Sans',Helvetica;
}


/* 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
{
    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
}



/*=================================================*/
/*REVISED BY: GERLIE R. MONTEALEGRE*/
        /*NEW PORTAL DESIGN*/
/*=================================================*/



.menu
{

    font-family: calibri,sans-serif;
    text-decoration: none;
}
.menu a
{
    font-size: 7.5pt;
    color: #000000;
}
.menu a:hover
{
    font-size: 7.5pt;
    color: blue;
    text-decoration: none;   
   
}
.portal_name
{

    FONT-SIZE: 11pt;
    color: #616161;
    FONT-FAMILY: Arial;
    position: relative;
    left:-320px;
    top:-100px;
    text-shadow:2px 2px #C0C0C0;

}
.welcome
{
    color:#1b6f6c;
    font-size:22pt;
    font-family: arial, eras,sans-serif;
    font-weight: bold;
    text-shadow: 0.05em 0.05em 0.05em #333;
    
  
}
/*.client_name
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 15pt;
    COLOR: #FFFFD5;
    padding-left: 1em;
    FONT-FAMILY: arial,eras,sans-serif;


}*/
.client_logo
{
    position:relative;
    right:185px;
    
}

/*.image
{
    float: right;
    height:100px;
    position:relative;
    top: -50px;
    right:240px;
    
}*/
.image td
{
    border-top-right-radius: 80px ;
    border-bottom-left-radius: 80px;
    font-family: impact,charcoal,sans-serif;
}

.image td img
{
   padding:1px;
   border:5px solid #ffffff;
   border-top-right-radius: 80px ;
   border-top-left-radius: 80px;
   border-bottom-left-radius: 80px;
   border-bottom-right-radius: 80px;
 
}
/*.leaf1
{
    color:#1b6f6c;
}*/
.footerL
{
    position: relative;
    left:110px;
    top: 150px;
}
.prog_desc
{
/*    FONT-WEIGHT: bold;*/
    FONT-SIZE: 10pt;
    COLOR: #2B2B2B;
    FONT-FAMILY: Arial,Helvetica,'Luxi Sans';  
}  
.prog_title
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR:  #003399;
    FONT-FAMILY:Arial, Helvetica, sans-serif;
    text-shadow: 1px 1px #C0C0C0;
    letter-spacing: 1px;
    
}
.details
{
    position: relative;
    left:865px;
}
.user_help
{
    FONT-WEIGHT: normal;
    FONT-STYLE: normal;
    FONT-SIZE: 7pt;
    COLOR: #135571;
    FONT-FAMILY: Arial,Tahoma,'Luxi Sans',Helvetica
}
.iconMenu
{
    position:relative;
    top:-35px;
}
   
.icon_thumbnail_image{
	float: left;
        width: 20px;
}
.icon_thumbnail.thumbnail
{
     width: 250px;
     background: none;
}
.container-fluid
{
    padding-left: 15em;
}

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

.client_name
{   
    FONT-SIZE: 18pt;
    color: #2d2d2d;
    FONT-FAMILY: arial,eras,sans-serif;
}
.prog_login
{
    color: #2d2d2d;
    font-size: 9pt;
    font-weight: bold;
}
html
{
    padding: 0em;
}
body{
    padding:0em;
}