/* Page Content is divided into three rows:
 --------------------------------
 Header
---------------------------------
 Content
---------------------------------
 Navigation Links
--------------------------------- 

There are two sections contained herein. 

The first section is comprised of editable styles created
by EDS. 

The second segment enscapsulates purely those styles provided 
by Transport SA as defined in their newly esconced corporate image.

Both sectors are labelled thus and should be kept mutually exclusive.

-- EDS Styles --

*/

/* Colours */
.colour1 { background-color: #CC6600 } /* orange */
.colour2 { background-color: #FFFFFF } /* white */
.colour3 { background-color: #FFCC66 } /* dark yellow */
.colour4 { background-color: #009900 } /* green */
.colour5 { background-color: #FFFFFF } /* white */
.colour6 { background-color: #cccccc } /* grey */

.height1 { height: 1px }

/* Transaction Heading e.g. "Renew Registration" */
.transactionTitle {  font-family: Arial, Helvetica, sans-serif; font-size: 28px; font-weight: bold; color: #FFFFFF; padding: 4 }

/* e.g. "Payment Number" */
.screenTitle {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFFFF; padding: 4; background-color: #009900 }

/* e.g. Page prompt definition */
.protect {  color: #084B10; padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; vertical-align: top; }
.protectRed {  color: #FF0000; padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; vertical-align: top; }
.fieldTitle {  padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; vertical-align: top }
.fieldSpace { padding: 0; vertical-align: top; word-spacing: nowrap }


/* Menu */
/*.menu { padding: 0; width: 20%; background-color: #000066 } */
.menu { padding: 0; width: 20%; background-color: #FFFFFF } 
.menuTd { white-space: nowrap; padding: 0; vertical-align: top }
.format { vertical-align: right }
a.menuItem       {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #FFFFFF; text-decoration: none }
a:hover.menuItem {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #00008B; text-decoration: none }
.menuTitle       {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #00008B; text-decoration: none }
a.menuCategory       {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #00008B; text-decoration: none }
a:hover.menuCategory {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; text-decoration: none }
a.welcomeMenuItem       {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #00008B; text-decoration: none }
a:hover.welcomeMenuItem {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #009900; text-decoration: none }
.welcomeMenuCategory    {  font-family: Verdana, Helvetica, sans-serif; font-size: 17px; font-weight: normal; color: #000000; background-color: transparent ;}

/* Link Styles */
a.linkBlue { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000066; text-decoration: none; background-color: transparent;}
a:hover.linkBlue { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF0000; text-decoration: none; background-color: transparent;}
.help { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; }


/* Table Styles */

/* Generic */
table { padding: 0; width: 100%; border-spacing: 0; border-width: 0; border-collapse:collapse; }
td { padding: 0; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; text-decoration: nowrap }
hr.diva {width: 100%; border: thin #CCCC99; border-style: solid inset; noshade }

/* Customised */
.tdSpace { width: 20px }
.mainTable { background-color: #FFFFFF; border-width: 0; padding: 2; width: 95% } 
.contentTable { background-color: #FFFFFF; border-width: 0; padding: 0; width: 95% }
.audit { font-size: 9px }
.gridview .selected, .gridview tbody .selected {
    background-color: #6ccbfb;
    color: #fff;
}

/* Popup Styles */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popup .popuptext {
    visibility: hidden;
    width: 250px;
    background-color: #555;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -140px;
}

.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}

/* Navigation Styles */
.cancel { width: 50%; text-align: left; padding: 4 }
.next { width: 50%; text-align: right; padding: 4 }
.vBar {font-family: arial; font-size: 12px; color: #ffffff; vertical-align: middle }

/* Form Styles */
input { font-size: 11px; background-color: #FBFBF8 }
input.optional { font-size: 11px; background-color: #FFFCD1 }
select { font-size: 11px; background-color: #FBFBF8 }
select.optional { font-size: 11px;  background-color: #FFFCD1 }
select.optional2 { font-size: 11x;  background-color: #FFFCD1 }
@-moz-document url-prefix() {
    .flex-creditcard, .flex-cvn {
        display: inline-block;
    }
}


/* Error Styles */
.error-display { border: 2px solid red; margin-top: 5px; margin-bottom: 5px; background-color: #fff; padding: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: black; font-weight: bold;  }
span.mainError { font-size: 15px; color: red; font-weight: bold; }
span.errorFlag { font-size: 18px; color: red; font-weight: bold; }

/* Horizontal Rule Styles */
hr.diva {width: 100%; border: thin #CCCC99; border-style: solid; noshade }

/* Help Styles */
.helptitle { font-size: 16px; color: #000000; font-weight: bold; }
.helptitle1 { font-size: 15px; color: #000000; text-decoration: underline; }
.helpMenu { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000066; }
a.helpSubMenu { font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; color: #000066; }
a:hover.helpSubMenu { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #CC6600; font-weight: normal; }
.helpSubMenu1 { display: none; }
a.helpLink { color: #0000FF; text-decoration: underline; font-weight: normal; }
a:hover.helpLink { color: #CC6600; text-decoration: none; font-weight: normal; }
.helpLink1 { color: #0000FF; font-weight: normal;}

/* -- TSA Styles --

These styles have been provided by TSA and should be left as they are
so as not to confuse them with those styles created by EDS Developers. */

a {  font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #009900; font-weight: normal; text-decoration: underline; background-color: transparent ;}
a:hover {  font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #CC6600; font-weight: normal; text-decoration: none; background-color: transparent ;}

a.addDelete { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000066; text-decoration: none }
a:hover.addDelete {  font-family: Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000066; text-decoration: underline }

a.link6 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #ffffff; text-decoration: none; background-color: transparent ;}
a:hover.link6 {  font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFCC66; text-decoration: underline; background-color: transparent ;}

a.link12 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #00008B; text-decoration: underline; background-color: transparent ;}
a:hover.link12 {  font-family: Verdana, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #009900; text-decoration: underline; background-color: transparent ;}

form { margin: 0px }
body { margin: 0px; margin-top: 0px; margin-left: 0px}

.datetop    { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; text-decoration: none; background-color: transparent ; }
.txtbox     { font-family: Arial, Helvetica, sans-serif; font-size: 10px; border:1 solid #000000; background-color: #ffffff ;}
.whitebold  { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold; background-color: transparent ; }
.greybold   { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold; background-color: transparent ;}
.newshome   { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #FF9933;}
.newsinternal { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; background-color: #009933;}
.footer1    { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-style: normal; font-weight: normal; background-color: #006633 }
.footer2    { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; font-style: normal; font-weight: normal; background-color: #ffffff }
.footer3    { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-style: normal; font-weight: normal; background-color: #CC6600 }
.footer4    { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; font-style: normal; font-weight: normal; background-color: #ffffff }
.footer5    { font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; text-decoration: none; background-color: #FFFFFF; text-align: center }

.caption    { font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color: #003366; font-weight: bold; background-color: transparent ;}
.searchbox  { font: 10px Verdana, Helvetica, sans-serif; background-color: transparent ;}
.date {font: bold 11px Verdana,helvetica,sans-serif; background-color: transparent ;}

.heading1 {  font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #000000; background-color: transparent ;}
.subheading1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #006633; background-color: transparent ;}
.subheading2 {  font-family: Verdana, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; color: #000000; background-color: transparent ;}
p,li,ol,ul { font-family: Verdana, Helvetica, sans-serif; font-size: 12px; background-color: transparent ;}
.feedback { font-family: Verdana, Helvetica, sans-serif; font-size: 13px; background-color: transparent ; }

.disabled {
	color: #808080; font-style: normal; font-weight: normal;  
}
.flex-microform {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    background-color: white;
    border: 2px inset rgb(0,0,0);
     height: 12px;
    margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;
    padding-top: 1px; padding-bottom: 1px; padding-left:2px; padding-right: 2px  ;
   
   
}
.flex-creditcard {
    width: 200px

}
  
.flex-cvn {
    width: 100px

}  

}