/*
andreas02-wb - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com.
Free to use for any purpose as long as the proper credits are given to the original author.
Version:1.2
(Nov 28, 2005)
*/

html{/*overflow:-moz-scrollbars-vertical;*/}

#menu-top
{
margin-left: 0;
padding-left: 0;
list-style: none;
}
#menu-top li
{
padding-left: 10px;
background-image: url(/templates/andreas02-wb/images/bullet_blue.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}
#menu-current li
{
padding-left: 10px;
background-image: url(/templates/andreas02-wb/images/bullet_blue.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

table#wnews tbody td p, table#wnews tbody td{ text-align:left;margin-right:6px; }

h1#website-title{
	background:url(images/bb_22.gif) 2px 50% no-repeat #fff;
	padding-left:48px;
	color:#000;
}

body{
	padding:0;
	margin:0;
	font:75% verdana, tahoma, verdana, sans-serif;
	background:#e0e0e0;
	color:#303030;
}

a{
	text-decoration:none;
	color:#286ea0;
	background:transparent;
}

a:hover{
	text-decoration:underline;
}

#toptabs{
	margin:10px auto -13px auto;
	font-size:0.8em;
	width:760px;
}

#toptabs p{
	text-align:right;
	color:#808080;
}

.toptab{
	padding:3px 5px 3px 5px;
	margin:0 0 0 4px;
	text-decoration:none;
	background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
	color:#808080;
	border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
	background:#fafafa url(images/corner2.gif) top right no-repeat;
	border-bottom:1px solid #eaeaea;
	color:#095BA5;
	text-decoration:none;
}

.activetoptab{
	padding:3px 5px 3px 5px;
	margin:0 0 0 4px;
	color:#505050;
	text-decoration:none;
	background:#ffffff url(images/corner2.gif) top right no-repeat;
	border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
	color:#f4b624;
}


/* Main container div that holds everything */
#container{
	margin:0 auto 0 auto;
	width:730px;
	padding:5px 20px 20px 20px;
	border:1px solid #c0c0c0;
	background:url(images/lines-gold.gif) bottom right no-repeat #fff;
}


/**
 * Mainarea div. This is a container for both #sidebar and #main.
 *   It contains a repeating BG image to "simulate" a divider between 
 *   the two columns, and extends to whichever is the longest
 */
#mainarea{
	padding:0;
	margin:0 0 16px 0;
	background:url(images/divider.png) repeat-y transparent;
	clear:both;
	width:auto;
}

#mainarea.mainarea_nobg{
	background-image:none;
}


#search{
	margin:15px 0 0 0;
	float:right;
	width:40%;
	text-align:right;
}

#logo{
	margin:15px 0 0 0;
	float:left;
}

#logo h1 a{
	color:#303030;
}

#logo h1 a:hover{
	text-decoration:none;
}

#navitabs{
	clear:both;
	font-size:95%;

}

.navitab{
	padding:3px 3px 8px 3px;
	margin:0 0px 0px 0;
	text-decoration:none;
	letter-spacing:0px;
	background:#eaeaea url(images/corner.gif) top right no-repeat;
	border-bottom:0px solid #fff;
	border-left:1px solid #fff;
	color:#095BA5;
}

.navitab:hover{
	text-decoration:none;
	background:#f0f0f0 url(images/corner.gif) top right no-repeat;
	color:#000;
}

.activenavitab{
	padding:3px 7px 8px 5px;
	border:0px;
	color:#ffffff;
	margin:0 0px 0px 0;
	text-decoration:none;
	background:#095BA5 url(images/corner.gif) top right no-repeat;	/*#505050*/
}

.activenavitab:hover{
	text-decoration:none;
	color:#f4b624;
}

table td{font-size:90%;}


/* Desc div contains the header image at the top */
#desc{
	height:200px;
	max-height:200px;
	color:#fff;
	padding:0;
	background-repeat:no-repeat;
	background-position:top left;
	clear:both;
	margin:5px 0 1px 0;
}

#desc p{
	width:290px;
	font-size:1em;
	line-height:1.3em;
	padding:0 0 0 15px;
}

#desc h2{
	padding:10px 15px 0 15px;
	color:#fff;
}

#desc a{
	color:#fff;
	text-decoration:underline;
}

#main{
	width:530px;
	float:right;
	padding:16px 0px 0 15px;
	border-left:0px solid #d0d0d0;
}


/* For when the sidebar is hidden, expand #main */
#main.main_full{
	width:730px;
}


#main p, #main ul, #main ol{
	font-size:95%;
	text-align:justify;
}

.block{
	background:#f0f0f0;
	padding:15px;
}


/* Mmmm... breadcrumbs :-) */
p.breadcrumbs{
	border:1px solid #095BA5;
	border-width:1px 0px;
}
p.breadcrumbs a, p.breadcrumbs strong{font-size:90%;}


p.image img{border:6px solid #095BA5;border-width:6px 0px;}
p.image{text-align:center;}

#main li{
	margin:6px 0px;
}


/* Sidebar div, has menu etc in it */
#sidebar{
	width:170px;
	float:left;
	padding-top:16px;
	padding-bottom:200px;
	background:url(images/bblogo_120.gif) 50% 90% no-repeat #fff;
}


/* Hide it when this is applied */
#sidebar.sidebar_hidden{
	display:none;
	width:0px;
}

#sidebar p{
	font-size:0.9em;
	line-height:1.3em;
	margin:0 0 12px 0;
}

.container_box{margin:16px 0px;}

/* Sidelink2 class for menu items with purple bullets, star bullets for active page */
.sidelink2{
	text-align:left;
	display:block;
	width:auto;
	background-image:url(/templates/andreas02-wb/images/bullet_blue.gif);
	background-position:center left;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:3px 4px 3px 16px;
	margin:5px 10px 5px 0;
}

.sidelink2.sub{
	margin-left:16px;
}
.sidelink2.sub2{
	margin-left:32px;
}
.sidelink2.active, .sidelink2.menu-current, .activesidelink2{
	background-image:url(/templates/andreas02-wb/images/bullet_green.gif);
}

.sidelink2:hover{
	background-image:url(/templates/andreas02-wb/images/bullet_green.gif);
}

.l2{
	margin-left:20px;
}
.l3{
	margin-left:40px;
}


/* Left navigation */
#sidebar ul.nav{font-size:95%;}
#sidebar ul.nav{list-style-type:none;margin:0;padding:0;}
#sidebar ul.nav ul li{padding-left:20px;background:#fff}

ul.list, ul.listlinks{
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:85%;
}
ul.list li{
	background:transparent url(/templates/andreas02-wb/images/bullet_blue.gif) no-repeat 0px 5px;
	padding-left:10px;
	margin:6px 0px;
}

ul.listlinks li{
	background:transparent url(/templates/andreas02-wb/images/bullet_blue.gif) no-repeat top left;
	padding:1px 0px 1px 20px;
	margin:6px 0px;
}

/* Footer stuff */
#footer{
	clear:both;
	background:#fafafa;
	color:#808080;
	font-size:0.9em;
	padding:8px 0 8px 0;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	text-align:center;
}

#footer p{
	font-family:tahoma,verdana,arial,sans-serif;
	letter-spacing:0px;
	text-align:center;
	color:#095BA5;
	margin:8px 0;
	font-size:100%
}

#footer a{color:#808080;}
#footer img{margin:0px 1px;}


h1{
	margin:0 0 20px 0;
	font-size:2.1em;
	font-weight:normal;
}

h1#introduction{
	color:#095BA5;
}

h2{
	margin:0 0 20px 0;
	font-size:1.6em;
	font-weight:normal;
}

h3{
	margin:0px 0 15px 0;
	font-size:1.4em;
	font-weight:normal;
}

p{
	margin:0 0 15px 0;
	line-height:1.5em;
	text-align:left;
}

.right{
	text-align:right;
}

a img{
	border:0;
}

img.photo{
	padding:5px;
	display:block;
	margin:0 6px 6px 6px;
	background-color:#f0f0f0;
}

img.centre{
	margin:5px auto;
	display:block;
}

.hide{display:none;}


span.small,p.small{color:#aaa;font-weight:bold;text-transform:uppercase;font-size:90%}

p.clear{clear:both;}


/* Rounded corners on boxes */
.tl{background:#222 url(images/corners/tl.gif) no-repeat top left;}
.tr{background:transparent url(images/corners/tr.gif) no-repeat top right;}
.br{background:transparent url(images/corners/br.gif) no-repeat bottom right;}
.bl{background:transparent url(images/corners/bl.gif) no-repeat bottom left;}
.ltl{background:#efefef url(images/corners/l_tl.gif) no-repeat top left;}
.ltr{background:transparent url(images/corners/l_tr.gif) no-repeat top right;}
.lbr{background:transparent url(images/corners/l_br.gif) no-repeat bottom right;}
.lbl{background:transparent url(images/corners/l_bl.gif) no-repeat bottom left;}


/* Blockquote styles */
blockquote{
	min-height:35px;
	width:100%;
	display:block;
	margin:10px auto;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:10px 50%;
}
* html blockquote{
	min-height:35px;
	height:auto !important;
	height:35px;
}
blockquote p{
	margin:0px;
	line-height:17px;
	padding:10px 10px 10px 50px;
}
blockquote span{
	color:#999;
	font-size:9px;
	padding-top:5px;
	display:block;
}
blockquote span a{
	color:#555;
	text-decoration:none;
}
blockquote span a:hover{text-decoration:underline;}

blockquote.go{background-image:url(images/blockquote/go.gif);}
blockquote.stop{background-image:url(images/blockquote/stop.gif);}
blockquote.exclamation{ background-image:url(images/blockquote/exclamation.gif);}
blockquote.quote{background-image:url(images/blockquote/quote.gif);}
blockquote.pdf{background-image:url(images/blockquote/pdf.gif);}
blockquote.image{background-image:url(images/blockquote/image.gif);}
blockquote.walk{background-image:url(images/blockquote/walk.gif);}
blockquote.html{background-image:url(images/blockquote/html.gif);}
blockquote.back{background-image:url(images/blockquote/go-previous.gif);}
blockquote.help{background-image:url(images/blockquote/help.gif);}
blockquote.warning{background-image:url(images/blockquote/warning.gif);}
blockquote.cert{background-image:url(images/blockquote/cert.gif);}
blockquote.audio{background-image:url(images/blockquote/audio.gif);}
blockquote.video{background-image:url(images/blockquote/video.gif);}
blockquote.network{background-image:url(images/blockquote/network.gif);}
blockquote.camera{background-image:url(images/blockquote/camera.gif);}


/* Zebra tables */
table tr.zt1 td{background:#ececec;}
table tr.zt0 td{background:#fff;}
table tr.zt1 td, table tr.zt0 td{ padding:4px 2px; }


table.cast{border:2px solid #ccc;border-width:1px 0px}
table.cast td{padding:4px;}
td.ar{text-align:right}
td.al{text-align:left}


/* WB Downloads module */
.line, .line_rightalign{
	border-bottom:1px solid #DDDDDD;
	padding:6px 0px;
	vertical-align:middle;
	display:table-cell;
}

.line img{
	vertical-align:middle;
	margin-right:3px;
}

.line_rightalign{
	text-align:right;
	white-space:nowrap;
	font-size:85%;
}


/* WB Form module */
input.search{
	background:url(/templates/CRED-FULL/images/search.gif) 1px 50% no-repeat #fff;
	padding-left:15px;
}

input,textarea,select{font-family:verdana,tahoma,arial,sans-serif;font-size:100%;}
.required{color:#FF0000;}
.field_title{
	width:100px;
	vertical-align:top;
}
.textfield{width:200px;}
.textarea{
	width:90%;
	height:100px;
}
.field_heading{
	font-size:12px;
	font-weight:bold;
	border-bottom-width:2px;
	border-bottom-style:solid;
	border-bottom-color:#666666;
	padding-top:10px;
	color:#666666;
}
.checkbox_label{
	cursor:pointer;
	vertical-align:bottom;

}
.radio_label{
	cursor:pointer;
	/*vertical-align:absmiddle;*/
}
.email{
	font-size:12px;
	width:200px;
}


/* WB Events */
table td.mtevent{text-align:justify;}


/* WB News module */
.posts td{padding:4px 0px;}
.post_title, .post_date{border-bottom:1px solid #DDDDDD;}
.post_title{font-weight:bold;font-size:12px; color:#000000;}
.post_date{text-align:right;font-weight:bold;}
.post_short{text-align:justify;padding-bottom:5px;}
.post_short p{text-align:right;}

code{ font-size:10pt; border:1px solid #ccc;background:#efefef;padding:2px;}

table.tabulardata th{ text-align:left; }
table.tabulardata tr.gold td,table.tabulardata tr.gold th{ background:#f4b624; }
table.tabulardata tr.purple td,table.tabulardata tr.purple th{ background:#095BA5;color:#fff }




div.icl{
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#fff;
	padding:2px;
	margin:16px 0px;
}

a.icl{
	padding-left:36px;
	display: block !important;
	display /**/: inline-block;
	line-height:120%;
	border:0px dotted #ccc;
}

a.icl:hover{text-decoration:none;}

a.icl-purple{ color:#095BA5; }
a.icl-gold{ color:#EFB126;}
a.icl-blue{ color:#1969AB; }
a.icl-red{ color:#c00; }


a.icl span.b{font-weight:bold;}


div.adbox{
	width:255px;
	border:1px solid #ccc;
}

div.abtitle{
	color:#fff;
	font:28pt/28pt tahoma;
	padding:12px;
	line-height:28pt;
	margin:0;
}

div.abline{
	height:24px;
	margin:0;
}

div.abtext{
	color:#aaa;
	background:#fff;
	padding:12px 40px 12px 12px;
	font-size:18pt;
	font-family:tahoma,verdana,arial;
	letter-spacing:-1px;
	line-height:18pt;
	text-align:left;
	margin:0;
}

div.abmore{
	text-align:right;
	margin:12px;
}


.abpurple .abtitle{ background:#095BA5; }
.abpurple .abline{ background:#B594E5; }

.abgold .abtitle{ background:#f4b624; }
.abgold .abline{ background:#F9D686; }


.colourbox{
	font-size:24pt;
	font-family:tahoma;
	letter-spacing:0px;
	padding:16px;
}

.colourbox div{
	text-align:left;
	line-height:90%;
	margin-bottom:16px;
}


.colourbox a{
	margin:0;
	padding:0;
	color:#fff;
}

.cbpurple{ background:url(images/box-purple.png) bottom left repeat-x #095BA5; }
.cbgold{ background:url(images/box-gold.png) bottom left repeat-x #f4b624; }
.cbred{ background:url(images/box-red.png) bottom left repeat-x #c00; }


table tr.field_row td{border-bottom:1px solid #ccc;padding:4px 0px 8px 0px;}
table td.field_title{font-weight:bold;width:33%;}


div.awards ul{margin:0px 0px;padding:0;list-style-type:none;white-space:nowrap;display:block;list-style:none outside;}
div.awards li{display:block;float:left;list-style-type:none;margin:0 2px 0 0;}

div.awards li a{
	background-repeat:no-repeat;
	height:48px;
	line-height:48px;
	display:table-cell;
	vertical-align:bottom;
	text-decoration:none;
	color:#777;
	padding:0;
	margin:0;
	background-position:0 0;
}

div.awards li a span{margin:0;}

div.awards li a#img_hsa{background-position:0 0;background-image:url(/media/images/awards/sm/hover/hsa.jpg)}
div.awards li a#img_hsa:hover{background-position:0px -48px; }
div.awards li a#img_ab{background-position:0 0;background-image:url(/media/images/awards/sm/hover/ab.jpg)}
div.awards li a#img_ab:hover{background-position:0px -48px; }
div.awards li a#img_dsc{background-position:0 0;background-image:url(/media/images/awards/sm/hover/dsc.jpg)}
div.awards li a#img_dsc:hover{background-position:0px -48px; }