body {
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #4d4d4d;
	font-family: Verdana;
	font-size: 10pt;
}

.top-message {
	font-family: Verdana;
	font-size: 2;
}

a {
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: underline;
}

form {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

textarea.non-editable {
	background-color: #ffffff;
}

.label {
	font-weight: 600;
}

td.label {
	text-align: right;
}

.required {
	color: #ff0000;
}

.radio-button {
	text-align: center;
}

.banner {
	/* Changed from 985px to 1200px by Robert Liu on May 24,2012 for Enhancement #33 */
	width: 1200px;
	/*    width: 985px; */ /* End of change for Enhancement #33   */
	margin-top: 10px;
}

.banner td {
	margin: 0px;
	padding: 0px;
}

.banner td.line-bottom {
	border-bottom: 1px #cccccc solid;
	font-family: Arial;
}

.logo {
	font-family: Verdana;
	background-color: #ffffff;
	text-align: center;
}

div.logo {
	padding-top: 40px;
	padding-bottom: 30px;
}

td.logo {
	width: 160px;
	vertical-align: middle;
}

.logo-main {
	font-size: 24pt;
	font-weight: 900;
	color: #ff0000;
	text-shadow: #777777 2px 1px 2px;
}

.logo-sub {
	font-size: 7pt;
	color: #777777;
}

.system-logo {
	background-color: #ee0000;
	padding: 1px 5px;
	vertical-align: middle;
	color: #ffffff;
	font-weight: 900;
	font-style: italic;
	font-size: 13pt;
	text-shadow: #f7f7f7 1px 1px 3px;
}

td.top-message {
	padding: 5px;
	color: #999999;
	font-size: 8pt;
}

.footer {
	clear: both;
	margin: 50px 0px 0px 0px;
	width: 97%;
	border-top: 2px groove #f7f7f7;
	padding: 4px;
	color: #999999;
	font-size: 8pt;
	line-height: 22px;
}

.login-password {
	text-align: center;
}

.login-password table {
	width: 700px;
	margin: 0px auto;
	border: solid 1px #a0a0a0;
}

.login-password td {
	padding: 2px 6px;
	font-size: 10pt;
	background-color: #f0f0f0;
}

.login-password td.label {
	width: 45%;
}

.login-password td.input {
	width: 55%;
	text-align: left;
}

.login-password-bottom {
	height: 60px;
	vertical-align: middle;
	text-align: center;
}

/***** LOGIN *****/
.login {
	text-align: center;
}

.login table {
	width: 550px;
	margin: 0px auto;
	border: solid 1px #a0a0a0;
}

.login td {
	padding: 2px 6px;
	font-size: 10pt;
	background-color: #f0f0f0;
}

.login td.label {
	width: 45%;
}

.login td.input {
	width: 55%;
	text-align: left;
}

.login-bottom {
	height: 60px;
	vertical-align: middle;
	text-align: center;
}

.version {
	height: 13px;
	padding: 10px;
	text-align: center;
	font-size: 11pt;
	color: #444444;
}

.login-footer {
	text-align: center;
	height: 40px;
	padding: 10px;
	color: #777777;
	font-size: 9pt;
}

/***** LOGIN ENDS *****/ /***** MENU TAB *****/
div.top-menu {
	margin: 0px;
	padding: 0px;
}

div.top-menu ul {
	display: inline;
}

div.top-menu span {
	display: inline;
	font-weight: bold;
	/* list-style: none; */
}

div.top-menu span a {
	display: inline;
	font-weight: bold;
	font-size: 7pt;
	/* list-style: none; */
}

div.top-menu select {
	display: inline;
	float: left;
	font-size: 8pt;
}

div.top-menu optgroup.user-pref,div.top-menu optgroup.user-pref option {
	/* padding-left: 5px;
    text-indent: 10px;
   */
	background-color: #f0f0f0;
}

div.top-menu ul a {
	display: block;
	float: left;
	border: 1px solid #cccccc;
	border-bottom: #eeeeee;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 0px 2px;
	background-color: #eeeeee;
	/* background-image: url(../static_tmpl/images/tab_bg.gif); */
	color: #333333;
	font-size: 9pt;
	text-decoration: none;
}

div.top-menu ul a:hover {
	background-color: #990000;
	color: #ffffff;
	text-decoration: none;
}

div.top-menu ul a:active {
	background-color: #ee0000;
	color: #ffffff;
	text-decoration: none;
}

div.top-menu ul a.menu-tab-current {
	position: relative;
	top: 1px;
	background-color: #ffffff;
	border-top: 3px solid #990000;
	border-right: 1px solid #cccccc;
	/* border-bottom: 1px solid #ffffff; */
	border-left: 1px solid #cccccc;
	background-image: none;
	padding: 1px 6px 1px 6px;
}

div.top-menu ul a.menu-tab-current:hover,div.top-menu ul a.menu-tab-current:active
	{
	background-color: #ffffff;
	color: #000000;
}

div.top-menu ul a.menu-button {
	border: 1px solid #cccccc;
	padding: 0px 6px 0px 6px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

div.top-menu ul a:hover {
	background-color: #770000;
	color: #ffffff;
}

div.top-menu ul a:active {
	background-color: #dd0000;
	color: #ffffff;
}

/***** MENU TAB ENDS *****/ /***** MAIN PANE COMMONS *****/
div.main-pane {
	width: 98%; /* banner's 985px - padding 2px X 2 */
	padding: 2px;
}

div.search-bar-pane {
	margin: 10px 0px 10px 0px;
}

div.main-header {
	padding: 8px 3px 5px;
	font-weight: 600;
}

div.status-pane { /*margin: 5px 0px;
  padding: 2px;*/
	color: #444444;
	font-size: 9pt;
}

/***** MAIN PANE COMMONS END *****/ /***** SIDE MENU *****/
.side-menu {
	float: left;
	margin-right: 10px;
}

.side-menu table {
	border: 1px #cccccc solid;
	font-size: 9pt;
	background-color: #f4f4f4;
	font-family: Verdana;
}

.side-menu td.csv-link {
	width: 18px;
	padding: 3px;
}

.side-menu td.page-link {
	padding: 5px;
	/*background-color: #cccccc;*/
}

/*****background-color: #660000;***/
.side-menu td.page-link a {
	font-weight: 600;
	font-size: 9pt;
	color: #4d4d4d;
}

.side-menu div.page-link a {
	font-weight: 600;
	font-size: 9pt;
	color: #4d4d4d;
}

/***color: #ffffff;****/
.side-menu p {
	margin: 1px;
	/**border: 1px ridge #660000;**/
	padding: 1px;
	text-align: right;
}

.sied-menus-primary-pane {
	position: relative;
	top: 0px;
}

.side-menu table#main-ttc-screen-side-menu {
	width: 260px;
}

/***** SIDE MENU ENDS *****/ /***** SEARCH BAR *****/
table.search-bar th {
	font-size: 8pt;
	font-weight: 600;
	text-align: left;
}

table.search-bar td {
	font-size: 9pt;
	text-align: left;
}

table.search-bar input,table.search-bar select {
	font-size: 9pt;
}

table.search-bar .supplier-code {
	width: 90px;
	height: 18px;
}

table.search-bar .User-name {
	width: 200px;
	height: 18px;
}

table.search-bar .supplier-name {
	width: 256px;
	height: 18px;
}

table.search-bar .person-code,table.search-bar .username {
	width: 200px;
	height: 18px;
}

/***** SEARCH BAR ENDS *****/ /***** SEARCH FIELDS *****/
div.search-fields {
	margin-bottom: 10px;
}

table.search-fields th {
	padding-top: 4px;
	padding-bottom: 1px;
	font-size: 8pt;
	font-weight: 600;
	text-align: left;
}

table.search-fields td {
	background-color: #C0C0C0;
	padding: 3px;
	font-size: 9pt;
}

form.search-fields input {
	font-size: 9pt;
}

form.search-fields input.filter-input {
	width: 128px;
}

table.search-fields td.filter-list {
	width: 400px;
	padding-left: 10px;
	padding-right: 2px;
	color: #ffffff;
}

/***** SEARCH FIELDS ENDS *****/ /***** GENERAL TABLE *****/
div.general-table-pane {
	padding: 1px;
	font-family: Verdana;
}

table.general-table {
	margin: 10px 0px 10px 0px;
}

table.general-table tbody{
	overflow:auto; 
}

table.general-table th {
	background-color: #cccccc;
	padding: 1px;
	color: #4d4d4d;
	font-size: 7pt;
	font-weight: 800;
	text-align: center;
	width: 900px;
}

table.general-table th a {
	background-color: #cccccc;
	padding: 1px;
	color: #4d4d4d;
	font-size: 7pt;
	font-weight: 800;
	text-align: center;
	width: 900px;
}

table.general-table th a {
	background-color: #cccccc;
	padding: 1px;
	color: #4d4d4d;
	font-size: 7pt;
	font-weight: 800;
	text-align: center;
	width: 900px;
}

table.general-table td {
	background-color: #f4f4f4;
	padding: 1px;
	font-size: 8pt;
	text-align: center;
}

/*TTNI-C ADD FOR PART NAME(LEFT ALIGN) */
table.general-table td.left-align-td {
	text-align: left;
}

/*table.general-table td.left-align-td END*/
table.general-table td.button-bar {
	background-color: #ffffff;
	text-align: right;
}

table.general-table td.no-data {
	padding: 10px;
	text-align: center;
	font-size: 14pt;
	color: #777777;
}

table.general-table th.column-highlight {
	background-color: #990000;
	color: #FFFFFF;
}

table.general-table td.column-highlight {
	background-color: #ff9999;
}

table.general-table td.column-highlight del {
	text-decoration: line-through;
}

span.cancelled {
	color: #7a7a7a;
}

span.pending {
	color: #7a7a7a;
	font-style: italic;
}

span.reject {
	color: #7a7a7a;
	font-style: italic;
}

a.amended {
	vertical-align: super;
	text-decoration: none;
	color: #ff0000;
	font-size: larger;
	font-weight: 600;
}

del.amended {
	text-decoration: line-through;
	color: #ff0000;
}

span.prNumber {
	vertical-align: super;
	text-decoration: none;
	color: #ff0000;
	font-size: larger;
	font-weight: 600;
}

span.amended {
	color: #7a7a7a;
}

/***** GENERAL TABLE *****/ /***** PDDR *****/
body.pddr {
	background-color: #606060;
}

body.pddr-amended {
	background-color: #000066;
}

/*  *** Obsolete ***
div.pddr-amended-bar {
  background-color: #ffffff;
  padding: 1px;
  text-align: center;
  color: #387C44;
  font-weight: 900;
}
*/
div.pddr-main-pane {
	
}

div.pddr-main-pane th,div.pddr-main-pane td {
	padding: 1px 2px;
}

div.pddr-main-pane th {
	text-align: left;
	font-weight: 600;
	font-size: 9pt;
}

div.pddr-main-pane td {
	font-size: 10pt;
}

div.pddr-main-pane table.pr-info {
	width: 100%;
	border: 2px solid #606060;
	background-color: #ffffff;
}

div.pddr-main-pane table.pr-info-amended {
	border: 2px solid #000066;
}

div.pddr-main-pane table.pr-info td#supplier-name {
	font-weight: 600;
}

div.pddr-main-pane table.pr-info td#supplier-code span {
	color: #387C44;
	font-weight: 600;
}

div.pddr-main-pane table.pr-info td#project-code span {
	color: #387C44;
	font-weight: 600;
}

div.pddr-main-pane table.pr-info .pr-info-gray {
	background-color: #bbbbbb;
}

div.pddr-main-pane table.part-info {
	width: 100%;
	border: 2px solid #606060;
	background-color: #bbbbbb;
}

div.pddr-main-pane table.part-info-amended {
	border: 2px solid #000066;
}

div.pddr-main-pane table.part-info th {
	background-color: #000000;
	color: #ffffff;
}

div.pddr-main-pane table.part-info td {
	background-color: #ffffff;
}

div.pddr-main-pane div.special-instructions {
	border: 2px solid #606060;
	background-color: #ffffff;
	padding: 1px 2px;
}

div.pddr-main-pane div.special-instructions-amended {
	border: 2px solid #000066;
}

div.pddr-main-pane div.pddr-info,div.pddr-main-pane div.pddr-comments {
	background-color: #606060;
	padding: 6px;
	color: #ffffff;
}

div.pddr-main-pane div.pddr-info-amended,div.pddr-main-pane div.pddr-comments-amended
	{
	background-color: #000066;
}

div.pddr-main-pane div.pddr-info-body {
	text-align: center;
}

div.pddr-main-pane div.pddr-info-reason {
	margin-top: 4px;
	background-color: #ffffff;
	padding: 2px 4px;
	color: #000000;
}

div.pddr-main-pane div.pddr-comments div {
	padding: 4px 0px;
}

div.pddr-main-pane div.pddr-comments input.comment-input {
	width: 400px;
}

div.pddr-main-pane div.pddr-comments textarea {
	background-color: #ffffff;
	color: #000000;
}

div.pddr-main-pane div.pddr-comments a {
	color: #ffffff;
	text-decoration: none;
	font-weight: 600;
}

/***** PDDR ENDS *****/
	/***** PURCHASE REQUISITION (Uses part of PDDR classes) ****/
div.pddr-main-pane div.quotation-title {
	padding: 6px 6px 2px;
	color: #ffffff;
	font-weight: 600;
}

div.pddr-main-pane table.quotation {
	width: 100%;
	border: 2px solid #606060;
	background-color: #ffffff;
}

div.pddr-main-pane table.quotation th {
	width: 16%;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
}

div.pddr-main-pane table.quotation td {
	background-color: #c8c8c8;
	text-align: right;
}

div.pddr-main-pane table.message {
	margin-top: 10px;
	background-color: #ffffff;
}

div.pddr-main-pane table.message td {
	padding: 5px 6px;
}

div.pddr-main-pane table.message td#print-pr-form,div.pddr-main-pane table.message td#print-labels
	{
	white-space: nowrap;
}

div.pddr-main-pane table.message td#print-pr-form a,div.pddr-main-pane table.message td#print-labels a
	{
	color: #000000;
	font-weight: 600;
	text-decoration: none;
}

div.pddr-main-pane table.message td#print-pr-form {
	border-bottom: 2px dotted #aaaaaa;
	vertical-align: bottom;
}

div.pddr-main-pane table.message td#print-labels {
	vertical-align: top;
}

div.pddr-main-pane div.close-window-bar {
	padding: 10px;
	text-align: right;
}

div.pddr-main-pane div.close-window-bar a {
	color: #ffffff;
	font-weight: 600;
	text-decoration: none;
}

/***** PURCHASE REQUISITION ENDS ****/ /***** PRINT LABELS ****/
div.print-labels {
	
}

div.print-labels div {
	margin: 8px;
}

div.print-labels table {
	width: 100%
}

div.print-labels td {
	text-align: center;
}

div.print-labels td input {
	width: 100px;
}

div.print-labels div.button-bar {
	text-align: center;
}

/***** PRINT LABELS ENDS ****/ /***** SUPPLIER CONTACT INFO *****/
div.contact-info {
	margin-top: 5px;
	border: 2px ridge #999999;
}

div.contact-info div.contact-info-title {
	background-color: #707070;
	padding: 3px 6px;
	font-size: 14pt;
	font-weight: 600;
	color: #ffffff;
}

div.contact-info div.contact-info-odd {
	background-color: #ffffff;
}

div.contact-info div.contact-info-even {
	background-color: #f4f4f4;
}

div.contact-info div.contact-info-type {
	padding: 3px 6px;
	font-weight: 600;
	font-size: 11pt;
}

div.contact-info table {
	margin-left: 3px;
	font-size: 10pt;
}

div.contact-info th,div.contact-info td {
	padding: 1px 5px;
}

div.contact-info th {
	width: 100px;
	text-align: left;
	font-weight: 600;
}

div.contact-info td {
	width: 150px;
}

div.contact-info td.contact-info-spacer {
	width: 450px;
}

div.contact-info td.contact-info-button {
	text-align: center;
}

div.contact-info div.contact-info-button-bar {
	padding: 15px 5px;
}

div.contact-info div.replace-contact {
	border-top: 2px ridge #999999;
	padding: 10px;
	line-height: 16pt;
}

div.contact-info div.replace-contact span.label {
	font-size: 14pt;
}

/***** SUPPLIER CONTACT INFO ENDS *****/ /***** TTC EMAIL LIST *****/
div.ttc-email-list {
	margin: 5px;
}

div.ttc-email-list div.label {
	background-color: #dddddd;
	padding: 2px 5px;
}

div.ttc-email-list table {
	width: 94%;
	margin: 2px 10px 8px;
	font-size: 10pt;
}

div.ttc-email-list td.phone {
	width: 128px;
}

div.ttc-email-list td a {
	color: #440000;
	font-weight: 600;
	text-decoration: none;
}

div.ttc-email-list table.ttc-email-form {
	background-color: #f4f4f4;
}

div.ttc-email-list input#subject {
	width: 360px;
}

div.ttc-email-list td.centered {
	text-align: center;
}

div.ttc-email-list td div {
	height: 450px;
	/*Robert Liu made change on Apr.19,2012*/
	/*start change margin: 3px 8px 1px to 3px 3px 1px*/
	margin: 3px 3px 1px;
	/*End*/
	background-color: #ffffff;
	padding: 3px 5px;
	font-family: monospace;
}

div.blankShow {
	font-size: large;
}

/***** TTC EMAIL LIST ENDS *****/ /***** USER MANAGEMENT *****/
.user-management {
	width: 100%;
}

.user-management td {
	font-size: 10pt;
	text-align: center;
}

.user-management .user-man-top {
	background-color: #cccccc;
	font-size: 14pt;
	font-weight: 600;
	text-align: center;
	color: #000000;
}

.user-management .user-man-top-add-user {
	padding: 7px;
}

.user-management .user-man-top span {
	font-weight: 400;
	font-size: 11pt;
}

.user-management .user-man-top div {
	color: #cccccc;
	font-style: italic;
	font-weight: 400;
	font-size: 9pt;
}

.user-management .user-man-top span.required {
	font-weight: 600;
	font-size: 9pt;
}

.user-management .user-man-top span a {
	color: #ffffff;
}

.user-management .user-man-continue-pane {
	width: 50%;
}

.user-management .user-man-continue-pane-left,.user-management .user-man-continue-pane-right
	{
	margin: 8px 4px;
	border: 1px groove #000000;
	background-color: #ffffff;
	padding: 10px 16px;
}

.user-management .user-man-continue-pane-left {
	margin-left: 10px;
}

.user-management .user-man-continue-pane-right {
	margin-right: 10px;
}

.user-management .user-man-continue-pane div.user-type-label {
	margin-bottom: 6px;
	text-align: left;
	font-size: 20pt;
}

.user-management .user-man-continue-pane div.user-type-label#user-type-ttc
	{
	color: #ff0000;
}

.user-management .user-man-continue-pane div.user-type-label#user-type-sup
	{
	color: #0000ff;
}

.user-management .search-bar-pane {
	height: 64px;
	text-align: left;
}

.user-management .user-man-continue-pane .user-man-continue {
	text-align: right;
}

.user-management .user-man-middle {
	background-color: #f4f4f4;
}

.user-management .user-man-middle span {
	font-size: 14pt;
}

/*
.user-management .user-man-middle select option {
  text-indent: 10px;
}
.user-management .user-man-middle select option.com-code {
  background-color: #f4f4f4;
  text-indent: 0px;
  font-weight: 600;
}
*/
.user-management div.user-details {
	
}

.user-management div.user-details table {
	float: left;
}

.user-management div.user-details table.left {
	width: 48%;
}

.user-management div.user-details table.right {
	width: 50%;
}

.user-management div.user-details th,.user-management div.user-details td
	{
	border: 1px #ffffff solid;
}

.user-management div.user-details th {
	background-color: #B0B0B0;
	padding: 1px 4px;
	color: #ffffff;
	font-size: 9pt;
	text-align: right;
	white-space: nowrap;
}

.user-management div.user-details td {
	font-size: 10pt;
}

.user-management div.user-details td input.textbox {
	width: 200px;
}

.user-management div.user-details table.right th.sub-header {
	text-align: left;
}

.user-management div.user-details td {
	background-color: #F0F0F0;
	padding: 1px 1px 1px 1px;
	text-align: left;
}

.user-management .user-man-button-bar {
	clear: both;
	background-color: #cccccc;
	padding: 3px;
	text-align: center;
}

/***** USER MANAGEMENT ENDS *****/ /***** TTNI-C ADD *****/
	/* T-6 USE */
.ttc-user {
	font-size: 14pt;
	font-weight: 600;
	text-align: left;
	color: red;
	padding-left: 20px;
	padding-top: 10px;
}

.supplier {
	font-size: 14pt;
	font-weight: 600;
	text-align: left;
	color: blue;
	padding-left: 20px;
	padding-top: 10px;
}

/* T-6 END */ /* T-32 USE */
.main-header-sub {
	background-color: #000066;
	padding: 1px 5px;
	vertical-align: middle;
	color: #FFFFFF;
	font-weight: 1000;
	font-style: italic;
	font-size: 15pt;
}

/* T-32 END */ /*Begin --- Suppport Firefox 3.6,Special Set Parts*/
textarea {
	font-family: Verdana;
}

input {
	font-family: Verdana;
}

select {
	font-family: Verdana;
}

/* special color for table cell, current as blue*/
table td.bgcolor {
	background-color: #0060A0;
}

/* special color for table cell, current as grey*/
table td.bgcolor-header {
	background-color: #cccccc;
}

.bgcolor {
	background-color: #0060A0;
}

.link-supplier-current {
	background-color: #0033CC;
	color: #FFFF00;
	width: 50px;
	height: 20px;
	text-align: center;
	float: left;
	text-decoration: underline;
	cursor: pointer;
}

.link-supplier-refer {
	background-color: #0033CC;
	color: #FFFFFF;
	width: 50px;
	height: 20px;
	text-align: center;
	float: left;
	text-decoration: underline;
	cursor: pointer;
}

/*End --- Suppport Firefox 3.6,Special Set Parts*/
	/* Begin --- In Supplier Screen,The Supplier Link Part*/
table.supplier-link td {
	padding: 1px;
	font-size: 8pt;
}

/* End --- In Supplier Screen,The Supplier Link Part*/
.poor-blue {
	background-color: #A5CDE4;
}

.deep-blue {
	background-color: #006090;
}

.gray10 {
	background-color: #404040;
}

.gray9 {
	background-color: #606060;
}

.gray8 {
	background-color: #707070;
}

.gray7 {
	background-color: #808080;
}

.gray6 {
	background-color: #909090;
}

.gray5 {
	background-color: #A0A0A0;
}

.gray4 {
	background-color: #B0B0B0;
}

.gray3 {
	background-color: #C0C0C0;
}

.gray2 {
	background-color: #D0D0D0;
}

.gray1 {
	background-color: #E0E0E0;
}

.gray0 {
	background-color: #F0F0F0;
}

.bg-green-ok {
	background-color: #28a745 !important;
}

/* Start: Added by NST Ernesto Arteaga on March 5, 2015 for Enhancement#68*/
#qualityTable,
#qualityDetailTable {
	border: 0;
	height: 100%;
	width: 100%;
}

#qualityTable .aside {
	width: 30%;
	vertical-align: top;
}

#qualityTable .aside p {
	font: 20pt;
	font-weight: bold;
}

#qualityTable .chart {
	width : 70%;
}

#qualityTable .chart img {
	display: block;
    margin: 0 auto;
}

#qualityTable .chart .month {
	height: 330px;
	width: 840px;
}

#qualityTable h2 {
	color: black;
}

#qualityTable .chart .year {
	height: 300px;
	width: 600px;
}

#qualityTable .panel {
	width: 34%;
	padding: 15px;
	border: 1px solid black;
}

#qualityTable .supplierInformation {
	width: 100%; 
	vertical-align: top;
	font: 20pt;
	font-weight: bold;
}

#qualityTable .supplierInformation p {
	margin: 0;
}

#qualityTable .aside a {
	color: blue;
	cursor:pointer;
	display: block;
	margin-bottom: 10px;
}

#qualityTable .aside p {
	cursor:pointer;
}

#qualityDetailTable.general-table th,
#qualityDetailTable.general-table td {
	padding: 9px 1px;
}

.ppirdetail .main-pane {
	width: 100%;
}

.text-center {
	text-align: center;
}

/* End: Added by NST Ernesto Arteaga on March 5, 2015 for Enhancement#68 */

/** Start: Added by NST JP Lugo on May 06,2015 for Enhancement #75 **/
/***** MENU NEW DESIGN *****/
.boxside-menu {
	float: left;
	margin-right: 10px;
}

.boxside-menu div.box {
	border: 1px #cccccc solid;
	font-size: 9pt;
	background-color: #f4f4f4;
	font-family: Verdana;
	
	display: inline-block;
	margin-left: 3px; 
  	margin-top: 3px; 
	width: 260px;
	padding: 3px;
	/*  text-align: left; */
}

.row {
	min-height: 26px;
	margin: 0px;
	padding: 0px;
	display: -webkit-flex;
	display:         flex;
	-webkit-flex-flow: row;
	        flex-flow: row;
}

.boxside-menu div.csv-link {
	width: 18px;
	padding: 3px;
	
	-webkit-flex: 1 6 10%;
	        flex: 1 6 10%;
	-webkit-order: 1;
	        order: 1;			
}

.boxside-menu div.page-link {
	padding: 5px;
	/*background-color: #cccccc;*/
	
	-webkit-flex: 3 1 75%;
	        flex: 3 1 75%;
	-webkit-order: 2;
	        order: 2;
}

.boxside-menu div.btitle {
	font-weight: 600;
	color: #4d4d4d;
	min-height: 26px;
}

.boxside-menu div.page-link a {
	font-weight: 600;
	font-size: 9pt;
	color: #4d4d4d;
}

.boxside-menu div.numb {
	margin: 1px;
	/**border: 1px ridge #660000;**/
	padding: 5px;
	font-size: 9pt;
	text-align: right;
	
	-webkit-flex: 1 6 15%;
	        flex: 1 6 15%;
	-webkit-order: 3;
	        order: 3;
}

.boxside-menu div.half-a {
	padding: 5px;
	font-size: 10pt;
	color: #0070C0;
	font-weight: 600;
	/*background-color: #cccccc;*/
	
	-webkit-flex: 3 1 50%;
	        flex: 3 1 50%;
	-webkit-order: 1;
	        order: 1;
}

.boxside-menu div.half-g {
	padding: 5px;
	font-size: 10pt;
	color: #00B050;
	font-weight: 600;
	/*background-color: #cccccc;*/
	
	-webkit-flex: 3 1 50%;
	        flex: 3 1 50%;
	-webkit-order: 2;
	        order: 2;
}
.boxside-menu table#main-ttc-screen-side-menu {
	width: 260px;
}

.boxside-menus-primary-pane {
	position: relative;
	top: 0px;
}
table.general-table td.highlighted {
	background-color: PeachPuff;
}


/***** MENU NEW DESIGN *****/
/** End: Added by NST JP Lugo on May 06,2015 for Enhancement #75 **/

/***** TTNI-C ENDS *****/