/* CSS3 style sheet by Didi Barnes */


body
	{
	background-color: #082e2f;
	font-family:  Arial, Verdana, sans-serif;
	color: #006261;
	font-size: 9pt;
	font-weight: normal;
	}

a  { text-decoration: none;}

a.yellowlink { color: #d74823;}
a.yellowlink:hover { color: #fdc324;}

a.bluelink { color: #0000ff; font-weight: bold;}
a.bluelink:hover { color: #d74823;}

a.greenlink { color: #006261; font-weight: bold;}
a.greenlink:hover { color: #0000ff;}

a.orangelink 
	{ 
	color: #d74823;
	font-weight: bold;
	}
a.orangelink:hover { color: #0000ff;}

a.orangelinknotbold
	{ 
	color: #d74823;
	}
a.orangelinknotbold:hover { color: #0000ff;}


/*
---------------------------------------------------------------------
 CONTROLS THE BORDER AROUND EACH PAGE OF TEXT
--------------------------------------------------------------------
*/



table.page
	{
	border: 15px solid;
	-webkit-border-image: url(http://fbtechies.co.uk/Assets/bg-greenmarble.jpg) 20 20 20 20 round round;
	-moz-border-image: url(http://fbtechies.co.uk/Assets/bg-greenmarble.jpg) 5 5 5 5 round round;
	 border-color: #006261;
	} 


	
/*
---------------------------------------------------------------------
 MENU
--------------------------------------------------------------------
*/



table.menu
	{
	background-color: #082e2f;
	width: 100%;
	}

td.menuhead
	{
	background-color: #082e2f;
	font-size: 12px;
	color: #d74823;
	font-weight: bold;
	text-align: center;
	height: 20px;
	}

a.menulink 
	{ 
	font-size: 8pt;
	color: #ffffff; 
	text-align: left;
	background-color: #006261; 
	font-weight: bold;
	display: block; 
	padding: 2px 5px;
	}

a.menulink:visited { color: #98bcbb;}
a.menulink:hover { background-color: #d74823;}





/*
---------------------------------------------------------------------
 HEADING STYLES 
--------------------------------------------------------------------
*/


h1
	{
	font-family:  Arial, Verdana, sans-serif;
	color: #e3eceb;
	font-size: 16pt;
	font-weight: bold;
	text-align: center;
	}

.h2
	{
	font-size: 11pt;
	color: #006261;	
	font-weight: bold;
	margin-left: 35px;
	margin-right: 35px;
	}	

.h2underline
	{
	background: #d74823;
	height: 2px;
	border: 0;
	margin-left: 35px;
	margin-right: 35px;	
	}
	
.h3
	{
	font-size: 12pt;
	color: #d74823;	
	font-weight: bold;
	text-align: left;
	}	


/*
---------------------------------------------------------------------
 ALL PAGES 
--------------------------------------------------------------------
*/



ADDRESS
	{
	font-size: 8pt;
	font-style: normal;
	font-weight: bold;
	}
	
	

.maintext
	{
	text-align: justify;
	margin-left: 35px;
	margin-right: 35px;
	}


.maintextbold
	{
	font-weight: bold;
	text-align: justify;
	margin-left: 35px;
	margin-right: 35px;
	}

.introtext
	{
	text-align: justify;
	}

.phone
	{
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
	color: #006261; 
	}
	

.legaltext
	{
	font-family: "times new roman";
	font-size: 9pt;
	font-weight: normal;
	color: #006261;
	text-align: left;
	margin-left: 10px;
	margin-right: 10px;
	}

.form
	{
	font-weight: bold;
	text-align: left;
	}
	
	
.quotation
	{
	text-align: justify;
	font-size: 9pt;
	margin-left: 50px;
	margin-right: 50px;
	font-style: italic;
	}


.quote
	{
	font-style: italic;
	font-size: 9pt;
	text-align: justify;
	color: #006261;
	}

.quoter
	{
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
	font-style: normal;
	color: #d74823;
	}



/*
---------------------------------------------------------------------
  LISTS 
--------------------------------------------------------------------
*/

.introlist 
	{
	font-weight: bold;
	list-style-position: outside;
	list-style-image: url(Assets/redbullettiny.gif);
	text-align: justify;
	}
	
.introlist li
	{
	margin-bottom: 10px;
	}

.introbold
	{
	text-align: justify;
	font-weight: bold;
	}


.bulletlistsmall 
	{
	font-weight: normal;
	list-style-position: outside;
	list-style-image: url(Assets/redbullettiny.gif);
	text-align: justify;
	margin-right: 35px;
	}
	
	
.bulletlistsmall li
	{
	margin-bottom: 10px;
	}

	
.listunjust 
	{
	list-style-position: outside;
	list-style-image: url(Assets/redbullettiny.gif);
	}
	
	
.largebulletlist 
	{
	text-align: justify;
	margin-left: 25px;
	margin-right: 40px;
	list-style-position: outside;
	list-style-image: url(http://fbtechies.co.uk/Assets/redbulletsmall.png);
	}
	
.largebulletlist li
	{
	margin-bottom: 15px;
	padding-left: 2px;
	}
	
	
.largebulletlisthead 
	{
	font-size: 11pt;
	color: #c44f26;	
	font-weight: bold;
	}		

.olist
	{
	color: #d74823;
	font-weight: bold;
	margin-left: 30px;
	margin-right: 40px;
	text-align: justify;
	list-style-position: outside;
	list-style-type: decimal;
	}

.olist li
	{
	margin-bottom: 15px;
	}

.bulletsquare
	{
	margin-left: 20px;
	font-weight: normal;
	list-style-position: outside;
	list-style-type: square;
	text-align: justify;
	}

.bulletsquare li
	{
	margin-bottom: 5px;
	}

	


/*
---------------------------------------------------------------------
 SMALL TABLES ON PAGES 
--------------------------------------------------------------------
*/


table.smalltables
	{
	font-size: 9pt;
	background-color: #ffffff;
	border-color: #006261;
	border-width: 1px;
	border-style: solid;
	}


td.tablehead
	{
	font-weight: bold;
	background-color: #e3eceb;
	border-color: #006261;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	
	
	
td.tableheadgrnback
	{
	font-weight: bold;
	color: #e3eceb;
	background-color: #006261;
	border-color: #e2ecec;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	

td.tabletext
	{
	border-color: #006261;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	

td.tabletextcontainingbullets
	{
	border-color: #006261;
	border-width: 1px;
	border-style: solid;
	}	

td.tabletextred
	{
	color: #d74821;
	border-color: #006261;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	


td.tabletextgreenback
	{
	color: #006261;
	background-color: #e3eceb;
	border-color: #006261;
	border-width: 1px;
	border-style: solid;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}	
	
table.greenborder3px
	{
	background-color: #ffffff;
	border-color: #006261;
	border-width: 3px;
	border-style: solid;
	}
	

/*
---------------------------------------------------------------------
 CSS FLYOUT CODE ON OWASP LINK
 --------------------------------------------------------------------
*/

a.owasptooltip
	{
	position: relative;
	color: #d74823;
	font-weight: bold;
	}

a.owasptooltip:hover 
	{
  	background-color: #ffffff;
  	}

/* The above hover change defeats the
  IE/Win display changing bug */


a.owasptooltip span
	{
	display: none;
	}


a.owasptooltip:hover span
	{
	position: absolute;
	display: block;
	top: 5px;
  	left: 30px;
  	width: 230px;
  	padding: 3px;
  	font-size: 8pt;
	text-align: left;
  	color: #006261;
	background: #ffffff;
	border: 2px solid #006261;
	} 




/*
---------------------------------------------------------------------
 CSS FLYOUT CODE ON PEN TEST PROCESS DIAGRAMS ON EACH SERVICE OVERVIEW PAGE

 a) Though the "testing procedure" gets called, there is a style tag inside the call on each service overview page that overrides the graphic
 	that is in the URL below (in ul#testingprocedure) with the relevant graphic for that particular service type.
 	
 b) the other identifiers and span code for individual service diagram part of the graphic are on the individual pages to which they relate

So in effect, the below codes just for the graphic "assets\diagrams\dg-PenTestFlow.png" - any other graphic that is made up of that one plus
the graphic for that particular service and its related ids are actually in the code in the relevant page.

--------------------------------------------------------------------
*/



ul#testingprocedure
	{
	list-style: none;
	background: url(http://fbtechies.co.uk/Assets//Diagrams/dg-PenTestFlow.png) no-repeat 0 0;
	position: relative;
	width: 600px;
	height: 72px;
	margin: 0;
	padding: 0;
	}


ul#testingprocedure li 
	{
	position: absolute;
	}



ul#testingprocedure li a
	{
	display: block;
	height: 100%;
	text-decoration: none;
	}


ul#testingprocedure li a span 
	{
	display: none;
	}

ul#testingprocedure li a:hover span 
	{
	display: block;
	padding: 5px;
	width: 200px;
	position: relative;
	border: 2px solid #006261;
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	top: 50%;
	color: #006261;
	background-color: #ffffff;
	}



#scope
	{
	width: 88px;
	height: 72px;
	top: 0px;
	left: 0px;
	}

#testing
	{
	width: 88px;
	height: 72px;
	top: 0px;
	left: 90px;
	}

#reporting
	{
	width: 88px;
	height: 72px;
	top: 0px;
	left: 180px;
	}

#quality
	{
	width: 80px;
	height: 72px;
	top: 0px;
	left: 270px;
	}

#ptd
	{
	width: 80px;
	height: 72px;
	top: 0px;
	left: 350px;
	}

#retest
	{
	width: 88px;
	height: 72px;
	top: 0px;
	left: 430px;
	}


#jobdone
	{
	width: 85px;
	height: 72px;
	top: 0px;
	left: 520px;
	}