/* Creative Sheffield Style Sheet */
/* © 2007 Quba New Media */

/* ---------- GLOBAL STYLES ---------- */

/* -------------------- GLOBAL STYLES -------------------- */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Georgia, Arial, Helvetica;
}
ul, ol { list-style-type: none; }
body { font-size: 62.5%; }

/* this percentage sets 1em = 10px (therefore 1.1em = 11px etc) allowing us to 
   consistently use em's as a value to describe the size of text ACROSS ALL BrowSERS AND PLATFORMS */


/* -------------------- GENERIC STYLES ------------------- */

.bold {	font-weight: bolder; }
.normal { font-weight: normal; }
.black { color: #000000; }
.red { color: #FE0002; }
.light { color: #939393; }
.italic { font-style: italic; }
.clear { clear: both; }
.noborder { border:none; }
.error, .manadatory { color:#CC0000; }
.displaynone { display: none; }
.right { float:right; }
.rightText{text-align:right;}
.textindent { text-indent: -5000px; display:block; }
.strikethrough { text-decoration: line-through; }
.largefont {font-size:1.4em;}
a:hover { text-decoration:underline; }
a { color:#8bba25; text-decoration:none; }
.textboxstyle {	font-size: 1.0em; width: 280px; }
.genericbutton { outline:none; }
hr
{
	color:#ccc;
	margin:10px 0 10px 0;
	border:solid 1px #ccc;
}

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

#sitewrapper
{
	margin:0 auto;
	width:940px;
	background-color: #ffffff;
	font-size:1.1em;
	line-height:1.8em;
	color:#696969;
}

#header
{
	margin:20px 0 20px 0;
}

#header .headertext
{
	background:url(../../images/header-text.png) no-repeat;
	width:431px;
	height:57px;
}

#header .leftcolumn
{
	width: 50%;
	float:left;
}

#header .rightcolumn .loginmanimg
{
	float:left;
	margin-right:10px;
}

#header .rightcolumn
{
	width: 45%;
	float: right;
	z-index: 1000;
	padding: 0;
}

#header .rightcolumn .loginlink
{
	float:left;
	font-size:1.4em;
	font-weight:bold;
	margin-top:2px;
}

#header #topnav
{
	margin:0 0 15px 0;
	float:left;
}

#header #topnav li
{
	float:left;
	color:#696969;
	border-right:solid 1px #b6dae4;
	margin-right:10px;
	padding-right:10px;
	line-height:1em;
}

#header #topnav li a
{
	color:#696969;
}

#header #topnav li.last
{
	border:none;
}

/* Website banner */

#banner .bannerimg_1,#banner .bannerimg_2,#banner .bannerimg_3,#banner .bannerimg_4,#banner .bannerimg_5
{
	position:absolute;
	top:123px;
}

#banner
{
	margin-bottom:30px;
	height:380px;
}

#banneroverlay .searchpanel
{
	background:url(../../images/banner-search-panel-bg.png) no-repeat;
	width:300px;
	height:380px;
	padding:10px;
	position:absolute;
	top:123px;
}

#banneroverlay .searchpanel .strapline
{
	line-height:2.3em;
}

#banneroverlay .searchpanel .strapline h2
{
	color:#8bba25;
	font-size:1.9em;
	margin-bottom:10px;
	font-weight:normal;
}

#banneroverlay .searchpanel .strapline h3
{
	color:#d8e9b5;
	font-size:1.5em;
	font-weight:normal;
}

#banneroverlay #searchboxtabs
{
	margin-top:18px;
}

#banneroverlay #searchboxtabs li
{
	float:left;
	margin-right:10px;
}

#banneroverlay #searchboxtabs li a
{
	display:block;
	height:25px;
	text-indent:-5000px;
}

#banneroverlay #business_centre_search
{
	color:#fff;
	font-size:1.2em;
	font-family:Tahoma,Arial;
	float:left;
}

#business_centre_search
{
	color:#000;
	
	font-family:Tahoma,Arial;
	float:left;
}

#business_centre_search .size
{
	vertical-align:middle !important;
}

#business_centre_search table tr
{
	
}

.radiobutton
{
	float:left;
	margin-top:10px;
}

#business_centre_search .radiobuttonlist
{
	margin:5px 0 -10px -12px;
}

#business_centre_search table tr td.title
{
	width:110px;
	vertical-align:top;
}

#business_centre_search table tr td.field
{
	width:190px;
	padding-bottom:10px;
}

#business_centre_search table tr td.field select
{
	width:180px;
}

#banner #business_centre_search .radiobuttonlist tr
{
	float:left;
	color:#fff;
	font-family:Tahoma,Arial;
}

#business_centre_search .radiobuttonlist tr
{
	float:left;
	color:#000;
	font-family:Tahoma,Arial;
}

#numberofsearchesreturned
{
	margin-bottom:20px;
}

#banneroverlay #searchpanelmenu
{
	float:left;
	list-style:none;
	width:300px;
	margin-top:18px;
}

#banneroverlay #searchpanelmenu li
{
	float:left;
	height:25px;
}

#banneroverlay #searchpanelmenu li.searchtab
{
	float:left;
	width:60px;
	height:25px;
	background:url(../../Images/tab_search.png) no-repeat 0 -25px;
	margin-right:10px;
}

#banneroverlay #searchpanelmenu li.browsetab
{
	float:left;
	width:65px;
	height:25px;
	background:transparent url(../../Images/tab_browse.png) no-repeat 0 -25px;
}

#banneroverlay #searchpanelmenu li.searchtab a
{
	display:block;
	width:100px;
	height:25px;
	text-indent:-5000px;
	outline:none;
}

#banneroverlay #searchpanelmenu li.browsetab a
{
	display:block;
	width:100px;
	height:25px;
	text-indent:-5000px;
	outline:none;
}

#banneroverlay #searchpanelmenu li.selected
{
	background-position:0 0;
}

#banneroverlay #searchpanelcontent .browsetabpanel .browseitemsleftcol
{
	float:left;
	color:#fff;
	width:148px;
}

#banneroverlay #searchpanelcontent .browsetabpanel .browseitemsrightcol
{
	float:left;
	color:#fff;
	width:148px;
}

#searchpanelcontent
{
	width:300px;
	color:#fff;
}

#searchpanelcontent a
{
	color:#fff;
}

#searchpanelcontent .browsetabpanel h2
{
	font-size:1.4em;
	color:#000;
}

#searchpanelcontent .browsetabpanel
{
	padding:50px 10px 0 0;
	font-family:Tahoma;
}


#banner.banner_1
{
	background:url(../../images/banner_01.jpg) no-repeat;
	width:940px;
	height:380px;
}

#banner.banner_2
{
	background:url(../../images/banner_02.jpg) no-repeat;
	width:940px;
	height:380px;
}

#banner.banner_3
{
	background:url(../../images/banner_03.jpg) no-repeat;
	width:940px;
	height:380px;
}

#banner.banner_4
{
	background:url(../../images/banner_04.jpg) no-repeat;
	width:940px;
	height:380px;
}

#banner.banner_5
{
	background:url(../../images/banner_05.jpg) no-repeat;
	width:940px;
	height:380px;
}

/* ---------- MAIN NAVIGATION MENU ---------- */

ul.navmain
{
	padding: 20px 0 20px 0;
	color: #000000;
}

ul.navmain li
{
	display: inline;
}

ul.navmain li a
{
	color: #000000;
	text-decoration: none;
}

/* ---------- LOGIN PAGE CONTROLS ---------- */

#loginwrapper
{
	margin:0 auto;
	width:910px;
	padding: 0 20px 20px 20px;
	border: solid 1px #B9D368;
	background-color: #ffffff;
	margin-top: 20px;
	margin-bottom: 20px;
}

#loginbody
{
	background-color: #F1F8E6; 
}

#mainlogin
{
	margin:0 auto 0 auto;
	padding:100px 0 100px 0;
	width:240px;
	text-align:left;
}

#mainlogin span.errortext
{
	color: Red;
}

#mainlogin #controls
{
	padding: 0 5px 0 5px;
}

/* ---------- WELCOME BACK BOX ---------- */

#loginbox
{
	height: 40px;
	width: 250px;
	border: solid 1px #b9d368;
	background-color: #eef6df;
	background: #eef6df;
	float: right;
	padding: 10px 10px 10px 10px;
}

#loginbox #welcomeback
{
	margin: 0 auto;
	font-size: 130%;
	font-weight: bold;
	width: 90%;
	text-align: center;
}

#loginbox #welcomeback span.welcome
{
	color: #91b436;
}

#loginbox #loginoptions
{
	padding-top: 10px;
	margin: 0 auto;
	width: 90%;
	font-size: 100%;
	text-align: center;
	color: #8a9084
}

#loginbox #loginoptions a
{
	color: #8a9084
}

#loggedinlinks
{
	float:left;
}

#loggedinlinks li
{
	float:left;
	border-right:solid 1px #a5ca57;
	padding:0 5px 0 0;
	margin:0 5px 5px 0;
	line-height:1em;
}

#loggedinlinks li.last
{
	border:none;
}

#loggedinlinks li a
{
	color:#696969;
}

#loggedingreeting
{
	width:240px;
	float:left;
	margin-bottom:15px;
	font-weight:bold;
}

/* ---------- MAIN LOGO/TITLES ---------- */

#mainlogo
{
	height: 50px;
	width: 250px;
}

#mainheader
{
	padding: 0 0 20px 0;
}

#mainheader h2.boldheader
{
	font-size: 2.2em;
	padding-bottom: 5px;
}

#mainheader h2.lightheader
{
	font-size: 1.7em;
	color: #838383;
}

#mainheader h2
{
	color: #91b436; 		
}

/* Content Box */

#contentbox
{
	width:300px;
}

#contentbox .top
{
	float:left;
	background:url(../../images/info-box-top.png) no-repeat;
	width:300px;
	height:10px;
}

#contentbox .content
{
	float:left;
	background:#eef5df;
	width:280px;
	padding:0 5px 0 15px;
}

#contentbox .bottom
{
	float:left;
	background:url(../../images/info-box-bottom.png) no-repeat;
	width:300px;
	height:10px;
}

#contentbox .content h2
{
	margin-bottom:10px;
	color:#000;
}

/* Business Centre Summary box */

#businesscentresummarybox
{
	width:620px;
}

#businesscentresummarybox .top
{
	float:left;
	background:url(../../images/BusinessCentreSummaryBox-top.png) no-repeat;
	width:620px;
	height:8px;
}

#businesscentresummarybox .content
{
	float:left;
	background:#f5f5f5;
	width:600px;
	padding:0 5px 0 15px;
}

#businesscentresummarybox .bottom
{
	float:left;
	background:url(../../images/BusinessCentreSummaryBox-bottom.png) no-repeat;
	width:620px;
	height:8px;
}

#businesscentresummarybox .content h2
{
	margin-bottom:10px;
	color:#8BBA25;
}

#business_centre_search_result_list
{
	margin-top:-10px;
}

#business_centre_search_result_list li
{
	margin:0 0 20px 0;
}

.commandcol
{
	margin-top:10px;
}

/* Contact Info */

#phonenumber
{
	width:280px;
	font-size:1.1em;
	font-weight:bold;
	color:#8BBA25;
	margin-bottom:10px;
}

#phonenumber .image
{
	float:left;
	background:url(../../images/speechbubble.png) no-repeat;
	width:22px;
	height:22px;
	margin-right:10px;
}

#phonenumber .text
{
	float:left;
	
}

#email
{
	width:280px;
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}

#email .image
{
	float:left;
	background:url(../../images/letter.png) no-repeat;
	width:22px;
	height:15px;
	margin-right:10px;
}

#email .text
{
	float:left;
	
}


/* ---------- MAIN INDENT LEFT ---------- */

#maincontent
{
	margin:0 auto;
	height: 100%;
	font-size:1.2em;
}

#maincontent h2
{
	color:#8BBA25;
	font-family:Georgia;
	font-size:1.4em;
	margin-bottom:10px;
}

#maincontent p
{
	margin-bottom:10px;
}

#maincontent #leftcolumn
{
	float:left;
	width:620px;
	margin-right:20px;
}

#maincontent #rightcolumn
{
	float:left;
	width:300px;
}

/* ---------- MAIN FOOTER ---------- */

#footer
{
	text-align: left;
	border-top: solid 2px #CBCBCB;
	padding: 10px 0 0 0;
	margin-top: 10px;
	/*float: left;*/
}
#footer address
{
	font-style: normal;
}

#footer #footeraddress
{
	text-align: right;
	float: right;
}

#footer #sitebyquba
{
	float: left;
}

#footer #sitebyquba .clientlink
{
	margin-bottom:10px;
}

/* ---------- LANDING PAGE LAYOUT --------- */

#filterbox
{
	margin-bottom: 20px;
	font-size: 1em;
	border-bottom: solid 2px #cbcbcb;
	padding: 10px 0 15px 0;
}

#filterbox table
{
	padding: 0;
}

#filterbox table td.field
{
	font-size: 1.2em;
	font-weight: bold;
}

#filterbox #controltitle
{
	padding: 0 0 10px 0;
	color: #91B436;
}

#filterbox #controltitle h3
{
	font-size: 1.5em;
}

#filterbox #controlheaders
{
	float: left;
	width: 100%;
}

#filterbox #controlheaders .field
{
	width: 180px;
	padding: 0 0 5px 0;
}

#filterbox #controlheaders .fieldleft
{
	width: 180px;
	padding: 0 0 5px 0;
}

#filterbox #controls {}

#filterbox #controls #selectors
{
	float: left;
	margin: 0 5px 0 0;
	padding: 1px 0 0 0;
}

#filterbox #controls #buttons {}

/* ---------- LANDING PAGE BUSINESS DETAIL BOX (LOGGED IN BUSINESS)---------- */


.mainbusinessbox
{
	background-color: #f1f8e6;
	border: 0;
	padding: 5px 5px 5px 5px;
	font-size: 0.9em;
	margin-bottom: 10px;
	margin-top:10px;
	float: left;
	width: 600px;
	padding:15px;
}

.businesstext .textcontent
{
	float:left;
	width:400px;
}

.mainbusinessboxloggedin .description
{
	margin-top:20px;
	float:left;
	width:900px;
}

.mainbusinessbox .description
{
	margin-top:20px;
	float:left;
}


.map
{
	margin-top:10px;
}

.mapimage
{
	float:left;
}

.maptext
{
	float:left;
	margin:8px 0 0 10px;
}

.mainbusinessbox .businesstext
{
	float: left;
	width: 600px;
	margin-right: 10px;
}

.mainbusinessbox .businesstext
{
	float:left;
	width:600px;
}


.mainbusinessbox .businesstext table td.fieldname
{
	width: 75px;
}

.mainbusinessbox .businesstext .map
{
	
}

.mainbusinessbox .businesstext .map .mapimage
{
	float: left;
	padding: 0 10px 0 0;
}

.mainbusinessbox .businesstext .map .mapimage img
{
	width: 25px;
	height: 25px;
}

.mainbusinessboxloggedin .businesstext h1, .mainbusinessbox .businesstext h1, .mainbusinessboxnonuserarea .businesstext h1
{
	font-size: 1.8em;
	color: #91b436;
}

.mainbusinessboxloggedin .businesstext h2, .mainbusinessbox .businesstext h2, .mainbusinessboxnonuserarea .businesstext h2
{
	font-size: 1.4em;
	color: #838383;
}

.mainbusinessboxloggedin .businesstext h3, .mainbusinessbox .businesstext h3, .mainbusinessboxnonuserarea .businesstext h3
{
	font-size: 1em;
	color: #000000;
	word-wrap:break-word;
	width:300px;
}

.mainbusinessboxloggedin .businesstext a, .mainbusinessbox .businesstext a, .mainbusinessboxnonuserarea .businesstext a
{
	text-decoration: underline;
}

.mainbusinessboxloggedin .businessimage, .mainbusinessbox .businessimage, .mainbusinessboxnonuserarea .businessimage
{
	float: right;
	margin-bottom: 5px;
	width: 195px;
	height: 150px;
	text-align:center;
	border:solid 1px gray;
	vertical-align:middle;
}

.mainbusinessboxloggedin .businessimage img, .mainbusinessbox .businessimage img, .mainbusinessboxnonuserarea .businessimage img
{
	width: 195px;
	height: 150px;
	text-align:center;
	border:solid 1px gray;
	vertical-align:middle;
}

.mainbusinessboxloggedin .businessmap, .mainbusinessbox .businessmap, .mainbusinessboxnonuserarea .businessmap
{	
	text-align: right;
}

.mainbusinessboxloggedin .businessmap a, .mainbusinessbox .businessmap a, .mainbusinessboxnonuserarea .businessmap a
{	
	text-decoration: underline;
}

.mainbusinessbox .newunitfooter
{
	float: right;
	text-align: right;
}

.mainbusinessbox .newunitfooter img
{
	border: 0;
}

.mainbusinessbox .newunitfooter a
{
	border: 0;
}

.mainbusinessbox .newunitfooter a
{	
	text-decoration: underline;
}

.mainbusinessboxloggedin .businessunits, .mainbusinessbox .businessunits
{
	float: left;
	width: 100%;
	font-size: 1.2em;
}

.mainbusinessboxloggedin .businessunits table, .mainbusinessbox .businessunits table
{
	text-align: left;
	width: 100%;
	border-top: dashed 1px #96aa55;
	margin:0 0 12px 0;
}

.mainbusinessbox .businessunits td
{
	width: 15%;
	border-bottom: dashed 1px #96aa55;
	padding: 5px 0 5px 0;
}

.mainbusinessbox .businessunits td.alignright
{
	text-align: right;
}

.mainbusinessboxloggedin .businessunits h3, .mainbusinessbox .businessunits h3
{
	font-size: 1.1em;
}


.mainbusinessbox .businessunits
{
	float: left;
	width: 100%;
	font-size: 1.2em;
}

.mainbusinessbox .businessunits table
{
	text-align: left;
	width: 100%;
	border-top: dashed 1px #96aa55;
	margin:0 0 12px 0;
}

.mainbusinessbox .businessunits td
{
	width: 15%;
	border-bottom: dashed 1px #96aa55;
	padding: 5px 0 5px 0;
}

.mainbusinessbox .businessunits h3
{
	font-size: 1.1em;
}



.mainbusinessbox .businessunits td.buttoncell
{
	width: 10%;
	border-bottom: dashed 1px #96aa55;
	padding: 5px 0 5px 0;
}


	
/* ---------- CONTACT US & USER AGREEMENT ---------- */

#defaultcopy
{
}

#defaultcopy p
{
	font-size: 1.2em;
	padding: 5px 0 5px 0;
}

#defaultcopy p.italic
{
	font-size: 1.2em;
	padding: 5px 0 5px 0;
	font-style: italic;
}

#defaultcopy p.smaller
{
	font-size: 1.0em;
	padding: 10px 0 5px 0;
}

#defaultcopy address
{
	font-style: normal;
	font-weight: bold;
	font-size: 1.3em;
}

/* ---------- RESULTS PAGE BUSINESS LAYOUT ---------- */

.businesslistitemheader table 
{
	width: 100%; 
	font-size: 130%;
	font-weight: bold;
	background-color: #E8FAE4;
	padding: 5px 0 5px 0;  
}

.businesslistitem table 
{
	width: 100%;
	/*border-bottom: 1px dashed #96AA55;*/
}

.businesslistitem table td
{
	border-bottom: 1px dashed #96AA55;
	padding: 5px 0 5px 0;
}

.businesslistitemheader td.business { width: 27%; }
.businesslistitemheader td.location { width: 8%; }
.businesslistitemheader td.unit { width: 17%; }
.businesslistitemheader td.feet { width: 8%; }
.businesslistitemheader td.available { width: 20%; }
.businesslistitemheader td.type { width: 20%; }

.businesslistitem td.business { width: 27%; }
.businesslistitem td.location { width: 8%; }
.businesslistitem td.unit { width: 17%; }
.businesslistitem td.feet { width: 8%; }
.businesslistitem td.available { width: 20%; }
.businesslistitem td.type { width: 20%; }
.businesslistitem a.listlink { text-decoration: underline; }

/* --------- ADD NEW UNIT, EDIT UNIT & DELETE PAGES ---------- */

#mainaddnewunit, #maineditunit, #maindeleteunit
{
	width: 100%;
	padding: 10px 0 10px 0;
}

#mainaddnewunit #controls, #maineditunit #controls, #maindeleteunit #controls
{
	padding: 0 5px 0 5px;
}

#mainaddnewunit #controls h2, #maineditunit #controls h2, #maindeleteunit #controls h2
{
	font-size: 1.5em;
}

#mainaddnewunit .inputsection, #maineditunit .inputsection, #maindeleteunit .inputsection
{
	padding: 10px 0px 10px 0;
}

#mainaddnewunit .buttoninputsection
{
	padding: 10px 0px 10px 165px;
}

#maineditunit .buttoninputsection
{
	padding: 10px 0px 10px 135px;
}

#maindeleteunit .buttoninputsection
{
	padding: 10px 0px 10px 75px;
}

#mainaddnewunit .inputsection .inputprompt, #maineditunit .inputsection .inputprompt, #maindeleteunit .inputsection .inputprompt
{
	width: 100px;
	float: left;
	font-size:110%;
}

#mainaddnewunit .inputsection span.errortext, #maineditunit .inputsection span.errortext, #maindeleteunit .inputsection span.errortext
{
	color: Red;
	font-size:110%;
	font-weight: bold;
}

/* --------- MOOTOOLS ACCORDION STYLES --------- */

.toggler 
{
	color: #222;
	margin: 0;
	/*padding: 2px 5px;*/
	font-size: 130%;
	font-weight: normal;
}
 
.element {}
 
.element p 
{
	margin: 0;
	padding: 4px;
}
 
.float-right 
{
	padding:10px 20px;
	float:right;
}
 
blockquote 
{
	font-style:italic;
	padding:5px 0 5px 30px;
}

.searchbtn
{
	background:url(../../images/search-btn.png) no-repeat;
	width:67px;
	height:22px;
	text-indent:-5000px;
	border:none;	
	outline:none;
	cursor:pointer;
}

.searchbuttontwo
{
	background:url(../../Images/search_btn2.png) no-repeat;
	width:67px;
	height:22px;
	/*text-indent:-5000px;*/
	border:none;	
	outline:none;
	cursor:pointer;
}

.textcontent table
{
	width:400px;
}

.RadEditor
{
	min-width:470px !important;
	width:470px !important;	
}

#searchpanel tr td input
{
	margin-right:10px;
	width:190px;
	outline:none;
}

#unitenquiryform .title
{
	width:120px;
	vertical-align:top;
}

#unitenquiryform .field input, #unitenquiryform .field textarea
{
	width:300px;
}

#businesscentreform table tr td
{
	vertical-align:top;
}

.ui-datepicker-trigger
{
	padding-left:5px;
}