/* 
* CSS Document
* master.css
* 
* ifnl/css/master.css
* 
* Author    :   Steve Flanagan :: fusonik.co.uk
* Copyright :   (c) Independent Fibre Networks (IFNL)
* Created   :
* Modified  :   Fri 22 May 2008   
* Mod By    :   Greg Merriman
* 
*/


/* BODY STYLING
----------------------------------------------- */

body {
	margin:0px;
	padding:0px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../img/background-fade.jpg);
	background-repeat: repeat-x;
	font-size: 96%;
}

a:link, a:visited
{
}

a:hover, a:active
{
  text-decoration: underline;
  color: #A90000
}

abbr, acronym{
	cursor: help;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}

em
{
	color: #515B68;
	font-style: normal;
}

img
{
  border-style: none
}

strong
{
  color: #515B68;
}

.skip
{
	height: 1px;
	width: 1px;
	overflow: hidden;
	position: absolute;
	visibility: hidden;
}

.error-text
{
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  border: solid 1px #ff0033;
	color: #FF0033;
	background-color: #fff;
	width: 90%;
}

span.error
{
  color: #FF0033;
}

.message-ok-text
{
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  border: solid 1px #33dd33;
	background-color: #fff;
	width: 90%;
}

.message-failed-text
{
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  border: solid 1px #ff0033;
	background-color: #fff;
	width: 90%;
}

.message-text
{
  margin-top: 10px;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
  padding: 4px 4px 0px 4px;
  border: solid 1px #ccc;
	background-color: #fff;
	width: 90%;
}



/* CONTAINER
----------------------------------------------- */

#container {
	width: 890px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	clear: both;
	}
	

/* INTRO PARA
----------------------------------------------- */
	
#main-intro p {
	color: #384554;
	margin: 0px;
	font-size: 0.8em;
	line-height: 19px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#main-intro strong {
	color: #BF0000;
}
	
#main-intro {
	height: 115px;
	width: 890px;
	float: left;
}

/* HEADER
----------------------------------------------- */
	
#header {
	padding: 0px;
	height: 125px;
	width: 890px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7fa1b2;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#logo {
	height: 84px;
	width: 225px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 21px;
	padding: 0px;
	float: left;
}
#header img{
	margin: 0px;
	padding: 0px;
	display: block;
}
#search {
	float: right;
	margin-top: 70px;
	width: 170px;
}
label {
	height: 1px;
	width: 100px;
	color: #FFFFFF;
}
#search .go input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
	width: 22px;
}



/* HEADERS
----------------------------------------------- */

h1 {
	margin: 0px;
	font-size: 0.7em;
	text-indent: -9999px;
	color: #252115;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
}

h2 {
	margin: 0px;
	font-size: 1.4em;
	color: #384554;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
}

h3 {
	margin: 0px;
	font-size: 1.3em;
	color: #c20a0a;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

/* TOP NAVIGATION
----------------------------------------------- */

#top-nav{
	font-size:0.65em;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	width: 890px;
	height: 40px;
	clear: both;
	text-transform: uppercase;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#top-nav ul
{
	padding:0px;
	margin: 0px;
	float: right;
	/*width: 250px;*/
	text-align: right;
	height: 40px;
}

#top-nav li a {
	color:#E6E7EA;
	margin:0;
	text-decoration:none;
	font-weight: normal;
	padding-top: 14px;
	padding-right: 9px;
	padding-bottom: 14px;
	padding-left: 9px;
	display: block;
	text-align: right;
}

#top-nav .selected {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 14px;
	padding-right: 9px;
	padding-bottom: 14px;
	padding-left: 9px;
	text-align: right;
}
#top-nav li a:hover {
	color:#E2E4E7;
	margin:0;
	text-decoration:none;
	padding-right: 9px;
	padding-left: 9px;
	display: block;
	background-image: url(../img/topnav-o.gif);
	background-repeat: repeat-x;
}

#top-nav li {
	float:left;
	list-style-type:none;
	padding:0;
	height: 13px;
}



/* LEFT CONTENT
----------------------------------------------- */

#left-content {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	float: left;
	padding: 0px;
	font-size: 0.8em;
	display: inline;
	clear: left;
	margin: 0px;
	width: 188px;
}
#left-content img {
	margin-left: 11px;
	padding-top: 5px;
	padding-bottom: 10px;
}



/* LEFT NAV
----------------------------------------------- */
#left-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 0px;
	width: 181px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}



/* CONTENT
----------------------------------------------- */

#content {
	padding: 0px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	height: 1%;
	width: 700px;
}

#content-main {
	padding: 0px;
	color: #4c5a6d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	width: 700px;
	float: right;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	display: inline;
	height: 1%;
}



/* MIDDLE CONTENT
----------------------------------------------- */

#middle-content strong {
	color: #515B68;
	font-weight: normal;
}

#middle-content p {
	line-height: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #4c5a6d;
	font-size: 0.9em;
}

#middle-content ul{
	margin: 0px;
	font-weight: bold;
	list-style-position: outside;
	list-style-type: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#middle-content li{
	font-weight: normal;
	color: #4c5a6d;
	margin: 0px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7fa1b2;
	background-image: url(../img/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	font-size: 0.9em;
}

#middle-content a {text-decoration:underline;color:#515B68}

#middle-content a:hover {text-decoration:none;color:#C90A0A}

/*#middle-content a:hover {text-decoration:none;color:#c2af87}*/

#middle-content img
{
	margin: 0px;
	padding: 0px;
}

#middle-content img.ifnl-page
{
  float: right;
  margin-left: 15px;
  margin-bottom: 25px;
  margin-top: 10px;
}

#middle-content strong
{
  font-weight: bold;
}


/* RIGHT CONTENT
----------------------------------------------- */

#right-content {
	color: #576476;
	background-color: #F3F4F5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 165px;
	float: right;
	clear: right;
	height: 1%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#right-content h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #384554;
}

#right-content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #384554;
}

#right-content h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 7px;
	padding-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #384554;
}

#right-content hr {
	color:#FFFFFF;
	height:1px;
	padding: 0px;
	margin-top: 6px;
	margin-right: 8px;
	margin-bottom: 6px;
	margin-left: 8px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	background-color: #FFFFFF;
}

#right-content p {
	line-height: 16px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}

#right-content ul{
	list-style-type: none;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
}
#right-content img {
	padding-right: 6px;
}

#right-content li {
	color: #576476;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7fa1b2;
	padding-top: 5px;
}
#right-content a {
	color: #576476;
	text-decoration: none;
}
#right-content a:hover {
	color: #C20A0A;
}


/* LOGIN FORM
-----------------------------------------------*/

#right-content #login
{
}

#right-content #login form#loginform fieldset
{
  border: solid 1px #999;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
}

#right-content #login form#loginform div
{
  width: 90%;
  margin: 0.6em auto;
}

#right-content #login form#loginform label
{
  text-align: left;
  /*color: #515B68;*/
  color: #777;
  margin-bottom: 10px;
}

#right-content #login form#loginform input.loginput
{
  width: 95%;
  border: 1px solid #ccc;
  background-color: #fefefe;
  background-image: url(../img/input-grad.gif);
	background-repeat: repeat-x;
	font-size: 0.8em;
	color: #2f3f4a;
}

#right-content #login form#loginform input.loginbutton
{
  width: 95%;
  color: #666;
  border: solid 1px #bbb;
  background-color: #e1e1e1;
  font-size: 11px;
  margin-bottom: 5px;
}



/* FOOTER
----------------------------------------------- */

#footer {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-weight: normal;
	background-color: #FFFFFF;
	width: 890px;
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear: both;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #515B68;
}

#footer p{
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 200px;
	color: #4c5a6d;
}

#footer img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#footer strong{
	color: #4c5a6d;
	font-weight: normal;
}

#footer em{
	color: #000000;
	font-weight: bold;
}

#footer a{
	margin: 0px;
	padding: 0px;
	color: #999999;

}
#footer a:hover {
	margin: 0px;
	padding: 0px;
	color: #C20A0A;
}
hr {
	height: 1px;
	width: 1px;
	overflow: hidden;
	visibility: hidden;
	position: absolute;
}