/* body defaults */
body, tr, td, select, input {
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	color:black;
}

TABLE
{
}
P.formtitle
{
    FONT-SIZE: 16px;
    COLOR: navy;
    background-color:white;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}
P.errorMessage
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-align : right;
        color : Red;
        background-color:white;
}
TD.displayMessage
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        vertical-align : top;
        text-align : center;
        padding-top : 20px;
}
td.informationTextCell
{
    text-align : center;
    padding-top : 20px;
    padding-bottom : 20px;
}
TR.error
{
	  color: black;
    BACKGROUND-COLOR: red;
}
TD.label
{
		font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
		color : #000066;
		BACKGROUND-COLOR: #FFFFFF;
		text-align : left;
		vertical-align : top;
		width : 220px;
		margin-bottom : 65px;
		padding-bottom : 30px;
}

TD.displayGrid
{
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
    BACKGROUND-COLOR: #FFFFFF;
    text-align : left;
    vertical-align : top;
        width : 220px;
        margin-bottom : 65px;
        padding-bottom : 30px;
}

TD.gridcell
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
}

TD.clickValue
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        BACKGROUND-COLOR: #FFFFFF;
        text-align : right;
        vertical-align : middle;
        font-weight : normal;
        width : 80px;
        margin-bottom : 5px;
        padding-bottom : 5px;
}

TD.clickItem
{
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        BACKGROUND-COLOR: #FFFFFF;
        text-align : left;
        vertical-align : middle;
        width : 220px;
        margin-bottom : 5px;
        padding-bottom : 5px;
}

.clickItem:hover
 {
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration: none;
        background-color : #FFFACD;
        border-bottom : 2px ridge;
        border-top : 2px ridge;
}

.clickItem:link
{
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration : none;
}

.clickItem:visited
 {
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration: none;
}

TD.textBox{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        vertical-align : top;
        }

TD.plainCell
{
    vertical-align  : top;
    font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

TD.messageBox
{
    font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: #000066;
    BACKGROUND-COLOR: white;
    line-height : 200%;
    border : 2px ridge;
    padding-left : 3px;
    padding-right : 3px;
    text-align: center;
}


TD.displayText
{
    vertical-align  :  top;
    font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    COLOR: #000066;
    BACKGROUND-COLOR: white;
    line-height : 200%;
    border : 2px ridge;
    padding-left : 3px;
    padding-right : 3px;

}
TD.select
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        background : White;
        color : #000066;
        vertical-align : top;
}
TD.radioButton
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        background : White;
        color : #000066;
        vertical-align : top;
}
TD.yesOrNoBoolean
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background : White;
        vertical-align : top;
}
TD.trueOrFalseBoolean
{
}
TD.checkBox
{
}
TD.feeData
{
    BORDER-RIGHT: silver 2px solid;
    BORDER-TOP: silver 2px solid;
    BORDER-LEFT: silver 2px solid;
    COLOR: red;
    background-color:white;
    BORDER-BOTTOM: silver 2px solid;
    TEXT-ALIGN: right
}

TD.hintPrompt
{
    BACKGROUND-IMAGE: url(/WFS/images/h_question.gif);
    BACKGROUND-REPEAT: no-repeat;
    height : 18px;
    width : 50px;
    background-position : top;
}


TD.hintPromptSpacer
{
    BACKGROUND-IMAGE: url(/WFS/images/spacer.gif);
    BACKGROUND-REPEAT: no-repeat;
    height : 18px;
    width : 50px;
    background-position : top;
}

SPAN.hintPromptSpacer {
  BACKGROUND-IMAGE: url(/WFS/images/spacer.gif);
  BACKGROUND-REPEAT: no-repeat;
  WIDTH: 50px;
  HEIGHT: 18px;
  float: left;
}


TD.errorMessage
{
}


TD.submitButton
{
        text-align: center;
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        padding-top : 20px;
        padding-bottom : 20px;
}


TD.button
{
        /* text-align: center; */
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        padding-top : 20px;
        padding-bottom : 40px;
}

TD.resultDisplayGrid
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #000066;
    BACKGROUND-COLOR: #FFFFFF;
    text-align : left;
    vertical-align : top;
        font-weight : bold;
        width : 220px;
        margin-bottom : 30px;
}

TD.resultGridCell
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        background : White;
        color : #000066;
        vertical-align : top;
        width : 300px;
}

/* Quote Tool fee details style definitions follow */

TD.displayLabel
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #000066;
    BACKGROUND-COLOR: #FFFFFF;
    text-align : left;
    vertical-align : top;
        font-weight : bold;
        width : 220px;
        margin-bottom : 30px;
}

TD.dollarSign
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #000066;
    BACKGROUND-COLOR: #FFFFFF;
    text-align : left;
        width : 10px;
}

TD.displayValue
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        background : White;
        color : #000066;
        vertical-align : top;
        width : 300px;
}

TD.currencyValue
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        background : White;
        color : #000066;
        text-align : right;
        vertical-align : top;
}

td.debitCreditInd{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        background : White;
        color : #000066;
        text-align : right;
        vertical-align : top;
}

td.feeTotal{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
    text-align : right;
        font-weight : bold;
        border : none;
}

td.feeTotalLabel{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
    		text-align : left;
        font-weight : bold;
        width : 220px;
        border : none;
}

td.totalDollarSign{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
    		text-align : left;
        font-weight : bold;
        width : 10px;
        border : none;
}

tr.totalRow{
}

table.quoteTable{
        border : none;
        width : 700px;
}

/* Queensland Transport header and plain body text style definitions follow  */

.qtmenu {
        color : White;
        background-color:white;
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.qtmenu:link {
        color : White;
        background-color:white;
        text-decoration : none;
}

.qtmenu:visited {
        text-decoration : none;
        color : White;
        background-color:white;
}
.qtmenu:hover {
        background-color : #40668D;
}

.graybodytext {
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : Gray;
        background-color:white;
}

.bluebodytext {
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:inherit;
}

.bluebodytext:link {
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:inherit;
        text-decoration : underline;
}

.bluebodytext:hover {
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration : none;
}

.bluebodytext:visited {
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
}

.blueheaderlink:link {
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration : none;
}

A.blueheaderlink:hover {
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration: underline;
}

A.blueheaderlink:visited {
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration : none;
}

.footertext {
        font : 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
}

.footertext:link {
        font : 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration: underline;
}
.footertext:hover {
        font : 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        background-color:white;
        text-decoration: none;
}
.footertext:visited {
        font : 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #660066;
        background-color:white;
}
/* show a funky looking scrollbar
.{
        scrollbar-arrow-color: #cccccc;
        scrollbar-base-color: #111111;
        scrollbar-face-color: #7B68EE;
        scrollbar-highlight-color: #7FFF00;
        scrollbar-shadow-color: #333333;
}
*/

/* grid layout classes */

TABLE.gridLayoutTable {
/*
  border-style: solid;
  border-width: 2px;
  border-collapse: collapse;
*/
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}


TABLE.gridLayoutScrollTable {
  border-style: solid;
  border-width: 2px;
  border-collapse: collapse;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  table-layout:fixed;
}

TR.gridLayoutRow
{
 /* text-align:right; */
}

TR.gridLayoutEvenRow
{
	color: black;
  background-color : white;
}

TR.gridLayoutOddRow
{
	color: black;
  background-color : #e0e0e0;
}

.gridLayoutRowHeader
{
  FONT-SIZE: 18px;
  text-align: center;
  background-color : gray;
  color: black;
  width: 80px;
}

TR.gridLayoutColumnHeader
{
  FONT-SIZE: 18px;
  text-align: center;
  background-color : black;
  color: white;
}

.WFSgridActionGrid
{

}

.WFStableFooter
{

}

SPAN.label {
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        BACKGROUND-COLOR: #FFFFFF;
        text-align : right;
        vertical-align : middle;
        padding-right : 10px;
}

INPUT.textBox {
        background : White;
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        vertical-align : top;
}

.error	{
        border-style: solid;
        border-color: red;
        border-width: 1px;
}

/** suppress error border for table cells */
TD.error {
        border-width: 0px;
}

SPAN.error {
        border-width: 0px;
}

.menuBarItem:link
{
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
        text-align : left;
}

.menuBarItem:visited
{
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
        text-align : left;
}

.menuBarItem:hover
{
        font : bold 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : underline;
        text-align : left;
}

.menuDropItem
{
        font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: white;
        background-color: blue;
        text-align: left;
        border: 0px;
/*	border: thin dashed orange;  */
}

.menuDropItem:link {
        color: white;
}

.menuDropItem:visited {
        color: white; 
}

.menuDropItem:hover {
        color: white;
}

.menuDropItemHighlight:visited {
	color: white; 
}

.menuDropItemHighlight:hover {
	color: white; font-weight:bold;
}

.menuDropItemHighlight:active {
	color: white; 
}

.menuDropItemHighlight
{
        font: bold 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color: white;
        background-color: blue;
        text-align: left;
        border: 0px;
/*	border: thin dashed orange;  */
}

.menuDropTable
{
    border: 0px;
/*    border: thin solid gray;  */
}

.menuDropItemTable
{
    border: 0px;
/*    border: thin dotted gray;  */
    width: 100%;
}

.menuPageItem1
{
        font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
        list-style-type: none;
}

.menuPageItem1:link
{
        font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
        list-style-type: none;
}

.menuPageItem1:visited
{
        font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
}

.menuPageItem1:hover
{
        font : bold 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration: underline;
}

.menuPageItem2
{
        font : 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
}

.menuPageItem2:link
{
        font : 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
}

.menuPageItem2:visited
{
        font : 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration : none;
}

.menuPageItem2:hover
{
        font : 90% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
        text-decoration: underline;
}

.menuPageTable1
{
        width: 80%;
        border: 0px;
        margin: 0px;
        padding: 0px;
}

.menuPageTable2
{
        border: 0px;
        margin: 0px;
        padding: 0px;
}

.menuImage1
{
         width:70px;
         height:46px;
}

.menuImage2
{
         width:70px;
         height:46px;
}

.menuHelp1
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
}

.menuHelp2
{
        font : 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #000066;
}

.menuItemBG
{
        background-color: blue;
}

.menuItemBGHighlight
{
        background-color:blue;
}

.applicationMainGrid {
}

.mandatoryFieldStyle {
  COLOR: red;
}

span.Select.error
{
  border-style: solid;
  border-color: red;
  border-width: 1px;
}

.WFS_SystemMessage {
  font : 100% Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: red;
  background-color:white;
  padding-top: 5px;
}

.WFSselectedProgressBarItem {
  background-color:#FFCC00;
}

.WFSprogressBarItem {
  font: bold 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
  vertical-align: top;
  color: black;
  text-align:left;
}

.WFSscrollbar {
  margin-left: 2px;
  margin-right: 2px;
}

.WFSprogressBarGrid {
 width:100%;
}

body
{
	margin: 0;
	padding: 0;
}
#WFSheader
{
	margin: 0px;
	padding: 0px;
	clear: both;
	border-top: 1px solid #006;
}

#WFSqtHeader
{
    position:relative;
	margin: 0px;
	padding: 0px;
	clear: both;
	border-top: 1px solid #006;	
	background-color:#00456E;
	background-attachment:scroll;	
	background-image:url(/WFS/images/QtHomeBanner.jpg);
	background-position:100% 0%;
	background-repeat:no-repeat;
}

#WFSswoop
{
	position:absolute;
	top:0px;
	left:0px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	width: 35px;
	height: 36px;
}
/* queensland government logo */
#WFSqglogo
{
	position:absolute;
	top:0px;
	left:0px;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	width: 140px;
	height: 40px;
}
#WFSqtQglogo
{
	position:absolute;
	top:0px;
	left:0px;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	width: 140px;
	height: 40px;
}
/* header links */
#WFSlinks
{
	margin:5px 10px 5px 180px;
	line-height: 1.5em;
	text-align: right;
	padding: 0px;
	white-space:nowrap;
}

#WFSscrollbarDiv a {
  color:blue;
  background-color:white;
  font: 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.WFSscrollbarCurrentPage {
  font: bold 75% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.WFSdefaultInformationMessage {
  text-align:center;
}

#WFScheckbox.error {
	border-width:2px;
	border-style: solid;
	border-color: #ff0000;
	color:red;
	background-color:white;
}

/* Containing grid for additional fields */
.WFSadditionalFieldsContainingGrid {
  width: 100%;
  border-collapse: collapse;
}

.mandatory {
	color: red;
}

.login-container {
	width: 60%; 
	margin-top: 1em; 
	margin-left: 15em; 
	max-width: 400px;
	display: block; 
	margin-right: auto; 
	border: 1px solid #CCC; 
	padding: 3em
}