/* cursive fonts */
@font-face {font-family: 'Tangerine'; src: url(../_INCLUDES/fonts/Tangerine-Regular.ttf);}
@font-face {font-family: 'Tangerine'; src: url(../_INCLUDES/fonts/Tangerine-Bold.ttf); font-weight:bold;}
@font-face {font-family: 'Merienda'; src: url(../_INCLUDES/fonts/Merienda-Regular.ttf);}
@font-face {font-family: 'Merienda'; src: url(../_INCLUDES/fonts/Merienda-Bold.ttf); font-weight:bold;}
@font-face {font-family: 'Fondamento'; src: url(../_INCLUDES/fonts/Fondamento-Regular.ttf);}
@font-face {font-family: 'Fondamento'; src: url(../_INCLUDES/fonts/Fondamento-Italic.ttf); font-style:italic;}
@font-face {font-family: 'Kaushan Script'; src: url(../_INCLUDES/fonts/KaushanScript-Regular.ttf);}
/* sans-serif fonts */
@font-face {font-family: 'Philosopher'; src: url(../_INCLUDES/fonts/Philosopher-Regular.ttf);}
@font-face {font-family: 'Philosopher'; src: url(../_INCLUDES/fonts/Philosopher-Bold.ttf); font-weight:bold;}
@font-face {font-family: 'Philosopher'; src: url(../_INCLUDES/fonts/Philosopher-Italic.ttf); font-style:italic;}
@font-face {font-family: 'Philosopher'; src: url(../_INCLUDES/fonts/Philosopher-BoldItalic.ttf); font-weight:bold; font-style:italic;}
@font-face {font-family: 'Snippet'; src: url(../_INCLUDES/fonts/Snippet.ttf);}
@font-face {font-family: 'Mina'; src: url(../_INCLUDES/fonts/Mina-Regular.ttf);}
@font-face {font-family: 'Mina'; src: url(../_INCLUDES/fonts/Mina-Bold.ttf); font-weight:bold;}

/* barcode font*/
@font-face {font-family: 'Free3of9'; src: url(../_INCLUDES/fonts/free3of9.ttf);}
@font-face {font-family: 'Free3of9x'; src: url(../_INCLUDES/fonts/fre3of9x.ttf);}

/* ***** BEGIN GENERAL STYLES ***** */
HTML {background-color:#333355; color: #00ffff}
BODY {background-color:#333355; margin:0px 0px 0px 0px; font-family:Verdana,Arial,Sans-serif; font-size:12px}
BODY.title-page {background-color:#96a4cb; margin-top:0px; margin-left:0px}
BODY.toc-page {background-color:#96a4cb; margin-top:0px}
BODY.frm-main {background-color: #333355}
BODY.frm-main-after-insert {}
BODY.iframe {background-color:#333355}
BODY.frm-subtitle {background-color:#96a4cb}
BODY.frm-submain {background-color:#333355}


/* For NN 4.x, as BODY property doesn't carry thru */
TD, DIV {font-family:Verdana,Arial,Sans-serif}

/* Properties : position:absolute for NN 4.x to consider DIV as layer, and correspondingly left for IE to keep block in place */
DIV.error-msg {font-family:sans-serif; font-size:13px; font-weight:normal; color:#ff0000; background-color:#ffff00; text-align:left; position:relative}

DIV.confirm-msg {font-family:sans-serif; font-size:11px; color:#ff0000; background-color:#ffff00; text-align:left; position:absolute; margin-left:750px; margin-top:32px; width:150px; z-index:2; line-height:11px; padding:0.1in}
DIV.confirm-msg DIV {margin-top:1px; width:150px; text-indent:-0.1in; line-height:10px}

A {text-decoration: underline}
A:link {color: #0000ff}
A:visited {color: #0000ff}
A:hover {color:#ff0000}
DIV.new-item-insert-link {font-size:11px; font-weight:normal; text-align:right}
SPAN.new-item-insert-link {font-size:11px; font-weight:normal; text-align:right}
SPAN.search-list-link {font-size:11px; font-weight:normal}
/* ***** END GENERAL STYLES ***** */



/* ***** BEGIN LOGIN PAGE STYLES ***** */
BODY.login-page {background-color:#000033; height: 100%; overflow: hidden;}
#idLoginPageOuterBox {width:792px; display: block; margin-left: auto; margin-right: auto; height:auto; border-style:none; border-width:1px 1px 1px 1px; border-color:#ffffff;}
#idLoginPageHeadBox { width:792px; background-color:#000033; font-size:48px; font-weight:bold; color:#00aa00; border-style:solid; border-width:0px;}
#idLoginPageHeadBox IMG {position:absolute; float:left; margin-top:65px; opacity:0.4}
#idLoginPageLoginBox {background-color:#000033; width:792px;}
#idAdminLoginForm {margin-bottom:0px}
#idLoginPageFootBox { width:792px; background-color:#000033;  text-align:center; border-style:solid; border-width:0px;}
#idLoginPageFootBox IMG {margin-top:10px; opacity:0.6}

TABLE#idadminLogin {border-style:solid; border-color:#0096e0; border-width:2px; border-radius:20px}
TABLE#idadminLogin TD#id-login-page-title {font-family:Arial,Sans-serif; font-size:38px; font-weight:bold; text-align:center; color:#000000; border-style:groove; border-width:0px 0px 0px 0px; border-color:#eeeeee; background-color:#0096e0; border-radius:15px 15px 0px 0px}
TABLE#idadminLogin TD#id-login-page-title-byline {font-family:Arial,Helvetica,Sans-serif; text-align:center; font-size:13px; color:#0096e0; background-color:#000000; border-style:solid; border-width: 0px; border-color:#0096e0}

#idLoginPageAdminPanel {font-family:Arial,Sans-serif; font-size:40px; font-weight:bold; text-align:center; color:#0096e0; border-style:solid; border-width:0px 0px 2px 0px; border-color: #0096e0}
/*#idLoginPageAdminPanel:first-letter {font-size:65px}*/

/*DIV#idLoginPageLowerArea {background-image:url(../../_COMMON/_ADMINISTRATION/_IMAGES/open_source_landscape.jpg); background-repeat:no-repeat; height:450px}*/

DIV#id-project-team {width:792px}
TABLE#id-project-team {font-family:Cursive,Verdana,Arial,Sans-serif; color:#003300; font-size:12px; font-weight:normal;  background-color:#eeffbb; border-style:solid; border-width:2px 0px 0px 0px; border-color:#000000; margin-top:10px; padding-bottom:5px}
TR.project-team-row {}
TD.project-team-role {padding:0px 4px 0px 4px; text-align:right; font-weight:normal; font-family:times; font-size:14px}
TD.project-team-separator {border-style:solid; border-width:0px 0px 0px 1px; border-color:#000000}
TD.project-team-member {padding:0px 4px 0px 4px; text-align:left; font-style:italic}

TABLE.admin-login {width:500px; border-style:none; border-width:1px; border-color:#999999; margin-top:0px; background-image:none}
TABLE.admin-login TD {padding:5px}

TD.admin-login-form-label, TD.admin-login-form-label-small {font-family:sans-serif, serif; font-size:28px; font-weight:bold; color:#006600; text-align:right; letter-spacing:2px}
TD.admin-login-form-label:first-letter {font-size:24px}

TD.admin-login-form-label-small {font-size:14px; letter-spacing:1px}


INPUT.admin-login-form-fields {border-style:solid; border-width:0px 0px 1px 0px; border-color:#00ff00; background-color:transparent; font-size:14px; font-weight:bold; color:#ff6600}
INPUT#idAdminLoginFormSubmitButton {background-color:#cccccc; border-width:2px; font-size:16px; font-weight:bold; color:#000000}
SELECT#idDropdownSubsidiaryList {border-style:solid; border-width:0px 0px 1px 0px; border-color:#006600; background-color:#ffffff; font-size:12px; color:#006600}
SPAN.form-label {color:#00ff00}


/* ***** END LOGIN PAGE STYLES ***** */



/* ***** BEGIN TITLE PAGE STYLES ***** */

TABLE.title-page {background-color:#96a4cb; width:900px; border-style:solid; border-width:0px; border-color:#ffffff; margin:0px; }

TABLE.title-page TD {background-color:#96a4cb; font-size:14px; font-weight:bold; font-style:italic; text-align:center; }

TABLE.title-page TD DIV {font-family:arial, sans-serif, serif; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}

TABLE.title-page TD.link-cells {color:000000; border-style:solid; border-color:#ffffff; border-width:0px; border-radius:5px 5px 5px 5px;}

TABLE.title-page TD.leftmost {color:#ffffff; background-color: #333355; font-family:arial,helvetica; font-size:18px; font-weight:bold; letter-spacing:0px; text-align:center; line-height:14px; width:100px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border:solid; border-width:1px 1px 1px 1px; border-color:#333355; border-radius:0px 0px 10px 10px;}


TABLE.title-page TD#createLinkCell {background-image:url(./_IMAGES/create_dark_theme.png); background-position: -2px 0px; background-repeat:no-repeat; width:95px}
TABLE.title-page TD#insertLinkCell {background-image:url(./_IMAGES/insert_dark_theme.png); background-position:5px 0px; background-repeat:no-repeat; width:95px}
TABLE.title-page TD#editLinkCell {background-image:url(./_IMAGES/edit_dark_theme.png); background-position:10px 0px; background-repeat:no-repeat; width:95px}
TABLE.title-page TD#deleteLinkCell {background-image:url(./_IMAGES/delete_dark_theme.png); background-position:3px 0px; background-repeat:no-repeat; width:95px}
TABLE.title-page TD#toolLinkCell {background-image:url(./_IMAGES/tool_dark_theme.png); background-position:8px 0px; background-repeat:no-repeat; width:95px}
TABLE.title-page TD#misLinkCell {background-image:url(./_IMAGES/mis_dark_theme.png); background-position:2px 0px; background-repeat:no-repeat; width:95px}
TABLE.title-page TD#logoutLinkCell {font-size:12px; text-align:left; background-image:url(./_IMAGES/logout_dark_theme.png); background-position:60px 0px; background-repeat:no-repeat; width:95px}

/* ***** END TITLE PAGE STYLES ***** */


/* ***** BEGIN TOC PAGE STYLES ***** */
SPAN.toc-page-very-top {background-color: #96a4cb; line-height:0px; font-size:0px} /* To get rid of the background color (of CSS on HTML tag) around since the toc-heading floater, since its position pushes down the beginning of page contents */
div#id-opaque-layer {position:absolute; z-index:100; background-color:#ffff00; color:red; width:158px; visibility:visible}
TABLE.toc-page {width:100%; background-image:none; margin-top:23px; background-color: #96a4cb; border-spacing: 2px 5px; border-collapse: separate}
TABLE.toc-page TD {font-family:sans-serif, serif; font-size:12px; font-weight:bold; text-align:left; border-width:0px 0px 0px 0px; border-style:ridge; border-color:transparent; color:#666666; background-color:transparent; line-height:16px; padding:0px}
table#id-toc-table {visibility:hidden}

DIV.toc-heading {position:absolute; margin-left:30px; width:106px; margin-top:0px; color:#333355; background-color:#ffffff; font-size:14px; font-weight:bold; font-style:italic; text-decoration:none; text-align:left; border-width:0px; border-style:solid; border-color: #111133; padding:0px 0px 3px 0px; text-align:center; border-radius:0px 0px 0px 0px; box-shadow: 3px 3px 3px}

TABLE.toc-page TD.toc-table-category {color:#ffffff; background-color:#111133; font-size:13px; font-weight:bold; text-align:left; text-indent:28px; line-height:18px;  padding:4px 0px 4px 0px; border-style:inset; border-color:#0096e0 ; border-width:1px 1px 1px 1px; border-radius:5px;  background-image:url(./_IMAGES/folder_blue_dark_theme.png); background-position:2% 50%; background-repeat:no-repeat}

TABLE.toc-page TD.link-cell {border-radius:0px 8px 8px 0px}

SPAN.no-privilege {color:#666666; font-size:11px; letter-spacing: -1px}
SPAN.no-privilege-datagrid {color:#666666; font-size:11px; letter-spacing: -1px}

/* ***** END TOC PAGE STYLES ***** */○


/* ***** BEGIN MAIN FRAME STYLES ***** */

TABLE.frmmain-form-table {/*width:631px; */border-style:solid; border-width:0px 0px 1px 0px; border-color:#000000; background-image:none;  margin-top:-10px; border-spacing:1px 8px}
TABLE.frmmain-form-table TR {}
TABLE.frmmain-form-table TD {font-family:sans-serif, serif; padding:3px 0px 18px 0px}
TABLE.frmmain-form-table TD:first-child {padding:3px 0px 3px 0px;}

TABLE.frmmain-form-subtable-top {border-style:solid; border-width:0px; width:100%;}
TABLE.frmmain-form-subtable {width:100%; border-style:none; border-spacing:0px 0px}

TABLE.frmmain-form-subtable-top TD.form-caption-cell {color:#333355; background-color: #96a4cb; font-family:sans-serif, serif; font-size:22px; font-weight:bold; font-style:normal; text-align:left; letter-spacing:1px; padding:0px 15px 0px 15px; border-style: solid; border-color:#9fafff; border-width:1px 1px 1px 1px; border-radius:15px 15px 15px 15px; box-shadow: 5px 5px 3px #000000}
SPAN#mainPageTableName {background-color:transparent; color:#ffffff; text-shadow: 2px 2px 2px #000000; font-size:28px; font-weight:bold; border-radius:5px; padding:0px 4px 0px 4px}

TABLE.frmmain-form-subtable-top TD.form-message-cell {background-color:transparent}

TD.form-label-cell {width:100px; border: solid #666699; border-width:2px 0px 0px 0px; margin-right:0px; vertical-align:top; text-align:right; background-color:transparent; font-family:sans-serif, serif; font-size:12px; border-radius: 10px 0px 0px 0px}

DIV.form-label, SPAN.form-label, SPAN.form-label-embedded {font-family: Merienda, Snippet, arial, sans-serif; font-weight:normal; font-size:12px; }
DIV.form-label {color: #ffffff; text-shadow: 2px 3px 1px #000000; padding-right:0px}

/*DIV.form-label:first-letter, SPAN.form-label:first-letter {font-style:14px}*/

SPAN.form-label-embedded {color: #ffffff; text-shadow: 2px 2px 1px #000000; padding:2px 2px 2px 2px; margin:0px 0px 0px 0px; border-radius:0px 5px 5px 0px}

DIV.group-label {border-style:solid; border-color: #666699; border-width: 0px 0px 0px 0px; border-radius:0px 0px 0px 0px; padding:2px; text-align:left; font-style:italic}

DIV.group-label, SPAN.group-label {color: #94cfd8; text-shadow: 0px 0px 0px; background-color:#333355; font-weight:normal; letter-spacing:1px}

DIV.entry-reqd, SPAN.entry-reqd {color: #ffff00; text-shadow: 2px 2px 1px #000000;  margin:0px 0px 0px 0px; border-radius:0px 5px 5px 0px; border-radius:0px 5px 0px 0px}

DIV.entry-reqd > SPAN.grid-label {color: #d8d762; text-shadow:none;}

DIV.form-label-hint-below-field {font-size:12px; font-weight:normal; color: #cccccc}
SPAN.form-label-hint-after-field {font-size:12px; font-weight:normal; color:#cccccc}
SPAN.form-label-extra-before-field {font-size:12px; font-weight:bold; color:#cccccc}
SPAN.form-label-extra-after-field {font-size:12px; font-weight:normal; color:#cccccc}

TD.form-partition-cell {width:10px; font-size:8px; background-color:transparent}

TD.form-field-cell {color: #00ff00; background-color:transparent; font-family:sans-serif, serif; font-size:12px; font-weight:bold;  vertical-align:top; border-style:solid; border-width:0px 0px 0px 0px; border-color: #666699;}
TD.form-submit-cell {text-align:center}

INPUT.text-field, TEXTAREA.textarea-field, INPUT.option-field, SELECT.selection-field {background-color: #000000; color:#00ff00;font-family:sans-serif, serif; font-size:12px; font-weight:normal; border-style:inset; border-width:1px 1px 1px 1px; border-color: #068100;  border-radius:1px; padding:3px}

INPUT.disabled-field, TEXTAREA.disabled-field, SELECT.disabled-field {color: #aaaaaa; background-color:#222222; font-weight:normal; font-style:italic; border-style:solid; border-color:#333333; border-width:1px}

OPTION.select-field-option-subhead {background-color:#bbbbbb; color:#000000; border-style:solid;  border-width: 1px 0px 1px 0px; border-color:#000000; font-style:italic}

TABLE.non-form-display {border-style:dotted; border-color:#ffffff; border-width: 1px 1px 1px 1px; border-radius: 0px 0px 0px 0px; ; background-color:#333333; margin-left:10px}
TD.non-form-display {border-style:none; color:#FFFFFF}
TABLE.non-form-display TD.form-label-cell {border-style:none; padding-top:5px; width:100px; vertical-align: top}
TABLE.non-form-display TD.form-label-cell DIV.form-label {color:#94cfd8; font-weight:normal; font-style:italic; text-align:left; text-shadow: 0px 0px 0px; }

INPUT.text-field-table-seq-adjust,
	INPUT.text-field-link-seq-adjust
		{font-family:Arial,Sans-serif; font-size:12px; font-weight:normal; color: #ffffff; background-color:transparent; border:none}

SELECT.non-form-display {color:#aaaaaa; background-color:#222222; font-family: sans-serif, serif; font-size:12px; font-weight:normal; border-style:solid; border-width:1px 0px 1px 1px; border-color:#666666; }

INPUT.table-seq-to-adjust,
	INPUT.link-seq-to-adjust
		{font-weight:bold; color: #ffff00
}
/* #60A709 */
/* #60A709 #1F4915 #1F4915 #60A709 */
INPUT.button-toggle-privilege {border-style:outset; background-color:#92CB83; border-width:1px; font-size:11px; font-weight:bold; color:#000000; border-color:#92CB83}

INPUT.submit-button {border-style:outset; background-color:#dddddd; border-width:2px; line-height:25px; font-size:13px; font-style:italic; font-weight:bold; color:#000000; border-color:#B2FF91 #000000 #000000 #B2FF91}

DIV.writeup-heading-h2,
	DIV.writeup-heading-h3,
		DIV.writeup-heading-h4,
			DIV.writeup-heading-h5,
				DIV.writeup-heading-h6
					{font-family:verdana,arial; font-weight:bold; text-align:left; color:#000000; background-color:#ffffff; text-decoration:underline; border-style:solid; border-width:1px; border-color:#0000ff}
DIV.writeup-heading-h2 {font-size:18px; margin-left:10px}
DIV.writeup-heading-h3 {font-size:16px; margin-left:20px}
DIV.writeup-heading-h4 {font-size:14px; margin-left:30px}
DIV.writeup-heading-h5 {font-size:12px; margin-left:40px}
DIV.writeup-heading-h6 {font-size:10px; margin-left:50px}

TABLE.frm-subtitle-form-table {border-style:groove; border-width:0px; border-color:#eeeeee; background-image:none;  margin-top:0px}
TABLE.frm-subtitle-form-field-cell {font-size:11px; font-weight:bold}


IFRAME.iframe {border-style:solid; border-color:#666699; border-width:2px 0px 2px 0px; border-radius:0px}

TABLE.datagrid-form-table {margin-top:0px; border-spacing:0px}
TABLE.datagrid-form-table TR {}
TABLE.datagrid-form-table TD {font-family: Merienda, Snippet, arial, sans-serif; font-size:12px; font-weight:normal; padding:1px; border-style:none; border-width:0px; border-spacing:0px; color:#000000}

TABLE.datagrid-form-table TD.datagrid-form-table-header-cell {text-align:left; background-color:#333355; border-style:solid; border-width:0px 0px 0px 1px; border-radius:0px; border-spacing:1px; padding:2px; margin:0px 0px 0px 0px;}

TABLE.datagrid-form-table TD.serial-head {background-color: #333355;color:#dddddd; font-size:11px; font-weight:normal}
TABLE.datagrid-form-table TD.grid-row-ins-del-links-head {background-color: #333355; border-style:none;}

TABLE.datagrid-form-table TD.serial-no {background-color:#333333; color:#aaaaaa; font-size:11px; font-weight:normal; text-align:right; vertical-align:bottom;  border-style:dotted; border-color:#aaaaaa; border-width:0px 0px 1px 0px; border-radius:0px}

TABLE.datagrid-form-table TD.datagrid-form-table-header-cell SPAN.entry-reqd {color: #ffff00; text-shadow: 2px 2px 1px #000000;padding:1px; border-radius:0px 0px 5px 5px; margin:0px 0px 0px 0px;}
TABLE.datagrid-form-table TD.datagrid-form-table-header-cell SPAN.entry-optional {color: #ffffff; text-shadow: 2px 2px 1px #000000; padding:1px; border-radius:0px 0px 5px 5px}

TABLE.datagrid-form-table TD.grouped-cell-first {border-width:0px 0px 0px 1px}
TABLE.datagrid-form-table TD.grouped-cells-in-between {border-width:0px 0px 0px 0px}
TABLE.datagrid-form-table TD.grouped-cell-last {border-width:0px 0px 0px 0px}

DIV.form-label-hint-below-label {font-size:11px; font-weight:normal; color:#dddddd}
SPAN.form-label-hint-after-label {font-size:10px; font-weight:normal; color:#dddddd}
SPAN.form-label-extra-after-label {font-size:11px; font-weight:normal; color:#dddddd}

TABLE.datagrid-form-table TD.grid-row-ins-del-links {background-color:transparent; border-style:dotted; border-color:#aaaaaa; border-width:0px 0px 0px 0px}
A.grid-row-insert-link, A.grid-row-delete-link {font-family:sans-serif, serif; font-size:9px; line-height:13px}

PRE.mis-report {background-color:#ffffff; padding:5px}

/* ***** END MAIN FRAME STYLES ***** */

/* ***** BEGIN TOOL SUBMAIN FRAME STYLES ***** */

TABLE.printpage-submit TD {border-style:none; background-color:transparent; height:auto}

/* ***** END TOOL SUBMAIN FRAME STYLES ***** */

/* ***** BEGIN MIS SUBMAIN FRAME STYLES ***** */

/* TABLE.frm-submain-mis-table {border-style:none; border-width:1px; width:800px}
TABLE.frm-submain-mis-table TR TD {font-family:verdana, arial; font-size:12px} */

/* ***** END MIS SUBMAIN FRAME STYLES ***** */