/* 
WGS Conveyancing site

Light blue: #6699CC
Yellow: #FFCC00
Green #009900
*/

#header{
  /* contains page top graphics */
	width:100%;
	height:80px;
	background-color:#6699CC;
}

#today{
  /* JS date writer */
	position:absolute;
	top: 72px;
	right:11px;
	background-color : white;
	font-weight : bold;
	color:black;
	z-index:10;
}

a:link {
	text-decoration : none;
}

a:visited{
	text-decoration : none;
}

a:hover {
	text-decoration : underline;
}

a:active{
	text-decoration : none;
}

html {
	margin : 0;
	padding : 0;
}

body {
	font : normal 76% verdana, arial, sans-serif;
	margin : 0;
	padding : 0;
}

img {
	border : 0 none;
}

textarea {
	margin : 10px 20px 0 20px;
}

table{
	 /*margin : 15px auto 25px auto;
	padding-bottom : 20px;
	width:80%; */

	border : 1px solid #6699CC;
	margin : 15px auto 25px auto;

}

td{
	background : #FFFFE3;
	padding : 2px 5px;
}

td.fulllist{
	background : #FFFFE3;
	padding : 2px 5px;
	border: 1px solid #FFD700;
}

.aligncenter{
	text-align : center;
	margin: 0 auto;
}

.right {
	text-align : right;
}

.completed {
	color : #D00000;
}

.smallstrong{
	font-size : 0.75em;
	font-weight : bold;
	padding : 0 0 10px 0;
	
}

.steps, #steps{
	border : 1px solid #6699CC;
	border-collapse : collapse; 
}

#steps{
	width:380px;
}

#caselist{
	width:380px;
}

#reflist{
    width:70%;
}

#content{
	left : 270px;
	position : absolute;
	top : 80px;
	right: 11px;
	background : White;
	padding: 0 180px 0 10px;
	margin:0;

}

#content h1{
	color : #009900;
	font-size : 1em;
	margin : 10px;
	padding : 0;
	text-align: center;

}

#content h2{
	color : #000000;
	font-size : 1.2em;
	margin : 5px 0 0 15px;
}

#content h3{
	color : #000000;
	font-size : 1em;
	font-style : italic;
	margin : 5px 0 0 15px;
	text-align: center;
}

#content li {
	padding-bottom : 15px;
}

#councilfee{
	font-size : 0.75em;
	width : 230px;
}

#mnu0,#mnu1,#mnu2,#mnu3,#mnu4,#mnu5,#mnu6{
	color : #009900;
	background-color : white;
	font-size:120%;
	font-weight:bold;
	width:100%;
	padding: 0;
	margin-top:5px;
	padding-bottom:5px;
}

#menupanel{
    position:absolute;
	width : 160px;
	top: 68px;
	left: 76px;
	color : #000000;
}

#menupanel a{
	color : #009900;
}


#WGSlogo{
	position:absolute;
	right:10px;
	width: 155px;
	height:79px
}


hr{
	text-align:left;
}

/* font sizer  device */

#textSizer{
	padding: 10px;
	margin:10px;
}

a.sizer:visited{
	color:blue;
}

.sizer{
	text-decoration : none;
	font-size:1em;
	padding:2px;
	line-height : 1.5em;
}

.sizer.medium{
   font-size:1.2em;
}

.sizer.large{
	font-size:1.5em;
}
	
img.corner {
   width: 6px;
   height: 8px;
   display: block;
}

fieldset{
	margin-top: 10px;
	width:400px;
	z-index:10;
}

legend{
	padding: 3px;
	color: #009900;
	font-weight:bold;
}

label{
width: 10em;
float: left;
margin: 0 15px 0 0;
clear: both;
}

input,textarea{
float: left;
border: #009900 solid 1px;
margin: 0 0 3px 0;
}

.submit{
margin-left: 17em;
}

.submitTIF{
float: right;
margin-right: 2em;
}

.formrow{
	width:100%;
	margin-top:2px;
	margin-left: 10px;
}

.error{
	font-weight : bold;
	color:red;
}

li{
  margin-bottom: -1em;
}

.longdesc{
   position:absolute;
   width: 250px;
   padding:10px; 
   border:1px solid #6699CC; 
   color:#3974AE;
   background-color:white;
   display: none;
}

.longdesc-a {
	color: black;
}

div.clearer {
clear: left; line-height: 0; height: 0;
}

label.errorMessage {
	/* font-weight: 600;
	color: #AF0078;
	margin-left: 20px; */
	display:none;
}

input.errorMessage {
	border: 1px solid red;
}

.req{
   color:red;
}

#TIFpanel{
   margin-top: 20px;
   border-bottom: 5px solid #ffcc00;
   background-color:#6699CC;
   color: #ffcc00;
   width: 530px;
}

.TIFmenu{
 display:inline-block;
 padding: 5px 5px;
 color: #D4D4D4;
   text-align:center;
}

.TIFmenuSelected{
 font-weight:bold;
 display:inline-block;
 padding: 5px 5px;
 color : #009900;
 background-color:#ffcc00;
}

#hipDescription{
	padding:10px;
	display:none;
}