/***********************************************************************
*
*
*  Standard stylesheet for new PIPEX/PIPEX Comms group website
*
*  This is the stylesheet used by all normal pages.
*
*
************************************************************************/


/* Standard text */
BODY, P, TD, TH {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}


	
	
/* Top navigation items (About Us, Services etc) */
.topnav {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #330066;
	text-decoration: none;
	}
.topnav A:Hover {
	color: #EA0030;
	}
.topnav A { text-decoration: none; }
	

/* standard links - formatting controlled by the class  they're
 in, but colours controlled here unless over-ridden by the class */
A {
	color: #330066;
	text-decoration: underline;
	}	
A:Hover {
	color: #EA0030;
	text-decoration: underline;
	}	
	
/* page title heading */
H1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #EA0030;
	}

/* sub-section headings */	
H2 {
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #EA0030;
	text-decoration: none;
	font-weight:bold;
	}

/* lists */
UL {
	/* margin-top: 3px; */
	
	}
LI {
	padding-top: 3px;
	/* list-style-image: url(/images/purple_dot.gif); */
	}		
	

/* a quotation */
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	font-style: italic;
	padding-left: 6px;
	padding-right: 6px;
	}


/* normal bold text should go purple */
B {
	color: #330066;
	}		
	
/* // all pages should use a H1 tag for accessibility, NOT a <div>
.pagetitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #EA0030;
	}
*/

/* left side navigation - level one */
.sidenav1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	line-height: 19px;
	font-weight: bold; 
	color: #330066;
	padding-left : 0px;
	padding-bottom : 6px;
	text-decoration: none;
	}
	
/* left side navigation - level two */			
.sidenav2 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	line-height: 18px;
	font-weight: bold; 
	color: #330066;
	padding-top : 0px;
	padding-left : 5px;
	text-decoration: none;
	}
			
/* left side navigation - level three */
.sidenav3 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 09px; 
	line-height: 17px;
	font-weight: normal; 
	color: #330066;
	padding-left : 10px;
	text-decoration: none;
	}

/* left side navigation - level four */
.sidenav4 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 09px; 
	line-height: 16px;
	font-weight: normal; 
	color: #330066;
	padding-left : 20px;
	text-decoration: none;
	}

/* left side navigation - level five */
.sidenav5 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 09px; 
	line-height: 16px;
	font-weight: normal; 
	color: #330066;
	padding-left : 30px;
	text-decoration: none;
	}	

/* left side navigation - level six */
.sidenav6 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 09px; 
	line-height: 16px;
	font-weight: normal; 
	color: #330066;
	padding-left : 40px;
	text-decoration: none;
	}	


/* stop side-nav links from underlining: */
.sidenav1 A { text-decoration: none; }	
.sidenav2 A { text-decoration: none; }
.sidenav3 A { text-decoration: none; }
.sidenav4 A { text-decoration: none; }
.sidenav5 A { text-decoration: none; }	
.sidenav6 A { text-decoration: none; }
	
/* text in left-nav box-out titles */
.boxtitletext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: white;
	}

/* links within left-hand box-outs */
A.leftpanellink {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	}
A.leftpanellink:Hover {
	color: #EA0030;
	}

/* style for BIZ MP info bar text */
.infobartext {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 09px; 
	line-height: 17px;
	font-weight: normal; 
	color: #330066;
	text-decoration: none;
	}

	
/* highlighted search terms in Atomz.com search engine output */	
.search-context {
	text-decoration: italic; 
	}
	

	


/* Form styles */




.pipexffn { /* a non-required field name */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	border: 1px solid white;
	background-color: #E4DEF3;
	}
.pipexffnreq { /* a required field name */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	border:1px solid white;
	border-collapse: collapse;
	background-color: #E4DEF3;
	}
	
/* over-ride default link style for <a> elements within
 .pipexffn(req)? class - since they're normally wrapped
 in an <a name="">, they get the link style, but shouldn't.
 */
.pipexffn A { 
	color: #330066;
	text-decoration: none;
	}
.pipexffnreq A { 
	color: #330066;
	font-weight: bold;
	text-decoration: none;
	}	
	
	
/* add a "*" after required fields */
.pipexffnreq:after { content: '*'; }

.pipexffnbad { /* a field which wasn't completed correctly */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: red;
	font-weight: bold;
	border:1px solid white;
	background-color: #E4DEF3;
	text-decoration: none;
	}

/* over-ride the <a name=""> tags within the ffnbad style,
since it will pick up the default link style, but shouldn't */
.pipexffnbad A { /* a field which wasn't completed correctly */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: red;
	font-weight: bold;
	text-decoration: none;
	}
	
.pipexformfieldtd {
	border: 1px solid white;
	background-color: #EBE7F6;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	color: #330066;
	text-decoration: none;
	}

.pipexformfieldnb {
	border: 0px ;
	background-color: #EBE7F6;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	color: #330066;
	text-decoration: none;
	}	

.pipexformbordertd {
	background-color: #FFF;
	}
.pipexformtext { /* an area of text on the form */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	text-decoration: none;
	}
A.pipexformtext:Hover  {color : #9933CC;}

.pipexformtextlink { /* a link within area of text on the form */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	}
.pipexformtextlink:Hover { /* a link within area of text on the form */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	text-decoration: underline;
	}

.pipexformbodytext { /* body text on a form page */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	text-decoration: none;
	}

.pipexformbodytextlink { /* body text on a form page */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight:bold;
	}

.pipexformheading { /* body text on a form page */
	font-family: Verdana,Arial,sans-serif;
	font-size:18px;
	color: #330066;
	font-weight: bold;
	text-align: center;
	}
.pipexformsubheading { /* body text on a form page */
	font-family: Verdana,Arial,sans-serif;
	font-size:15px;
	color: #330066;
	font-weight: bold;
	text-align: center;
	}



.pipexconfirmfield { /* an area of text on the form */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	border:1px solid white;
	}


.pipexcheckboxtext { /* a non-required checkbox field name */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	text-decoration: none;
	}
	
.pipexcheckboxtext A { /* over-ride default link style */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	}
.pipexcheckboxtextreq { /* a required checkbox field name */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	text-decoration: none;
	}
.pipexcheckboxtextreq A { /* over-ride default link style */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	text-decoration: none;
	}
.pipexcheckboxtextbad { /* a checkbox that should have been ticked but wasn't */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: red;
	font-weight: bold;
	text-decoration: none;
	}

.pipexcheckboxtextbad A { /* over-ride default link style */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: red;
	font-weight: bold;
	}


.ffnreqlink { /* a link within required field, checkbox text etc */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	}

.ffnreqlink:Hover { color: #9933CC; text-decoration: underline; }

.pipextextinput { /* a text input field */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	width: 200px;
	background-color: white;
	}

.pipextextarea { /* a textarea field */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	width: 390px;
	height: 80px;
	background-color: white;
	}
	
.pipexselectinput { /* a drop-down select input */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	width: 200px;
	}
.pipexformbutton { /* a button */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	width:150px;
	color: #330066;
	background-color: #EBE7F6;
	-moz-border-radius:25px; /* in Mozzy, this looks rather nice! */
	}

/* note: the CSS2 :focus selectors aren't recognised by IE yet, but look
   nice in more capable browsers on text inputs.  Creates problems in
   Mozzy if you use them on Select boxes, so let's not    */
.pipextextinput:focus { /* a text input field with focus*/
	background-color: #FAF9FF;
	}

/* a slight colour-change for the buttons when hovered over */
.pipexformbutton:hover { background-color: FAF9FF; }


.pipexpaneltable { /* the table which creates a "panel" */
	background-color: #EBE7F6;
	width:400px;
	border-collapse: collapse;
	border: none;
	}

.pipexpanelheading { /* the panel heading text */
	font-family: Arial,sans-serif;
	font-size:14px;
	color: #330066;
	font-weight: bolder;
 	background: #D8D0ED;
	border: none;
	}


.pipexerrortext { /* text displayed at bottom if submission not valid */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	}
.pipexerrorfield { /* the name of the incorrectly completed field in error message */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	}
.pipexerrorfield:Hover { /* moose-over for above style */
	color: #9933CC;
	}


/* End of form styles */


.pageheading {
	padding-top: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	text-decoration: none;
	font-weight:bold;
	}

.item {
	COLOR: #330066;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	FONT-SIZE: 11px; 
	FONT-STYLE: normal; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none;
}

.variable {
	COLOR: #660099; 
	FONT-FAMILY: monospace; 
	FONT-SIZE: 11px; 
	FONT-STYLE: italic; 
	FONT-WEIGHT: bold; 
	TEXT-DECORATION: none
}	
.details {
	COLOR: #330066;
	FONT-FAMILY: monospace;
	FONT-SIZE: 11px;
	FONT-STYLE: normal;
	FONT-WEIGHT: bold;
	TEXT-DECORATION: none
}



	
/* End of stylesheet. */