
#devicetype {position:absolute;top:2px;left:30%;font-size:0.8em;}

* { box-sizing: border-box; }

.clearfix:after {    content: ".";    visibility: hidden;    display: block;    height: 0;    clear: both;}

.row:after, .clearfix {
    content: "";
    clear: both;
    display: block;
}
.noClick { pointer-events: none; }
.noClick > a { text-decoration:none; color:inherit; }

body a { color: #00d;
	text-decoration: none;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}

body, html {margin:0px;padding:0px;font-size:14pt;font-family: arial; background-color:#225588;}

.anim { -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	.w-auto {width:auto;}
	.w-05 {width:5%;} .w-10 {width:10%;} .w-15 {width:15%;} .w-20 {width:20%;} .w-25 {width:25%;} .w-30 {width:30%;} .w-33 {width:33.33%;} .w-35 {width:35%;} .w-40 {width:40%;} .w-45 {width:45%;} .w-49 {width:49%;}
	.w-50 {width:50%;} .w-55 {width:55%;} .w-60 {width:60%;} .w-65 {width:65%;} .w-70 {width:70%;} .w-75 {width:75%;} .w-80 {width:80%;} .w-85 {width:85%;} .w-90 {width:90%;} .w-95 {width:95%;} .w-100 {width:100%;}

	.w-pad15p {padding:15% 10%;} .w-pad10p {padding:10% 10%;} .w-pad5p {padding:5% 10%;} .w-pad2p {padding:2% 5%;}
	.w-pad20 {padding:20px;} .w-pad15 {padding:15px;} .w-pad10 {padding:10px;} .w-pad5 {padding:5px;} .w-pad2 {padding:2px;} .w-pad0 {padding:0px;}
	.w-padl20 {padding-left:20px;} .w-padl15 {padding-left:15px;} .w-padl10 {padding-left:10px;} .w-padl5 {padding-left:5px;} .w-padl2 {padding-left:2px;} .w-padl0 {padding-left:0px;}
	.w-padr20 {padding-right:20px;} .w-padr15 {padding-right:15px;} .w-padr10 {padding-right:10px;} .w-padr5 {padding-right:5px;} .w-padr2 {padding-right:2px;} .w-padr0 {padding-right:0px;}
	.w-padt20 {padding-top:20px;} .w-padt15 {padding-top:15px;} .w-padt10 {padding-top:10px;} .w-padt5 {padding-top:5px;} .w-padt2 {padding-top:2px;} .w-padt0 {padding-top:0px;}
	.w-padb20 {padding-bottom:20px;} .w-padb15 {padding-bottom:15px;} .w-padb10 {padding-bottom:10px;} .w-padb5 {padding-bottom:5px;} .w-padb2 {padding-bottom:2px;} .w-padb0 {padding-bottom:0px;}
	.w-minhnone {min-height:initial;} .w-minh300 {min-height:300px;} 

	.w-ib {display:inline-block;} .w-b {display:block;} .w-hide {display:none;} .w-tac {text-align:center;} .w-tal {text-align:left;} .w-tar {text-align:right;} .w-vat {vertical-align:top;}
	.w-vam {vertical-align:middle;} .w-vab {vertical-align:bottom;} .w-fr {float:right;} .w-fl {float:left;} .w-fn {float:none;} .w-cen {margin-left:auto; margin-right:auto;} .w-rel {position:relative;}
	.w-tc {display: table-cell;} .w-tr {display: table-row;} .w-t {display: table;}

	.w-m0 {margin:0px;} .w-m5 {margin:5px;} .w-m10 {margin:10px;} .w-m15 {margin:15px;} .w-m20 {margin:20px;} 
	.w-mr0 {margin-right:0%;} .w-mr2 {margin-right:2%;} .w-mr2-5 {margin-left:2.5%;} .w-mr5 {margin-right:5%;} .w-mr10 {margin-right:10%;} .w-mr15 {margin-right:15%;} 
	.w-ml0 {margin-left:0%;} .w-ml2 {margin-left:2%;} .w-ml2-5 {margin-left:2.5%;} .w-ml5 {margin-left:5%;} .w-ml10 {margin-left:10%;} .w-ml15 {margin-left:15%;}
	.w-mt0 {margin-top:0%;} .w-mt2 {margin-top:2%;} .w-mt5 {margin-top:5%;} .w-mt10 {margin-top:10%;} .w-mt15 {margin-top:15%;}
	.w-mb0 {margin-bottom:0%;} .w-mb2 {margin-bottom:2%;} .w-mb5 {margin-bottom:5%;} .w-mb10 {margin-bottom:10%;} .w-mb15 {margin-bottom:15%;}

	.w-text06 {font-size:0.6em} .w-text07 {font-size:0.7em} .w-text08 {font-size:0.8em} .w-text09 {font-size:0.9em} .w-text10 {font-size:1em}
	.w-text11 {font-size:1.1em} .w-text12 {font-size:1.2em} .w-text14 {font-size:1.4em} .w-text16 {font-size:1.6em} .w-text18 {font-size:1.8em} .w-text20 {font-size:2em}
	.w-text24 {font-size:2.4em} .w-text28 {font-size:2.8em}
	.w-textb {font-weight:bold;}	.w-texti {font-style:italic;}
	.w-tuc { text-transform:uppercase; } .w-tfuc { text-transform: capitalize; }

	.w-bdrb {border-bottom:1px solid #acf; }

.ServerWarning {text-align:center;font-size:1.2em;border:2px solid #d00;border-radius:10px; margin:40px auto;width:90%;padding:20px;}
.ServerMsg {text-align:center;font-size:1.2em;border:2px solid #225588;border-radius:10px; margin:40px auto;width:90%;padding:20px;}

h1, h2, h3, h4, h5, h6 {color:#34a;}
h1 {border-bottom:3px solid #ccc;border-radius:0px 20px;padding-left:20px; font-size:1.8em;}
h3 {text-align:left;}
h6 {padding:0; margin: 4px 2px 0px -2px;}

input, textarea, select {border-radius:8px; padding:8px;
	 -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;}
textarea {padding:6px; vertical-align:middle; min-height:180px;}
textarea.short {padding:6px; vertical-align:middle; min-height:90px;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
input[type="number"] { -moz-appearance: textfield; }

.answers label {background-color:#eef; padding:5px;  border: 1px solid #ccc; border-radius:2px; cursor:pointer; position:relative;}
	.answers label.yes.active {background-color:#8f8; border: 1px solid #393;}	
	.answers label.no.active {background-color:#f88; border: 1px solid #933;}
	.answers input {padding:0px; margin:0px; opacity:0; position:absolute; cursor:pointer;}

.entscheck { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; text-align:left;
	 -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.entscheck input { position: absolute; opacity: 0;cursor: pointer; }
	.checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border:1px solid #999;}
	.entscheck:hover input ~ .checkmark { background-color: #ccc; }
	.entscheck input:checked ~ .checkmark { background-color: #2196F3; border:1px solid #18E; }
	.checkmark:after { content: ""; position: absolute; display: none; }
	.entscheck input:checked ~ .checkmark:after { display: block; }
	.entscheck .checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg);
		 -ms-transform: rotate(45deg); transform: rotate(45deg); }
.inputicon { position:relative; }
	.inputicon i { position:absolute; top:50%; left:8px; margin-top: -10px; opacity:0.8;}
	.inputicon input { padding-left:35px;  }

.button, .addImgItem { -webkit-transition: all 200ms ease 0ms; -moz-transition: all 200ms ease 0ms; -ms-transition: all 200ms ease 0ms; transition: all 200ms ease 0ms;}

.wait-bg {position:fixed;left:0px;top:0px;width:100%;height:100%;background-color:#aaa;z-index:999998;opacity:0.5;display:none;}
.wait {position:fixed; left:50%;top:50%;width:400px;font-size:3em;color: #258;border-radius:15px;margin: -100px 0px 0px -200px;border:5px solid #258;
	background-color:#fff;text-align:center;padding:30px;z-index:999999;display:none;}
.wait img {margin:0px -20px -10px 10px;}

.mainpage {position:relative;background-color:#fff;padding:0px;margin:0px;min-height:300px;box-shadow: 0px 10px 15px #125, inset 0px 0px 0px rgba(0, 0, 0, 0);}

.usermenu {display:block;width:100%;margin:0px;padding:0px;position:fixed;top:0px;left:0px;z-index:999;}
.usermenu .options {display:none;text-align:left;font-size:1em;color:#fff;margin:0px;background-color:#225588;border-bottom:2px solid #2a4e70;text-align:center;}
.usermenu .options a {color:#def;display:inline-block;border-width:1px;border-style:solid;border-color:#369 #369 #147 #147;text-decoration:none;}
.usermenu .options a.active {color:#fff;background-color:#147; opacity:1;}
.usermenu .options a:hover {background-color:#147;color:#fff;box-shadow: 0px 0px 8px #000,
 inset 0px 0px 0px rgba(0, 0, 0, 0);}

.usermenu .menutoggle {position:absolute;bottom:-48px;
		background-color:#225588;width:50px;height:50px;border-radius:0px 0px 10px 10px;margin-top:-2px;right:5%;border-top:2px solid #2a4e70;cursor:pointer;
	box-shadow: 0px 2px 6px #059,
 inset 0px 2px 8px rgba(0, 0, 0, 0.4);background-image:url('../images/Various/nav_w.png');background-repeat:no-repeat;background-position:center center;background-size:40px 40px;}

.header {margin:0px;text-align:center;position:relative; background-color:#fff;}
#title {max-width:800px;}


.menuarea {background-color:#225588;border:5px solid #2a4e70;border-bottom:none;position:relative;padding:10px 0px;border-radius:0px;margin:0px;}
.mainmenu {position:relative;vertical-align:top;color:#fff;display:block;text-align:center;margin:0px;padding:0px;}
.mainmenu li {display:inline-block;padding:2px 8px;margin:0px;cursor:pointer;color:#72afcc;position:relative; opacity:0.5; z-index:1;
	 -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
.mainmenu li a {color:#fff;text-decoration:none; display:block; width:100%;}
.mainmenu li:hover , .mainmenu li.active {opacity:1;}
.mainmenu li.active:before {content:'';width:0px; height:0px;border-width:20px;border-style:solid;border-color:transparent transparent #fff transparent;position:absolute;left:50%; z-index:-1; cursor:default;
		bottom:0px;margin:0px 0px -20px -20px;}



.button {background-color:#368; border: 2px solid #58b;color:#fff; border-radius:10px; text-align:center;cursor:pointer;font-weight:bold; background-position:50% 50%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7ac), to(#258));
  background-image: -webkit-linear-gradient(top, #7ac, #258);
  background-image: -moz-linear-gradient(top, #7ac, #258);
  background-image: -o-linear-gradient(left, #7ac, #258);
  background-image: linear-gradient(to bottom, #18c, #258);}

.button:hover, input:focus, select:focus, textarea:focus {box-shadow:0px 0px 7px #d00;}

 .button2 {background-color:#479;color:#fff;cursor:pointer;
  	background-image: -webkit-gradient(linear, left top, left bottom, from(#9ce), to(#368));
  	background-image: -webkit-linear-gradient(top, #9ce, #368);
  	background-image: -moz-linear-gradient(top, #9ce, #368);
  	background-image: -o-linear-gradient(left, #9ce, #368);
  	background-image: linear-gradient(to bottom, #9ce, #368);
 }
 .button2:hover { box-shadow: 6px 0px 5px #d00, -6px 0px 5px #d00; }

 .iBut {opacity:0.7;}
 .iBut:hover {opacity:1; cursor:pointer; }

 .clicked {color: transparent;  background-image:url('../images/Various/loadingbar.gif');background-repeat:no-repeat; background-position:50% 50%; cursor:wait; box-shadow:none !IMPORTANT; }


 .padPhone {padding: 5px 10px !IMPORTANT; margin:8px;}

 .icon_w {background-image:url('../images/icons/icons_white.png');background-repeat:no-repeat;width:16px; height:16px;}
 .icon_wcross2 {background-position: -32px -192px;}
 .icon_wplus2 {background-position: -1px -192px;}
 .icon_wbin {background-position: -177px -97px;}
 .icon_wuser {background-position: -145px -97px;}

img.icons {background-image:url('../images/icons_EM.png');background-repeat:no-repeat;}


img.dash {width:30px;height:30px;background-position:-2px -2px;}
img.msg {width:30px;height:30px;background-position:-38px -2px;}
img.cog {width:30px;height:30px;background-position:-74px -2px;}
img.book {width:30px;height:30px;background-position:-110px -2px;}
img.time {width:30px;height:30px;background-position:-146px -2px;}
img.people {width:50px;height:30px;background-position:-182px -2px;}
img.arrows {width:50px;height:30px;background-position:-236px -2px;}
img.msgsend {width:30px;height:30px;background-position:-217px -2px;}
img.pics {width:33px;height:30px;background-position:-341px -2px;}
img.page {width:30px;height:30px;background-position:-378px -2px;}

img.dash2 {width:30px;height:30px;background-position:-1px -38px;}
img.msg2 {width:30px;height:30px;background-position:-37px -38px;}
img.cog2 {width:30px;height:30px;background-position:-73px -38px;}
img.book2 {width:30px;height:30px;background-position:-109px -38px;}
img.pay {width:30px;height:30px;background-position:-145px -38px;}
img.user {width:50px;height:30px;background-position:-182px -38px;}
img.agency {width:44px;height:30px;background-position:-239px -38px;}
img.msgsend2 {width:30px;height:30px;background-position:-217px -38px;}
img.brain {width:30px;height:30px;background-position:-341px -38px;}
img.booking {width:30px;height:30px;background-position:-378px -38px;}


 .Admin-options {text-align:center;margin:0px;padding:0px;}
 .Admin-options .button {margin-bottom:5px;font-size:0.7em;position:relative; opacity:0.7; }
 .Admin-options .button.active, .Admin-options .button:hover {opacity:1;}
 .Admin-options .button.active {border-radius: 10px 10px 0px 0px; border-bottom:none; padding-bottom:12px; margin-bottom:0px;}

 .adminBox {display:none; border:2px solid #58b;border-radius:10px;position:relative;}
 .adminBox textarea {min-height:140px;}

ul.nobullet li { list-style-type: none; }
ul.entsbullet { padding:0px;max-width:1024px;margin:0px auto; }
ul.entsbullet li { list-style-type: none; padding:10px 0px 10px 60px; margin:20px 0px;min-height:50px;
	background-image:url('../images/Shield2.png');background-repeat:no-repeat;background-position:0px center;}

 #loginTab {max-width:450px;margin:0px auto;}


.hidden {display:none;}

.bluegrad, .tablepage .theader, .tablepage .tfooter {background-color:#258;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#7ac), to(#258));
  background-image: -webkit-linear-gradient(top, #7ac, #258);
  background-image: -moz-linear-gradient(top, #7ac, #258);
  background-image: -o-linear-gradient(left, #7ac, #258);
  background-image: linear-gradient(to bottom, #7ac, #258);
}
.bluegrad2, .thead {background-color:#479;color:#fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#9ce), to(#368));
  background-image: -webkit-linear-gradient(top, #9ce, #368);
  background-image: -moz-linear-gradient(top, #9ce, #368);
  background-image: -o-linear-gradient(left, #9ce, #368);
  background-image: linear-gradient(to bottom, #9ce, #368);
}

.tablepage {}
	.tablepage .theader, .tablepage .tfooter  {padding:10px 10px;color:#fff;font-size:0.8em;line-height:1.6em;border:1px solid #258; min-height:20px;}
	.tablepage .theader {border-radius:8px 8px 0px 0px;}
	.tablepage .tfooter {border-radius:0px 0px 8px 8px;text-align:right;}
	.tablepage .pagenumbers {margin:2px;}
	.tablepage .pagenumbers div {background-color:#7ac;border:1px solid #ccc;padding:4px 18px;color:#fff;line-height:1em;margin:-1px 1px;border-radius:4px;font-size:1.2em;cursor:pointer;}
	.tablepage .pagenumbers div:hover {background-color:#fff;border:1px solid #000;color:#000;}

	.tablepage .trow {border-bottom:1px solid #acd;border-right:1px solid #acd;border-left:1px solid #acd;}
	.tablepage .trow:nth-child(even) {background-color:#def;}
	.tablepage .trow:hover {background-color:#aee;}
	.tablepage .thead div {border-right:1px solid #7ac;text-align:center;}
	.tablepage .subthead div {border-right:1px solid #ccc;text-align:center;}
	.tablepage .ShowMember {background-color:#ddd;}
	.tablepage .ShowMember:nth-child(even) {background-color:#def;}

 .rhead {position:relative;}
 .tBody {background-color:#eee;border:1px solid #ccc;border-top:none;}


 .tabletog {width:24px; height:24px;border-radius:50%;border-width:2px;border-style:solid;margin:0.5% 2%;
	border-color:#258;cursor:pointer;position:relative; }
 .tabletog div {border-color:transparent transparent transparent #258;padding:0px !IMPORTANT;
	 width:0px; height:0px;border-width:8px;border-style:solid;position:absolute;left:8px;top:58%;margin:-10px 0px 0px 0px;}
 .tabletog.active { transform: rotate(90deg);}

 .tabletog:hover div {border-color:transparent transparent transparent #d00;}


 .adminBox hr, .tablepage hr { opacity:0.3; }

 .adminpanel { background-color:#bbb;color:#333; border-top: 1px solid #aaa; padding:0px;
 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#888));
 	 background-image: -webkit-linear-gradient(top, #eee, #888);
 	 background-image: -moz-linear-gradient(top, #eee, #888);
 	 background-image: -o-linear-gradient(left, #eee, #888);
 	 background-image: linear-gradient(to bottom, #eee, #888);}

	.adminpanel .option { border-width:0px 1px; border-style: solid; border-color: #aaa #888 #888 #aaa; height:100%; padding:10px 20px; cursor:pointer; background-color:transparent; color:#333; }
	.adminpanel .option span, .adminpanel .option i { color:#333; font-size:1em; }
	.adminpanel .option:hover { background-color:#bbb; }

 .subthead { background-color:#bbb;color:#333; border-top: 1px solid #ccc; padding:0px;
 	 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb));
 	 background-image: -webkit-linear-gradient(top, #fff, #bbb);
 	 background-image: -moz-linear-gradient(top, #fff, #bbb);
 	 background-image: -o-linear-gradient(left, #fff, #bbb);
 	 background-image: linear-gradient(to bottom, #fff, #bbb);}

 #artists { }
	 .Membercard {background-color:#ddd; border-radius:15px;}
	 .Membercard:nth-child(even) {background-color:#bbb;}

 #bookings {}
	.selectMe, .selectDate { text-align:left; margin:0px; padding:0px;}
	.selectMe li, .selectDate li { list-style-type: none; border:1px solid #aaa; margin: 1.14%; background-color:#ddd; padding:10px; border-radius:5px; color:#00a; }
	.selectMe li:hover, .selectDate li:hover { background-color:#ace; cursor:pointer; }
	.selectMe li.booked { background-color:#f9a; cursor:not-allowed; }
	.selectMe li small { padding-left:10px;  color:#333; }
	.selectMe label.active li, .selectDate label.active li {background-color:#8f8; border: 1px solid #393;}	
	.selectMe label input, .selectDate label input {padding:0px; margin:0px; opacity:0; position:absolute; cursor:pointer;}

	.dateNav div { display:inline-block; border-radius:5px; padding-top:2px; padding-bottom:4px;}
	.selectDate { text-align:center;}
	.selectDate li { display:inline-block; width:12%; padding:5px;}
	.selectDate label.invalid li { opacity:0.3; border:1px solid #444; background-color:#777; cursor:default; }
	.selectDate li.head {border:none; padding-top:2px;  padding-bottom:1px; background-color:#555; color:#fff; font-weight:bold; font-size:0.8em; margin-bottom:0px;}

 #venues {}
	#addContact {padding: 0px 10px 3px 10px;}


 .entsblock { border-1px solid #ccc; box-shadow: 0px 5px 5px #68a, inset 0px 0px 0px rgba(0, 0, 0, 0); border-radius:10px; background-color:#eee;  }
	 .entsblock .entstab { background-color:#bbb; color: #05c; cursor:pointer; border-bottom:0px solid #eee; border-radius:10px 10px 10px 10px; margin:0px;
 		 background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#bbb));
 		 background-image: -webkit-linear-gradient(top, #fff, #bbb);
 		 background-image: -moz-linear-gradient(top, #fff, #bbb);
 		 background-image: -o-linear-gradient(left, #fff, #bbb);
 		 background-image: linear-gradient(to bottom, #fff, #bbb);}

	 .entsblock .entstog {width:45px; height:45px; border-width:0px 1px 0px 0px;border-style:solid; margin:0px; border-color:#999; background-color:#bbb; border-radius:10px 0px 0px 10px; margin-right:15px;
			  position:relative; display:inline-block; vertical-align:middle;
 			 background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#888));
 			 background-image: -webkit-linear-gradient(top, #eee, #888);
 			 background-image: -moz-linear-gradient(top, #eee, #888);
 			 background-image: -o-linear-gradient(left, #eee, #888);
 			 background-image: linear-gradient(to bottom, #eee, #888); }
 	 .entsblock .entstog img { position:absolute; left:50%; top:50%; margin:-15px 0px 0px -15px; opacity:0.8; width:30px;
			-webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}

	 .entsblock .entstab.active { border-bottom:3px solid #27e; border-radius:15px 15px 0px 0px; }
 	 .entsblock .entstab.active .entstog { border-radius:15px 0px 0px 0px; }
 	 .entsblock .entstab.active .entstog img { transform: rotate(90deg);}

	 .entsblock .entsbody {}
	 .entsblock .entsbody hr { opacity:0.3; }

 #footer {}
	#footer a {color:#fff; text-shadow: 1px 1px 1px rgb(0, 0, 0);}
	#footer .fmenu { padding:0px; margin:0px; list-style-type: none; position:relative; z-index:2;}
	#footer .fmenu li {padding:0px; margin:0px;}
	#footer .fmenu li a { color:#def;display:block;border-width:1px;border-style:solid;border-color:#369 #369 #147 #147;text-decoration:none; padding:5px 2px;}
	#footer .fmenu li a.active {color:#fff;background-color:#147; opacity:1;}
	#footer .fmenu li a:hover {background-color:#147;color:#fff;box-shadow: 0px 0px 8px #000,
		 inset 0px 0px 0px rgba(0, 0, 0, 0);}


	.social { }
	.social .Slinks { background-color:#fff; margin:20px; padding:2px 15px; border-radius:50px; overflow:hidden;}
	.social a.link {background-image:url('https://www.121websites.co.uk/images/Various/Socialfff.png');display:inline-block;background-repeat:no-repeat;background-position:0px -5px;width:48px;height:48px;background-size:320px 58px;
		background-color:#999;border:none; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s;}
	.social a#linkf { background-color:#3b5998;}	
	.social a#linkt {background-position:-54px -5px; background-color:#00aced;}
	.social a#linkl {background-position:-108px -5px; background-color:#007bb6;}
	.social a#linkp {background-position:-162px -5px; background-color:#cb2027;}
	.social a#linke {background-position:-216px -5px;}
	.social a#linki {background-position:-270px -5px;}
	.social a.link:hover { background-color:#f00 !IMPORTANT;}

#popup {display:none;padding:10px;position: fixed;top:0px;left:0px;z-index:999;width:100%;height:100%;}
	#popup .overlay {background-image:url(https://www.121websites.co.uk/images/CBox/overlay.png);background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;opacity:0.8;}
	#popup .loader {position:absolute;top:50%;left:50%;margin:-45px 0px 0px -45px;border:5px solid #ace;border-radius:50%;background-color:#fff;padding:10px;opacity:1;}
	#popup  .pcontainer {border:3px solid #666; border-radius:15px; background-color:#fff; position:relative; padding:15px; max-height:90%; overflow:auto; 
		box-shadow: 3px 3px 10px #000; -moz-box-shadow: 3px 3px 10px #000; -webkit-box-shadow: 3px 3px 10px #000;}
	#popup  .pcontainer.editting {padding:0px;}
	#popup .close {position:fixed;top:5px;right:8px;background-image:url(https://www.121websites.co.uk/images/CBox/controls.png);background-repeat:no-repeat;background-position:-25px 0px;width:25px;height:25px;border-radius:15px;
		cursor:pointer; z-index:999999;}
	#popup .content p {padding:0px 5px;position:relative;}
	#popup .content ul {padding:0px 55px;}
	#popup .content strong {position:relative; margin:0px 5px 0px -20px; }



