/* PIPEX Internet Corporate CSS Stylesheet */

BODY  {}

H1  {
	COLOR : #330066;
	FONT-FAMILY : "Times New Roman,Times,serif";
	FONT-SIZE : 20pt;
	font-weight : bold;
	font-style : normal;
}

H2  {
	COLOR : #330066;
	FONT-FAMILY : "Times New Roman,Times,serif";
	FONT-SIZE : 18pt;
}

H3  {
	COLOR : #330066;
	FONT-FAMILY : "Times New Roman,Times,serif";
	FONT-SIZE : 14pt;
}

H6  {
	COLOR : #330066;
	FONT-FAMILY : "Arial,Helvetica,sans-serif";
	FONT-SIZE : 9pt;
	FONT-STYLE : normal;
	Font : 9pt Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : bold;
}

B  {
	COLOR : #330066;
	FONT-FAMILY : "Arial,helvetica,sans-serif";
	FONT-SIZE : 12pt;
	FONT-STYLE : normal;
	Font : 12pt Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : bold;
}

.tb  { /* tablebody's replacement */
	color : #000000;
	text-align : justify;
	font-size : 11pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.smalltb  {
	color : #000000;
	text-align : justify;
	font-size : 09pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.tbnoalign  {
	color : #000000;
	font-size : 11pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.tbw  { /* tablebody's replacement */
	color : #FFFFFF;
	text-align : justify;
	font-size : 11pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.tbnoalignw  {
	color : #FFFFFF;
	font-size : 11pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}
.purple  {
	COLOR : #330066;
	text-align : justify;
	FONT-FAMILY : "Times New Roman";
	FONT-SIZE : 12pt;
	FONT-STYLE : normal;
}

.purplena  {
	COLOR : #330066;
	FONT-FAMILY : "Times New Roman";
	FONT-SIZE : 12pt;
	FONT-STYLE : normal;
}

.boldpurple  {
	COLOR : #330066;
	FONT-FAMILY : "Times New Roman";
	FONT-SIZE : 12pt;
	FONT-STYLE : normal;
	font-weight : bold;
}

.smallbold  {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif ! important;
	font-weight : bold;
	color : #330066;
}

.cldate {
	font-size : 10pt;
	font-family : Arial, Helvetica, sans-serif;
	FontFamily : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #FFFFFF;
}

A.smallboldlink  {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif ! important;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : bold;
	color : #330066;
	text-decoration : underline;
}

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

A.boldlink  {
	font-size : 11pt;
	font-family : Arial, arial, Helvetica, sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : bold;
	color : #330066;
	text-decoration : none;
}

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

A.headinglink  { /* link in heading text (between green lines for example */
	font-size : 12pt;
	font-family : Arial, arial, Helvetica, sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : bold;
	color : #330066;
	text-decoration : none;
}

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

A.textlink  {
	font-size : 11pt;
	font-family : Arial, arial, Helvetica, sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : normal;
	color : #330066;
	text-decoration : underline;
}

A.textlink:Hover  {
	color : #9933CC;
}

A.inpurple  { /* a link in the purple intro para */
	COLOR : #000000;
	text-align : justify;
	FONT-FAMILY : "Times New Roman";
	FONT-SIZE : 12pt;
	FONT-STYLE : normal;
	text-decoration:underline;
}

A.inpurple:Hover  { /* :hover for link in purple intro para */
	COLOR : #9933CC;
	text-align : justify;
	FONT-FAMILY : "Times New Roman";
	FONT-SIZE : 12pt;
	FONT-STYLE : normal;
	
}



.tinylink  {
	color : #330066;
	font-size : 9pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	text-decoration : underline;
}

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

.tiny {
	color : #000000;
	font-size : 9pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.tinyj { /* tiny text with justification */
	color : #000000;
	font-size : 9pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	text-align:justify;
}
.tinygrey  {
	color : #777777;
	font-size : 9pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}
.vtinygrey  {
	color : #777777;
	font-size : 7pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}
.tinywhite  {
	color : #FFFFFF;
	font-size : 9pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

#snnavlayer {
	visibility:hide;
	position:fixed;
	top:160px;
	left:600px;
	width:200px;
	background-color:white;
	color:white;
	
}

#snnavdiv {
	position:absolute;
	top:160px;
	left:600px;
	width:200px;
	height:400px;
	background-color:white;
	visibility:hidden;
}

A.sidenav  {
	color : #99ff33;
	text-decoration : none;
}

A.sidenav:Hover  {
	text-decoration : underline;
	color : #ffffff;
	text-align : justify;
}

.sidenavheading  {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif ! important;
	font-weight : bold;
	color : #330066;
}

A.subnav  {
	color : #330066;
	Text-Decoration : none;
	Font : 11px Arial, Verdana, Helvetica, san-serif ! important;
}

A.subnav:Hover  {
	color : #9933CC;
	Text-Decoration : underline;
	Font : 11px Arial, Verdana, Helvetica, san-serif ! important;
	font-family : Arial,Helvetica,sans-serif;
}

A.subsubnav  {
	color : #330066;
	Text-Decoration : none;
	Font : 10px Arial, Verdana, Helvetica, san-serif ! important;
}

A.subsubnav:Hover  {
	color : #9933CC;
	Text-Decoration : underline;
	Font : 10px Arial, Verdana, Helvetica, san-serif ! important;
}



.qb  { /*Quote Body */
	COLOR : #330066;
	FONT-FAMILY : "Times New Roman";
	FONT-SIZE : 12pt;
	FONT-STYLE : italic;
}

.tinypurple {
	color : #330066;
	font-size : 9pt;
	font-style : normal;
	font-weight: normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

LI.li-p { /* force LI's to become purple, for right nav */
	color : #330066
}

LI.lipad { /* padding for LI lists to provide a bit of space between items */
	padding-top:8px;
	color:black; /* a lot of LIs get forced to purple */
}
		
.nojustify { /* remove justification for H tags etc */
	text-align:left;
}

.tiny A  { /* links within the TINY class. This is here for legal & copyright
			  links at bottom of page */
	color : #330066;
	text-decoration:underline;
}

.tiny A:Hover  { /* mouseover for links within the TINY class */
	color : #9933cc;
	text-decoration:underline;
}

.tinyj A  { /* links within the TINY class. This is here for legal & copyright
			  links at bottom of page */
	color : #330066;
	text-decoration:underline;
}

.tinyj A:Hover  { /* mouseover for links within the TINY class */
	color : #9933cc;
	text-decoration:underline;
}
.smallwhite  {
	MARGIN-LEFT : 1%;
	MARGIN-RIGHT : 1%;
	TEXT-ALIGN : justify;
	font-size : 09pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	color : #FFFFFF;
}

.smallwhitebold  {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	FontFamily : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #FFFFFF;
}
.smallgreen  {
	MARGIN-LEFT : 1%;
	MARGIN-RIGHT : 1%;
	TEXT-ALIGN : justify;
	font-size : 09pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	color : #99FF33;
}

.smallgreenbold  {
	font-size : 9pt;
	font-family : Arial, Helvetica, sans-serif;
	FontFamily : Arial, Helvetica, sans-serif;
	font-weight : bold;
	color : #99FF33;
}

.ffn  { /* a form field name */
	color: #330066;
	TEXT-ALIGN : right;
	font-size : 10pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.ffnreq  { /* a required form field name */
	color: #330066;
	TEXT-ALIGN : right;
	font-size : 10pt;
	font-style : normal;
	font-weight: bold;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.ffnla  { /* a form field name, left-aligned */
	color: #330066;
	TEXT-ALIGN : left;
	font-size : 10pt;
	font-style : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.ffnreqla  { /* a required form field name */
	color: #330066;
	TEXT-ALIGN : left;
	font-size : 10pt;
	font-style : normal;
	font-weight: bold;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}

.charthead  {
	COLOR : #330066;
	FONT-FAMILY : "Arial";
	FONT-SIZE : 9pt;
	FONT-STYLE : normal;
}

TD.boxouttop  {
	background : #330066;
	font-size : 12pt;
	font-weight : bold;
	padding-left : 6px;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	color : #99FF33;
}

TD.boxoutbottom  {
	background : #CCCCCC;
	font-size : 10pt;
	font-weight : normal;
	padding : 2px;
	padding-left : 4px;
	border : 1px solid #330066;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	color : #333333;
}



/* styles brought over from the solosite stylesheet for compatibility
with shared mailbox admin tool */



.bodysmall {
	color : #330066;
	text-align : justify;
	font-size : 09px;
	font-style : normal;
	font-weight : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}


.bodysmall A { /* link within bodysmall class */
	color : #9933CC;
	}
.bodysmall A:Hover { color : #D481FF; } /* link moose-over */


.body {
	color : #330066;
	text-align : justify;
	font-size : 11px;
	font-style : normal;
	font-weight : normal;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
}






/* styles borrowed from solosite for forms which have been moved over */



/*
  *************    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;
	}
/* 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;
	}

.pipexformfieldtd {
	border: 1px solid white;
	background-color: #EBE7F6;
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	color: #330066;
	}

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

.pipexformbordertd {
	background-color: #FFF;
	}
.pipexformtext { /* an area of text on the form */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	}
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;
	}

.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;
	}
.pipexcheckboxtextreq { /* a required checkbox field name */
	font-family: Verdana,Arial,sans-serif;
	font-size:11px;
	color: #330066;
	font-weight: bold;
	}
.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;
	}



.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;
	}

.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
   Mozilla 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 *************************************************************/


.tableheading {
	font-size : 11px;
	text-align : center;
	font-family : Arial,Helvetica,sans-serif;
	FontFamily : Arial, Verdana, Helvetica, san-serif ! important;
	font-weight : bold;
	color : #330066;
	text-decoration : none;
	}



/* End of styles */