root {
    display: block;
}



TD.bodyLeft {
    padding-top: 10px;
}

TD.bodyCenter {
    padding-top: 10px;
}

/* ................................................ */

TABLE.side {
    background-color: #fafdf2;
    border-collapse: collapse;
}

TABLE.side TD {
    padding: 0px 0px 0px 0px;
    margin: 0%;
}
TABLE.side TD.system {
    font: 1.2em arial;
    font-weight: bold;
    text-align: center;
}
    
TABLE.side TD.user {
    font: 0.7em arial;
    font-weight: normal;
    text-align: center;
}

TABLE.side TD.logout {
    border-collapse: collapse;
    text-indent: 3px;        

    font-size: 0.8em;
    font-family: arial;
    text-align: center;
    color: #000000;     
}


/* ................................................ */

TABLE.bodyOnly {
    /*padding-left: 2px; */
    width: 100%;
}

/* ................................................ */

TABLE.mainMenu {
    border-collapse: collapse;
    margin-left: 0px;
    margin-top: 37px;
    margin-bottom: 40px;
}

TABLE.mainMenu TD{
    padding: 0px 0px 0px 0px;
    margin: 0%;
}


TABLE.mainMenu TD.headerSide {
    background: #B9A9F3; 
    width: 12px; 
    border-top: 1px solid #989898; 
    border-left: 1px solid #989898; 
    border-right: 0px;
}

TD.headerSide {
    background: #B9A9F3; 
    width: 12px; 
    border-top: 1px solid #989898; 
    border-left: 1px solid #989898; 
    border-right: 0px;
}

TD.headers{
    padding-left: 2px;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 3px;
    font-family: arial;
    font-size: 0.8em;
    border-top: 1px solid #989898;
    border-right: 1px solid #989898;
    border-bottom: 1px solid #989898;
    color: #989898;
}

TD.links{
    padding-left: 2px;
    font-weight: bold;
    padding-top: 2px;
    font-family: arial;
    font-size: 0.8em;
}


TABLE.mainMenu TD.headers{
    padding-left: 2px;
    font-weight: bold;
    padding-top: 2px;
    padding-right: 3px;
    font-family: arial;
    font-size: 0.8em;
    border-top: 1px solid #989898;
    border-right: 1px solid #989898;
    border-bottom: 1px solid #989898;
    color: #989898;
}

TABLE.receipt {
    border-collapse: collapse;
    margin-left: 0px;            
    font-family: Arial;
    font-size: 0.90em;
}

TD.headers A{
    text-decoration: none;
    color: #989898;
}

TD.headers A:visited{
    text-decoration: none;
    color: #989898;
}

TABLE.mainMenu TD.links{
    padding-left: 2px;
    font-weight: bold;
    padding-top: 2px;
    font-family: arial;
    font-size: 0.8em;
}

TD.links A{
    text-decoration: none;
    color: #000000;
}

TABLE.notificationMessage {
    background: #B9A9F3;
    font-family: arial;
    font-size: 0.8em;
    font-weight: bold;
    margin-top: 45px;
    width: 70%;
}

TABLE.notificationMessage TD {
    padding-left: 5px;
}

/* ................................................ */

TABLE.request {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #b9a9f3;
    /* FOR IE */
    border: 1px solid #9a9a9a;
    background-color: #f1f1f1;
    /*  text-indent: 3px;   */
    font-size: 1em;
    /*  old     width: 660px;   */
    width: 580px;
}

TABLE.requestInput {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #b9a9f3;
    /* FOR IE */
    border: 1px solid #9a9a9a;
    background-color: #f1f1f1;
    text-indent: 3px;
    font-size: 1em;
    /*  old width: 315px;   */
    width: 260px;
}

TABLE.request TD {
    /* FOR NETSCAPE */
    border-width: 0px;
    /* FOR IE */
    border: 0px;
    border-style: solid;
    height: 0px;
}


TABLE.requestPerson {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 1px solid #000000;
    background-color: #f1f1f1;
    border-collapse: collapse;
    font-size: 1em;
    /*  old width: 300px;   */
    width: 260px;
}

TABLE.requestPerson TD {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    height: 0px;
}


TABLE.history {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #9a9a9a;
    /* FOR IE */
    border: 1px solid #9a9a9a;
    background-color: #fafdf2;
    border-collapse: collapse;
    text-indent: 3px;
    font-size: 1em;
    font-family: arial;
    /*  old width: 660px;   */
    width: 580px;
}

TABLE.history TD {
    border-bottom: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
}

TD.historyHeader {
   background-color: #9a9a9a;
   color: #fafdf2;
   font-size: 0.75em;
   font-family: arial;
   font-weight: bold;
}

TD.historyHeader2 {
   background-color: #e8e4e0;
   color: #000000;
   font-size: 0.75em;
   font-family: arial;
   font-weight: bold;
}

TD.historyText1 {
   background-color: #ffffff;
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
}

TD.historyText2 {   
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
}

/* ................................................ */

TABLE.embeddedList {
    /* FOR NETSCAPE */
    border-width: 3px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 3px solid #000000;
    border-right: 0px;
    border-bottom: 0px;
    background-color: #ffffff;
    border-collapse: collapse;
    text-indent: 3px; 
    font-size: 0.75em;
    width: 100%;
}

TABLE.embeddedListHeader {
    background-image: url("../images/bg.jpg");
    background-color: #000000;
    color: #fffc00;
    font-size: 1em;
    font-family: arial;
    font-weight: bold;
    text-align: center;
    margin: 0%;
    width: 100%;
}

TABLE.unwanted {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 1px solid #000000;
    background-color: #f1f1f1;
    border-collapse: collapse;
    text-indent: 3px;
    font-size: 1em;
    /*  old width: 660px;   */
    width: 580px;
}

TABLE.unwanted TD {
    border-bottom: 1px solid #9a9a9a;
    border-right: 1px solid #9a9a9a;
}

TD.unwantedHeader {
   background-color: #000000;
   color: #fffc00;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
}

TD.unwantedHeader2 {
   background-color: #ebe9f4;
   color: #000000;
   font-size: 0.7em;
   font-family: arial;
   font-weight: bold;
}

/* ................................................ */

TABLE.searching {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #b9a9f3;
    /* FOR IE */
    border: 1px solid #9a9a9a;
    background-color: #fafdf2;
    /*text-indent: 3px;*/
    /*  old width: 660px;   */
    width: 580px;
}

TABLE.searching TD {
    /* FOR NETSCAPE */
    border-width: 0px;
    /* FOR IE */
    border: 0px;
    border-style: solid;
    height: 0px;
   font-size: 0.8em;
   font-family: arial;
}

TABLE.searching TH {
   background-color: #9a9a9a;
   color: #ffffff;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
   padding-left: 15px;
   padding-right: 15px;
}

/* ................................................ */

TABLE.list {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 1px solid #000000;
    background-color: #ffffff;
    border-collapse: collapse;
    text-indent: 3px; 
    font-size: 1em;
    /*width: 660px;*/
    width: 100%;
}

TABLE.list TD {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    font-family: arial;
}
/*
TABLE.list A {
   color: #6060c0;
   font-size: 0.75em;
   font-family: arial;
   text-decoration: none;
}

TABLE.list A:hover{
    text-decoration: underline;
    color: #6060c0;
    font-size: 0.75em;
    font-family: arial;
}
  */
TABLE.listBig {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 1px solid #000000;
    background-color: #ffffff;
    border-collapse: collapse;
    text-indent: 3px; 
    font-size: 1em;
    /*width: 660px;*/
    width: 100%;
}

TABLE.listBig TD {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    font-family: arial;
}

TABLE.listBig A {
   color: #6060c0;
   font-size: 1em;
   font-family: arial;
   text-decoration: none;
}

TABLE.listBig A:hover{
    text-decoration: underline;
    color: #6060c0;
    background-color: Silver;
    font-size: 1em;
    font-family: arial;
}


TD.listHeader {
   background-color: #000000;
   color: #fffc00;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
}

TD.listHeader2 {
   background-color: #e8e6e6;
   color: #000000;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
}

TD.listHeader3 {
   background-color: #ebe9f4;
   color: #000000;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
}

TD.listHeaderSel {
   background-color: #e8e6e6;
   color: #7961cf;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
}


TD.embeddedListHeader {
   background-color: #000000;
   color: #fffc00;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
}

TD.embeddedListHeaderEntry {
   background-color: #FFFFFF;
   color: #000000;
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
   width: 100;
   text-align: center;
}



TD.listEntry {
   font-size: 1em;
   font-family: arial;
}

TD.listEntry2 {
   background-color: #9a9a9a;
   color: #ffffff;
   font-size: 1em;
   font-family: arial;
}

TD.listEntryRed {
   background-color: #ff9a9a;
   color: #ffffff;
   font-size: 1em;
   font-family: arial;
}

TD.listEntryRedText {
   color: #ff0000;
   font-size: 1em;
   font-family: arial;
}

TD.listEntryOrangeText {
   color: #ffbf00;
   font-size: 1em;
   font-family: arial;
}

TD.listEntryGreenText {
   color: #00bf00;
   font-size: 1em;
   font-family: arial;
}

TD.errString {
    color: red;
    font-size: 1em;
    font-family: arial;
}



/* ................................................ */


TD.requestHeader {
   background-color: #b9a9f3;
   color: #f1f1f1; 
   font-size: 0.75em;
   font-family: arial;
   font-weight: bold;
   padding-right: 15px;
   padding-left: 15px;
}


TD.requestFooter {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 0.8em;
    font-family: arial;
    font-weight: bold;
}


TD.requestHeaderPict {
   background-color: #b9a9f3;
   padding-right: 7px;
   padding-left: 8px;
   width: 30px;
}


TD.requestHeaderAction {
   background-color: #e8e4e0;
   width: 30px;
}

TD.logout A {
    color: #7961cf;
    text-decoration: none;
}


TD.requestHeaderTime {  
   color: #000000;   
   text-align: right;
   font-size: 1em;
   font-family: arial;
   font-weight: normal;
   padding-right: 27px;
}


TD.padding {
   padding-right: 10px;
   padding-left: 10px;
   padding-top: 10px;
   padding-bottom: 10px;
}



TD.ticketHeader {
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
   font-weight: normal;
   text-align: right;
   width: 80px;
}

FONT.timeCounter {
    background: #B9A9F3; 
    margin-top: 2px; 
    padding-left: 5px; 
    padding-right: 5px; 
    font-family: Arial;
    font-size: 0.8em;
}

FONT.timeLabel {
    font-family: Arial;
    font-size: 0.8em;
}

TD.ticketData {
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
   text-indent: 4px;
   width: 150px;
}

TD.personHeader {
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
   font-weight: normal;
   text-align: right;
   width: 100px;
}

TD.personData {
   color: #000000;
   background-color: #ffffff;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
   text-indent: 6px;
   width: 200px;
}

TD.personDataRed {
   color: #000000;
   background-color: #ff9a9a;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
   text-indent: 6px;
   width: 200px;
}

TD.personData2 {
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
   text-indent: 6px;
}

TR.requestNav {
   color: #fafdf2;
   background-color: #9a9a9a;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
}



TD.errors {   
   color: red; 
   font-size: 0.75em;
   font-family: arial;   
}


/* ................................................ */



/*
    SHARED SCC
*/
INPUT.empty {
    border: 0px;
    background-image: url("../images/empty.gif");
    background-color: transparent;
    width:85px;
}

INPUT.activeNav {
    border: 0px;
    background-color: transparent;
    color: white;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial;
}

TD.inactiveNav {
    border: 0px;
    background-color: transparent;
    color: #cdcccc;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial;
}


INPUT.emptyNav {
    border: 0px;
    width: 90px;
    color: #f1f1f1;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial;
}


INPUT.requestEdit {
    border: 0px;
}


INPUT.receipt {
    border: 0px;
}


A.emptyNav {
    border: 0px;
    width: 90px;
    color: #f1f1f1;
    font-weight: bold;
    font-size: 0.9em;
    font-family: arial;
    text-decoration: none;
    text-align: middle;
    padding-bottom: 1px;
}

A.requestEdit {
    border: 0px;
}


A.receipt {
    border: 0px;
}


INPUT.submit {
    border: 0px;
}

INPUT.search {
    border: 0px;
}

INPUT.print {
    border: 0px;
}

INPUT.printAll {
    border: 0px;
}

INPUT.deny {
    border: 0px;
}

INPUT.grant {
    border: 0px;
}

INPUT.first {
    border: 0px;
    background-image: url("../images/rod_first.gif");
    background-color: transparent;
    width:17px;
    height:15px;
}


INPUT.prev {
    border: 0px;
    background-image: url("../images/rod_left.gif");
    background-color: transparent;
    width:8px;
    height:15px;
}

INPUT.next {
    border: 0px;
    background-image: url("../images/rod_right.gif");
    background-color: transparent;
    width:8px;
    height:15px;
}

INPUT.last {
    border: 0px;
    background-image: url("../images/rod_last.gif");
    background-color: transparent;
    width:17px;
    height:15px;
}

INPUT.upNorm {
    border: 0px;
    background-image: url("../images/up.gif");
    background-color: transparent;
    width:7px;
    height:4px;
}

INPUT.downNorm {
    border: 0px;
    background-image: url("../images/down.gif");
    background-color: transparent;
    width:7px;
    height:4px;
}

INPUT.upSel {
    border: 0px;
    background-image: url("../images/up_ac.gif");
    background-color: transparent;
    width:7px;
    height:4px;
}

INPUT.downSel {
    border: 0px;
    background-image: url("../images/down_ac.gif");
    background-color: transparent;
    width:7px;
    height:4px;
}


INPUT.field {
    font-size: 11px;
    color:#314900;
    font-family:arial;
}


INPUT.entry {
    font-size: 1em;
    font-family: arial;
}

SELECT {
    font-size: 1em;
    /*color:#314900; */
    font-family: arial;
}

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


/* ......Authentication..................... */

TABLE.login {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #b9a9f3; 
    /* FOR IE */
    border: 1px solid #9a9a9a;
    background-color: #fafdf2;
    text-indent: 3px;

    width: 400px;
}


TABLE.login TD {
    /* FOR NETSCAPE */
    border-width: 0px;
    /* FOR IE */
    border: 0px;
    border-style: solid;
    height: 0px;
    font-size: 0.8em;
    font-family: arial;
}

TABLE.login TH {
   background-color: #9a9a9a;
   color: #ffffff;
   font-size: 0.8em;
   font-family: arial;
   font-weight: bold;
   text-align: center;
   padding-left: 15px;
   padding-right: 15px;
}

INPUT.loginButton {
    border: 0px;
}





TD.listEntryC A {
   font-size: 1em;
   font-family: arial;

   display:block;
   line-height:100%;
   color:#6060c0;
   background-color:#ffffff;
}

TD.listEntryC A:hover {
   font-size: 1em;
   font-family: arial;
   text-decoration:none;

   color:#ffffff;
   background-color:#6060c0;
}

TABLE.embeddedCarriageList {
    /* FOR NETSCAPE */
    border-width: 3px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 3px solid #000000;
    border-right: 0px;
    border-bottom: 0px;
    background-color: #ffffff;
    border-collapse: collapse;
    text-indent: 3px; 
    font-size: 0.75em;
    width: 580px;
}

TD.listEntryD {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 1em;
    font-family: arial;
    font-weight: bold;
    text-decoration:none;
}

TD.listEntryD A {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 1em;
    font-family: arial;
    font-weight: bold;
    text-decoration:none;
}

TD.listEntryD A:hover {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 1em;
    font-family: arial;
    font-weight: bold;
    text-decoration:none;
}

TD.listEntryR {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 0.85em;
    font-family: arial;
    font-weight: bold;
    text-decoration:none;
}

TD.listEntryR A {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 0.85em;
    font-family: arial;
    font-weight: bold;
    text-decoration:none;
}

TD.listEntryR A:hover {
    background-color: #9a9a9a;
    color: #fafdf2;
    font-size: 0.85em;
    font-family: arial;
    font-weight: bold;
    text-decoration:none;
}


TD.listEntryE A {
   font-size: 1em;
   font-weight: bold;
   font-family: arial;

   display:block;
   line-height:100%;
   color:#6060c0;
   background-color: #e8e6e6;
   color: #000000;
}

TD.listEntryE A:hover {
   font-size: 1em;
   font-family: arial;
   font-weight: bold;
   text-decoration:none;

   color:#ffffff;
   background-color:#6060c0;
}


TD.configHeader {
   color: #000000;
   font-size: 0.8em;
   font-family: arial;
   font-weight: normal;
   text-align: right;
   width: 300px;
}

TABLE.config {
    /* FOR NETSCAPE */
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    /* FOR IE */
    border: 1px solid #000000;
    background-color: #f1f1f1;
    border-collapse: collapse;
    font-size: 1em;
    /*  old width: 300px;   */
    width: 460px;
}

TABLE.config TD {
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
    height: 0px;
}
#tolowercase{
	vertical-align:top;
    background-image: url(../images/tolowercase.png);
    width: 40px;
    height: 25px;
    margin:0 0 0 2px;
    cursor:pointer;
}
#touppercase{
	vertical-align:top;
    background-image: url(../images/touppercase.png);
    width: 40px;
    height: 25px;
    margin:0 0 0 2px;
    cursor:pointer;
}

#automaticclassification{
    background-image: url(../images/automaticclassif.png);
    background-repeat:no-repeat;
    width: 16px;
    height: 16px;
    margin:0 0 0 2px;
    padding: 0 !important;
    cursor:pointer;
}
TEXTAREA.qualityRules{
	width: 70%;
	height: 200px;
}
INPUT.qualityRules{
	width: 30%;
}

.electroContainer {
    overflow-y: auto;
    max-height: 400px;
}