/* default default */
/* margin and padding help opera */
body {font-family: Tahoma,Verdana,Arial, sans-serif; margin: 0px; padding: 0px; font-size: 10pt}

/* This covers ALL elements up to this point */
/* * { font-size: 10pt} */
p {font-size: 100%}

table,h4,h5,h6 {font-size: 100%}

h3 {font-size: 110%}
h2 {font-size: 120%}
h1 {font-size: 140%}

/* Default table colours */
table {background: transparent; color: inherit}

/* a nice light-coloured table */
table.light {background: white; color: black}
table.light th {background: #eef; color: #004}
table.light td {background: #f7f7f7; color: black}

/* for left-aligned table headers */
table.leftth th {text-align: left; padding-right: 0.5em}

/* for right-aligned table headers */
table.rightth th {text-align: right; padding-right: 0.5em}

/* setup for 'border=1' */
table[border="1"], table[border="1"] td, table[border="1"] th {
  border: 1px solid black
}

table[border="1"].light th, table[border="1"].light td {border: none}

/* A special <dl> format for feature lists */
dl.features dt {font-weight: bolder; list-style: disc outside; display: list-item; margin-left: 1.5em}
dl.features dd {font-weight: inherit; margin-left: 3em}

kbd, code, samp, pre {font-family: monospace}
/* pre {font-family: inherit} */

a { text-decoration:none}
a:hover { text-decoration:underline;}
a:hover img {text-decoration: none; border: none}
img {border: none}

/*
td {  font-size: 10pt }

li {  font-size: 10pt }
*/

.error {color:#FF0000; /* font-size:10pt; */ font-weight:bold; vertical-align: middle}

.error {
  text-align: left;
  padding-left:32px; 
  height: 32px; 
  padding-top: 7px; 
  background: url('http://wb.blueclaw.co.uk/images/error.gif') no-repeat top left;
}

.done {color:#0000FF; /* font-size:10pt; */ font-weight:bold}

p.done {
  padding-left:32px; 
  height: 32px; 
  padding-top: 7px; 
  background: url('http://wb.blueclaw.co.uk/images/done.gif') no-repeat top left; 
}

.small { font-size: 8pt}

img.icon {width: 32px; height: 32px; border: none}

.centre-text {text-align: center}
.centre {text-align: center}
.centre * {margin-left:auto; margin-right: auto}
.left-text {text-align: left}

.icontable {width: 300px; padding: 0px}
.icontable div.iconitem {float: left; margin: 4px;width: 90px; height: 70px; overflow: hidden}

/* This is so that we can "share", but override, the css for this */
ul.login-lfeatures {padding: 0px; margin: 0px}
ul.login-lfeatures li {list-style: none; margin-top: 0.5em; margin-bottom: 0.5em;margin-left: 0px}

/* image stuff follows */

/* MSIE bug workaround */

.view-icon, .config-icon, .install-icon, .doc-icon, .dl-icon {margin-left: auto; margin-right: auto;width: 40px; height: 40px; border: none}

#dialup-icon, #supp-icon, #wb-icon, #webmail-icon, #intapp-icon, #rep-icon, #fileman-icon, #ecomm-icon, #res-icon, #js-icon, #diag-icon, #email-icon, #accutil-icon {margin-left: auto; margin-right: auto;width: 40px; height: 40px; border: none}

.mailme-icon, .printer-icon {width: 24px; height: 24px; border: none; margin: 0px;margin-left: auto; margin-right: auto}

.dl-icon {background: url("http://wb.blueclaw.co.uk/images/download.gif")}
.doc-icon {background: url("http://wb.blueclaw.co.uk/images/document.gif")}
.install-icon {background: url("http://wb.blueclaw.co.uk/images/install.gif")}
.config-icon {background: url("http://wb.blueclaw.co.uk/images/configure.gif")}
.view-icon {background: url("http://wb.blueclaw.co.uk/images/view.gif")}

.printer-icon {background: url("http://wb.blueclaw.co.uk/images/printer.png")}
.mailme-icon {background: url("http://wb.blueclaw.co.uk/images/mail_forward.png")}

#email-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/emailconfig.gif")}
#accutil-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/webtools.gif")}
#diag-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/dignostics.gif")}
#js-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/JAVA.gif")}
#res-icon {background: url("http://wb.blueclaw.co.uk/images/webresources.gif")}
#ecomm-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/ecommece.gif")}
#fileman-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/filemanager.gif")}
#rep-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/website-reporting.gif")}
#intapp-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/CGIPHP.gif")}
#webmail-icon {background: url("http://wb.blueclaw.co.uk/images/mail.gif")}
#wb-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/webbuilder.gif")}
#supp-icon {background: url("http://wb.blueclaw.co.uk/images/support.gif")}
#dialup-icon {background: url("http://wb.blueclaw.co.uk/images/cpicons/extend/free.gif")}

.supportdb-answer {background: #eee; border: 2px groove; padding: 0.5em}
.supportdb-action {float:right; text-align: center; width: 100px}
.menu-frag-collapsed
	{visibility:hidden;height: 0px; position: absolute; margin-left: 10px}
.menu-frag-expanded
	{visibility:visible;height: auto; position: relative; margin-left: 10px}
.menu-frag-collapsed td, .menu-frag-expanded td
	{padding-left: 10px}
.menu-frag-collapsed a , .menu-frag-expanded a {font-size: 80%}
.side-menu {padding-left: 10px; margin-left: 0px}
.side-menu li, .side-menu ul {list-style: none; padding-left: 10px}

ul#controlPanel {
  padding: 17px 17px 12px 12px;
  margin: 0;
  background-color: #DDD;
}

ul#controlPanel {
  padding: 17px 17px 12px 7px;
}

ul#controlPanel li {
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 0 0 5px 5px;
	/* Centre, please */
	text-align: center;
	/* -- */
	/* Try to force the size of the bounding box */
	width: 100px;
	height: 92px;
	/* -- */
}

ul#controlPanel li a {
  display: block;
  width: 91px;
  height: 81px;
  padding:10px 4px 0 4px;
  text-align: center;
  font-size: 11px;
  border: 1px dashed #8C8C8C;
}

ul#controlPanel li a:link,
ul#controlPanel li a:visited
{
  background-color: #e3e3e3;
}

ul#controlPanel li a:hover,
ul#controlPanel li a:active
{
  border: 1px solid #7BA012;
  color: #333;
}

ul#controlPanel li a div {
  display: block;
  margin:0 0 10px 26px;
	margin-left: auto;
	margin-right: auto;
}

* html ul#controlPanel li a div{
  margin:0 0 10px 0;
	/*margin-left: auto;
	margin-right: auto;*/
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

* html .clearfix
{
  height:1px;
}

@import "http://wb.blueclaw.co.uk/extendtables.css";

/* fixes for The Grey Bar */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

* html .clearfix
{
  height:1px;
}
 
/*
------------------------------------------------------------------------
--------------------*/