/***********************************************/
/* Water Trading Australia CSS Document        */
/***********************************************/
/***********************************************/
/***********************************************/
/* Main HTML tag styles                        */
/***********************************************/
body {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #333333;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	}

td	{
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	}
	
/***********************************************/
/* Table BG Image Styles                       */
/***********************************************/
#Loginbg {									    /* Login BG */
	background-image: url("../images/spacer.gif");
	background-repeat:no-repeat;
	width:150px;
	height:14px;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #6E6E6E;
	}
	
#Headerbg {									    /* Header BG */
	background-image: url("../images/headerbg.gif");
	background-repeat:repeat-x;
	}

.greenbotbg {									 /* Bottom Green BG */
	background-image: url("../images/greenbotbg.gif");
	background-repeat:repeat-x;
	height:271px;
	background-color:#E3FF90;
	color:inherit;
	}

.Picsbg	{										/* 4 Pictures BG lines */
	background-image: url("../images/4picsbg.gif");
	background-repeat:repeat-x;
	height:83px;
	}
	
#Curvebg1 {										/* Bottom Curve BG 1 */
	background-image: url("../images/botcurvebg.gif");
	background-repeat:repeat-x;
	height:21px;
	}
	
#Curvebg2 {										/* Lower Bottom Curve BG 2 */
	background-image: url("../images/botcurvebg2.gif");
	background-repeat:repeat-x;
	height:8px;
	}

#Curvebg3 {										/* Lower Bottom Curve BG 3 */
	background-image: url("../images/botcurvebg3.gif");
	background-repeat:repeat-x;
	height:33px;
	}

#Contenttbl {									/* Content Page Min Height Table */
	/*height:300px;*/
	height:auto;
	vertical-align:top;
	}

.clear {										/* Table height hack */
    clear:both;
    height:1px;
    overflow:hidden;
  }

/***********************************************/
/* Border Styles                               */
/***********************************************/
.MenuRBdr {
	Border-Right: #D7D7D7 1px dashed;
	}

.MedLine {
	background-color:#666666;
	}
	
/***********************************************/
/* Link Styles                                 */
/***********************************************/
.HeaderLinks a:link, .HeaderLinks a:visited, .HeaderLinks a:active { /* Header Link Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
    color : #FF9933;
	font-weight: bold;
	text-decoration : none;
	background-color:inherit;
	}

.HeaderLinks a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color : #7a7a7a;
	font-weight: bold;
	text-decoration : none;
	background-color:inherit;
	}
	
a:link, a:visited, a:active { /* Default Link Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
    color : #006699;
	text-decoration : none;
	background-color:inherit;
	}

a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color : #333333;
	text-decoration : none;
	background-color:inherit;
	}

.MedGrey a:link, .MedGrey a:visited, .MedGrey a:active { /* Med Grey Link Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
    color : #006699;
	text-decoration : none;
	background-color:inherit;
	border-bottom: 1px dashed #006699;
	}

.MedGrey a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color : #333333;
	text-decoration : none;
	background-color:inherit;
	border-bottom:none;
	}
	
.LgeGreen {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 11pt;
    color : #009900;
	font-weight: bold;
	background-color:inherit;
	padding-left:20px;
}	

.LoginBox a:link, .LoginBox a:visited, .LoginBox a:active { /* Login Box Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
    color : #006699;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	border-bottom: 1px dashed #006699;
	}

.LoginBox a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #7a7a7a;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	border-bottom:none;
	}

.Forms a:link, .Forms a:visited, .Forms a:active { /* Browse Forms Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
    color : #006699;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	padding-left:10px;
	}

.Forms a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #7a7a7a;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	}
		
/***********************************************/
/* Right Side Column Styles                    */
/***********************************************/
#TopRightCol {
	height:154px;
	background-color:#FFFFFF;
	color:#333333;
	}

#MiddleRightCol {
	height:83px;
	background-image: url("../images/4picsbg.gif");
	}
	
/***********************************************/
/* Font Colours and Sizes Styles               */
/***********************************************/
.MedGrey {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color : #6E6E6E;
	background-color:inherit;
	}
	
.ArialGrey {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	font-size: 10pt;
	color : #6E6E6E;
	background-color:inherit;
	}

.SmallGrey {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #6E6E6E;
	background-color:inherit;
	}

.SmallHeader {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	font-weight:bold;
	background-color:inherit;
	}
	
.RedFont {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #FF0000;
	background-color:inherit;
	}

.GreenFont {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #FF6600;
	background-color:inherit;
	}
	
.BlueFont {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 10pt;
	color : #006699;
	background-color:inherit;
	}

.Hidden {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 7pt;
	color : #006699;
	background-color:inherit;
	}

.smallbold	{
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#333333;
	font-weight:bold;
	}

.LoggedInBlue {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 11pt;
    color : #006699;
	font-weight: bold;
	background-color:inherit;
	padding-left:20px;
	}

.LoggedInBlue a:link, .LoggedInBlue a:visited, .LoggedInBlue a:active { /* LoggedInBlue Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
    color : #006699;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	}

.LoggedInBlue a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #7a7a7a;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	}
				
/***********************************************/
/* Dropdown & Newsletter Box Styles            */
/***********************************************/
.droplbg {									/* Left Side Orange Box BG */
	background-image: url("../images/dropbgleft.gif");
	background-repeat:repeat-y;
	}
	
.droprbg {									/* Right Side Orange Box BG */
	background-image: url("../images/dropbgright.gif");
	background-repeat:repeat-y;
	}

.droptopbg {									/* Top Orange Box BG */
	background-image: url("../images/dropbgtop.gif");
	background-repeat:repeat-x;
	}

.dropbotbg {									/* Bottom Orange Box BG */
	background-image: url("../images/dropbgbot.gif");
	background-repeat:repeat-x;
	}
		
/***********************************************/
/* Misc Styles & Paddings                      */
/***********************************************/
.GreyHeadings {
	padding-top:7px;
	padding-bottom:5px;
	}
	
.WTMEPadding {
	padding-left:25px;
	}

.LoginBox {
	padding-left:20px;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #6E6E6E;
	background-color:inherit;
	}

#BuyTable	{
	background-color:#CCCCCC;
	}

.BuyTableHeader	{
	background-color:#F1F1F1;
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 8pt;
	color : #6E6E6E;
	font-weight:bold;
	}

.BuyTableBody	{
	background-color:#FFFFFF;
	font-weight:normal;
	}		
/***********************************************/
/* Form styles                                 */
/***********************************************/
form  {
	display:inline;
	}

Select.DropDowns {
	font-family:Tahoma, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#333333;
	height:18px;
	line-height:18px;
	width:320px;
	margin:5px 0 5px 0; /* top,right,bottom,left */
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#999999;
	border-style:solid; 
	}

Select.DropDownsAdmin {
	font-family:Tahoma, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#333333;
	height:18px;
	line-height:18px;
	margin:5px 0 5px 0; /* top,right,bottom,left */
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#999999;
	border-style:solid; 
	}
			
.Textbox {
	font-family:Tahoma, arial, helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#999999;
	border-style:solid; 
	padding:0px 0px 0px 2px;
	}

.TextboxOver {
	font-family:Tahoma, arial, helvetica, sans-serif;
	font-size:10pt;
	color:#333333;
	background-color:#FFFFFF;
	border-width:1px;
	border-color:#FF6600;
	border-style:solid; 
	padding:0px 0px 0px 2px;
	}
	
Input.Btn {
	font-family: Tahoma, Arial, Verdana, Sans-Serif; 
	color: #333333;  
	font-size:8pt; 
	}

Input.BtnSmall {
	font-family: Tahoma, Arial, Verdana, Sans-Serif; 
	color: #333333;  
	font-size:7pt; 
	}
/***********************************************/
/*  Footer styles                              */
/***********************************************/
Div#Footer {									    /* Main Footer BG */
	background-image: url("../images/footerbg.gif");
	background-repeat:repeat-x;
	height:31px;
	background-color:#e3ff90;	
	color:#333333;
	}
	
Div#FooterText {
	padding-top:8px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif; 
	text-align:center;
	color:#CCCCCC;
	width:100%;
	font-size:7pt;
	background-color:inherit;
	}

#FooterText a:link, #FooterText a:visited, #FooterText a:active { /* Footer Link Styles */
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 7pt;
    color : #CCCCCC;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	}

#FooterText a:hover {                            
    font-family: Tahoma, arial, helvetica, sans-serif;
	font-size: 7pt;
	color : #7a7a7a;
	font-weight: normal;
	text-decoration : none;
	background-color:inherit;
	}		
/***********************************************/
/*  Error styles                               */
/***********************************************/
.ErrFont {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#FF0000;
	font-weight:600;
	padding:2px;
	background-color:inherit;
	} 

.MsgFont {
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size:8pt;
	color:#006699;
	font-weight:600;
	padding:2px;
	background-color:inherit;
	}
	
/***********************************************/
/* Admin Control Panel Styles                  */
/***********************************************/
.Rep1 {
	background-color:#FF9932;
	height:8px;
	color:inherit;
	}

#Admbg {
	background-color:#F1F1F1;
	color:inherit;
	}

#Loginbg {
	background-color:#FFFFFF;
	}

.AdmBlue {
	color:#006699;
	background-color:inherit;
	}	

.Admheight1 {
	height:1px;
	background-color:#333333;
	color:inherit;
	}

.Admheight160 {
	height:160px;
	}
	
.Admheight100 {
	height:100%;
	}
	
#Divide {
	background-image: url("../images/divide.gif");
	background-repeat:repeat-x;
	height:7px;
	}

/***********************************************/
/* Admin DHTML Drop Down Menu Styles           */
/***********************************************/
.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #BBB; /*Theme Change here*/
	font-family: Tahoma, arial, helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	line-height:15px;
	z-index:100;
	background-color: white;
	width: 180px;
	visibility: hidden;
	color:#333333;
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4);*/ /*Add Shadow in IE. Remove if desired*/
	}
	
.dropmenudiv a:link, .dropmenudiv a:visited, .dropmenudiv a:active{ /* Dropdown Link Styles */
	width: 100%;
	display: block;
	text-indent: 3px;
	border-bottom: 1px solid #BBB; /*Theme Change here*/
	padding: 2px 0px 2px 2px; /* top,right,bottom,left */
	text-decoration: none;
	font-weight: normal;
	color: #494949;
	background-color:inherit;
	}

.dropmenudiv a:hover{ /*Theme Change here*/
	background-color: #F0F0F0;
	color:#333333;
	}

/***********************************************/	
/* Help styles                                 */
/***********************************************/
.HelpDescription { 
	visibility: hidden;
	display: none;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	line-height: 1.5; color: #4D68A1;
	background-color:inherit;
	}

/***********************************************/	
/* Calender styles                             */
/***********************************************/	
div.calendar { position: relative; }

.calendar, .calendar table {
	border: 1px solid #556;
	color: #000;
	cursor: default;
	background: #eef;
	font-family: tahoma,verdana,sans-serif;
	font-size:8pt;
	}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
	text-align: center;    /* They are the navigation buttons */
	padding: 2px;          /* Make the buttons seem like they're pressing */
	font-size:8pt;
	}	

.calendar .nav {
	background: #778 url(menuarrow.gif) no-repeat 100% 100%;
	}

.calendar thead .title { /* This holds the current "month, year" */
	font-weight: bold;      /* Pressing it will take you to the current date */
	text-align: center;
	background: #fff;
	color: #000;
	padding: 2px;
	font-size:8pt;
	}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
	background: #778;
	color: #fff;
	font-size:8pt;
	}

.calendar thead .daynames { /* Row <TR> containing the day names */
	background: #bdf;
	font-size:8pt;
	}

.calendar thead .name { /* Cells <TD> containing the day names */
	border-bottom: 1px solid #556;
	padding: 2px;
	text-align: center;
	color: #000;
	font-size:8pt;
	}

.calendar thead .weekend { /* How a weekend day name shows in header */
	color: #a66;
	}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
	background-color: #aaf;
	color: #000;
	border: 1px solid #04f;
	padding: 1px;
	}

.calendar thead .active { /* Active (pressed) buttons in header */
	background-color: #77c;
	padding: 2px 0px 0px 2px;
	}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
	width: 2em;
	color: #456;
	text-align: right;
	padding: 2px 4px 2px 2px;
	font-size:8pt;
	}
	
.calendar tbody .day.othermonth {
	font-size: 8pt;
	color: #bbb;
	}
	
.calendar tbody .day.othermonth.oweekend {
	color: #fbb;
	}

.calendar table .wn {
	padding: 2px 3px 2px 2px;
	border-right: 1px solid #000;
	background: #bdf;
	}

.calendar tbody .rowhilite td {
	background: #def;
	}

.calendar tbody .rowhilite td.wn {
	background: #eef;
	}

.calendar tbody td.hilite { /* Hovered cells <TD> */
	background: #def;
	padding: 1px 3px 1px 1px;
	border: 1px solid #bbb;
	}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
	background: #cde;
	padding: 2px 2px 0px 2px;
	}

.calendar tbody td.selected { /* Cell showing today date */
	font-weight: bold;
	border: 1px solid #000;
	padding: 1px 3px 1px 1px;
	background: #fff;
	color: #000;
	font-size:8pt;
	}

.calendar tbody td.weekend { /* Cells showing weekend days */
	color: #a66;
	font-size:8pt;
	}

.calendar tbody td.today { /* Cell showing selected date */
	font-weight: bold;
	color: #00f;
	font-size:8pt;
	}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
	visibility: hidden;
	}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
	display: none;
	}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
	text-align: center;
	background: #556;
	color: #fff;
	font-size:8pt;
	}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
	background: #fff;
	color: #445;
	border-top: 1px solid #556;
	padding: 1px;
	font-size:8pt;
	}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
	background: #aaf;
	border: 1px solid #04f;
	color: #000;
	padding: 1px;
	}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
	background: #77c;
	padding: 2px 0px 0px 2px;
	}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 4em;
	cursor: default;
	border: 1px solid #655;
	background: #def;
	color: #000;
	font-size: 90%;
	z-index: 100;
	}

.calendar .combo .label,
.calendar .combo .label-IEfix {
	text-align: center;
	padding: 1px;
	}

.calendar .combo .label-IEfix {
	width: 4em;
	}

.calendar .combo .hilite {
	background: #acf;
	}

.calendar .combo .active {
	border-top: 1px solid #46a;
	border-bottom: 1px solid #46a;
	background: #eef;
	font-weight: bold;
	font-size:8pt;
	}

.calendar td.time {
	border-top: 1px solid #000;
	padding: 1px 0px;
	text-align: center;
	background-color: #f4f0e8;
	}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
	padding: 0px 3px 0px 4px;
	border: 1px solid #889;
	font-weight: bold;
	background-color: #fff;
	}

.calendar td.time .ampm {
	text-align: center;
	}

.calendar td.time .colon {
	padding: 0px 2px 0px 3px;
	font-weight: bold;
	}

.calendar td.time span.hilite {
	border-color: #000;
	background-color: #667;
	color: #fff;
	}

.calendar td.time span.active {
	border-color: #f00;
	background-color: #000;
	color: #0f0;
	}