/***************
bigfishnetwork.co.uk
***************/

body {
	font:normal 0.8em Times, Arial, Verdana, helvetica;
  	line-height:1.4em;
   	color:#000;
  }


#header {
	position:relative;
	width: 100%;
	height: 128px;
}
#nav {display:none;}
#content {
	float:none;
	
}
#pad {float:left;margin:20px;display:inline;}
#leftCol {
	float:none;
	
}
#rightCol {
	float:none;
	
}
#footer {
	float:left;
	width:100%;
	margin:20px 0 0 0;
	font-size:0.7em;
}
#footer div {margin:20px;}
#footer img {margin:0 0 0 10px;border:0;padding:0;background: #fff;}

/*---------------------
	TYPOGRAPHY
----------------------*/

/*Headers*/
h1 {float:left;padding:0;margin:0;width:100%;line-height:1em;}
h2{margin:2% 0 5% 0;font-size:1.1em;}
h3{font-size:1em;}
.smalltext {font-size:0.8em;line-height:1.2em;}

/*Table*/
table {width:100%;font-size:1em;border:1px solid #ccc;border-collapse:collapse;margin:0 0 15px 0;}
th {background: #eee;padding:2px 5px;text-align:left;color:#999;}
td {padding:2px 5px;text-align:left;}
.even {background: #eee;}

/* list */
.fishscalebulletlist ul 
{
  margin:0;
  padding:0;
  }
.fishscalebulletlist li 
{
	list-style:none;
	background: url(../images/bullet_fishscale.gif) 0 50% no-repeat;
	padding: 0 0 0 15px;
	margin: 0;
}
.fishscalebulletlist strong {float:left;display:block;width: 80px;color:#0083be;}

/*Links*/
a {color:#0083be;}
a:link {color:#0083be;font-weight:bold;text-decoration:underline;}
a:visited {color:#0083be;font-weight:bold;text-decoration:underline;}
a:active {color:#0083be;font-weight:bold;text-decoration:underline;}
a:hover {color:#0083be;font-weight:bold;text-decoration:underline;}

/*---------------------
	NAVIGATION
----------------------*/
.menu h4 {display:none;}
#nav ul {
  margin:0;
  padding:0;
  }
#nav li {
	float: left;
  	margin: 0;
  	padding:0;
	width:155px;
	height:36px;
	display: block;
  	text-indent:0;
  	list-style:none;
	white-space: nowrap;
}
#nav a, #nav a:link, #nav a:visited, #nav a:hover  {
	display:block;
	width:155px;
	height:36px;
}
#nav span {display:none;}
#nav .about {background: url(../images/nav_about.gif) 50% 50% no-repeat;}
#nav .launchevent {background: url(../images/nav_launchevent.gif) 50% 50% no-repeat;}
#nav .join {background: url(../images/nav_join.gif) 50% 50% no-repeat;}
#nav .eventregistration {background: url(../images/nav_eventregistration.gif) 50% 50% no-repeat;}
#nav .contact {background: url(../images/nav_contact.gif) 50% 50% no-repeat;}

#footer ul {
  margin:0;
  padding:0;
  list-style:none;
  }
#footer li {
	float: left;
  	margin: 0 10px 0 0;
  	padding:0;
	display: block;
  	text-indent:0;
	white-space: nowrap;
	color:#666;
}
#footer a, #footer a:link, #footer a:visited, #footer a:hover {color:#666;text-decoration:none;}

/*---------------------
	CONTENT
----------------------*/
#contact #leftCol img {margin:40px 0 0 0;border:1px solid #666;}
#application #leftCol img,#join #leftCol img {margin:50px 0 0 0;border:1px solid #666;}


/*Online Forms*/
.success, .error {float:left;clear:both;width:80%;margin:10px 0;font-size:0.9em;}
.success h2 {border-bottom:1px solid #33cc33;color:#33cc33;}
.error h2 {border-bottom:1px solid red;color:Red;}
.inputError {background: #FD9999 url(../images/background_textboxError.jpg) 0 0 no-repeat;border:1px solid #D35E6E;}
.question {float:left;clear:both;display:inline;width:90%;margin:5px 0;padding:0 0 20px 0;}
.buttons {float:left;clear:both;display:inline;width:90%;margin:0;}
input, textarea {border:1px solid #999;background: #fff url(../images/background_textbox.jpg) 0 0 no-repeat;}
.TBMultiline {width:100%;height:14em;margin:0 0 10px 0;}
.buttons input {background: #0083be;color:#fff;margin:0 10px 0 0;height:30px;}

/*Registration*/
#registrationForm {width:100%;}
#registrationForm label {float:left;display:block;width: 150px;text-align:left;font:bold 1em Tahoma;}
#registrationForm .fullWidth {float:left;display:block;clear:both;width:100%;margin:2px 0;}
#contact #registrationForm .fullWidth {margin:10px 0 2px 0;}
#registrationForm #TBAddress {width: 150px;height:5em;margin:0;}
#registrationForm #TBBusinessInterests {width:80%;height:5em;margin:0 0 10px 0;}
#registrationForm #TBNumberEmployees {width: 50px;}
#registrationForm h2 {float:left;clear:both;padding:0 0 0 15px;margin:10px 0;color:#0083be;background: url(../images/bullet_fishscale.gif) 0 50% no-repeat;font-size:1.5em;}
fieldset {border:none;padding:0;margin:0 0 10px 0;}
legend span {width:100%;display:block;color:#fff;font-weight:bold;margin:10px 0 5px 0;}
legend span em {font-style:normal;}
fieldset input {float:left;clear:left;width:20px;margin:0;border:0;background:#fff;}
fieldset label {float:left;width:300px;margin:2px 20px 0 0;}


/*Login*/
#login {float:left;clear:both;background:#eee;border:1px solid #ccc;}
#login div {margin:5px;}
#login h4 {margin:0 0 0 89px;}
#login label {float:left;display:block;text-align:right;width: 80px;font:bold 1em Tahoma;}
#login input {width:150px;}
#login #Login_BtnLogin,#login #Login_BtnLogout {width:60px;background:#fff;margin:5px 5px 0 0;}
#login #Login_BtnLogin {margin-left:83px;}

/*profile*/
#profileDetails {float:left;background: #eee;}
#profileDetails div {display: inline;margin:20px;}
#profileDetails strong {float:left;clear:right;width: 100px;display:block;}
.bio {float:left;clear:both;display:block;}
.bio img {border:1px solid #666;margin:0 10px 10px 0;}
/*directory*/
#directory table {font-size:1em;}
#directory th {background: #ccc;padding:2px 5px;text-align:left;}
#directory td {margin:0 5px;padding:2px 5px;text-align:left;}



/*news*/
.article {float:left;clear:both;width:60%;display:block;margin:20px 0;}

/*administration*/
#login #BtnLogin,#login #BtnLogout {width:60px;background:#fff;margin:5px 5px 0 0;}
#login #BtnLogin {margin-left:83px;}
.black {background: #0083be;color:#fff;font:bold 2em Tahoma;padding:4px;vertical-align:middle;}
#administration .buttons {background:#0083be;padding:5px 1%;}
#administration #PanelContent {float:left;clear:both;width:80%;}

/*forum*/
#NewPost {float:left;clear:both;width:100%;margin:20px 0;background: #eee;}
#NewPost div {margin:10px;}
#BtnPostNew {margin:0 0 0 83px;}
#NewPost h2 {margin:0;padding:2px 5px;background:#000;color:#fff;font:bold 1em Tahoma;}
#NewPost label {float:left;display:block;text-align:right;width: 80px;font:bold 1em Tahoma;}
#forum table h2 {margin:0;padding:2% 1%;background:#999;color:#fff;font:bold 2em Tahoma;}
#forum table td {padding:4px 10px;}
#forum table .tableTitle {padding:0;}
#forum table td {padding:4px 5px;}
#forum th {background:#ccc;color:#666;}
#discussion .messages {float:left;width:550px;}
#discussion .message {float:left;clear:both;width:100%;background: #eee;border:1px solid #ddd;border-top:10px solid #ccc;}
#discussion .reply {float:left;clear:both;width:100%;border-bottom:1px dotted #ccc;}
#discussion .pad {float:left;margin:2%;}
#discussion .date {float:left;color:#999;font:bold 1em Tahoma;}
#discussion .userPhoto {height:50px;width:50px;border:1px solid #000;}
#discussion .reply .userPhoto {height:30px;width:30px;}
#discussion h2 {margin:0;}
#discussion .col1 {float:left;width:18%;}
#discussion .col2 {float:left;width:55%;margin:0 5%;}
#discussion .col3 {float:left;width:13%;color:#999;}

