* {
	margin:0;
	padding:0;
		}
 
html, body {
		height:100%;
		}
 
body {
		background-image:url(../images/bg-1.jpg);
		background-repeat:no-repeat;
		background-attachment:fixed;
		background-position:center top;
		background-color:#000000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000000;
		text-align:center; /* horizontal centering for IE Win quirks */
		margin:0px;
		line-height:18px;
		}
		
p {
		margin-bottom:15px;
}

.login-distance { 
		width:1px;
		height:50%;
		margin-bottom:-118px; /* half of container's height */
		float:left;
}
	
		
.login-container {
		margin:0 auto;
		text-align:center;
	    width:336px;
	    height:236px;
		position:relative;
		clear:left;
}

.login-container em {
		display:block;	
}



form.login {
		width:335px;
		height:146px;	
		background-image:url(../images/login-box-1.png);
		display:block;
		margin:auto;
		padding-top:93px;
		color:#FFFFFF;
}


form.login input {
		margin-top:4px;	
		border-style:none;
		background-color:transparent;
}

form.login input[type=text], form.login input[type=password]  {
		width:272px;
		height:35px;
		background-image:url(../images/text-input.png);
		padding-left:15px;
		padding-right:15px;
		color:#3C3C3C;
		font-size:11px;
}

form.login input[type=text].valid, form.login input[type=password].valid  {
		background-position:0px -35px;
}

form.login input[type=text].error, form.login input[type=password].error  {
		background-position:0px -70px;
}

form.login input[type=text].colours {
		width:35px;
		margin-right:10px;	
}

form.login input[type=submit] {
		width:302px;
		height:35px;
		background-image:url(../images/login-submit-1.png);
		font-weight:bold;color:#FFFFFF;	
}


form.login input[type=submit]:hover {
		background-position:0px -35px;
}

form.login label.error {
		visibility:hidden;
		position:absolute;	
}

	
		
.container {
		margin:0 auto;
		padding-top:10px;
		text-align:center;
	    width:1450px;
	    height:auto;
		position:relative;
		clear:left;
}

.header {
		width:1450px;
		height:83px;
		text-align:left;
		float:left;	
}


img.tel {
		float:right;
		clear:right;
		margin-top:10px;
}

.cust-logo {
		margin-left:19px;
		margin-bottom:15px;
}	




.header .logout {
		display:block;
		float:right;	
		width:73px;
		height:19px;	
		background-image:url(../images/logout-1.png);	
		clear:both;
		margin-top:5px;
        border-style:none;
        cursor:pointer;
}

.header .logout:hover { background-position:0px -19px; }


.nav {
		width:1450px;
		height:47px;
		background-image:url(../images/nav-1.png);	
		float:left;	
}


.nav a {
		display:block;
		padding-left:10px;
		padding-right:10px;
		padding-top:5px;
		margin-left:3px;	
		float:left;
		text-decoration:none;
		font-weight:bold;
		height:21px;
		font-size:11px;
}

.nav a:link { color:#FFFFFF; }
.nav a:visited { color:#FFFFFE; }

.nav a:hover, .nav a.active {
		color:#000000;
		background-color:#b2eeff;
}

.main-title {
		float:left;	
		width:1430px;
		height:auto;
		background-color:#0d1f3c;
		padding:10px;
		text-align:left;
		color:#FFFFFF;
		font-weight:bold;
		font-size:17px;
}

.main {
		width:1420px;
		height:auto;
		min-height:380px;
		background-color:#e1e1e1;
		float:left;	
		padding:15px;
		text-align:left;
}

body.customers .main {
		min-height:645px;
}

.notification-bar {
		border:solid 1px!important;
		border-color:#009900!important;
		border-radius:15px;
		background-color:#d4f5d8;
		padding:3px!important;
		padding-left:30px!important;
		margin-top:3px;
		margin-bottom:3px;
		width:auto;
		height:auto!important;
		background-image:url(../images/valid.png);
		background-position:10px 5px;
		background-repeat:no-repeat;
		color:#000000;
		font-size:11px;
        clear:both;
}

.notification-bar.error {
		border-color:#cc0000!important;
		background-color:#fed6d6;
		background-image:url(../images/error.png);
}


.uploader .notification-bar, .addnote .notification-bar, .reminders .notification-bar {
		margin:auto;
		margin-bottom:7px;
}

.footer span {
		color:#b2eeff;	
}

h1 {
		color:#b2eeff;	
		font-size:16px;
		font-weight:bold;
		display:inline;
}

h2 {
		color:#000000;
		border-bottom:solid 1px #88a3ac;
		padding-bottom:6px;	
		font-size:13px;
		margin-bottom:7px;
		font-weight:bold;
}

h3 {
		color:#102874;
		font-style:italic;
		font-weight:bold;
		margin-bottom:7px;
		font-size:13px;
}

.red {
		color:#F00000;
}

.website-link {
		display:block;
		font-size:25px;
		line-height:28px;
		margin-bottom:15px;	
}

.website-link:link, .website-link:visited { color:#742810; }

.column-left, .column-right {
		color:#000000;
		font-weight:bold;
		font-size:12px;
}


.column-left {
		width:970px;
		float:left;
		position:relative;
}

.column-left .column {
		width:210px;
		margin-right:10px;
		float:left;
}

.column-left .column.wide {
		width:430px;
		margin-right:10px;
		float:left;
}

.column-left .column.wide textarea {
		width:420px;
		height:330px;
}

.column-left textarea.small {
		height:150px!important;
}

.column-right {
		width:285px;
		float:right;
}

.column-right a {
		display:block;
}

.column-right a p {
		display:inline-block;
		width:190px;
		margin:0px;	
}

.column-right a.titles { margin-bottom:5px; }

.column-right a:link    { color:#0066cc; }
.column-right a:visited { color:#0066cb; }

.column-right a:hover {
		background-color:#d7d7d7;
}

.column-right a span {
		float:right;
		width:46px;	
		text-align:center;
}

.column-right a span.icon, span.icon {
		float:right;
		display:block;
		width:18px;
		height:18px;	
		margin-left:14px;
		margin-right:14px;
}

.column-left span.icon {
		float:none;
		display:inline-block;
		margin-top:-2px;
		margin-left:0px;
		vertical-align:middle;	
}

a span.icon.edit { background-image:url(../images/edit.png); }
a span.icon.edit:hover { background-position:0px -18px; }

span.published1 				   { background-image:url(../images/published.png); }
span.published2, span.published999 { background-image:url(../images/published.png);background-position:-18px 0px; }

span.published1 { background-image:url(../images/status.png);background-position:  0px  0px; }
span.published2 { background-image:url(../images/status.png);background-position:-18px  0px; }
span.published3 { background-image:url(../images/status.png);background-position:-36px  0px; }
span.published4 { background-image:url(../images/status.png);background-position:-54px  0px; }
span.published5 { background-image:url(../images/status.png);background-position:-72px  0px; }
span.publishedL { background-image:url(../images/status.png);background-position:-90px  0px; }
span.publishedS { background-image:url(../images/status.png);background-position:-108px 0px; }
span.publishedD { background-image:url(../images/status.png);background-position:-126px 0px; }
span.publishedF { background-image:url(../images/status.png);background-position:-144px 0px; }

body.photos .column-left {
		width:270px;
		float:left;
}

body.photos .column-right {
		width:700px;
		float:right;
}

form.administrator input[type=text], form.administrator input[type=password], form.administrator input[type=file], form.administrator textarea {
		width:180px;
		height:20px;
		padding:5px;
		padding-bottom:0px;	
		margin-bottom:17px;
		color:#000000;
		font-size:11px;
}

form.administrator input[type=text].full {
		width:650px;	
}

form.administrator input[type=checkbox] {
		margin-bottom:20px;
}


label.services {
    background-image:url(../images/sortable.png);
    background-repeat:no-repeat;
    background-position:0px 8px;
    padding-left:20px;
    display:block;
}

label.hours {
  width:100px;
  display:inline-block;
}

form.administrator label {
		font-style:italic;
		color:#742810;
}


form.administrator textarea {
		height:100px;
}

form.administrator select {
		width:210px;	
		margin-bottom:17px;
}

form.administrator input[type=submit], .button {
		width:100%;
		height:25px;	
		text-align:center;
		background-image:url(../images/button-1.png);	
		color:#FFFFFF;
		font-weight:bold;
		font-size:11px;
		border-style:none;
		clear:both;
		margin-top:5px;
}


form.administrator.delete input[type=submit] {
	background-image:url(../images/button-red.png);
}

.button { 
		margin-bottom:15px;
		text-decoration:none;
		padding-top:3px;
		height:22px;
}

a.button:link, a.button:visited { color:#FFFFFF; }

input[type=submit]:hover, .button:hover {
		background-position:0px -35px;
}

form.administrator input[type="text"].valid, form.administrator input[type="password"].valid, form.administrator input[type="file"].valid, form.administrator textarea.valid  { border-color:#009900; }
form.administrator input[type="text"].error, form.administrator input[type="password"].error, form.administrator input[type="file"].error, form.administrator textarea.error  { border-color:#cc0000; }

label.error {
		color:#ff3131!important;
		margin-top:7px;
		display:inline-block;
}

.footer {
		width:1430px;
		height:22px;
		padding-top:46px;
		background-image:url(../images/footer-1.png);	
		float:left;	
		text-align:left;
		color:#FFFFFF;
		padding-left:10px;
		padding-right:10px;
}

.float-right {
		float:right;	
}

a.small {
		display:block;
		width:100px;
		height:100px;
		overflow:hidden;
		margin:auto;	
		margin-top:10px;	
}

a.small img {
		width:100%;		
}

div.small {
		width:130px;
		margin-right:10px;		
		float:left;
		text-align:center;
}

.select-client {
		display:block;
		float:right;
		font-size:12px;
		font-style:italic;	
}

.select-client form {
		display:inline;
}

.select-client input[type=submit] {
		width:70px;
		height:19px;	
		text-align:center;
		background-image:url(../images/button-1.png);	
		color:#FFFFFF;
		font-weight:bold;
		font-size:11px;
		border-style:none;
		margin-left:8px;
}



a.create {
	display:block;
	width:150px;
	height:48px;
	background-image:url(../images/create.png);	
	float:right;
	text-align:center;
	color:#FFFFFF;
	padding-top:12px;
	font-size:14px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:9px;
	text-decoration:none;
	cursor:pointer;
}

a.create:hover { background-position:0px -61px; }

a.create span {
	color:#ffd321;
	display:block;
}

a.tab {
	width:150px;	
	height:21px;
	padding-top:4px;
	font-weight:bold;
	background-image:url(../images/tab-1.png);
	text-decoration:none;
	display:block;
	font-size:11px;
	float:right;
	margin-left:5px;
	color:#FFFFFF;
	text-align:center;
	cursor:pointer;
}

a.tab:hover {
	background-position:0px -27px;
}

a.tab.active {
	background-position:0px -54px;
}

body.websites textarea {
	width:650px;	
	height:300px;
    clear:both;
    display:block;
}

body.websites input[type=checkbox] {
		margin-top:4px;
		margin-bottom:3px;
}

.clear {
	clear:both;	
}

.overlay {
	background-image:url(../images/overlay.png);	
	position:fixed;
	width:100%;	
	height:100%;
	z-index:1;
	display:none;
	top:0px;
	left:0px;
	overflow:auto;
}

.overlay form {
	margin-top:15px;
	margin-bottom:15px;
	width:100%;
	height:auto;
	text-align:center;
	font-weight:bold;
	font-style:italic;
	font-size:14px;
	color:#FFFFFF;
}

.overlay form span {
	color:#ffab09;
	font-style:normal;
	font-size:26px;
	display:block;
}

.overlay form input[type=submit] {
	width:239px;
	margin-top:10px;	
}

label.template {
	width:239px;
	height:auto;
	padding-top:266px;
	display:inline-block;
	background-repeat:no-repeat;
	cursor:pointer;
	margin:10px;
}

div.colour-schemes {
	width:800px;
	height:145px;
	overflow:auto;
	display:inline-block;
}

.column-right div.colour-schemes {
	width:300px;
	height:auto;
	overflow:visible;
	text-align:center;
	margin:auto;
	display:block;
}

div.colour-schemes label {
	margin-left:8px;
	margin-right:8px;
	margin-bottom:7px;	
	display:inline-block;
}

div.colour-schemes label span {
	height:25px;
	width:40px;
	display:inline-block;
	cursor:pointer;
	margin-bottom:4px;
}

.overlay a {
	display:block;
	font-weight:bold;
	font-size:20px;
	background-image:url(../images/delete.png);	
	background-repeat:no-repeat;	
	width:auto;
	height:18px;	
	position:fixed;
	top:15px;
	right:30px;
	text-decoration:none;
	color:#FFFFFF;
	padding-left:25px;
}

.stats {
	padding:10px;
	background-color:#CCCCCC;
}

.stats label {
	width:125px;	
	display:inline-block;
}

.logos.bg label {
	height:170px;
    position:relative;
}

.logos.bg label > div {
    margin-top:7px;
    margin-bottom:7px;
}

.logos.bg label p {
	bottom:0px;
    position:absolute;
    text-align:center;
    margin:0px;
    width:150px;
}

.logos {
  text-align:center;
  clear:both;
}

.logos.photos img {
  height:107px;
}

.logos label {
  margin-left:5px;
  margin-right:5px;
  margin-bottom:14px;
  display:inline-block;
  cursor:pointer;
}

.logos label input[type=checkbox], .logos label input[type=radio] {
  display:block;
  margin:auto;
  margin-top:7px;
}

.bullets.sortable li {
  display:inline-block;
}

.sortable li {
  background-image:url(../images/sortable.png);
  background-repeat:no-repeat;
  background-position:0px 8px;
  list-style:none;
  padding-left:20px;
  cursor:pointer;
}

div.uploader, div.addnote, div.reminders {
	padding:15px;
	position:fixed;
	top:50%;
	left:50%;
	border:solid 3px #503f33;
	display:none;
	background-color:#d6d6d6;
}

div.uploader {
	width:870px;
	height:570px;
	margin-top:-300px;
	margin-left:-450px;
}

div.uploader div.photolist {
	float:left;
	width:600px;
	height:540px;
	overflow:auto;
	background-color:#BBBBBB;
	padding-top:10px;
	padding-bottom:10px;
	position:relative;
}

img.loading {
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-37px;
	margin-top:-37px;
}

div.uploader div.photolist form {
	display:inline-block;
	width:150px;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	text-align:center;
}

div.uploader div.photolist div.delete-existing {
  display:inline-block;
  margin-top:7px;
  float:none;
}

div.uploader iframe {
	display:none;
}

div.uploader form.administrator { 
	float:right;
	width:240px;
	height:auto;
	padding-left:15px;
	padding-right:15px;
}

.close {
	position:absolute;
	right:-9px;
	top:-9px;
	cursor:pointer;
}

.uploader span.success, .uploader span.error {
	display:block;
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
	text-align:center;
	height:30px;
}

span.success  { color:#009900; }
span.error    { color:#cc0000; }


div.tabbed {
	width:970px;
	height:820px;
	background-color:#e3e3e3;
	position:absolute;	
	top:105px;
	display:none;
}

div.payments span {
	display:inline-block;
	color:#742810;
	font-weight:bold;
}
.valid, .valid a:link, .valid a:visited, a.valid:link, a.valid:visited { color:#009f00!important; }
.error, .error a:link, .error a:visited, a.error:link, a.error:visited { color:#F00000!important; }
.amber, .amber a:link, .amber a:visited, a.amber:link, a.amber:visited { color:#FF5B00!important; }

div.notes .overflow {
	width:970px;
	height:770px;
	overflow:auto;
}

div.notes .overflow div {
	padding:8px;	
}

div.notes div.alternate {
	background-color:#ced6e4}


div.notes div h3  {
	font-size:14px;
	font-style:normal;	
}

div.notes div p {
	font-weight:normal;	
	margin-bottom:5px;
}

div.notes div span {
	color:#102874;	
}

div.addnote {
	width:600px;
	min-height:500px;
	margin-left:-300px;
	margin-top:-250px;
}

div.addnote input[type=text], div.addnote textarea {
	width:570px;
}

div.addnote textarea {
	height:145px;	
}

div.reminders {
	width:600px;
	min-height:400px;
	margin-left:-300px;
	margin-top:-200px;
}

div.reminders .overflow, div.addnote .overflow {
	overflow:auto;
	width:600px;
}

div.reminders .overflow {
	height:328px;	
	text-align:left;
}

div.addnote .overflow {
	height:500px;	
}


div.reminders .reminders-header {
	width:582px;
	height:28px;
	background-color:#312f2e;
	color:#FFFFFF;
}

div.reminders .reminders-header div {
	padding:3px;
	float:left;
}

div.reminders h2 {
	border-style:none;	
}

div.reminders form {
	margin-top:10px;
	border-bottom:1px solid #88a3ac;
}

div.reminders input[type=text] {
	width:105px;
	height:18px;
	margin-right:15px;
	vertical-align:top;
}

div.reminders input[type=submit] {
	width:50px;
	height:18px;
	vertical-align:top;
}

div.reminders div input[type=submit] {
	margin-top:4px;
}


div.reminders p {
	display:inline-block;
	width:305px;
	margin-bottom:10px;
}

div.reminders p strong {
	display:block;
	margin-bottom:6px;
}

div.reminders input[type=checkbox] {
	margin-top:6px;
	margin-left:20px;
	margin-right:20px;
	vertical-align:top;
}

.duplicate span {
	display:inline-block;
	padding:2px;
	line-height:12px;
	margin-left:3px;
	border:solid 1px #999999;
	background-color:#CCCCCC;	
	cursor:pointer;
}

.duplicate span:hover {
	background-color:#666666;
	color:#FFFFFF;	
}

form.builder h2 {
	width:660px;
	float:left;	
	clear:both;
	padding:0px;
	margin:0px;
}


form.builder .column-left {
	position:absolute;
	display:none;
	top:55px;		
}

form.builder .column-left.active {
	display:block;		
}

.websites .column-right {
	clear:both;	
}

.websites .main {
	position:relative;	
}

form.builder input[type=submit] {
	position:absolute;
	bottom:10px;
	width:660px;
}

.customers-list .main {
	width:1450px;
	padding:0px;
}

.customers-list .column-left {
	width:1450px;
	font-size:11px;	
}

.customers-list .column-left input[type=text] {
	width:95%;
}

.customers-list .column-left input[type=text].datepicker {
	width:20px;
}

.customers-list .column-left select {
	width:40px;
}

.customers-list .column-left .type select {
	width:85%;
}


.customers-list .column-left > div, .customers-list .column-left form > div {
	clear:both;
	width:1450px;
	height:40px;
	display:table;
}


.customers-list .column-left div.titles {
	background-color:#504e4e;
	color:#FFFFFF;
}

.customers-list .column-left div.titles, .customers-list .column-left div.titles div {
	height:20px;
}

.customers-list .column-left > div.alternate {
	background-color:#ccc9c9;
}

.customers-list .icon {
	margin-right:0px;	
}

.customers-list .column-left a:link, .customers-list .column-left a:visited {
	color:#102874;
}

.customers-list .column-left div div {
	width:40px;
	height:40px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	border-right:solid 1px #9b9b9b;
	padding:4px;
}

.customers-list.payments-list {
	width:850px;	
}

.customers-list.payments-list h2 {
	border-style:none;	
}

.customers-list.payments-list span.error {
	padding-left:22px;
    background-image:url(../images/payment-arrow.png);
    background-repeat:no-repeat;
}

.customers-list.payments-list .column-left div {
	height:auto;	
}


.customers-list.payments-list .column-left, .customers-list.payments-list .column-left > div {
	width:970px;
}


.customers-list.payments-list .column-left div div 		{ width:142px; }
.customers-list.payments-list .column-left div div.type, .customers-list.accounts-list .column-left div div.type   { width:288px;text-align:left; }
.customers-list .column-left div div.amount { width:90px!important; }

.customers-list.accounts-list .column-left div div 		{ width:42px; }

.customers-list .column-left div div:last-child { border-right:none; }

.customers-list .column-left div div.tel      { width:60px;  }
.customers-list .column-left div div.company  { width:120px;text-align:left; }
.customers-list .column-left div div.customer { width:183px;text-align:left; }
.customers-list .column-left div div.email    { width:150px;text-align:left; }
.customers-list .column-left div div.name 	  { width:112px;text-align:left; }
.customers-list .column-left div div.details  { width:220px;text-align:left; }
.customers-list .column-left div div.city	  { width:90px; }
.customers-list .column-left div div.postcode { width:60px; }
.customers-list .column-left div div.sector	  { width:70px; }
.customers-list .column-left div div.domain	  { width:170px; }
.customers-list .column-left div div.date	  { width:70px; }
.customers-list .column-left div div.stat	  { width:149px; }

.customers-list .column-left div div.email p  { width:150px;word-wrap:break-word;margin-bottom:0px; }

.match-list span {
	width:200px;
    display:inline-block;
}


.confirm-delete {
	display:inline;
}

div.delete-existing {
	width:18px!important;
	height:18px!important;
    display:inline-block!important;
    padding:0px!important;
	margin-left:14px;
	margin-right:14px;
	background-image:url(../images/delete.png);	
	cursor:pointer;
}

.small div.delete-existing {
	margin-top:5px;
}

div.delete-existing {
	float:right;
}

.customers-list div.delete-existing {
	float:none;
    display:inline-block;
}

.customers-list form > div {
	width:100%!important;
}

.customers-list form > div input[type=text] {
	width:90%!important;
    margin:0px;
}

.customers-list form > div input[type=submit] {
}


div.delete-existing:hover { background-position:0px -18px; }

div.alert {
	position:fixed;
	width:317px!important;
	height:54px!important;
	top:50%;
	left:50%;
	margin-top:-45px;
	margin-left:-158px;
	background-image:url(../images/alert.png);
    padding:0px!important;
	padding-top:26px!important;	
	text-align:center;
	color:#FFFFFF;
	font-size:13px;
	font-weight:bold;
	display:none;
}

.customers-list .column-left div.delete-existing, .customers-list .column-left .icon { 
	margin-left:4px!important;
    margin-right:4px!important;
}

.customers-list .column-left div div.alert { display:none; }

div.alert input[type=text] {
  margin-bottom:-3px;
}

div.alert input[type=submit] {
	width:auto;
	height:27px;	
	text-align:center;
	background-image:url(../images/button-1.png);	
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	border-style:none;
	vertical-align:top;
    padding:0px 5px 0px 5px;
}



div.alert label.error {
	position:absolute;
	visibility:hidden;	
}

form input[type="checkbox"].valid  { outline:1px solid #009900; }
form input[type="checkbox"].error  { outline:1px solid #cc0000; }

a.new {
	float:right;
    padding:5px;
    background-color:#ffae00;
	color:#000000;
    border-radius:10px;
    font-size:12px;
    text-decoration:none;
    margin-bottom:5px;
}

.colourscheme {
    display:block;
    margin-bottom:10px;
}

.colourscheme span {
	width:100px;
    height:30px;
    display:inline-block;
    float:none!important;
}

.feature-list a {
	display:block;
}

.customers-list .column-left > div.pagination {
	background:#CCCCCC;
    padding:5px 10px;
    width:1430px;
}

.pagination a {
	display:inline-block;
    margin-left:3px;
    width:21px;
    height:18px;
    border-radius:50%;
}

.pagination a:link.active, .pagination a:visited.active {
	color:#102874!important;
    background:#FFFFFF;
}

.pagination a:link, .pagination a:visited {
    color:#FFFFFF!important;
}