body {
color: #363C4E;
font-family: "Gill Sans", Arial, sans-serif;
font-size: 76%;
background-color: #F7F7F7;
padding: 0;
border: 0;
margin: 0;
z-index: -1;
}
/* Basic styles - fonts */
h1 { /* The Caergybi.com link in the header */
position: absolute;
display: block;
width: 10em;
background-color: transparent;
color: #06133A;
font-size: 3.6em;
font-weight: bold;
text-align: center;
top: 0.6em;
left: 50%;
margin: 0 0 0 -5em;
z-index: 22;
line-height: 2em;
}
.title_thin { /* The normal weight part of the main title */
letter-spacing: 0.1em;
font-weight: normal;
}
h2 { /* The tag line in the header */
position: relative;
background-color: transparent;
color: #D76F08;
font-size: 1.4em;
text-align: center;
margin: 4.3em 0 0 0;
z-index: 23;
}
h3 {
font-size: 1.1em;
font-weight: bold;
line-height:1.8;
text-align: left;
margin-left: 4.2em;
text-decoration: none;
}
h4 {
font-size: 1.1em;
font-weight: bold;
text-align: left;
margin: 0.6em 0 0 3em;
text-decoration: none;
padding: 0;
}
h4.forencyc {
font-size: 1.5em;
font-weight: bold;
text-align: left;
margin: 0.6em 0 0 2em;
text-decoration: none;
padding: 0;
line-height: 1em;
}
h4.piccomm {
font-size: 1em;
font-weight: bold;
text-align: center;
margin: 0.2em;
}
h4.reminder {
background-color: transparent;
color: #363C4E;
font-size: 1.2em;
font-weight: bold;
text-align: center;
text-decoration: none;
}
p {
background-color: transparent;
color: #363C4E;
font-size: 1.1em;
line-height:1.4em;
text-align: left;
}
div#header p.headret {
background-color: transparent;
color: #363C4E;
font-size: 1em;
text-align: right;
margin-right: 4em;
margin-top: 0.4em;
padding: 0;
}
p.indent {
background-color: transparent;
color: #363C4E;
font-size: 1em;
text-align: left;
padding-left: 2em;
}
p.main {
font-size: 1em;
font-weight: bold;
text-align: center;
}
p.other {
font-size: 1.1em;
}
p.return {
text-align: right;
font-size: 0.9em;
margin: 0 1em 0 0;
padding: 0;
}
.efo_baner_cy {
padding: 0 25px 0 0;
background: url('http://www.caergybi.com/images/baner_dg.png') no-repeat right;
}
.efo_baner_en {
padding: 0 25px 0 0;
background: url('http://www.caergybi.com/images/baner_sg.png') no-repeat right;
}
#small_right {
text-align: right;
font-size: 0.9em;
margin: 0;
}
.smallest {
font-size: 0.8em;
text-indent: 2em;
color: #232323;
font-weight: normal;
}
div#content1 p{
margin-top: 0.8em;
margin-right: 2em;
margin-bottom: 0.8em;
margin-left: 2em;
line-height: 1.4;
}
div#content1 p.centered{
margin-top: 0.8em;
margin-right: 1em;
margin-bottom: 0.8em;
margin-left: 1em;
text-align: center;
line-height: 1.4;
}
.highlight {
background-color: #FFD980;
color: #000000;
}
.redp{
color: #F20000;
}
.bold{
font-weight: bold;
}
.italics{
font-style: italic;
}
.centred {
margin-top: 1em;
text-align: center;
}
.smaller {
margin: 0;
padding: 0;
font-size: 0.9em;
text-indent: 2em;
}
.small_admin {
margin: 0 6em 0 6em;
padding: 0;
font-size: 0.9em;
background: #FCF8FA;
border: 1px dotted #E6CEDA;
}
.small_copy {
font-size: 1em;
color: #363C4E;
background: #F7F7F7 url('images/copy_bg.gif') no-repeat top left;
border: 1px dotted #363C4E;
padding: 0.6em 0.6em 0.6em 4em;
margin: 0 1.1em 0 1.1em;
}
.small_picdescr {
color: #363C4E;
background: #F7F7F7 url('images/cq_bg_grey.gif') no-repeat bottom right;
border: 1px dotted #363C4E;
padding: 0.6em 4em 0.6em 0.2em;
margin: 0 1em 0.6em 1em;
line-height: 1.8em;
min-height: 35px;
}
.small_searchdescr {
color: #363C4E;
background: #F7F7F7 url('images/info_bg.gif') no-repeat top left;
border: 1px dotted #363C4E;
padding: 0.6em 0.6em 0.6em 1.1em;
margin: 0 1em 0.6em 1em;
line-height: 1.8em;
min-height: 35px;
}
.small_picdescr img {
border: 0;
padding: 0;
margin: -0.6em 0 0 0;
float: left;
}
.smallerpics {
font-size: 0.9em;
text-indent: 0;
}
acronym{
border: 0;
cursor: help;
text-decoration: none;
font-style: italic;
}
acronym.required{
border: 0;
cursor: help;
text-decoration: none;
font-style: normal;
color: #232323;
background-color: transparent;
}
/* Links */
a:link{
background-color: transparent;
color: #06133A;
text-decoration: underline;
}
a:visited{
background-color: transparent;
color: #06133A;
text-decoration: underline;
}
a:hover{
background-color: transparent;
color: #D76F08;
text-decoration: none;
}
a:active{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
a.title:link{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
a.title:visited{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
a.title:hover{
background-color: transparent;
color: #23656D;
text-decoration: none;
}
a.title:active{
background-color: transparent;
color: #06133A;
text-decoration: none;
}
/* Images and objects */
ul {
list-style-position: outside;
list-style-type: none;
background-color: transparent;
color: #06133A;
font-size: 1em;
text-align: left;
}
li {
background-color: transparent;
color: #06133A;
float: left;
}
img {
border: 0;
margin: 0;
padding: 0;
}
img.cc_licence {
margin: 0.6em 0.8em 0.6em 1.2em;
vertical-align:text-top;
}
img.centred{
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
display: block;
margin-left: auto;
margin-right: auto;
} 
/* Main menu */
div#menu {
position: absolute;
top: 12.1em;
left: 0;
height: 2.6em;
width: 100%;
background-color: transparent;
padding: 0;
margin: 0 0 0 0;
border-style: solid;
border-color: #D76F08;
border-width: 0 0 0 0;
padding: 0;
z-index: 120;
}
div#menu a {
display: block;
width: 10em;
height: 2.4em;
line-height: 2.4em;
text-decoration: none;
color: #D76F08;
font-size: 1em;
font-weight: bold;
background-color: transparent;
padding: 0;
margin: 2px 0 0 0;
border-style: solid;
border-color: transparent;
border-width: 1px 1px 0 1px;
z-index:3;
}
div#menu a.skip{
display: none;
}
div#menu a.current {
color: #D76F08;
background-color: #EDEDED;
border-color: #FF9933;
z-index:200;
}
div#menu a.last {
border-width: 1px 1px 0 1px;
}
div#menu a:hover {
border-color: #FF9933;
display: block;
background: transparent/*#8DB188*/;
color: #363C4E;
padding: 0;
z-index:3;
}
div#menu a.current:hover {
background: #FFFFFF;
color: #FF9933;
}
div#menu a span{
display: none;
}
div#menu a:hover span {
position: absolute;
top: -3.3em;
left: 3em;
background-color: transparent;
color: #363C4E;
display: block;
width: 24em;
margin: 0;
text-align: left;
}
div#menu ul {

background: transparent;
padding: 0;
list-style-type: none;
margin: 0 0 0 4em;
clear: both;
border: 0;
}
div#menu li {
float: left;
text-align: center;
}
/* Header */
div#header {
background: #B5C9D2 url('http://www.caergybi.com/images/vector_banner.png') no-repeat 0 0;
padding: 0;
height: 15em;
margin: 0;
border-style: solid;
border-color: #FF9933;
border-width: 0 0 0 0;
z-index: 3;
overflow: hidden;
}
div#content1{
position: relative;
margin: -8px 0 0 0;
background-color: #EDEDED;
color: #000000;
border-style: solid;
border-color: #FF9933;
border-width: 4px 0 0 0;
overflow: auto;
padding: 0;
z-index: 9;
}
div.sub_header {
width: 33.1%;
float: left;
background-color: #FFFFFF;
color: #363C4E;
margin: -2px 0 0.8em -2px;
padding: 0;
border-right: 2px solid #CCCCCC;
border-top: 2px dotted #CCCCCC;
border-left: 2px solid #CCCCCC;
border-bottom: 2px solid #CCCCCC;
}
div.sub_header#top_sub {
width: 33.12%;
}
div.sub_header_right {
width: 18%;
float: right;
background-color: #FFFFFF;
color: #06133A;
margin: 0 0 0.8em 0.8em;
padding: 0;
border-right: 0;
border-top: 0;
border-left: 1px solid #0066B3;
border-bottom: 1px solid #363C4E;
}
div.sub_header h3, div.sub_header_right h3 {
font-size: 1em;
/*background-color: #FFFFFF;*/
/*color: #06133A;*/
margin: 0;
text-align: center;
}
div.sub_header p, div.sub_header_right p {
font-size: 0.9em;
/*background-color: #FFFFFF;
color: #06133A;*/
margin: 0 0 0 2em;
text-align: center;
}
div.sub_header ul li, div.sub_header_right ul li {
background-color: #FFFF00;
}
div#footer {
position: relative;
margin: 0;
background-color: #22303D;
color: #FFFFFF;
border-top: 0;
border-right: 1px solid #363C4E;
border-bottom: 1px solid #363C4E;
border-left: 1px solid #363C4E;
padding: 0;
height: 2.4em;
}
div#footer p{
background-color: #22303D;
color: #FFFFFF;
font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0;
margin: 0;
line-height: 2.2em;
}
div#footer a:link{
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
}
div#footer a:visited{
background-color: transparent;
color: #FFFFFF;
text-decoration: underline;
}
div#footer a:hover{
background-color: transparent;
color: #E3EDF5;
text-decoration: none;
}
div#footer a:active{
background-color: transparent;
color: #FFFFFF;
text-decoration: none;
}
div.panel_full_width {
border-right: 0;
border-bottom: 1px solid #06133A;
border-left: 0;
border-top: 0;
background: #FFFFFF;
color: #000000;
margin: 2.4em 0 0 0;
padding-top: 0.6em;
padding-bottom: 0.6em;
min-height: 9.4em;
}
div.panel_full_width#picspecial {
background-color: #FFFFFF;
min-height: 0;
clear: both;
}
div.panel_medium_width {
border: 1px solid #06133A;
background: #FFFFFF;
color: #363C4E;
margin: 1.4em;
padding-top: 0.2em;
}
div.panel_abc {
background-color: #FFFFFF;
color: #363C4E;
border-top: 1px solid #0066B3;
border-right: 0;
border-bottom: 1px solid #06133A;
border-left: 0;
margin: 1.2em 0 0 0;
padding: 0;
}
div.panel_abc_narrow {
float: left;
background-color: #FFFFFF;
color: #363C4E;
border-right: 1px solid #06133A;
border-bottom: 1px solid #06133A;
border-left: 1px solid #0066B3;
border-top: 1px solid #0066B3;
margin: 1em;
padding: 0;
}

/* Forum styles */
/* Navigation links - for the link tree. */


/* Tables should show empty cells. */
table
{
	empty-cells: show;
}

/* By default (td, body..) use Tahoma in black. */
td
{
	color: #003A66;
	font-size: small;
	font-family: "Gill Sans", Arial, sans-serif;
}
/* All input elements that are checkboxes or radio buttons. */
input.check
{
}
/* Standard horizontal rule.. ([hr], etc.) */
hr, .hrcolor
{
	height: 1px;
	border: 0;
	color: #666666;
	background-color: #666666;
}

/* A quote, perhaps from another post. */
.quote
{
	color: #003A66;
	background-color: #FFF5F5;
	border: 1px solid #003A66;
	margin: 1px;
	padding: 1px;
	font-size: x-small;
}

/* A code block - maybe even PHP ;). */
.code
{
	color: #000000;
	background-color: #cccccc;
	border: 1px solid #000000;
	padding: 1px;
	font-family: "courier new", "Lucida Console", serif;
	font-size: x-small;
	width: 99%;
	margin: 1px auto 1px auto;
	white-space: nowrap;
	overflow: auto;
}

/* The "Quote:" and "Code:" header parts... */
.quoteheader, .codeheader
{
	color: #000000;
	text-decoration: none;
	font-style: normal;
	font-weight: bold;
	font-size: x-small;
}

/* Generally, those [?] icons.  This makes your cursor a help icon. */
.help
{
	cursor: help;
}

/* /me uses this a lot. (emote, try typing /me in a post.) */
.meaction
{
	color: red;
}

/* The main post box - this makes it as wide as possible. */
.editor
{
	width: 96%;
}

/* Highlighted text - such as search results ;). */
.highlight
{
	background-color: yellow;
	font-weight: bold;
	color: black;
}

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
	color: #000000;
	background-color: #F1F4FF;
}
.windowbg2
{
	color: #000000;
	background-color: #F9F9F9;
}

/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature
{
}

/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */
.titlebg, tr.titlebg td, .titlebg a:link, .titlebg a:visited
{
	color: white;
	font-style: normal;
	background-color: #333333;
}
.titlebg a:hover
{
	color: #dfdfdf;
}

/* This is used for categories, page indexes, and several other areas in the forum. */
.catbg
{
  /* background-image: url(images/catbg.jpg);*/
background-color: silver;
}

/* This is used for a category that has new posts in it... to make it light up. */
.catbg2
{
	background: #F9F9F9 url(images/horiz_grad.png) no-repeat top right;
  
}

.catbg, .catbg2
{
	font-weight: bold;
		color: #000000;
}

/* This is used for tables that have a grid/border background color (such as the topic listing.) */
.bordercolor
{
	background-color: #FFFFFF;
}

/* This is used on tables that should just have a border around them. */
.tborder
{
	border: 1px solid #7DAACB;
	background-color: #FFFFFF;
	padding: 2px;
}

/* Default font sizes: small (8pt), normal (10pt), and large (14pt). */
.smalltext
{
	font-size: x-small;
	font-family: Tahoma, arial, helvetica, serif;
}
.normaltext
{
	font-size: small;
}
.largetext
{
	font-size: large;
}

/* This is the white header area where the title, menu bars, and header boxes are. */
#headerarea
{
background-color: white;
	border-bottom: 1px solid gray;
}
/* This is the main area of the forum, the part that's gray. */
#bodyarea
{
	background-color: #FBFCFF;
}
/* And this is the bottom, where the copyright is, etc. */
#footerarea
{
border: 0;
background-color: #FFFFFF;
}

/* This is for the special header boxes on the top (user info, key stats, news box.) */
.headertitles
{
	background-color: #6B8EAE;
	border: 1px solid #6B8EAE;
}
.headerbodies
{
	border: 1px solid #7A7777;
	background-color: #EFEFEF;
	background-repeat: repeat-x;
	background-position: bottom;
}
/* Input boxes - just a bit smaller than normal so they align well. */
input, textarea, button
{
	font-size: 9pt;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}

/* All input elements that are checkboxes or radio buttons. */
input.check
{
}

/* Selects are a bit smaller, because it makes them look even better 8). */
select
{
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	font-family: Tahoma, arial, helvetica, serif;
}
/* colours for httpBL threat levels */
.httpBL_threat_low {
background-color: #daea28;
}
.httpBL_threat_medium {
background-color: #f04d05;
}
.httpBL_threat_high {
background-color: #b00a0a;
}
.httpBL_threat_very_high {
background-color: #f00464;
}