@charset "UTF-8";
/* CSS Document */

/* Any instance of " *html body #examplediv " are hacks for Internet Explorer 6 ---*/

/*-----------GLOBAL LAYOUT STYLING-----------*/

html {
	/* IE */
	overflow-y: scroll; 
	/* Moz */
	height: 100%;
	margin-bottom: 0.1em;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif; /*changes font for whole site*/
font-size:62.5%; /*DO NOT TOUCH*/
margin:0px;/*DO NOT TOUCH*/
padding:0px;/*DO NOT TOUCH*/
text-align:center;/*centres container div on page*/
background: #fff url(../layoutimages/backgroundFade.jpg) repeat-x;
}

#container {
width:760px;/*Width of the central area*/
margin:0px auto;/*centres container on page*/
text-align:center; /*re-aligns text*/
background-color:#FFFFFF; /*background color, can also be a repeated image*/
padding:0px;/*IE will add padding to width, adjust width to suit*/
border-left:2px solid #fff;
border-right:2px solid #fff;
}

a img {border:1px solid #fff;}

#announcement { width:740px; margin:0px 0px 5px 0px; padding:0px; height:200px; background: url(/layoutimages/announcement.jpg) no-repeat;}

#announcement h1 { margin:10px 0px 5px 15px; padding:0px;}

#announcement p { font-size:21px; font-weight:bold; color:#330066; margin:90px 0px 0px 10px; width:550px; height:150px;}





/*-------Header Styles---------------*/

#header {
width:750px; /*width should be same as graphic image*/
height:215px; /*height should be the same as graphic image*/
margin:0px 6px; /*Aligns header graphic*/
padding:0px;
background:url(../layoutimages/UDheader.jpg) no-repeat;
}

#header a img { border:none;}


/*------TopList----------*/

#toplinks {
float:right;
margin:20px 10px 5px 10px;
padding:0px;
font-size:11px;
height:20px;
}

#toplinks a {color:#663366;text-decoration:underline; padding:1px; border:1px solid #fff;}
#toplinks a:hover {color:#663366; text-decoration:none;}


/*----Topnav-------------*/

#topnav {
width:748px;
padding: 0px;
margin:5px 6px;
border:1px solid #666;
}

ul#topnavList{background-color:#e5e5e5;
width:748px;
margin:0px;
padding:10px 0px;
white-space:nowrap;
}

#topnavList li {display: inline;
list-style-type: none;
margin: 0px;
padding:0px;
}

#topnavList li a:link, #topnavList li a:visited
{color:#663366;margin: 0px;  font-size:12px; width:80px; padding:10px 10px; font-weight:200;
text-decoration: none;}

#topnavList li a:hover
{color:#FFF;
background:#663366 url(../layoutimages/navOverBtm.jpg) no-repeat 50% 0;
text-decoration: none;}

.topnavlistOne {border-left:1px solid #a1d0d0;}



/*----Content Wrapper, main body goes inside here----*/

#contentwrapper {
width:750px; /*wrapper width*/
margin:10px; /*Displaces content area from div above below and container walls*/
padding:0px;
font-size:1.2em;
}

/*-------------------header teag styling----------------------*/

h1 {
height:25px; /*height of the tag, should be same as icon size*/
font-size:16px; 
font-weight:bold;
margin:0px;
padding:5px 0px 3px 28px; /*padding allowing for the icon image*/
color:#663366; /*font color*/
}

/* each header class ads a unique styling to the that header, just include class=".classname" next to you h1 tag e.g <h1 class=".heart">*/
h1.info {
background:url(../layoutimages/ICONS/info.jpg) no-repeat 0 50%; /*individual icons for h1 tags*/
}


h2 {
font-size:14px;
font-weight:bold;
margin:0px;
padding:0px 0px 5px 0px;
text-align:left;
color:#663366;
}

/*-------------------everything below will style the left bars for all layouts
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

/*-----Side Bar ---------*/

#leftBarContainer {
float:left;
margin:0px;
padding:0px;
width:190px; /*this will effect your #main right margin size*/}

#sidebar {padding:10px 5px; /*pads content inside div*/
color:#333333; /*text color*/
}

#leftBarContainer a img {border:1px solid #fff; padding:5px 0px; }

#sidebar p {
text-align:left; /*text positioning*/
font-size:100%; /* percentage scales based on size declared in #contentwrapper*/
}

/*sidebar navigation list*/

#sidebar dl { /* block position that can be changed at will */
left: 10px;
top: 20px;
width: 170px; /* width of block according to your background image */
}

#sidebar dl, dt, dd { /* suppression of all margins and paddings */
margin: 0;
padding: 0;
}

#sidebar dl { /* by default background on the entire block */
background:url(../layoutimages/sideNavBottom.jpg) bottom left no-repeat;
padding-bottom: 20px; /* so that text will not appear on the bottom rounded edge */
}

#sidebar dt { /* bloc title definition */
height: 25px;
background:#663366 url(../layoutimages/sideNavTop.jpg) top left no-repeat;
padding:0px;
font-size: 1.2em;
font-weight: bold;
color:#fff;

}

#sidebar dd {
padding: 0 5px; /* internal block spaces administration */
text-align:left;
background-color:#663366; /* internal background */
}

#sidebar dd p {text-align: left;}

#sidebar dd a:link, #sidebar dd a:visited {color:#fff; display:block; padding:7px 10px 7px 20px; border-bottom:1px solid #CC99CC; text-decoration:none; background:url(../layoutimages/sideListNormal.jpg) 0 50% no-repeat; }

#sidebar dd a:hover { color:#663366; background:#cc99cc url(../layoutimages/sideListOver.jpg) 0 50% no-repeat;}


/*--Search Sidebar----*/

#searchSidebar {padding:10px 0px; /*pads content inside div*/
color:#333333; /*text color*/
}

#searchSidebar p {
margin:0px;
padding:2px 0px;
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

/*sidebar navigation list*/

#searchSidebar dl { /* block position that can be changed at will */
left: 10px;
top: 20px;
width: 170px; /* width of block according to your background image */
}

#searchSidebar dl, dt, dd { /* suppression of all margins and paddings */
margin: 0 3px;
padding: 0;
color:#fff;
}

#searchSidebar dl { /* by default background on the entire block */
background:url(../layoutimages/sideNavBottom.jpg) bottom left no-repeat;
padding-bottom: 20px; /* so that text will not appear on the bottom rounded edge */
}

#searchSidebar dt { /* bloc title definition */
height: 25px;
background:#663366 url(../layoutimages/sideNavTop.jpg) top left no-repeat;
padding:2px 0px;
font-size: 1.2em;
font-weight: bold;
color:#fff;
text-align: center;
}

#searchSidebar dd {
padding: 0 5px; /* internal block spaces administration */
text-align: left ;
background-color:#663366; /* internal background */
}

#searchSidebar dd a:link, #searchSidebar dd a:visited {color:#fff; text-decoration:underline; }

#searchSidebar dd a:hover { color:#fff; text-decoration:none;}



/*-----Right Bar ---------*/

#rightbar {
float:right;
width:90px; /*this will effect your #main right margin size*/
padding:10px; /*pads content inside div*/
background-color:#f2f2f2;
color:#333333; /*text color*/
}

#rightbar p {
text-align:left; /*text positioning*/
font-size:90%; /* percentage scales based on size declared in #contentwrapper*/
}

#rightbar a {color:#FF6699; text-decoration:underline;}
#rightbar a:hover {color:#666666;text-decoration:none;}

/*sidebar navigation list*/

#rightbar dl {
margin:5px 0px;
padding:10px 0px;
}

#rightbar dt {
text-align:left; /*Text align center*/
font-size:120%; /*Percentage scales based on size declared in #contentwrapper*/
font-weight:bold; /*this makes the font bold*/
color:#333333; 
margin:0px;
padding:5px 10px;
}

#rightbar dd {width:80px; /*width of side bar minus margins and padding*/
font-size:90%; /*font size for links or text*/
border-bottom:1px solid #fff; /*styles separator*/
padding:0px; 
margin:0px;
text-align:left; /*aligns the page text*/
}

#rightbar dd a {color:#333; display:block; padding:10px; }

#rightbar dd a:hover { color:#FFFFFF; background-color:#99CCFF;}


/*-------------------everything below will style the main content area stuff for all layouts
--------------------------------------------------------------------------------------------------------------------------------
--------------------------------------------------------------------------------------------------------------------------------*/

/*------------THIS IS FOR A TWO COLUMN LAYOUT--------------*/

/*-----------Main Content Aread-----------------------*/

#main {
margin:0px 5px 20px 200px ; text-align:left; padding:2px; width:520px;
} 


#main p {line-height:1.3em; text-align:left;} /*makes text touch both sides of div, like a magazine styling*/
#main a img {border:1px solid #fff; padding:0px; margin:0px;}
#main a:hover img {border:1px solid #fff; padding:0px; margin:0px;}

#main a:link, #main a:visited {color:#663366;text-decoration:none; }
#main a:hover {color:#000;  text-decoration:underline;}
#main ul {margin:5px 5px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#main li {
text-align:left;
margin:3px 0px;
padding:0px;
}

#main ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}


/*-------Main Table-----------*/

#main table { margin:0px; padding:0px; color:#333;}

#controlPanel {border:1px solid #ccc; border-collapse:collapse; width:520px;}
#controlPanel th {font-size:12px; font-weight:bold; color:#FFFFFF; background-color:#663366; padding:5px 0px;}
#controlPanel tr td {border:1px solid #ccc; border-collapse:collapse; padding:5px;}

#main table tr { padding:5px 0px; }
#main table tr td {padding:2px; margin:5px 0px;}
#main table tr td a img {border: 1px solid #fff;}
#main table .thumbnail2 { vertical-align:middle; text-align:center; width:120px; height:110px; z-index:5;}
#main table .thumbnail { vertical-align:middle; text-align:center; width:120px; height:110px; z-index:5; background: #855C85 url(../layoutimages/occupied.gif) no-repeat top left; margin:0px; padding:0px;}
.occupied1 { float:right; background:#000 url(../layoutimages/occupied.gif) no repeat top left; margin:0px; padding:0px; width:150px; height:150px; z-index:10; }

.occupied2 {background:url(../layoutimages/occupied.png) no repeat top left; margin:0px; padding:0px; width:100px; height:100px;  z-index:10; }


#main table .rent {text-align:center; font-weight:bold; color:#663366; font-size:34px; width: 110px;	padding:2px 0px; height:110px; font-weight:bold; vertical-align:middle; }
#main table .info {padding:5px; margin:0px 5px;}
#main table .info h2 {font-size:14px; font-weight:bold; margin:0px; padding:0px; text-align:left; color:#663366;}


#main table tr td.acol2 {width: 100%; padding:2px 0px;  vertical-align:middle;}
#main .aplace {width: 110px;float: left;text-align: center;font-size: 12px;letter-spacing: 0.05em;line-height: 31px;color: #663366; text-transform:uppercase; margin-left:5px;}
#main .aprice{width: 110px;float: left;margin: -6px 4px 0px 0;text-align: center;font-size: 30px;line-height:50px; color: #663366;}



/*--------------THIS IS FOR A A SINGLE COLUMN LAYOUT---------------*/


#single {
margin:0px 10px; /* this gives text padding away from the container*/
text-align:left;
} 

/**html #single {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#single p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#single a img {border:1px solid #fff;}
#single a:hover img {border:1px solid #0099FF;}

#single a {color:#0066CC;text-decoration:underline;}
#single a:hover {color:#666666;text-decoration:none;}
#single ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#single li {
margin:3px 0px;
padding:0px;
}

#single ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}

/*--------------THIS IS FOR A A THREE COLUMN LAYOUT---------------*/


#middle {
margin:0px 120px 0px 180px; /* the left padding includes the width of the sidebar plus extra length for a spacer gap*/
text-align:left;
} 

/**html #middle {margin: 0px 20px 0px 0px;} hack for internet explorer handling width's*/

#middle p {line-height:1.3em;text-align:justify; /*makes text touch both sides of div, like a magazine styling*/}

#middle a img {border:1px solid #fff;}
#middle a:hover img {border:1px solid #0099FF;}

#middle a {color:#0066CC;text-decoration:underline;}
#middle a:hover {color:#666666;text-decoration:none;}
#middle ul {margin:3px 0px;padding:0px 10px; list-style:circle; /* Styles list icons*/}

#middle li {
margin:3px 0px;
padding:0px;
}

#middle ol {
list-style-type:decimal; /* Styles list icons*/
margin:3px 0px;
padding:0px 10px 0px 15px;
}


/*----------------Image Styling----------------*/

.left {
float:left; /*The important bit, floats image left*/
border:1px solid #ccc;
padding:4px;
margin:0px 10px 5px 0px;
}

.right, .right a, .right a:hover {
float:right; /*The important bit, floats image left*/
border:1px solid #ccc;
padding:4px;
margin:0px 0px 5px 10px;
}


.detailRight {float:right;  padding:0px; margin:0px; }

.imageBorder {
border:1px solid #ccc;
padding:4px;
margin:0px 0px;}


/*------------------------------Enquiry Form
-------------------------------------------------------------------------*/
/*contactform2*/

#EnqSender, #EnqCompany, #EnqReferSite, #EnqEmailSender, #EnqSubject, #EnqProjectNature, #EnqProjectOther, #EnqBuildStatus, #EnqBuildOther, #EnqProjectTime {width:150px;}
#contactform {margin:0px 20px;}
#contactform p{font-size:1.2em; color:#000; margin:3px 10px;padding:5px;}
#contactform legend{font-size:1.4em; font-weight:bold; color:#333;}
#contactform fieldset {border:1px solid #f2f2f2;padding:5px 30px;}



/*---------------Footer------------------------------*/

#footer {
clear:both; /*Clear floats*/
text-align:center; /* aligns footer text*/
height:113px; /*footer height*/
font-size:90%; /*scales up footer font size*/
margin:0px;
padding:0px;
background: url(../layoutimages/footerFade.jpg) repeat-x;
border-top:1px solid #ccc;
}

#footerContent {margin:0px; padding: 0px; text-align:center;}

#footerContent p {padding:1px 0px; color:#fff;}
#footerContent a {color:#fff; text-decoration:underline; padding:1px;}
#footerContent a:hover {color:#663366; background-color:#FFFFFF; text-decoration:none;}




/*---Random Property Styles------------*/

#random {margin:10px 0px; padding:0px 0px; float:left;}

#random dl { /* block position that can be changed at will */
left: 10px;
top: 20px;
width: 170px; /* width of block according to your background image */
}

#random dl, dt, dd { /* suppression of all margins and paddings */
margin: 0;
padding: 0;
}

#random dl { /* by default background on the entire block */
background:url(../layoutimages/sideNavBottom.jpg) bottom left no-repeat;
padding-bottom: 20px; /* so that text will not appear on the bottom rounded edge */
}

#random dt { /* bloc title definition */
height: 30px;
background:#663366 url(../layoutimages/sideNavTop.jpg) top left no-repeat;
padding:6px 0px 0px 0px;
font-size: 1.2em;
font-weight: bold;
color:#fff;
text-align: center;
}

#random dd {
padding: 0 10px; /* internal block spaces administration */
text-align: left;
background-color:#663366; /* internal background */
color:#fff;
font:11px;
}


#random dd p {margin:0px; padding:3px 0px;}

#random dd a {color:#fff; text-decoration:underline;}
#random dd a:hover {color:#cc99cc; text-decoration:none;}

#random dd a img {border:1px solid #fff; padding:0px; margin:0px;}
#random dd a:hover img {border:1px solid #cc99cc;}

.registerImg { float:left; margin:0px; padding:0px;}


/*---SearchForm---*/

#propertySearch {padding:0px; margin:0px;}
#propertySearch p {margin:5px 0px; padding:0px;}

#propertySearch fieldset {  width: 400px; margin: 10px 50px; padding:10px; }
#propertySearch legend {font-size:12px; font-weight:bold; margin:0px; padding:0px; text-align:left; color:#663366;}


/*--Form styles --*/

.btn {padding: 3px 5px; border:1px solid #ccc; background-color:#663366; color:#fff;}
.input {border:1px solid #ccc;}
.message {border:1px solid #663366; padding:5px; width:400px; color:#663366;}


/*---slideshowContainer---*/

#slideshowContainer {float:right; width:320px; height:240px; padding:5px; background:#ccc; margin:15px 5px 10px 15px;}


/*----topLinks-----*/
.contactTopLink { background:url(../layoutimages/contactIcon.jpg) no-repeat  10px 50%;}
.registerTopLink {background:url(../layoutimages/registerIcon.jpg) no-repeat 0 50%; padding-left:30px;}




/*----Contact Form --*/

#contactform {margin:0px 50px; padding:0px; }
#contactform p {margin:5px 0px; padding:3px 0px; font-size:12px;}
#EnqSender, #EnqCompany, #EnqReferSite, #EnqEmailSender, #EnqSubject, #EnqDetails { width:400px;}


/*test homepage style*/

#lefthandSide {float:left; width:200px; margin:0px; padding:0px;}
#mainarea {margin:0px 5px 20px 210px ; text-align:left; padding:2px; width:500px;}

/*---Random Property Styles------------*/

.sideBox {margin:10px 5px; padding:0px 0px; float:left;}

.sideBox dl { /* block position that can be changed at will */
left: 10px;
top: 20px;
width: 170px; /* width of block according to your background image */
}

.sideBox dl, dt, dd { /* suppression of all margins and paddings */
margin: 0;
padding: 0;
}

.sideBox dl { /* by default background on the entire block */
background:url(../layoutimages/sideNavBottom.jpg) bottom left no-repeat;
padding-bottom: 8px; /* so that text will not appear on the bottom rounded edge */
}

.sideBox dt { /* bloc title definition */
height: 30px;
background:#663366 url(../layoutimages/sideNavTop.jpg) top left no-repeat;
padding:6px 0px 0px 0px;
font-size: 1.2em;
font-weight: bold;
color:#fff;
text-align: center;
}

.sideBox dd {
padding: 0 10px; /* internal block spaces administration */
text-align: justify;
background-color:#663366; /* internal background */
color:#fff;
font:11px;
}


.sideBox dd p {margin:0px; padding:3px 0px;}

.sideBox dd a {color:#fff; text-decoration:underline;}
.sideBox dd a:hover {color:#cc99cc; text-decoration:none;}

.sideBox dd a img {border:1px solid #fff; padding:0px; margin:0px;}
.sideBox dd a:hover img {border:1px solid #cc99cc;}

/*Tenant Register*/

#loginUserBox {float:left; width:268px; margin:0px; padding:5px; border:1px solid #ccc;}

#tenantRegister { color:#fff; padding:5px; margin:0px 0px 0px 292px; width:200px; height:100px;}
#landordRegister {  color:#fff; padding:5px; margin:0px 0px 0px 292px; width:200px; height:100px;}

.detailArea{ min-height:120px;}

#diaryIndex { background:url(../layoutimages/diaryIndex.jpg) no-repeat 0 50%;}
#diaryIndex span {display:none;}

/*--------Homepage Stuff------------------
-----------------------------------------*/

#homepage { margin:10px 0px; text-align:left; padding:0px; width:740px;}
.clear {clear:both; height:5px; margin:0px; padding:0px;}

#homepage a:link, #homepage a:visited {color:#663366;text-decoration:none; }
#homepage a:hover {color:#000;  text-decoration:underline;}

#TopRow {margin:5px 0px 2px 0px; padding:0px; border:none; height:300px; }
#quickSearchBox { float:left; margin:0px; padding:5px; width:240px; height:240px; background:url(../layoutimages/topBox.jpg) no-repeat; }
#quickSearchBox p {width:230px; margin:0px 1px; color:#333333;}

.box { float:left; width:230px; height:240px; margin:30px 0px 0px 40px; padding:0px; }
.box a img { border:1px solid #fff;}


#MiddleRow { margin:2px 0px 20px 0px; padding:0px; height:260px;}
#homepageMainText {  color:#999999; padding:5px 10px; text-align:justify;  }
#homepageMainText p { font-size:1.2em; line-height:1.4em; padding:0px; margin:10px 0px;}

#BottomRow { margin:2px 0px 2px 0px; padding: 0px;}
#BottomRow a img {border:1px solid #fff;}
#btmAdvertsl { float:left; width:360px; height:150px; margin:0px 5px 30px 0px; padding:0px;  }
#btmAdvertsr { float:left; width:360px; height:150px; margin:0px 0px 30px 5px; padding:0px; background-color:#fff; }

#polishDownload { padding:5px; background-color:#D9D8F3; border:2px solid #663366; font-weight:bold; color:#663366; }

/*---Form---

#county, #searchRent, #searchPropertyType, #searchRooms, #town { width:160px;}*/