
body {
    margin: 0 auto;
    vertical-align: top;
    background-color: #ffffff;
    color: #000000;
    font-size: 10pt;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border: 0;
    padding: 0;
    margin: 0;
}

table tr td, table tr th {
    padding: 0;
}

select {
    padding: 1px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    line-height: 9pt;
    border-right: #c2c2c2 1px groove;
    border-top: #c2c2c2 1px groove;
    border-left: #c2c2c2 1px groove;
    border-bottom: #c2c2c2 1px groove;
}

a {
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 10pt;
}

a:link {
    text-decoration: none;
    color: #0000ff;
}

a:visited {
    text-decoration: none;
    color: #9900cc;
}

a:active {
    text-decoration: none;
    color: #cc3300;
}

a:hover {
    text-decoration: underline;
    color: #cc3300;
}

/*--------------- Site Frame ---------------*/

.site_frame {
    border-collapse: collapse;
    margin: 0 auto;
    width: 990px;
    padding: 0;
    border: 0;
    vertical-align: top;
    background-color: #ffffff;
    color: #000000;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-weight: normal;
}

.table_title {
    color: #333333;
    font-family: Arial, serif;
    font-size: 10pt;
    font-weight: bold;
}

.arial12333333 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}

.input_area {
    padding: 5px;
    background-color: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    line-height: 13pt;
}

.text_box {
    border-right: #c2c2c2 1px groove;
    border-top: #c2c2c2 1px groove;
    font-size: 11px;
    border-left: #c2c2c2 1px groove;
    color: #000000;
    border-bottom: #c2c2c2 1px groove;
    font-family: Arial, verdana, helvetica, serif;
    background-color: #ffffff;
}

.read_only {
    background-color: #cecece;
}

.required {
    background-color: #ffffbb;
}

.button {
    text-align: right;
    padding-right: 5px;
}

.number {
    text-align: right;
}

.primary_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: normal;
    color: #333333;
    padding: 8px 0 5px 0;
    vertical-align: top;
    border-bottom: dotted 1px #dd0000;
}

td.header {
    height: 18px;
    background-color: #6895c1;
    font-family: arial, sans-serif, geneva;
    font-weight: bold;
    font-size: 10pt;
    color: #ffffff;
}

.read {
    font-weight: normal;
}

.unread {
    font-weight: bold;
}

.icon_column {
    text-align: center !important;
}


.error {
    font-family: Verdana, arial, geneva, helvetica, sans-serif;
    font-size: 11px;
    font-weight: 600;
    color: #cc3300;
}

ul.error {
    margin: 3px 0 3px 0;
    padding: 0;
    list-style-image: url(../images/warning.gif);
    list-style-position: inside;
}

ul.error li {
    vertical-align: middle;
}

.supplier_tag {
    width: 762px;
    border: solid #000000 1px;
    font-family: Arial, sans-serif, Geneva;
    font-size: 10pt;
    color: #000000;
}

.supplier_tag td {
    padding: 1px 3px 2px 3px;
    vertical-align: top;
    border: solid #000000 1px;
}

.supplier_tag .tag_value {
    position: relative;
    left: 20px;
    color: #000055;
    font-size: 13pt;
}

.supplier_tag .tag_part_num {
    font-size: 20pt;
}

.tag_input {
    font-size: 13pt;
}

.supplier_tag_footer {
    width: 762px;
    font-family: Arial, sans-serif, Geneva;
    font-size: 13pt;
    color: #000000;
}

.input_num {
    text-align: right;
}

div.disclaimer {
    margin: 5px 20px;
    width: 445px;
    border: #880000 ridge 2px;
    -moz-border-radius: 9px;
    padding: 9px 12px;
    background-color: #ffffdd;
    font-family: Arial, sans-serif, Geneva;
    font-size: 11pt;
    color: #000000;
}

#wrapper {
    width: 988px;
    padding: 0 2px;
    margin: 0 auto;
}

#page_header {
    width: 988px;
    height: 115px;
    background: url(../images/background.png) repeat-y right top;
    border-bottom: dotted 1px #dd0000;
}

#logo {
    float: left;
    display: block;
    width: 271px;
    height: 58px;
    background: url(../images/logo_denso.gif) no-repeat
}

#title_ver {
    float: right;
    display: block;
    width: 670px;
    height: 58px;
    text-align: right;
}

div.title_ver label {
    width: 100%;
    display: block;
    padding: 5px 0 10px 0;
}

.site {
    margin: 0;
    color: #000;
    font-weight: bold;
    font-size: 11pt;
    text-transform: uppercase;
    vertical-align: top;
    padding: 3px 10px;
}

.version {
    margin: 0;
    color: #000;
    padding: 3px 10px;
    text-transform: none;
    font-weight: normal;
    font-size: 9pt;
}

#red_bar {
    clear: both;
    width: 988px;
    height: 25px;
    background-color: #cc0000;
}

#page_title {
    float: left;
    display: block;
    width: 390px;
    height: 30px;
    text-align: left;
    padding: 6px 0 0 8px;
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
}

#supplier_name {
    float: right;
    display: block;
    width: 550px;
    height: 30px;
    text-align: right;
    padding: 6px 8px 0 0;
    font-size: 9pt;
    font-weight: bold;
    color: #000;
}

#filter {
    padding: 5px 0 0 0;
}

.filterTitle {
    display: block;
    font-size: 12px;
    float: left;
    width: 100px;
    text-align: right;
    padding: 3px 5px 0 0;
}

.filters {
    display: block;
    font-size: 12px;
    float: left;
    text-align: right;
    padding: 0 5px 5px 5px;
}

#clearFloat {
    clear: left;
}

/*--------------- Primary Table ---------------*/

.table_title {
    color: #333333;
    font-family: Arial, serif;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

table.Primary {
    border: solid black 1px;
}

table.Primary tr {
    border: 0;
}

table.Primary.no_border {
    border: 0;
}

table.Primary thead {
    height: 28px;
    vertical-align: middle;
}

table.Primary thead tr th {
    padding-left: 15px;
    white-space: nowrap;
}

table.Primary thead td {
    padding: 0 2px 0 2px;
    background-color: #6895c1;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    color: #ffffff;
    text-align: inherit;
}

table.Primary tbody tr td {
    padding: 0 5px;
}

table.Primary thead.small td {
    font-size: 9pt;
}

table.Primary thead a {
    font-weight: normal;
}

table.Primary thead a.sorted {
    font-weight: bold;
}

table.Primary thead a:link,
table.Primary thead a:visited,
table.Primary thead a:active {
    text-decoration: underline;
    color: #ffffff;
}

table.Primary thead a:hover {
    text-decoration: none;
    color: #ffffff;
}

table.Primary tbody tr {
    height: 25px;
    vertical-align: middle;
}

table.Primary tbody a {
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 10pt;
}

table.Primary tbody a:link {
    text-decoration: underline;
    color: #0000bb;
}

table.Primary tbody a:visited {
    text-decoration: underline;
    color: #0000bb;
}

table.Primary tbody a:active {
    text-decoration: underline;
    color: #0000bb;
}

table.Primary tbody a:hover {
    text-decoration: none;
    color: #0000bb;
}

table.Primary tbody td {
    vertical-align: middle;
    padding: 0 2px 0 2px;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 10pt;
    color: #000000;
    text-align: inherit;
}

table.Primary tbody.small td {
    font-size: 9pt;
}

table.Primary tbody tr.row-odd {
    background-color: #ffffff;
}

table.Primary tbody tr.row-even {
    background-color: #d8d8d8;
}

table.Primary tbody tr.row-hovered {
    background-color: #ccddee;
}

table.Primary tbody tr.notice td {
    font-weight: bold;
    color: #000000;
}

table.Primary tbody tr.warning td {
    font-weight: bold;
    color: #ff0000;
}

table.Primary tbody tr.deprecated td {
    color: #888888;
}

table.Primary tbody td.notice {
    font-weight: bold;
    color: #000000;
}

table.Primary tbody td.warning {
    font-weight: bold;
    color: #ff0000;
}

table.Primary tbody td.deprecated {
    color: #888888;
}

table.Primary tbody td.link-notice a:link,
table.Primary tbody td.link-notice a:visited,
table.Primary tbody td.link-notice a:active {
    text-decoration: none;
    color: #000000;
}

table.Primary tbody td.link-notice a:hover {
    text-decoration: underline;
    color: #000000;
}

table.Primary tbody td.link-warning a:link,
table.Primary tbody td.link-warning a:visited,
table.Primary tbody td.link-warning a:active {
    text-decoration: none;
    color: #ff0000;
}

table.Primary tbody td.link-warning a:hover {
    text-decoration: underline;
    color: #ff0000;
}

table.Primary tbody td.link-deprecated a:link,
table.Primary tbody td.link-deprecated a:visited,
table.Primary tbody td.link-deprecated a:active {
    text-decoration: none;
    color: #888888;
}

table.Primary tbody td.link-deprecated a:hover {
    text-decoration: underline;
    color: #888888;
}

table.Primary td.read {
    font-weight: normal;
}

table.Primary td.unread {
    font-weight: bold;
}

/*--------------- Login Form ---------------*/
#login-box {
    width: 800px;
    height: 352px;
    padding: 18px 46px 0 28px;
    /* color: #ebebeb;*/
    font: 12px Arial, Helvetica, sans-serif;
}

#login-box-name {
    float: left;
    display: inline;
    width: 80px;
    text-align: right;
    padding: 4px 5px 0 0;
    margin: 0 0 7px 0;
}

#login-box-field {
    display: inline;
    width: 230px;
    margin: 0 0 7px 0;
}

#login-error {
    margin: 0 0 7px 85px;
}


.form-login {
    padding: 3px 0 3px 3px;
    width: 205px;
}


.login-box-options {
    clear: both;
    padding-left: 87px;
    font-size: 11px;
}

.login-box-options a {
    font-size: 11px;
}

.userCommentTitle {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #6895c1;
    color: #ffffff;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 12px;
    width: 99.5%;
    height: 25px;
    text-align: center;
    border: solid black 0.5px;
}

.userCommentContent {
    position: absolute;
    filter: alpha(opacity=100);
    opacity: 1;
    margin: 0 auto;
    color: black;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
    border: solid black 0.5px;
    width: 99.5%;
    top: 28px;
    left: 0;
    height: 71%;
    background-color: #efefef;
    resize: none;
}

.userCommentButtonContinue {
    position: absolute;
    top: 85%;
    left: 60%;
    height: 30px;
    width: 90px;
}

.userCommentButtonCancel {
    position: absolute;
    top: 85%;
    left: 80%;
    height: 30px;
    width: 90px;
}

.userCommentButtonContinue:hover,
.userCommentButtonCancel:hover {
    cursor: hand;
}

/*--------------- Entry Form Table ---------------*/
.entry_form_title {
    color: #333333;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 14px;
    height: 30px;
    font-weight: bold;
    text-align: left;
    vertical-align: bottom;
}

.entry_form_title.no_border {
    color: #6595c1;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 8px;
    height: 30px;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    border: 0;
}

.entry_form_title.small {
    font-size: 12px;
}

table.EntryForm {
    padding: 0;
    border: 1px;
}

table.EntryForm tr {
    border: 1px;
}

table.EntryForm.no_border tr,
table.EntryForm.no_border td,
table.EntryForm.no_border th {
    border: 0;
}

table.EntryForm.white_background tr,
table.EntryForm.white_background td,
table.EntryForm.no_border th {
    background-color: #ffffff;
}

table.EntryForm.no_top_border tr,
table.EntryForm.no_top_border td,
table.EntryForm.no_border th {
    border-top: 0;
}

table.EntryForm thead tr {
    height: 24px;
    text-align: center;
    vertical-align: middle;
}

table.EntryForm thead td,
table.EntryForm thead th {
    border: solid black 1px;
    padding: 0 2px 0 2px;
    background-color: #6895c1;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-weight: normal;
    font-size: 12px;
    color: #ffffff;
    text-align: inherit;
}

table.EntryForm thead.small td,
table.EntryForm thead.small th {
    font-size: 10px;
}

table.EntryForm thead a {
    font-weight: normal;
}

table.EntryForm thead a.sorted {
    font-weight: bold;
}

table.EntryForm thead a:link,
table.EntryForm thead a:visited,
table.EntryForm thead a:active {
    text-decoration: underline;
    color: #ffffff;
}

table.EntryForm thead a:hover {
    text-decoration: none;
    color: #ffffff;
}

table.EntryForm tbody tr {
    border: solid black 1px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
}

table.EntryForm tbody a {
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 12px;
}

table.EntryForm tbody a:link {
    text-decoration: underline;
    color: #0000bb;
}

table.EntryForm tbody a:visited {
    text-decoration: underline;
    color: #0000bb;
}

table.EntryForm tbody a:active {
    text-decoration: underline;
    color: #0000bb;
}

table.EntryForm tbody a:hover {
    text-decoration: none;
    color: #0000bb;
}

table.EntryForm tbody td {
    background-color: #efefef;
    vertical-align: middle;
    border: solid black 1px;
    padding: 0 2px 0 2px;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: inherit;
}

table.EntryForm tbody td.label {
    background-color: #6895c1;
    color: #ffffff;
}

table.EntryForm tbody td.option {
    background-color: #6895c1;
    color: #ffffff;
}

table.EntryForm tbody.small td {
    font-size: 10px;
}

table.EntryForm tbody tr.row-odd {
    background-color: #ffffff;
}

table.EntryForm tbody tr.row-even {
    background-color: #d8d8d8;
}

table.EntryForm tbody tr.row-hovered {
    background-color: #ccddee;
}

table.EntryForm tbody tr.notice td {
    font-weight: bold;
    color: #000000;
}

table.EntryForm tbody tr.warning td {
    font-weight: bold;
    color: #ff0000;
}

table.EntryForm input {
    border: #c2c2c2 1px inset;
    padding: 1px;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    background-color: #ffffff;
}

table.EntryForm textarea {
    border: #c2c2c2 1px inset;
    padding: 1px;
    font-size: 12px;
    color: #000000;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    background-color: #ffffff;
}

/* Do not declare "height".  It will mess up "searchabledropdown" JavaScript library. */
table.EntryForm select {
    border: #c2c2c2 1px inset;
    padding: 0;
    font-size: 12px;
    color: #000000;
    font-family: Consolas, courier new, serif;
    background-color: #ffffff;
}

table.EntryForm select option {
    border: 0;
    padding: 0 0 0 5px;
    font-size: 11px;
}

table.EntryForm a {
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    font-size: 11px;
}

table.EntryForm a:link {
    text-decoration: underline;
    color: #0000bb;
}

table.EntryForm a:visited {
    text-decoration: underline;
    color: #0000bb;
}

table.EntryForm a:active {
    text-decoration: underline;
    color: #0000bb;
}

table.EntryForm a:hover {
    text-decoration: none;
    color: #0000bb;
}

table.EntryForm input.error {
    border: #cc3300 2px inset;
    height: 14px;
    font-size: 11px;
    color: #000000;
    font-family: Arial, Helvetica, Sans-serif, sans-serif;
    background-color: #ffffff;
}

table.EntryForm input.transparent {
    border: 0;
    background-color: transparent;
}

table.EntryForm input.right_aligned {
    text-align: right;
}

table.EntryForm input.read_only,
table.EntryForm select.read_only,
table.EntryForm textarea.read_only {
    background-color: #cecece;
}

table.EntryForm input.required,
table.EntryForm select.required,
table.EntryForm textarea.required {
    background-color: #ffffbb;
}

.hand_cursor {
    cursor: hand;
}

.required {
    background-color: #ffffbb;
}


/*--------------- List Table ---------------*/

table.List thead tr td,
table.List tbody tr td {
    padding-left: 5px;
    padding-right: 5px;
}
