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

body {
	height:100%;
}

#logo {
	height: 115px;
	width: 500px;
	position:absolute;
}

a:link {
	color: #000066;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000066;
}
a:hover {
	text-decoration: none;
	color: #000066;
}
a:active {
	text-decoration: none;
	color: #000066;
}
.style1 {font-size: 0.8em}
.style3 {font-size: 0.8em; font-weight: bold; }

.textcolor-green {color: #008C00}
.textcolor-red {color:#CC0000}
.textcolor-orange {color: #FF6600}

.dropdown165 {
	width: 165px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dropdown145 {
	width: 145px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dropdown125 {
	width: 125px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dropdown100 {
	width: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.dropdown55 {
	width: 55px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#addnewrecordButton {
	width:121px;
	height:27px;
	position: relative;
	margin: 0 auto;
	top: -50px;
	left: -60px;
}

#loginbutton{
	width: 66px;
	height: 22px;
	background-image: url(../images/button_login.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #fff;
	border: none;
	position:relative;
	max-width:80px;
}

#searchbutton{
	width: 80px;
	height: 27px;
	background-image: url(../images/button_search.png);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #fff;
	border: none;
	position:relative;
}

#utilitybar {
	line-height: 115px;
	text-align:right;
	height: 115px;
	width: 1000px;
	position: absolute;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#loginbar {
	line-height: 115px;
	text-align:right;
	height: 115px;
	width: 1000px;
	position: absolute;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

/* Menu Bar */
#menubar {
    height: 44px;
	margin:0 auto;
	width:1005px;
	position:relative;
	top: 110px;
	left: 2px;
}

#databaselist {
	width: 128px;
	list-style:none;
	line-height:22px;
	position:relative;
	top:92px;
	background:#FFFFFF;
	margin:0;
	padding:0;
	left:141px;
	right:4px;
	display:none;
	border: 1px solid #999999;
	border-top: 0;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

#navbar {
	height: 22px;
	width: 300px;
	position:absolute;
	left: 685px;
	top: -10px;
}

#optionsbar {
	background-image:url(../images/tab_expand.png);
	background-repeat:no-repeat;
	height: 50px;
	width: 15px;
	position:absolute;
	left: 987px;
	top: 165px;
}

#alertbg {
	background-image:url(../images/alertbg.png);
	background-repeat:repeat;
	margin:0 auto;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:10000;
}

#alertbgcentre {
	background-image:url(../images/alertbgcentre.png);
	background-position:center;
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	top:100px;
	width:600px;
	height:600px;
	z-index:10001;
}

#alertpostcodemapuk {
	margin:0 auto;
	position:relative;
	width:400px;
	top:-100px;
	height:710px;
	z-index:10002;
}

#loadingframe {
	margin:0 auto;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:10000;
}

#loading {
	background-image:url(../images/ajax-loader.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	margin:0 auto;
	position:relative;
	width:200px;
	height:54px;
	top:460px;
	z-index:10001;
	text-align:center;
	font-size:11px;
}

#divaddress {
	width: 165px;
	height: 22px;
	position:relative;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0;
	padding:0;
	background: url(../images/button_dropdown165.png) no-repeat;
}
#divSidebar {
	width: 100px;
	height: 22px;
	position:relative;
	line-height:22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	margin:0;
	padding:0;
	background: url(../images/button_dropdown100.png) no-repeat;
}
#selectSidebar {
	width: 90px;
	list-style:none;
	position:relative;
	top:19px;
	background:#FFFFFF;
	margin:0;
	padding:0;
	left:4px;
	right:4px;
	display:none;
	border: 1px solid #999999;
	border-top: 0;
}

ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin:0 auto;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	background: url(../images/menubar.png);
	}


ul.cssmenu li.dashboard a {
	background-position: 0 0;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.database a {
	background-position: -130px 0;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.createlist a {
	background-position: -260px 0;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.savedlists a {
	background-position: -390px 0;
	display: block;
	width: 130px;
	height: 44px;
	}
	
ul.cssmenu li.reports a {
	background-position: -520px 0;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.apps a {
	background-position: -650px 0;
	display: block;
	width: 130px;
	height: 44px;
	}

	
ul.cssmenu li.dashboard a:hover {
	background-position: 0 -44px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.database a:hover {
	background-position: -130px -44px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.createlist a:hover {
	background-position: -260px -44px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.savedlists a:hover {
	background-position: -390px -44px;
	display: block;
	width: 130px;
	height: 44px;
	}
	
ul.cssmenu li.reports a:hover {
	background-position: -520px -44px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.apps a:hover {
	background-position: -650px -44px;
	display: block;
	width: 130px;
	height: 44px;
	}

	
ul.cssmenu li.dashboard a:active {
	background-position: 0 -88px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.database a:active {
	background-position: -130px -88px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.createlist a:active {
	background-position: -260px -88px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.savedlists a:active {
	background-position: -390px -88px;
	display: block;
	width: 130px;
	height: 44px;
	}
	
ul.cssmenu li.reports a:active {
	background-position: -520px -88px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.apps a:active {
	background-position: -650px -88px;
	display: block;
	width: 130px;
	height: 44px;
	}


ul.cssmenu li.dashboard a:selected {
	background-position: 0 -132px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.database a:selected {
	background-position: -130px -132px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.createlist a:selected {
	background-position: -260px -132px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.savedlists a:selected {
	background-position: -390px -132px;
	display: block;
	width: 130px;
	height: 44px;
	}
	
ul.cssmenu li.reports a:selected {
	background-position: -520px -132px;
	display: block;
	width: 130px;
	height: 44px;
	}

ul.cssmenu li.apps a:selected {
	background-position: -650px -132px;
	display: block;
	width: 130px;
	height: 44px;
	}

#searchbar {
	background-image:url(../images/searchbar.png);
	background-repeat:no-repeat;
	position:relative;
	width:220px;
	height:44px;
	left: 780px;
}

#searchbarIE {
	background-image:url(../images/searchbar.png);
	background-repeat:no-repeat;
	position:relative;
	width:220px;
	height:44px;
}

span.searchboxleft  {
	background: url(../images/srch_l.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 15px;
	top: -32px;
	width: 19px; height: 19px;
}

span.searchboxright  {
	background: url(../images/srch_r.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 5px;
	top: -32px;
	width: 19px; height: 19px;
}

span.searchboxleft_sidebar  {
	background: url(../images/srch_l.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 15px;
	top: -32px;
	width: 19px; height: 19px;
}

span.searchboxright_sidebar  {
	background: url(../images/srch_r.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 5px;
	top: -32px;
	width: 19px; height: 19px;
}

span.searchbox input {
	background: url(../images/srch_bg.gif) repeat-x top left;
	float: left;
	position:relative;
	left: 15px;
	top: -32px;
	border: 0;
	height: 19px; width: 122px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

span.searchbox_sidebar input {
	background: url(../images/srch_bg.gif) repeat-x top left;
	float: left;
	position:relative;
	left: 15px;
	top: -32px;
	border: 0;
	height: 19px; width: 122px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

span.searchboxleftIE  {
	background: url(../images/srch_l.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 15px;
	top: 11px;
	width: 19px; height: 19px;
}

span.searchboxrightIE  {
	background: url(../images/srch_r.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 5px;
	top: 11px;
	width: 19px; height: 19px;
}

span.searchboxleftIE_sidebar  {
	background: url(../images/srch_l.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 15px;
	top: 11px;
	width: 19px; height: 19px;
}

span.searchboxrightIE_sidebar  {
	background: url(../images/srch_r.gif)	no-repeat top left;
	float: left;
	position:relative;
	left: 5px;
	top: 11px;
	width: 19px; height: 19px;
}

span.searchboxIE input {
	background: url(../images/srch_bg.gif) repeat-x top left;
	float: left;
	position:relative;
	left: 15px;
	top: 11px;
	border: 0;
	height: 19px; width: 122px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

span.searchboxIE_sidebar input {
	background: url(../images/srch_bg.gif) repeat-x top left;
	float: left;
	position:relative;
	left: 15px;
	top: 11px;
	border: 0;
	height: 19px; width: 122px;
	padding: 3px;
	font: 11px/13px arial;
	color: #000;
}

.widget {
width: 986px;
}

.tabnav li {
display: inline;
list-style: none;
}

.ui-tabs-hide {
display: none;
}

/* Columns section */

#columnslogin {
	width:344px;
	position:absolute;
	top: 270px;
	left: 50%;
	margin-left:-170px;
}

#columnslogin .column {
    float: left;
    width: 100%;
	/* Min-height: */
	min-height: 222px;
	height: auto;
	height: 222px;
}

#columnsone {
	width:1005px;
	position:absolute;
	top: 170px;
	left: 50%;
	margin-left:-487px;
}

#columnsone .column {
    float: left;
    width: 100%;
	/* Min-height: */
	min-height: 486px;
	height: auto;
	height: 486px;
}

#columnsonevr {
	z-index:0;
	width:1005px;
	position:absolute;
	top: 170px;
	left: 50%;
	margin-left:-497px;
}

#columnsonevr .column {
    float: left;
    width: 100%;
	/* Min-height: */
	min-height: 486px;
	height: auto;
	height: 486px;
}

#columnsonebase {
	width:974px;
	position:absolute;
	top: 560px;
	left: 50%;
	margin-left:-487px;
}

#columnsone base .column {
    float: left;
    width: 100%;
	/* Min-height: */
	min-height: 135px;
	height: auto;
	height: 135px;
}

#columnstwo {
	width:1005px;
	position:absolute;
	top: 170px;
	left: 50%;
	margin-left:-487px;
}

#columnstwolist {
	width:1005px;
	position:absolute;
	left: 50%;
	margin-left:-487px;
}

#columnstwolist .column {
    float: left;
    width: 495px;
	/* Min-height: */
	min-height: 486px;
	height: auto;
	height: 486px;
}

#columnstwo .column {
    float: left;
    width: 495px;
	/* Min-height: */
	min-height: 486px;
	height: auto;
	height: 486px;
}

#columnsthree {
	width:1005px;
	position:absolute;
	top: 170px;
	left: 50%;
	margin-left:-487px;
}

#columnsthree .column {
    float: left;
    width: 330px;
	/* Min-height: */
	min-height: 486px;
	height: auto;
	height: 486px;
}

#columnsviewrecord {
	width:1005px;
	position:absolute;
	top: 170px;
	margin-left: 24px;
}

#columnsviewrecord .column1 {
    float: left;
    width: 681px;
	/* Min-height: */
	min-height: 390px;
	height: auto;
	height: 390px;
}

#columnsviewrecord .column2 {
    float: left;
    width: 307px;
	/* Min-height: */
	min-height: 390px;
	height: auto;
	height: 390px;
}

#loginboxcontent {
	width: 260px;
	height: 271px;
	left: 25px;
	top: 25px;
	position: relative;
}

#supportboxcontent {
	width: 200px;
	height: 150px;
	left: 25px;
	top: 70px;
	position: relative;
}

#promoimage {
	float:right;
	width: 610px;
	height: 490px;
	right: 15px;
	top: 25px;
	position: relative;
}

#widgetsmall {
	background-image:url(../images/widgetsmall.png);
	background-repeat:no-repeat;
	height:261px;
	width:311px;
}

#widgetsmall_support {
	background-image:url(../images/widgetsmall_support.png);
	background-repeat:no-repeat;
	height:261px;
	width:311px;
}

#widgetsmall_iphone {
	background-image:url(../images/widgetsmall_iphone.png);
	background-repeat:no-repeat;
	height:261px;
	width:311px;
}

#widgetlarge {
	background-image:url(../images/widgetlarge.png);
	background-repeat:no-repeat;
	height:511px;
	width:311px;
}

#widgetlarge_login {
	background-image:url(../images/widgetlarge_login.png);
	background-repeat:no-repeat;
	height:511px;
	width:970px;
}

#widgetxlarge {
	background-image:url(../images/widgetxlarge.png);
	background-repeat:no-repeat;
	height:514px;
	width:976px;
}

#contact {
	padding-left: 8px;
}

#widgetvrcontact {
	background-image:url(../images/widgetviewrecord.png);
	background-repeat:no-repeat;
	height:514px;
	width:976px;
}

#widgetvrcontactcompany {
	height: 325px;
	width: 635px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 27px;
}

#widgetvrcontactcrm {
	height: 325px;
	width: 270px;
	padding: 10px;
	padding-top: 12px;
	position:absolute;
	left: 691px;
	top: 27px;
}

#widgetvrcontactcontacts {
	height: 97px;
	width: 950px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 395px;
}

#products {
	padding-left: 8px;
}

#widgetvrproducts {
	background-image:url(../images/widgetproducts.png);
	background-repeat:no-repeat;
	height:514px;
	width:976px;
}

#widgetvrproducts_asd {
	background-image:url(../images/widgetproducts_asd.png);
	background-repeat:no-repeat;
	height:514px;
	width:976px;
}

#widgetvrproductspublicsector {
	height: 110px;
	width: 473px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 27px;
}

#widgetvrproductscommercial {
	height: 93px;
	width: 473px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 157px;
}

#widgetvrproductseducation {
	height: 110px;
	width: 473px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 270px;
}

#widgetvrproductsretail {
	height: 100px;
	width: 473px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 400px;
}

#widgetvrproductswindoor {
	height: 484px;
	width: 473px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 27px;
}

#widgetvrproductsleisure {
	height: 134px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 27px;
}

#widgetvrproductshealth {
	height: 105px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 183px;
}

#widgetvrproductshousing {
	height: 108px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 311px;
}


#widgetvrproductsconsroof {
	height: 134px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 27px;
}

#widgetvrproductscomp {
	height: 84px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 203px;
}

#widgetvrproductsroofline {
	height: 69px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 325px;
}

#widgetvrproductsigu {
	height: 69px;
	width: 453px;
	padding: 10px;
	position:absolute;
	left: 505px;
	top: 437px;
}

#notes {
	padding-left: 8px;
}

#widgetvrnotes {
	background-image:url(../images/widgetnotes.png);
	background-repeat:no-repeat;
	height:514px;
	width:976px;
}

#widgetvrnotestop {
	height: 124px;
	width: 948px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 27px;
}

#widgetvrnotesbottom {
	height: 300px;
	width: 948px;
	padding: 10px;
	position:absolute;
	left: 10px;
	top: 191px;
}

#widgetvrapps {
	background-image:url(../images/widgetviewrecord.png);
	background-repeat:no-repeat;
	height:514px;
	width:976px;
}

#widgetresultstop {
	background-image:url(../images/widgetresultstop.png);
	background-repeat:no-repeat;
	height:167px;
	width:976px;
}

#widgetresultsbottom {
	background-image:url(../images/widgetresultsbottom.png);
	background-repeat:no-repeat;
	height:361px;
	width:976px;
}

#widgetcustomlistbuilder {
	background-image:url(../images/widgetcustomlistbuilder.png);
	background-repeat:no-repeat;
	height:528px;
	width:976px;
}

#widgetreports {
	background-image:url(../images/widgetreports.png);
	background-repeat:no-repeat;
	height:528px;
	width:976px;
}

#widgetlogin {
	background-image:url(../images/widgetlogin.png);
	background-repeat:no-repeat;
	height:222px;
	width:344px;
}

#widget2columnlarge {
	background-image:url(../images/widget2columnlarge.png);
	background-repeat:no-repeat;
	height:252px;
	width:474px;
}

#widget2columnsmall {
	background-image:url(../images/widget2columnsmall.png);
	background-repeat:no-repeat;
	height:175px;
	width:474px;
}
#widget2columnsmallest {
	background-image:url(../images/widget2columnsmallest.png);
	background-repeat:no-repeat;
	height:139px;
	width:474px;
}

#widgethead {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position:relative;
	width: 291px;
	padding: 10px;
	float:left;
	margin:0 auto;
}

#widgetheadlarge {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position:relative;
	width: 956px;
	padding: 10px;
	float:left;
	margin:0 auto;
}

#widgetheadviewrecord {
	position:relative;
	width: 956px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0;
	padding-bottom:0;
	float:left;
	margin:0 auto;
}

#widgetheadlogin {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position:relative;
	width: 324px;
	padding: 10px;
	float:left;
	margin:0 auto;
}

#widgethead2column {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	position:relative;
	width: 454px;
	padding: 10px;
	float:left;
	margin:0 auto;
}

#widgetcontent {
	position:relative;
	width:291px;
	padding:10px;
	float:left;
}

#widgetcontentlarge {
	position:relative;
	width:956px;
	padding:10px;
	padding-top:0;
	float:left;
}

#widgetcontentviewrecord {
	position:relative;
	width:976px;
	float:left;
}

#widgetcontentlogin {
	position:relative;
	width:976px;
	float:left;
}

#widgetcontent2column {
	position:relative;
	width:454px;
	padding:10px;
	float:left;
}

#widgetcontent .list {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#widgetcontent .scroll {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

/* Scroller Styles */

#contactsscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 88px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#savedlistscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 95px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#searchresultsscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 230px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#notesscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 300px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#mytasksscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 180px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#mytasksscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 180px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#apptelesalesscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 255px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#myhotlistscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 180px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#addnewcontactscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 218px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#appslistscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 95px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}

#standardlistscroll, #advancedlistscroll {
/* Typical fixed height and fixed width example */
width: 100%;
height: 440px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
}