@charset "utf-8";
/* CSS Document */
/* (c) BareFlame Limited 2009 - Built for BFNetV3.0 */

body {margin:0; background:url(http://www.socialavenue.co.uk/assets/img/lined.png) repeat-x #F9F9F9; width:100%; color:#333; font-family:Georgia; }

img, ul, li {border:none; margin:0; padding:0;}

/* a {color:#333; border-bottom:dotted 1px #333; text-decoration:none;}
a:hover {color:#fff; border-bottom:dotted 1px #fff; background:#669900;}
<--- THIS IS HOW IT WAS*/

a {text-decoration:none; outline:none; border:none;}

form, fieldset, input {border:0; margin:0; padding:0;}

form.login {margin:30px 0 10px 0}

h1 {font-family:Georgia; font-size:2em; color:#669900; font-weight:normal; margin:0 0 10px 0;}
h2 {font-family:Georgia; font-size:1.3em; color:#669900; margin:25px 0 10px 0; font-weight:normal;}
h3 {font-family:Georgia; font-size:1em; color:#669900; margin:20px 0 10px 0; font-weight:normal;}

.questionmark {cursor:help;}
/*///////////////////////////////////// GROUP NAVIGATION /////////////////////////////////////////////////*/
#groupnav {width:auto; height:20px; border:solid 1px #CCC; border-top:none; position:fixed; top:0; left:20px; right:20px; z-index:500; background:url(/assets/img/topbg.png) repeat-x #FFF; overflow:visible;}

#groupnav a {color:#333; border-bottom:dotted 1px #333;}
#groupnav a:hover {color:#333; border-bottom:solid 1px #333;}

#groupnav .enterprise {background:url(https://secure.bareflame.net/groupinfo/img/bfgroupwebsite.png) no-repeat; height:20px; width:163px; overflow:visible; border-right:solid 1px #CCC; display:block; float:left;} 
#groupnav .enterprise:hover {background:url(https://secure.bareflame.net/groupinfo/img/bfgroupwebsite.png) no-repeat #FFF; height:21px; width:163px; overflow:visible; z-index:1000; border-right:solid 1px #CCC; display:block;} 
#groupnav .enterprise .more {display:none;}
#groupnav .enterprise:hover .more {background:#FFF; display:block; height:auto; width:300px; padding:10px; border:solid 1px #CCC; margin-left:-1px; margin-top:0px; position:relative; top:20px; left:0px; z-index:-10;}

#groupnav p {font-size:10px; font-family:tahoma; margin:2px 0 2px 0;}
#groupnav h1 {font-size:12px; font-family:tahoma; margin:8px 0 4px 0; color:#666;}

#groupnav .feedback {background:url(https://secure.bareflame.net/groupinfo/img/feedback.png) no-repeat; height:20px; width:118px; overflow:visible; border-left:solid 1px #CCC; display:block; float:right;} 
#groupnav .feedback:hover {background:url(https://secure.bareflame.net/groupinfo/img/feedback.png) no-repeat #FFF; height:21px; width:118px; overflow:visible; z-index:1000; border-left:solid 1px #CCC; display:block; float:right;} 
#groupnav .feedback .fbmore {display:none; float:right;}
#groupnav .feedback:hover .fbmore {background:#FFF; height:auto; width:300px; display:inline-block; padding:10px; border:solid 1px #CCC; margin-right:-1px; margin-top:0px; position:relative; top:20px; right:0; z-index:-10; float:right;}

#groupnav .socialink {width:20px; height:20px; padding:0 5px 0 5px; border-left:solid 1px #CCC; float:right; background:transparent;}
#groupnav .socialink:hover {width:20px; height:21px; padding:0 5px 0 5px; border-left:solid 1px #CCC; float:right; background:#FFF; display:block; cursor:pointer;}
#groupnav .socialink .note {display:none; float:right;}
#groupnav .socialink:hover .note {background:#FFF; height:auto; width:180px; display:inline-block; padding:10px; border:solid 1px #CCC; margin-right:-1px; margin-top:0px; position:relative; top:0px; right:-5px; z-index:-10; float:right;}
/*//////////////////////////////////////////////////////////////////////////////////////*/


#navheader {margin:0 auto; width:960px; height:65px; background:url(/assets/img/navheader.png) no-repeat; padding-top:45px;}
	#logospace {float:left; width:220px; height:60px; margin:1px 0 20px 30px;}
	#navspace {float:left; width:350px; height:40px; margin:3px 0 0 0;}
		#navspace ul {width:800px; list-style:none; margin:0; display:inline;}
		#navspace li {display:inline; margin:0; float:left; width:auto;}
		#navspace a {height:30px; text-decoration:none; font-size:1em; font-family:Tahoma; font-weight:normal; margin:12px 30px 0 0 ; display:inline-block; padding:0; border-bottom:none; color:#669900; outline:none;}
		#navspace a:link {color:#666;}
		#navspace a:visited {color:#666;}
		#navspace a:hover {color:#669900; background:none;}
		#navspace a.active {color:#669900;}
	#navspace2 {float:right; width:400px; height:40px; margin:1px 60px 0 0; width:auto;}
		#navspace2 ul {width:800px; list-style:none; margin:0; display:inline;}
		#navspace2 li {display:inline; margin:0; float:right;}
		#navspace2 a {height:30px; text-decoration:none; font-size:0.8em; font-family:Tahoma; font-weight:normal; margin:15px 20px 0 0 ; display:inline-block; padding:0; border-bottom:none; color:#669900;}
		#navspace2 a:link {color:#666;}
		#navspace2 a:visited {color:#666;}
		#navspace2 a:hover {color:#669900; background:none;}
		#navspace2 a.active {color:#669900;}

.btn {border:none; background-image:url(http://www.socialavenue.co.uk/assets/img/ask_btn.png); width:50px; height:30px; background-color:transparent; float:left; margin-top:5px; cursor:pointer;}
.btn:hover {border:none; background-image:url(http://www.socialavenue.co.uk/assets/img/ask_btn_off.png); width:50px; height:30px; background-color:transparent; float:left; margin-top:5px; cursor:pointer;}

#topban {width:100%; height:300px; padding:110px 0 100px 0; position:absolute; top:0; left:0; right:auto; z-index:-1;}
.bancon {margin:0 auto; width:910px; height:350px;}
.bancon .thebutton {display:none;}
.bancon:hover .thebutton {width:110px; height:110px; padding:125px 400px 45px 400px; display:block;}
	.apps {background:url(/assets/img/topban/topban_bf.png) center no-repeat;}
	
/*TESTING TOPBAN ******************************************************************************************************************* */
#topbant {width:100%; height:300px; padding:110px 0 100px 0; position:absolute; top:0; left:0; right:auto; z-index:-1;}
.bancont {margin:0 auto; width:910px; height:350px;}
	.appst {background:url(/assets/img/topban/topban_new_hosting.png) center no-repeat;}

#ban_nav {width:390px; height:70px; margin:260px 0 0 0; float:left; background:url(/assets/img/topban/ban_nav.png); clear:both;}
.sel1 {width:86px; height:50px; background:url(/assets/img/topban/ban_nav_btn_1.png) bottom; margin:10px 0 0 9px; float:left;}
.sel1:hover {width:86px; height:50px; background:url(/assets/img/topban/ban_nav_btn_1.png) top; margin:10px 0 0 9px; float:left;}
.sel2{width:86px; height:50px; background:url(/assets/img/topban/ban_nav_btn_1.png); margin:10px 0 0 9px; float:left;}
.sel3 {width:86px; height:50px; background:url(/assets/img/topban/ban_nav_btn_1.png); margin:10px 0 0 9px; float:left;}
.sel4 {width:86px; height:50px; background:url(/assets/img/topban/ban_nav_btn_1.png); margin:10px 0 0 9px; float:left;}

#panes {position:absolute;}





#bar {margin-left:auto; margin-right:auto; width:910px; height:10px; background:url(http://www.socialavenue.co.uk/assets/img/bar.png) center top; margin-bottom:0; margin-top:20px;}
#bar2 {margin:0; margin-left:auto; margin-right:auto; width:900px; height:61px; border:solid 1px #C8C8C8; border-top:none; border-bottom:none; clear:both;}
#contain {margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; width:900px; height:auto; overflow:visible; background:url(http://www.socialavenue.co.uk/assets/img/bar_welcome.png) center top no-repeat;  border:solid 1px #C8C8C8; border-top:none; border-bottom:none; background-color:#FFF; clear:right; padding-bottom:1px;}
	#content {width:850px; min-height:inherit; height:auto; margin:0 25px 0px 25px; padding-top:15px; overflow:auto; padding-bottom:10px;}
	#content em {font-style:normal; color:#999; font-size:0.7em;}
	#content p {font-family:Georgia; font-style:normal; color:#333; font-size:0.9em; margin:0; margin-bottom:10px; line-height:20px;}
	#content p.legal {color:#666; margin:0; padding-bottom:3px; font-size:0.7em;}
	#content a {color:#333; border-bottom:dotted 1px #333;}
	#content a:hover {color:#333; border-bottom:solid 1px #333;}
	#content a.order {padding:10px; border:solid 1px #CCC; background-color:#EEE; font-size:1em; display:inline; clear:left; margin-right:10px;}
	#content a.order:hover {padding:10px; border:solid 1px #CCC; background-color:#669900; color:#FFF; font-size:1em; display:inline;}
	
	#content a.img {border:none;}
	
	/*LOGIN PAGE */
	#content label.lbl {width:150px; font-size:1.3em; clear:left; float:left; color:#333; margin-bottom:10px;}
	#content input.text {width:250px; display:inline; clear:right; font-size:1.3em; background:transparent; border:1px solid #999; margin-bottom:10px; font-family:Georgia;}
	#content input.logbtn {border:solid 1px #CCC; margin:10px 0 10px 150px; padding:5px; float:left; clear:both; font-size:0.8em; background:#EEE;}
	#content input.logbtn:hover {border:solid 1px #CCC; margin:10px 0 10px 150px; padding:5px; float:left; clear:both; font-size:0.8em; background:#669900; color:#FFF; cursor:pointer;}
	

	#content blockquote {width:200px; float:right; clear:both; margin:0 0 0 10px;}
	#content blockquote h1 {font-size:1em;}
	#content blockquote h2 {font-size:0.7em; color:#999; margin:5px 0 5px 0;}
	#content blockquote p {font-size:0.8em; margin:5px 0 5px 0;}
	.top {color:#30C; width:200px; height:6px; background:url(/assets/img/top.png) no-repeat;}
	.mid {color:#30C; width:160px; height:auto; padding:10px 20px 5px 20px; background:url(/assets/img/mid.png);}
	.btm {color:#30C; width:200px; height:6px; background:url(/assets/img/btm.png) no-repeat; margin-bottom:15px;}
	
	/*This is for the inpage navi */
	#inpage ul {width:179px; padding:10px 10px 10px 4px; margin:0 0 20px 0; background:url(/assets/img/sideborder.png) left repeat-y; font-size:0.8em;}
	#inpage li {height:auto; display:block; padding:10px; margin:0; color:#666}
	#inpage li.active {height:auto; display:block; border-top:solid 1px #6EA500; border-right:solid 1px #6EA500; border-bottom:solid 1px #6EA500; border-left:solid 1px #EEE; padding:10px; margin:0; font-weight:bold;}
	#inpage a {color:#690; font-size:inherit; text-decoration:none; background:none; border-bottom:none;}
	#inpage a:link {color:#690; color:#666; border:none;}
	#inpage a:visited {color:#690; color:#666; border:none;}
	#inpage a:hover {color:#690; border:none;}
	
	p.ext {width:80px; float:left; margin:0;}
	p.fee {width:80px; float:left; margin:0;}
	
	#homelinks ul {list-style:none; height:150px; margin:5px 0 0px 0;}
	#homelinks li {list-style:none; width:210px; float:left; height:150px;}
	#homelinks li.center {margin:0 10px 0 10px; width:410px; float:left; background:url(/assets/img/base_ds.png);}
	
	#dnsearch {width:610px; height:32px; background:url(http://www.socialavenue.co.uk/assets/img/dnsearchbox.png);margin:0; padding:5px 0 0 10px; overflow:visible;}
		#dnsearch label {margin:0; border:none 0px; font-size:1.2em; background:transparent; width:360px; float:left; color:#666;}
		.domboxtext {margin:0; padding:0px; border:none 0px; font-size:1em; background:transparent; width:280px; color:#666;}
		#dnsbtn {width:110px; height:25px; border:none; background:transparent; float:left; cursor:pointer;}
	.design {border:solid 3px #CCC;}
	.design:hover {border:solid 3px #999;}
	
	
	/*SMALL BASE DOMAIN SEARCH BOX ON INDEX PAGE*/
	#domform1 form {margin:85px 0 0 40px; font-family:Georgia;}
	#domform1 span {padding:5px 0 5px 5px; margin:0; border:solid 1px #CCC; border-right:none; font-family:Georgia; font-size:0.8em; float:left; color:#999;}
	#domform1 input.text {padding:5px 5px 5px 0; margin:0; border:solid 1px #CCC; border-left:none; font-family:Georgia; font-size:0.8em; float:left; width:170px; color:#333;}
	#domform1 input.go {padding:5px 5px 3px 5px; margin:0; outline:none; border:solid 1px #CCC; border-left:none; font-family:Georgia; font-size:0.8em; float:left; background-color:#EEE; color:#666; outline:none; display:block;}
	#domform1 input.go:hover {padding:5px 5px 3px 5px; margin:0; border:solid 1px #CCC; border-left:none; font-family:Georgia; font-size:0.8em; float:left; background-color:#CCC; cursor:pointer; outline:none;}
	
	
	/*---END---*/
	
	#hosting {width:800px; height:420px; padding-bottom:10px;}
	#hosting ul {margin:0; padding:0; width:100%;}
	#hosting li {width:122px; list-style:none;  padding:0; padding:5px; float:left; height:auto; color:#fff; margin:0;}
		
	
	#footer {margin:0 auto; width:902px; height:50px; background:url(/assets/img/footbg.png) no-repeat; padding:0; clear:both;}
	#footer a {color:#666; border-bottom:dotted 1px #666;}
	#footer a:hover {color:#FFF; border-bottom:solid 1px #666; background:#666;}
	#footer p {color:#666; margin:0; padding-bottom:3px; font-size:0.7em;}
	#footer h3 {font-size:0.9em; color:#666; font-weight:bold; margin:0; padding-bottom:5px;}
	#footer h4 {font-size:0.9em; color:#666; font-weight:bold; margin:0; padding:15px 0 5px 0;}
	.box {width:100%; font-size:1em; background:transparent; border:solid 1px #666; color:#666; margin-top:5px;}
	.btn {width:50%; font-size:0.7em; background:#EEE; border:solid 1px #666; color:#666; margin:3px 0 0 0}
	.btn:hover {width:50%; font-size:0.7em; background:#FFF; border:solid 1px #666; color:#666; margin:3px 0 0 0}
		#foot1 {width:210px; height:150px; float:left; padding:20px;}
		#foot1 form {margin:0 0 5px 0;}
		#foot2 {width:350px; height:210px; float:left; padding:20px;}
		#foot3 {width:210px; height:150px; float:left; padding:20px;}
		#footbase {float:left; width:700px; height:30px; margin:13px 0 0 180px; color:#666;}
		
		
/* NEW TABLE AND INFO FOR HOSTING PAGES */
.despan {width:560px; float:left; margin:0; padding:15px 5px 0px 5px; height:20px; font-size:.8em; color:#333; font-weight:bold;}
.innercontent {margin:0; padding:0 0 0 0;}
.innercontent span {width:200px; float:left; margin:0; padding:5px 5px 0px 5px; height:20px; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC;}
.innercontent li.main {width:200px; float:left; margin:0; padding:5px 5px 0px 5px; height:20px; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:left;}
.innercontent li {float:left; margin:0; padding:5px 5px 0px 5px; width:70px; height:20px; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; text-align:center;}
.innercontent ul{float:left; width:640px; margin:0; padding:0; font-size:.8em; color:#333; list-style:none;}
.innercontent em:hover {color:#06C;}
.cleared {width:100%; height:1px; float:left; clear:both;}
fieldset {border:solid 0px #CCC; min-height:100px; margin:0; padding:0;}
legend {padding:5px; margin:0; background-color:#CCC;}
.yes {background:url(/assets/img/icons/accept.png) center no-repeat; height:100%; width:100%;}
.no {background:url(/assets/img/icons/grey_cross.png) center no-repeat; height:100%; width:100%;}
.op {background:url(/assets/img/icons/add.png) center no-repeat; height:100%; width:100%;}

/* FOR ROUNDER CORNERS */
.rm {width:630px; margin-bottom:10px;}
.b1f, .b2f, .b3f, .b4f{font-size:1px; overflow:hidden; display:block;}
.b1f {height:1px; background:#EEE; margin:0 5px;}
.b2f {height:1px; background:#EEE; margin:0 3px;}
.b3f {height:1px; background:#EEE; margin:0 2px;}
.b4f {height:2px; background:#EEE; margin:0 1px;}
.contentf {background:#EEE; width:610px; padding:10px 10px 1px 10px; overflow:auto;}
.contentf h1 {font-size:1em; margin:0; margin-bottom:10px; color:#6EA500; font-weight:bold;}
.contentf div {margin-left: 5px;}


/* STYLES FOR KNOWLEDGE BASE */
#article_content {width:600px; padding:20px; background:#EEE; margin-bottom:20px;}

#kb_nav a {font-size:0.8em;}
#kb_nav ul, li {margin:0; padding:0;}

#voting {width:610px; padding:10px; background:#EEE; border:solid 1px #CCC}

.mid h6 {font-size:0.7em; color:#666; margin:10px 0 0 0; font-weight:normal;}
.id ul, ol, li {list-style:none; margin:0;}

.tagscloud {font-size:0.6em; color:#990;}

#instant {padding:10px; width:600px; min-height:90px; border:solid 1px #CCC; background:url(/assets/img/improved.png) no-repeat top right #EEE; }
#instant p.number {margin-top:10px;}
.inputfield {padding:10px 0 0 35px; height:26px; width:322px; background:url(/assets/img/search.png) no-repeat; font-family:georgia;} 

#news_content {padding:10px 110px 10px 10px; width:500px; min-height:90px; border:solid 1px #CCC; background:url(/assets/img/official.png) no-repeat top right #EEE;}
#news_content h6 {font-weight:normal; color:#999; font-size:0.7em; margin:10px 0 0 0;}



/* STYLE FOR TOP BACKGROUND */

#crazysp {position:absolute; top:100px; z-index:-100; background:#666; width:100%; height:500px; left:0;}