﻿html, body {
     height: 100%;
}

body
{
	font-family: Arial;
	width:100%;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
img
{
	border:none;
}

.tip
{
    margin-left: 5px;
}

.tipArea
{
    
    padding: 5px 5px 5px 8px;
    position: relative;
    width: 200px;
    z-index: 900;
    cursor: help;
    border: solid 1px #ffffff;
    -moz-border-radius: 10px;
    margin-left: 25px;
    margin-top: 25px;
    opacity: 1;
    
}

.tipShadow
{
    width: 213px;
    height: 117px;
    margin-left: 30px;
    position: relative;
    background-color: Black;
    opacity: 0.4;
    z-index: 899;
    -moz-border-radius: 10px;
    margin-top: -115px;
}

.Blue .tipArea
{
    background-color: #0071bc;
}

.Grey .tipArea
{
    background-color: #5f6062;
}
 
a:active { outline-style:none; }
a:focus, a:hover, a:active 
{
	outline:none; 
	cursor:pointer;
}
.emptyGrid
{
    margin-left: 40px; 
    margin-top: 20px; 
    margin-bottom: 20px;
}

.mouseCursor:Hover
{
	cursor:pointer;
}
 
.wrapper {
     min-height: 100%;
     height: auto !important;
     height: 100%;
     margin: 0 auto -4em;
}
 
.footer, .push {
     height: 4em;
}

.png /*Other browsers standard images */
{
    visibility: visible;
    display: inline;
    border-style: none;
}
.jpg /*IE6 replacment images */
{
    visibility: hidden;
    display: none;
    border-style: none;
}

.footer
{
    margin-top: 3px;
    background-image: url('../images/footerbkg.jpg');
    height: 45px;
    width: 100%;
    background-repeat: repeat-x;
}	

.terms_conditions_message .tradieRegisterButton
{
	position:absolute;
	right:5px;
}

.terms_conditions_message .renoRegisterButton
{
	position:absolute;
	right:5px;
}

.footerText
{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
}

.footerInnerText
{
    color: #5f6062;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    margin-left: 410px;
    position: absolute;
    margin-top: 20px;
    
}

.footerInnerText a
{
    color: #5f6062;
}

.footerInnerText a:Hover
{
    color: #00aeef;
    cursor:pointer;
}

.aspnetForm
{
	margin-top: 0px;
	padding: 0px;
}

#main_container
{
	margin-top: 0px;
	padding-top: 0px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}

a
{
	text-decoration: none;
	cursor:pointer;
}

.titleText
{
	font-family: Arial;	
	font-size: 18px;
	font-weight: lighter;
}

.titleTextMed
{
	font-family: "Felt Tip Roman", Verdana;	
	font-size: 18px;
	font-weight: lighter;	
}

.Blue .loggedInAs
{
	color: #80d6f7;
	float:right;
	margin-top: -20px;
	margin-right: 35px;
}

.Grey .loggedInAs
{
    color: #FFFFFF;
	float:right;
	margin-top: -20px;
	margin-right: 35px;
}

.areaMenuText
{
	padding: 0px;
	font-family: Arial Narrow;
	font-size: 18px;
	font-weight: lighter;
	padding-right: 8px;
}

.titleMedium
{
	font-family: Arial, Helvetica, Sans-Serif;	
	font-size: 22px;
	font-weight: lighter;
}

.titleTextLarge
{
	font-family: Arial, Helvetica, Sans-Serif;	
	font-size: 26px;
	font-weight: lighter;
	margin-left: 20px;
	margin-top: 50px;
}


.White
{
	color:#5f6062;
	outline-color: #00aeef;
	line-height: 20px;
	font-size: 12px;	
}

.White a:active, .White a:focus 
{
	outline-color: #00aeef;   
}

.whiteText
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
}

.White h2
{
	color:#5f6062;
	height: 30px;
	font-size: 14px;
}

.White a
{
	color:#00AEEF;
	text-decoration:underline;
}
.White a:hover
{
	color:#5f6062;
	text-decoration:underline;
	cursor:pointer;
}

.Static
{
	color:#5f6062;
	outline-color: #00aeef;
	line-height: 20px;
	font-size: 12px;
}
.Static h1
{
	color:#00AEEF;
	/*height: 30px;*/
	line-height:26px;
	font-size: 20px;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
}
.Static h2
{
	color:#00AEEF;
	height: 20px;
	font-size: 16px;
	font-weight:bold;
	margin-bottom:0px;
	padding-bottom:0px;
	padding-top:10px;
}
.Static .Tradie h2
{
	color:#5f6062;
}
.Static a
{
	color:#00AEEF;
	text-decoration:underline;
}
.Static a:hover
{
	color:#5f6062;
	text-decoration:underline;
	cursor:pointer;
}

/* rightLinks */
.rightLinkBox
{
	width: 150px;
	font-family: Arial, Verdana, Sans-Serif;
	float: right;
	font-size: 10px;
	margin-bottom: 2px;
}
.iconRow
{
	width:100%;
	float:left;
}
.icon 
{
	float:left;
	margin-top:2px;
	margin-left:8px;
	margin-right:2px;
}
.iconLink
{
	float:left;
	color:#5f6062;
	background-color: White;
}
.iconArrow
{
	float:right;
	margin-right:15px;
	margin-top:7px;
}

.iconLink:Hover, .iconRow a:Hover, .iconRow a div:Hover
{
	color: #00AEEF;
	text-decoration: none;
	cursor: pointer;
}
.iconLink, .iconRow a, .iconRow a div
{
	background-color: White;
	text-decoration: none;
}
/*-------------------*/

#logo
{
	float:left;
}

#logo img
{
	display:block;
}

.page_padding_top 
{
	padding-top:5px;
}

.quarterColumn
{
	font-size: 12px;
	float: left;
	margin-left: 30px;
	margin-right: 10px;
	line-height:16px;
}
.homeRightColumn
{
	font-size: 11px;
	width: 100px;
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}
.columnTitle
{
    color: #5f6062;
    font-size: 14px;
    font-weight: bold;
    margin-left:10px;
}
.quickLinks
{
	width:180px;
	margin-left:10px;
}
.quickLinks a
{
    color: #00aeef;
    font-weight: bold;
}

.quickLinks a:Hover
{
	color: #5f6062;
	cursor:pointer;
}

.blueLink
{
    margin-top: 5px;
    width: 180px;
    font-size:12px;
    font-weight:bold;    
}

.blueLinkText
{
    width: 125px;
}

.blueArrow
{
    /*background-image: url('../images/bluearrow.png');
    background-repeat: no-repeat;*/
    position: absolute;
    margin-left: 130px;
    margin-top: -18px;
    border-style: none;
    width: 34px;
    height: 11px;
}

.vsep
{
	margin-top: 5px;
	width: 5px;
	height: 250px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

.hs1
{
	width: 30px;
	height: 23px;
	/*background-image: url('../images/hs1.png');*/
}

.hs2
{
	width: 34px;
	height: 28px;
	/*background-image: url('../images/hs2.png');*/
	
}

.inputError
{    
    color: #FF0000;
	font-size:10px;
	padding-top: 0px;
	padding-left: 20px;
	width:80px;
	font-weight: bold;	
}

.star
{
	background-image: url('../images/star.png');
	height: 21px;
	width: 27px;
	float:left;
	background-repeat: no-repeat;
	
}

.smallStar
{
	background-image: url('../images/smallstar.png');
	height: 7px;
	width: 	8px;
	float:left;
	background-repeat: no-repeat;
}

.smallStarRed
{
	background-image: url('../images/smallstarred.png');
	height: 7px;
	width: 8px;
	float:left;
	background-repeat: no-repeat;
}
.smallStarRedEnews
{
	background-image: url('../images/smallstarred.png');
	height: 7px;
	width: 8px;
	float:left;
	margin-top:12px;
	margin-left:-10px;
	background-repeat: no-repeat;
}
.arrow
{
	background-image: url('../images/arrow.png');
	height: 13px;
	width: 40px;
	position: relative;
	background-repeat: no-repeat;
	border-style: none;
}

.Blue .arrow:Hover
{
	background-image: url('../images/arrowbluehover.png');
	height: 13px;
	width: 40px;
	position: relative;
	background-repeat: no-repeat;
	border-style: none;
	cursor:pointer;
}

.arrowLarge
{
	background-image: url('../images/arrowlg.png');
	height: 20px;
	width: 60px;
	position: relative;
	background-repeat: no-repeat;
}

.Grey .arrowLarge:Hover
{
	background-image: url('../images/arrowlghover.png');
	height: 20px;
	width: 60px;
	position: relative;
	background-repeat: no-repeat;
	cursor:pointer;
}

.Blue .arrowLarge:Hover
{
	background-image: url('../images/arrowlghoveronblue.png');
	height: 20px;
	width: 60px;
	position: relative;
	background-repeat: no-repeat;
	cursor:pointer;
}

.rightHeaderLink
{
    margin-right: 45px;
    margin-top: 55px;
    float: right;
}

.blueHeading
{  
    font-weight: bold;
    font-size: 17px;
    color: #00aeef;
}

.greyHeading
{
	font-weight: bold;
    font-size: 17px;
    color: #5F6062;
}

.tradieLoginSearchBox
{
	margin-left: 35px;
	margin-top: 6px;
}

.siteSearchArrow
{
	margin-left: 10px;	
}

.grid 
{
	color: White;
	background-color:Transparent;
	border: none 0px #ffffff;
	width: 900px;
	margin-left:20px;
	float:left;
	
	
}

.gridHeader
{
	font-family: Arial;	
	font-size: 14px;
	font-weight: lighter;
	line-height: 14px;
	height: 26px;
	background-position: left bottom;
	background-repeat:repeat-x;
	background-repeat: no-repeat;
	background-color:Transparent;
	margin-bottom: 5px;
}
 

.headerImage
{
    padding-top: 5px;
    
}

.gridTitle
{
    height: 42px;
    vertical-align: top;
}

.gridRow
{
	background-color:Transparent;
	vertical-align: top;
	height: 33px;
	border-style: none;
	margin-bottom: 1em;
	
	
}

.gridRowWithdrawn, .gridRowWithdrawn td a
{
    color: #999999;
    
   
}

.gridRowBold
{
	font-weight: bold;
}

.gridRow td
{
	padding-left: 20px;
}

.roundedRectangle
{
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	float: left;
}

.Blue
{
	color: White;
	outline-color: White;
}

.Blue a:focus { outline-color: White;   }

.Blue a
{
    color: White;
    
}

.Blue a:Hover
{
    color: #cccccc;
    cursor:pointer;
}

.Grey
{
	color: White;
	outline-color: #00aeef;
}

.rightMenu 
{
	float:right; 
	width:207px;
}

#tradieRightMenu a { outline-color: #ffffff; }

.tradieInnerSection 
{
	/*height:30%;*/
	width:100%;
	float:left;
}

.greyhomesep 
{
	float:left;
	margin-top:5px;
	margin-bottom:10px;
}

.Grey a
{
    color: White;    
}

.Grey a:Hover
{
    color: #00aeef;
    cursor:pointer;
}

.Grey img a:focus
{
    outline-color: #00aeef;
}

.innerBox
{
	z-index: 100;
	margin-left: 45px;
	margin-top: -30px;
	float: left;
	overflow: hidden;
}

.innerTable
{
	z-index: 100;
	margin-left: 12px;
	margin-top: 0px;
	position: inherit;
	float: left;
}

.innerTable_text
{	
	float: left;
	margin-top:0px;
	margin-bottom: 15px;
	margin-left: 45px;	
}

.whiteSection
{
	width: 100%;
	height: 200px;
}

.renovatorTop
{
	font-family: "Felt Tip Roman", Verdana;
	font-size: 28px;
}

.renovatorGradient
{
}

.renovatorBottom
{
	
}

.tableTitle
{
	font-family: "Felt Tip Roman", Verdana;
	font-size: 48px;
}

.checkBox
{
	background-color: Transparent;
	color: White;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 11px;
	background-repeat: no-repeat;
	border-style: none;
	overflow: hidden;
	display: block;
}

.textBox
{
	vertical-align:top;
	width:110px;
	height:14px;
	background-color: Transparent;
	font-size:11px; 
	border:0; 
	padding:0px; 
	margin:0px; 
	margin-top: 1px;
	font-family: Arial; 
	color:White;
}

.textBox2
{	
	width:175px;	
}



.textBoxEmail
{
	vertical-align:top;
	width:110px;
	height:14px;
	background-color: Transparent;
	font-size:11px; 
	border:0; 
	padding:0px; 
	margin:0px; 
	margin-top: 1px;
	font-family: Arial; 
}

.multiLineTextBox
{
    vertical-align:top;
	width:390px;
	height:80px;
	font-size:11px; 
	border:0; 
	padding:0px; 
	margin:0px; 
	margin-top: 1px;
	font-family: Arial; 
	float:left;	
}

#renoreg .multiLineTextBox
{
	width:330px;
}

.fileUpload
{
    position: absolute;
}

.fileTextBox
{
    z-index:1;
}

.browse
{
	width: 112px;
	height: 32px;
	position: absolute;
	margin-left: 270px;
	margin-top: -20px;
	
	
	background-image: url('../images/browse.png');
}

.browse:Hover
{
	width: 112px;
	height: 32px;
	position: absolute;
	margin-left: 270px;
	margin-top: -20px;
	cursor:pointer;	
	background-image: url('../images/browsehover.png');
}

.dropDownList
{
	width:180px;
}

Blue .dropDownList option
{
	vertical-align:top;
	width:110px;
	height:14px;
	background-color: Transparent;
	font-size:11px; 
	border:0; 
	padding:0px; 
	margin:0px; 
	margin-top: 1px;
	font-family: Arial; 
	color:white;
	border-color: White;
	background-image: url('../images/star.png');
}

.textBoxContainer
{
	float:left; 
	width:116px; 
	height:16px; 
	margin-left:8px; 
	margin-top: 8px; 
	padding:0px; 
	padding-left:3px; 
	float: left;
}
.textBoxContainer_renovator
{
	float:left; 
	height:16px; 
	margin-top: 2px;
	margin-bottom: 5px;	
}
.textBoxContainer_renovator_suburb
{
	position:absolute; 
	margin-left:305px;
}

.multilineTextBoxContainer_renovator
{
	float:left; 	
	margin-top: 2px;
	margin-bottom: 5px;	
}

.multilineTextBoxContainer
{
	float:left; 
	width:350px; 
	height:100px;
	margin-top:4px; 
	padding:0px; 
	padding-left:6px; 
	float:left;
}

.largeTextBox .validationArea
{
	margin-left: 260px;
	width: 16px;
	height: 30px;
	position: relative;
}

.medTextBox .validationArea
{
	margin-left: 180px;
	width: 16px;
	height: 30px;
	position: relative;
}

.smallTextBox .validationArea
{
	margin-left: 135px;
	width: 16px;
	height: 30px;
	position: relative;
}

.renoInvalidSuburb 
{
	margin-top: 5px; 
	margin-left: 90px;	
}

.fileUpload_field
{
	margin-left: 285px; 
	height:24px;
	margin-bottom:5px;
}

#title
{
	width: 763px;
	height: 55px;
	margin-left: 2px;
	float:left;
	z-index: -10;
}

#menu
{
	width: 776px;	
	float:left;
}

.menuItem
{
	text-align:center;
	width: 100px;
	float: left;
	line-height: 1em;
	margin-top: 10px;
}

.menuItem a
{
    line-height: 1em;
	color: #5f6062;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
}

.menuItem a:hover
{
    line-height: 1em;
	color: #00aeef;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	cursor:pointer;
}

.siteSearchBox
{
	float:left;
	background-color:Transparent;
	margin-top: 6px;
	margin-left: 20px;
	width: 160px;
	color: #aaaaaa;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaaa;
	font-size: 11px;
	font-family: Arial;
	padding-left: 5px;
}

.loginSidebar
{
	width:182px; 
	margin-left:25px; 
	padding-top:40px; 
	float:left;
}

.loginSidebar div
{
	float:left;
}

.Blue .textBox
{
	color: White;
}

.Grey .textBox
{
	color: #dddddd;
}

.siteSearch .focused
{
	color: #999999;
}

.textBox .focused
{
	color: White;
}

.Blue .blurred
{
	color: #80d7f7;
}

.sectionMenu
{
	width: 730px;
}

.Blue .sectionMenuItem
{
    margin-left: 15px;
	
}

.Grey .sectionMenuItem
{
	width: 23%;
}

.tradieTitle
{
	background-image: url('../images/tradieTitleBG.jpg');
	height: 55px;
	width: 772px;
	overflow: hidden;
	margin-left: -2px;
}

.tradieRightArea
{
    background-image: url('../images/tradieRightArea.jpg');
	height: 176px;
	width: 203px;
	overflow: hidden;
	margin-left: -2px;
}

.renovatorTitle
{
	/*background-image: url('../images/renovatorTitleBG.jpg');*/
	background-image: url('../images/renovatormenubar.jpg');
	
	height: 55px;
	width: 771px;
	margin-left:-2px;
}

.renovatorLogin
{
	background-image: url('../images/renovatorLoginBG.jpg');	
	width: 568px;
	height: 55px;
	background-repeat: no-repeat;
	overflow: hidden;
	float:left;
}

.renovatorLogin .textBoxBlurred
{
	color: #80d7f7;
}

.renoRegLink
{
	float:left; 
	width: 180px; 
	height:80px; 
	margin-top: 5px; 
	margin-left:10px;
}

.renovatorUsername
{
	float: left;
}

.renovatorPassword
{
	float: left;
}
.renoSidebarLogin
{
	margin-top: 0px;
	float: left;
	margin-left:100px;
}
.renovatorLoginLink
{
	margin-top: 8px;
	float: left;
	text-decoration: none;
}

#lbLoginRenovator
{
	text-decoration: none;
	color: Red;
}

.renovatorPasswordLink
{
	margin-top: 4px;
	margin-right: 6px;
}

.passwordLink
{
	font-family: Arial;
	font-size: 10px;
}

.Blue .passwordLink
{
	color: #ffffff;
}

.renovatorPasswordLink .passwordLink
{
	color: #ffffff;
	text-decoration:none;
}
.renovatorPasswordLink .passwordLink:hover
{
	color: #cccccc;
	text-decoration:none;
	cursor:pointer;
}


.tradiePasswordLink .passwordLink
{
	color: #ffffff;
	text-decoration:none;
}
.tradiePasswordLink .passwordLink:hover
{
	color: #00aeef;
	text-decoration:none;
	cursor:pointer;
}

.Grey .passwordLink
{
	color: #dddddd;
}

.Grey .passwordLink:Hover
{
	color: #00aeef;
	cursor:pointer;
}

.tradieLogin
{
	background-image: url('../images/tradieLoginBG.jpg');
	background-repeat: no-repeat;
	width: 203px;
	height: 381px;
	padding: 0px;
	margin: 0px;
	z-index: 55;
	float: right;
	overflow: hidden;
}

.tradieInnerLogin
{
	width: 183px;
	height: 371px;
	margin-top: 10px;
	margin-left: 10px;
}
.tradieInnerLoginRegister
{ 
	margin-left: 15px;
}
.passwordGen
{
    width: 114px;
    position: absolute;
    margin-top: 15px;
    margin-left: 250px;
	font-size: 18px;
	height: 42px;
}
.passwordGen_renovator
{
    width: 114px;
    position: absolute;
    margin-top: 20px;
    margin-left: 300px;
	font-size: 18px;
	height: 42px;
}

.genPassword
{
	text-decoration: none;
	height: 42px;
	width: 114px;
	background-image: url('../images/genPassword.gif');
	background-repeat: no-repeat;
	margin-left:25px;
	margin-top:-5px;
}

.genPassword:Hover
{
	height: 42px;
	width: 114px;
	background-image: url('../images/genPasswordHover.gif');
	background-repeat: no-repeat;
	cursor: pointer;
}

.tradiePasswordLink
{
	margin-top: 4px;
	margin-left: 8px;
}

.tradieLoginLink
{
	margin-left: 100px;
	position: relative;
	margin-bottom:4px;
}

.entryRow
{
	width: 100%;
	float:left;
	margin-bottom:4px;
}

.label
{
	margin-top: 7px;
	width:105px;
	float:left;
	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
}
.labelEmailBoc
{
	margin-top: 7px;
	float:left;
	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
}

.Grey
{
    color: #00aeef;
}

.entryField
{
	margin-left: 5px;
	margin-top: 0px;
	float: left;
	width: 180px;
}



.viewRow
{
    margin-top: 20px;
	width: 100%;
	float:left;
}

.viewLabel
{
    vertical-align: top;
    height: 100%;
    margin-top: 0px;
    float: left;
    
    font-weight: bold;
}

.viewField
{
	margin-left: 20px;
	
	margin-top: 0px;
	float: left;
	text-align: left;
	
}

.Grey .viewField
{
    color: White;
}

.viewMultiLine
{
    vertical-align:top;
	width: 350px;
	height:123px;
	background-color: Transparent;
	font-size:11px; 
	border:0; 
	padding:0px; 
	margin:0px; 
	margin-top: 1px;
	font-family: Arial; 
	color:White;
}


.leftColumn
{
	margin-top: 20px;
	height: 100%;
	width: 420px;
	float: left;
	margin-bottom: 15px;
}

.rightColumn
{
	margin-top: 20px;
	height: 100%;
	margin-left: 10px;
	width: 440px;
	float: left;
	margin-bottom: 20px;
}

.imageArea
{
    position: relative;
    width: 450px;
    height: 205px;
    margin-top: 20px;
    margin-left: 80px;
}

.shownOnSite
{
    position: absolute;
    margin-top: 150px;
    margin-left: 350px;
}
.shownOnSite_renovator
{
    position: absolute;
    margin-top: 180px;
    margin-left: 290px;
}

.notShownOnSiteArrow
{
    position: absolute;
    margin-top: 175px;
    margin-left: 340px;
}
.notShownOnSiteArrow_renovator
{
    position: absolute;
    margin-top: 178px;
    margin-left: 320px;
}

.notShownOnSite
{
    position: absolute;
    margin-top: 250px;
    margin-left: 270px;
}
.notShownOnSite_renovator
{
    position: absolute;
    margin-top: 248px;
    margin-left: 255px;
}

.submitArea
{
    margin-top: 30px;
}

.status
{
    
	color: #5f6062;
	border-style: none;
	display: block;
	padding-left: 2px;
	height: 18px;
	font-size: 13px;
	font-weight: bold;
	width: 75px;
}

.statusOpen
{
    
	
	background-color: #8cc63f;
}

.statusShortlisted
{
	background-color: #ffff00;
}

.statusAwarded
{
	background-color: #f7931e;
}

.statusCancelled
{
	background-color: #ffa9a9;
}

.statusExpired
{
	background-color: #ffffff;
}


.registerFormButton
{
	width: 260px; 
	height: 69px; 
	float:right; 
	margin-top:8px; 
	margin-right:15px;
}
.applyShotlistBtn
{
	width: 202px; 
	height: 73px; 
	float:right; 
	margin-top:8px; 
	margin-right:15px;
}
.applyFormButton
{
	width: 314px; 
	height: 67px; 
	float:right; 
	margin-right: 19px;
}

.thanksImage
{
    float: left;
	width: 500px;
	height: 220px;
	margin-left: 241px;
	margin-top: 60px;
	margin-bottom: 20px;
}

.tradeCheckBoxes
{
    margin-top:10px;
    float:left;
    width:500px;
}

.tradeLabel
{
	color:White;
    margin-left:15px; 
	margin-right:4px;   
    float:left;
    width:26%;
    height:40px;
    text-align: left;
	font-size: 11px;
	font-family: Arial, Verdana, Sans-Serif;
}

.tradeCheckBox
{
    float:left;
    width: 3%;
    font-size: 0px;
    margin-top:-2px;
    color:#262223;
}
.clear
{
	clear:both;
}
.hlQuickSearch
{
    margin-top: 23px;
    margin-left: 10px;
}

.tradieAreaLeftPos a
{
	
}

.hlAdvancedSearch
{
    margin-top: 40px;
    margin-left: 10px;
}

.whatsThis
{
    font-size: 10px;
    margin-left: 15px;
}

.messageHeading
{
    font-size: 14px;
    font-weight: bold;
}

.messageArea
{
    width: 885px;
    margin-top:25px;
    margin-bottom:20px;    
}

.Blue .messageArea
{
    background-color: #3399d4;
    
}

.Grey .messageArea
{
    background-color: #5F6062;
}

.message
{
    padding: 5px 15px 5px 15px;
    margin-top: -1px;
    /*background-color: #ddeeff;*/
    color: White;
    width: 865px;
    margin-left: 12px;
    /*border-style: dotted;
    border-width: 1px;
    border-color: #CCCCCC;*/
}

.Blue .tradieMessage
{
    background-color: #537183;
    width:831px;
    
}

.Grey .tradieMessage
{
    background-color: #5F6062;
    width:831px;
    
}

.Blue .renovatorMessage
{
    background-color: #3399d4;
    width:831px;
    
}

.Grey .renovatorMessage
{
     background-color: #537183;
    width:831px;
    
}

 
.message_alt
{
    margin-top: -1px;
    background-color: #eeffff;
}

.message_subject
{
    float: left;
    width: 430px;
    font-weight: bold;
}

.message_date
{
    width: 150px;
    float:left;
    font-weight: bold;
}

.message_action
{
    width: 80px;
    float: left;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
   
}

.message_reply
{
    width: 50px;
    float: left;
    font-weight: bold;
}

.message_reply a
{
    color: Black;
    text-decoration: underline;
}

.message_action a:Hover
{
    cursor:pointer;
}

.message_sender
{
    font-weight: bold;
    width: 200px;
    float: left;
}

.message_content
{
    width: 900px;
    margin-top: 10px;
    float: left;
}

.message_box
{
    padding: 10px 15px 5px 15px;
    float: left;
    height: auto;
    border: dashed 1px #ffffff;
    margin-left: 12px;
    width: 890px;
}

.newActivity
{
    color: Yellow;
}

.newActivityLinkless
{
    color: Yellow;
}

.Blue .newActivity:hover
{
    color: #CCCCCC;
}

.Grey .newActivity:hover
{
    color: #00aeef;
}

.newMessage
{
    position: fixed;
    width: 500px;
    height: 240px;
    
    color: White;
    margin-left: auto;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    /*background-image:url();*/
    z-index: 150;
    display: none;
    border: solid 1px #CCCCCC;
    -moz-border-radius: 10px;
}

.Blue .newMessage
{
    background-color: #0071bc;
}

.Grey .newMessage
{
    background-color: #5F6062;
}


.terms_conditions_message
{
    width: 700px;
    height: 440px;
}

.complete_job_confirmation
{
    width: 300px;
    height: 120px;
}

.close_complete_popup
{
	cursor:pointer;
	float:right;
}

.close_popup
{
	cursor:pointer;
	float:right;
}


.innerMessage
{
	margin:20px;
}

.newMessage textarea{}

.terms_scroller
{
	padding-right:10px;
	height:280px;
	overflow:auto;
}

.terms_scroller table
{
	/*width:95%;*/
}

.screenShield
{
    position: fixed;
    width: 100%;
    background-color: Black;
    height: 100%;
    opacity: 0.8;
    z-index: 149;
    display: none; 
}

.screenShieldNoJS
{
    position: fixed;
    width: 100%;
    background-color: Gray;
    height: 100%;
    opacity: 0.5;
    z-index: 149;
    display: block;
    
}

.javascriptWarning
{
    position: relative;
    width: 100%;
    background-color: #FFFFFF;
    color:Red;
    height: 20px;
    
    z-index: 151;
    display: block;
    padding-top:5px;
    opacity: 2.0;
    font-weight: bold;
     
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.key
{
    height: 21px;
    font-size: 14px;
    margin-right: -60px; 
    float:right; 
    font-weight: bold;
    cursor: default;
}

.key img
{
    float:right;
    
}

.keyLabel
{
    margin-left: 5px;
    margin-right: 8px;
    float:right;
}


.underline
{
    text-decoration: underline;
}

.InlineSuper
{
	font-weight:normal;
	color:#00AEEF;
}
.InlineTradie
{
	font-weight:bold;
	color:#5F6062;
}
.PageBreak {
	CLEAR: both; 
	BORDER-TOP:solid 1px #808080; 
	width:686px;
	margin-left:auto;
	margin-right:auto;	 
	margin-top:40px;
}
.licensesIcons
{
	float:left; 
	width:97px;
	margin-top:20px;
	margin-bottom:20px;
}
.licensesIcons DIV
{
	margin-left:10px;
	line-height:12px;
}
.TipsBlock
{
	padding-top:10px;
	height:80px;
	clear:both;
}
.TipsBlock h2
{
	margin-top:-17px; 
	margin-bottom:-12px;
}
.TipsBlock .Icon
{
	float:left; 
	width:80px;
	padding-top:10px;
}
.TipsBlock .Text
{
	float:left; 
	width:550px;
	padding-top:23px;
	line-height:16px;
}
.Text h2
{	 
	padding-bottom:10px;
}
.eNews
{
	color:#00AEEF;
}
.joinEmailbtn
{
	float:right;
	width:70px;
	margin-top:-40px;
	margin-right:20px;
}


#tradieAreaLeft
{
	margin-left:2px;	
}

.tradieAreaLeftPos
{
	margin-left:30px;
	margin-top:20px;
	
}
/* tradie data grid titles */
.aDate
{
	padding-left:14px;
}
.aJobTitle
{
	padding-left:20px;	
}
.aUserName
{
	padding-left:18px;
}
.aStatus
{
	padding-left:18px;
}
.aJobType
{
	padding-left:20px;
}
.aSuburb
{
	padding-left:20px;
}

/* renvators data grid titles */
.aRDate
{
	padding-left:14px;
}
.aRJobTitle
{
	padding-left:20px;	
}
.aRTradie
{
	padding-left:18px;
}
.aRMemberSince
{
	padding-left:18px;
}
.aRJobType
{
	padding-left:20px;
}
.aRSuburb
{
	padding-left:20px;
}
/* renvators data grid titles */
.aRHDate
{
	padding-left:18px;
}
.aRHJobno
{
	padding-left:18px;
}
.aRHJobTitle
{
	padding-left:20px;	
}
.aRHJobType
{
	padding-left:20px;
}
.aRHStatus
{
	padding-left:20px;
}
.aRHApps
{
	padding-left:20px;
}
.aRHComms
{
	padding-left:20px;
}

/* cssdropdown */
#cssdropdown, #cssdropdown ul { list-style: none; }
#cssdropdown { padding: 1px; margin: 0; }
#cssdropdown * { padding: 0px; margin: 0; }
#cssdropdown a { color: white; } 
#cssdropdown ul li a:hover 
{
	text-decoration: none; 
	cursor:pointer;
}

/* Head links */
#cssdropdown li.headlink 
{
	width: 100px; 
	float: left; 
	margin-left: -1px; 
	border: none; 
	text-align: center;
	line-height: 3px;	
	color: #5f6062;	
	font-family: Arial;	
	font-weight: bold;	
	font-size: 12px;  
	height: 32px;
	z-index:11;
}
#cssdropdown li.headlink a 
{
	display: block; 
	padding-top: 15px; 
	padding-bottom:15px; 
	line-height:3px;	
	color: #5f6062;	
	font-family: Arial;	
	font-weight: bold;	
	font-size: 12px;	
	height:1px;
	z-index:12;
}
#cssdropdown li.headlink a:hover 
{
	color: #00aeef;
	cursor:pointer;
}

/* Child lists and links */
#cssdropdown li.headlink ul 
{
	background-color: #f8f9f9; 
	background-position: bottom; 
	padding-bottom: 0px;
	position:absolute; 
	display: none; 
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px; 
	z-index:13;
}
#cssdropdown li.headlink:hover ul 
{
	display: block; 
	line-height: 10px;	
	color: #00aeef;	
	font-family: Arial;	
	font-weight: bold;	
	font-size: 12px; 
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-left: 10px; 
	padding-right: 5px;
}
#cssdropdown li.headlink ul li a 
{
	height: 17px; 
	line-height:16px;	
	color: #5f6062;	
	font-family: Arial;	
	font-weight: bold;	
	font-size: 12px; 
	width:180px;
	padding-top: 5px;
	padding-bottom: 5px; 
	padding-left: 10px;  
	padding-right: 5px;
}
#cssdropdown li.headlink ul li a:hover{color: #00aeef;}

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : #fff;
	color : #000;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : pointer;
	overflow : auto;
	height : 120px;
    text-align : left; 
    list-style-type :none;
    list-style-position:inside;
    width:242px!important;    
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
	margin-left:-35px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : #fff;
	color : #000;
	padding : 1px;
    margin-left:-35px;
}

.replyTextBox
{
	margin-top:11px;
	margin-left:11px;
	margin-bottom:11px;
}
.postComment
{
	margin-top:11px;
	margin-left:11px;
	margin-bottom:6px;
}
.postCommentTradie
{
	margin-top:11px;
	margin-left:11px;
	margin-bottom:6px;
}
.jobImagePadding
{
	margin-right:20px;
}
.jobtitle2
{
	margin-left:75px;
}
.circleBtnRollOver
{
	cursor: pointer;
	float:right; 
	margin-right:30px; 
	margin-top:-75px; 
	width:16px;	
}
.short1Communication, .short2Communication, .short3Communication {
	cursor: pointer;
	margin-top:0px;
}

.backBottomLinks a
{
	float:right;
	color:#00aeef;
	font-weight:bold;
	text-decoration:underline;	
}
.backBottomLinks a:hover
{	 
	color:#5f6062;
	cursor:pointer;
}
.searchButton
{	
	margin-top:6px;
	margin-left:90px;
}

.membershipExpiredText
{
	float:left; 
	margin-left:120px; 
	color:Red; 
	padding-left:80px;
	margin-top:5px;
}

.tradeCategories
{
    float: left;
    width: 200px;
}
.sidebarRenoRegister
{
	clear:both;
	margin-top:25px;
	width:170px;
}
.sidebarTradieRegister
{
	clear:both;
	margin-top:25px;
	width:170px;
}
.sendLoginDetails
{
	margin-left:-6px;
}

.siteSearch 
{
	z-index:5;
	float:left;
}

.siteSearchBoxBtn
{
	float:left;
	margin-top:12px;
	cursor:pointer;	
}

.tradeList
{
    margin-left: -10px;
    width: 720px;
}

.tradeName
{
    padding-bottom: 5px;
    margin-left: 10px;
    width: 230px;
    float: left;
}

.pager
{
    text-align: right;
}

.pager td table
{
	margin-top:10px;
	float:right;
}

.pager a
{
    text-decoration: underline;
}

.Grey .pager span
{
    color:#00aeef;
}

.faq_text
{
	margin-top:15px;
	
}

.faq_text h3
{
	margin-top:20px;
	margin-bottom:8px;
}

.faq_text p
{
	margin-top:5px;
	margin-bottom:8px;
}

.faq_jobs_table tr td
{
	padding-left:16px;
}

.search_result_title
{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.invisible
{
    display:none;
}

.fact_sheet_text 
{
	width:90%;
	padding-left:5%;
}

.fact_sheet_text h2 
{
	padding-top:20px;
	font-size:15px;
}
.completeButton
{
	margin-left:25px;
	margin-top:25px;
}

.contactUs_keylineArea
{
	background:url(../images/contactUs_bg.jpg);
	margin-left:80px;
	width:524px;
	height:394px;
}

.contactUs_keylineArea #contactForm_holder
{
	margin:12px;
	padding-top:24px;
}

.contactUs_keylineArea .entryRow
{
	margin-top:3px;
	margin-left:15px;
	color:White;
	font-size:12px;	
}

.contactUs_keylineArea .entryRow .label
{
	color:White;
	font-size:12px;
	width:95px;
	margin-top:0px;
}

.contactUs_keylineArea .entryRow .entryField
{
	width:160px;
}

.contactUs_keylineArea .smallStarRedEnews
{
	margin-top:4px;
}

.submitButton_holder
{
	float:left; 
	margin-left: 338px; 
	margin-bottom: 30px;
}