/* 
	wekaworx base css
   	Graeme Young  
   	April 2007
*/

/* body weka */
body.weka 
{
	/* sample css for a bottom right image positioned */
	/*
	background-image: url(/images/wekaworx_logo_large.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right bottom
	*/
	
	/* simple stripped repeat background */
	background-image: url(/images/weka_background_2.gif);
	
	/* repeat background 'tall' image (x-only), including background color*/
	/*
	background:#6C81B8 url(/images/background-test1.gif) repeat-x scroll 0%;
	background-position: top;
	*/
	
	/* simple background color only */
	/*background-color: #6C81B8;*/
}
  
<!-- 
form 
{
	margin: 0; 
	padding: 0;
} 
-->   

/* base table layout */
table.wekabase 
{
	margin-left: auto; 
	margin-right: auto; 
	width: 800px; 
	border: 0; 
	padding: 0;
}

/* weka information/faq/help */
table.weka-info-table
{
	width: 755px;
	margin-left: 20px;
	margin-top: 20px;	
}	
	
tr.weka-info-question
{
	font: 18px Verdana; 
	color: #0A184E;
	background: transparent url(/images/ww_logo_20.gif) no-repeat;
}

tr.weka-info-answer
{
	font: 12px Verdana; 
	color: #525564;
	line-height: 1.5em;
}

/* mootools tooltips */
.tool-tip 
{
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #000;
	width: 240px;
	z-index: 13000;
	overflow: hidden;
}
		 
.tool-title 
{
	font: 12px Verdana; 
	color: #fff;
	margin: 0;
	padding: 3px 8px 3px 8px;
	background-color: #525564;
}
		 
.tool-text 
{
	font: 10px Verdana; 
	color: #0A184E;
	padding: 3px 8px 5px 8px;
	background-color: #A7B6C7;
}

/* quick pop-up css */
td.quick-weka-label 			{font: 10px Verdana; color: #525564; width: 120px;}
td.quick-weka-value 			{font: 10px Verdana; color: #0A184E; width: 258px;}
div.quick-weka-value-internal 	{width: 250px; overflow: hidden;}

td.quick-weka-subheading	{font: 14px Verdana; color: #FCFFB1}

/* text headings (denium6 = dark gray) */
h1.weka	{font: 30px Verdana; margin: 0 10px; color: #525564}	/* large */
h2.weka	{font: 25px Verdana; margin: 0 10px; color: #525564}	/* med-large */
h3.weka	{font: 20px Verdana; margin: 0 10px; color: #525564}	/* medium */	
h4.weka	{font: 15px Verdana; margin: 0 10px; color: #525564}	/* med-small */	
h5.weka	{font: 10px Verdana; margin: 0 10px; color: #525564}	/* small */	
p.weka	{font: 12px Verdana; margin: 0 10px; color: #525564}	/* smallish */

/* body content heading (denium7 = dark blue) */
div.weka-content-header-title
{	
	font: 25px Verdana; 
	color: #0A184E;
}

div.weka-content-header-sub-title
{	
	font: 12px Verdana; 
	color: #0A184E;
	padding-bottom: 2px;
	padding-top: 2px;
}

div.weka-content-header-links	
{
	font: 15px Verdana; 
	color: #0A184E;
	padding-bottom: 2px;
}	

div.weka-content-header-user-info	
{
	font: 11px Verdana; 
	color: #0A184E;
	padding-bottom: 2px;
}

div.weka-content-header-quick-links	
{
	font: 9px Verdana; 
	color: #0A184E;
}	 

/* list styles */
ul.weka-red-arrow-list
{
	margin-top: 5px;
	margin-left: 0px;
	margin-right: 15px;
	margin-bottom: 5px;
	list-style-type: none;
	line-height: 1.2em;
	padding: 0;
} 

li.weka-red-arrow-list
{
	font: 12px Verdana; 
	color: #0A184E;
	padding: 2px 10px 5px 25px;
	margin: 0px;
	line-height: 1.2em;
	text-align: left;
	background: transparent url(/images/pixelarrow_orange.gif) no-repeat scroll 10px 3px;
	list-style-type: none;
}

/* welcome page input fields */
input.weka-welcome
{
	background-color: #FFC77F; 
	color: #0A184E;
}

/* submit button (matches 'butt_type1' link below)*/
input.wekasubmit
{
  	padding: 1px;
	width: 80px;
	border-top: 1px solid #cccccc;
  	border-bottom: 1px solid black;
  	border-left: 1px solid #cccccc;
  	border-right: 1px solid black;
	text-align: center;
	text-decoration: none;
	font: normal 11px Verdana;
	letter-spacing: +1px;		
	color: #fff;						/* text white */
	background-image: url(/images/button-background5.gif);
	background-repeat: repeat-x;
  	background-position: left;
}

input.wekasubmit:hover
{
	color: #FF9000;
}

input.wekasubmit:active
{
	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid black;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid black;
}

/* blue link button (matches 'wekasubmit' button above)*/
a.butt_type1:link, a.butt_type1:visited
{
	float: left;
  	padding-bottom: 2px;
  	padding-top: 2px; 
  	width: 80px;
  	cursor: default; 
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid black;
	border-left: 1px solid #cccccc;
	border-right: 1px solid black;
	text-align: center;
	text-decoration: none;
	font: normal 11px Verdana;		
	letter-spacing: +1px;		
	color: #fff;						/* text white */	
	background-image: url(../images/button-background5.gif);
	background-repeat: repeat-x;
	background-position: left;
}
	
a.butt_type1:hover
{
  	color: #FF9000;
}
	
a.butt_type1:active
{
  	border-bottom: 1px solid #eeeeee;
	border-top: 1px solid black;
	border-right: 1px solid #eeeeee;
	border-left: 1px solid black;
}

/* image links - general */
a.image:link, a.image:visited
{
	text-decoration: none;
	border: none;
}

/* blue welcome page web2 button */
a.butt_type2:link, a.butt_type2:visited
{
	float: left;
  	width: 115px;
  	height: 40px;
  	padding-top: 8px;
  	padding-left: 10px;
  	cursor: default; 
	text-align: center;
	text-decoration: none;
	font: normal 13px Verdana;		
	letter-spacing: +1px;		
	color: #0A184E;							
}
	
a.butt_type2:hover
{
  	color: #FF9000;
}
	
/* image headings */
.heading-silver
{
	background-image: url(/images/button-background3.gif);
  	background-repeat: repeat-x;
  	background-position: top; 
  	padding: 1px 5px 3px 10px;
  	color: #0A184E; 
  	font: 11px Verdana;
  	margin-bottom: 3px;
  	font-weight: bold;
}
 
.heading-blue
{
	background-image: url(/images/button-background4.gif);
  	background-repeat: repeat-x;
  	background-position: top; 
  	padding: 1px 5px 3px 10px;
  	color: #fff; 
  	font: 11px Verdana;
  	margin-bottom: 3px;
  	font-weight: normal;
  	border-bottom: solid 1px #fff;
}

/* image link styles */
a.weka-img-link
{
	text-decoration: none;
}

a.weka-img-link:hover
{
	background-color: #A7B6C7;
	text-decoration: none;
}

a.weka-img-link-2
{
	text-decoration: none;
}

a.weka-img-link-2:hover
{
	text-decoration: none;
}

/* solid block curved div 3D raised-type3 (#696F86 denim5, border also #696F86 denim5 (the header)) */
.raised-type3 {background: transparent;}
.raised-type3 h1, .raised-type3 h2, .raised-type3 h3, .raised-type3 h4, .raised-type3 h5, .raised-type3 p {margin: 0 10px; color: #fff} 	/* white text colour */
.raised-type3 .top, .raised-type3 .bottom {display: block; background: transparent; font-size: 1px;}
.raised-type3 .b1, .raised-type3 .b2, .raised-type3 .b3, .raised-type3 .b4, .raised-type3 .b1b, .raised-type3 .b2b, .raised-type3 .b3b, .raised-type3 .b4b {display: block; overflow: hidden;}
.raised-type3 .b1, .raised-type3 .b2, .raised-type3 .b3, .raised-type3 .b1b, .raised-type3 .b2b, .raised-type3 .b3b {height: 1px;}
.raised-type3 .b2  {background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
.raised-type3 .b3  {background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
.raised-type3 .b4  {background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
.raised-type3 .b4b {background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
.raised-type3 .b3b {background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
.raised-type3 .b2b {background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
.raised-type3 .b1  {margin: 0 5px; background: #696F86;}
.raised-type3 .b2, .raised-type3 .b2b {margin: 0 3px; border-width: 0 2px;}
.raised-type3 .b3, .raised-type3 .b3b {margin: 0 2px;}
.raised-type3 .b4, .raised-type3 .b4b {height: 2px; margin: 0 1px;}
.raised-type3 .b1b {margin: 0 5px; background: #696F86;}
.raised-type3 .boxcontent {display: block; background: #696F86; border-left: 1px solid #696F86; border-right: 1px solid #696F86;}
/* raised-type3 end */

/* solid block curved div 3D raised-blank - (top square)(empty curved box with denim6 - #525564 border (no text styleing)(white background)) */
.raised-blank-topsqr {background: transparent}
.raised-blank-topsqr .top, .raised-blank-topsqr .bottom {display: block; background: transparent; font-size: 1px;}
.raised-blank-topsqr .b1, .raised-blank-topsqr .b1b, .raised-blank-topsqr .b2b, .raised-blank-topsqr .b3b, .raised-blank-topsqr .b4b {display: block; overflow: hidden}
.raised-blank-topsqr .b1, .raised-blank-topsqr .b1b, .raised-blank-topsqr .b2b, .raised-blank-topsqr .b3b {height: 1px}
.raised-blank-topsqr .b4b {background: #ffffff; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-topsqr .b3b {background: #ffffff; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-topsqr .b2b {background: #ffffff; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-topsqr .b1  {margin: 0 0px; background: #525564;}
.raised-blank-topsqr .b2b {margin: 0 3px; border-width: 0 2px;}
.raised-blank-topsqr .b3b {margin: 0 2px;}
.raised-blank-topsqr .b4b {height: 2px; margin: 0 1px;}
.raised-blank-topsqr .b1b {margin: 0 5px; background: #525564;}
.raised-blank-topsqr .boxcontent {display: block; background: #ffffff; border-left: 1px solid #525564; border-right: 1px solid #525564;}
/* raised-blank end */

/* solid block curved div 3D raised-blank-blue - (light blue curved box with denim6 - #525564 border (no text styleing)(white background)) */
/* used for maintainPerson.jsp & maintainOrganisation.jsp */
.raised-blank-blue {background: transparent}
.raised-blank-blue .top, .raised-blank-blue .bottom {display: block; background: transparent; font-size: 1px;}
.raised-blank-blue .b1, .raised-blank-blue .b2, .raised-blank-blue .b3, .raised-blank-blue .b4, .raised-blank-blue .b1b, .raised-blank-blue .b2b, .raised-blank-blue .b3b, .raised-blank-blue .b4b {display: block; overflow: hidden}
.raised-blank-blue .b1, .raised-blank-blue .b2, .raised-blank-blue .b3, .raised-blank-blue .b1b, .raised-blank-blue .b2b, .raised-blank-blue .b3b {height: 1px}
.raised-blank-blue .b2  {background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-blue .b3  {background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-blue .b4  {background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-blue .b4b {background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-blue .b3b {background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-blue .b2b {background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
.raised-blank-blue .b1  {margin: 0 5px; background: #525564;}
.raised-blank-blue .b2, .raised-blank-blue .b2b {margin: 0 3px; border-width: 0 2px;}
.raised-blank-blue .b3, .raised-blank-blue .b3b {margin: 0 2px;}
.raised-blank-blue .b4, .raised-blank-blue .b4b {height: 2px; margin: 0 1px;}
.raised-blank-blue .b1b {margin: 0 5px; background: #525564;}
.raised-blank-blue .boxcontent {display: block; background: #F2F7FB; border-left: 1px solid #525564; border-right: 1px solid #525564;}
/* raised-blank-blue end */

/* solid block curved div 3D raised-type4 (orange with white and grey border) (orange pop-up) */
.raised-type4 {background: transparent;}
.raised-type4 h1, .raised-type4 h2, .raised-type4 h3, .raised-type4 h4, .raised-type4 h5, .raised-type4 p {margin: 0 10px; color: #0A184E}   /* dark blue - denim7 text colour */
.raised-type4 .top, .raised-type4 .bottom {display: block; background: transparent; font-size: 1px;}
.raised-type4 .b1, .raised-type4 .b2, .raised-type4 .b3, .raised-type4 .b4, .raised-type4 .b1b, .raised-type4 .b2b, .raised-type4 .b3b, .raised-type4 .b4b {display: block; overflow: hidden;}
.raised-type4 .b1, .raised-type4 .b2, .raised-type4 .b3, .raised-type4 .b1b, .raised-type4 .b2b, .raised-type4 .b3b {height: 1px;}
.raised-type4 .b2  {background: #FF9000; border-left: 1px solid #fff; border-right: 1px solid #eee;}
.raised-type4 .b3  {background: #FF9000; border-left: 1px solid #fff; border-right: 1px solid #ddd;}
.raised-type4 .b4  {background: #FF9000; border-left: 1px solid #fff; border-right: 1px solid #aaa;}
.raised-type4 .b4b {background: #FF9000; border-left: 1px solid #eee; border-right: 1px solid #999;}
.raised-type4 .b3b {background: #FF9000; border-left: 1px solid #ddd; border-right: 1px solid #999;}
.raised-type4 .b2b {background: #FF9000; border-left: 1px solid #aaa; border-right: 1px solid #999;}
.raised-type4 .b1  {margin: 0 5px; background: #fff;}
.raised-type4 .b2, .raised-type4 .b2b {margin: 0 3px; border-width: 0 2px;}
.raised-type4 .b3, .raised-type4 .b3b {margin: 0 2px;}
.raised-type4 .b4, .raised-type4 .b4b {height: 2px; margin: 0 1px;}
.raised-type4 .b1b {margin: 0 5px; background: #999;}
.raised-type4 .boxcontent {display: block; background: #FF9000; border-left: 1px solid #fff; border-right: 1px solid #999;}
/* raised-type4 end */

/* solid block curved div 3D raised-type5 for pop-ups */
.raised-type5 {background: transparent;}
.raised-type5 h1, .raised-type5 h2, .raised-type5 h3, .raised-type5 h4, .raised-type5 h5, .raised-type5 p {margin: 0 10px; color: #0A184E} 
.raised-type5 .top, .raised-type5 .bottom {display: block; background: transparent; font-size: 1px;}
.raised-type5 .b1, .raised-type5 .b2, .raised-type5 .b3, .raised-type5 .b4, .raised-type5 .b1b, .raised-type5 .b2b, .raised-type5 .b3b, .raised-type5 .b4b {display: block; overflow: hidden;}
.raised-type5 .b1, .raised-type5 .b2, .raised-type5 .b3, .raised-type5 .b1b, .raised-type5 .b2b, .raised-type5 .b3b {height: 1px;}
.raised-type5 .b2  {background: #525564; border-left: 1px solid #999; border-right: 1px solid #999;}
.raised-type5 .b3  {background: #525564; border-left: 1px solid #999; border-right: 1px solid #999;}
.raised-type5 .b4  {background: #525564; border-left: 1px solid #999; border-right: 1px solid #999;}
.raised-type5 .b4b {background: #A7B6C7; border-left: 1px solid #999; border-right: 1px solid #999;}
.raised-type5 .b3b {background: #A7B6C7; border-left: 1px solid #999; border-right: 1px solid #999;}
.raised-type5 .b2b {background: #A7B6C7; border-left: 1px solid #999; border-right: 1px solid #999;}
.raised-type5 .b1  {margin: 0 5px; background: #999;}
.raised-type5 .b2, .raised-type5 .b2b {margin: 0 3px; border-width: 0 2px;}
.raised-type5 .b3, .raised-type5 .b3b {margin: 0 2px;}
.raised-type5 .b4, .raised-type5 .b4b {height: 2px; margin: 0 1px;}
.raised-type5 .b1b {margin: 0 5px; background: #999;}
.raised-type5 .boxcontent {display: block; background: #A7B6C7; border-left: 1px solid #999; border-right: 1px solid #999;}
/* raised-type5 end */
 
/* solid block curved div 3D raised-type9 (#1F2C5F , border also #1F2C5F (the accordian)) */
.raised-type9 {background: transparent;}
.raised-type9 .top, .raised-type9 .bottom {display: block; background: transparent; font-size: 1px;}
.raised-type9 .b1, .raised-type9 .b2, .raised-type9 .b3, .raised-type9 .b4, .raised-type9 .b1b, .raised-type9 .b2b, .raised-type9 .b3b, .raised-type9 .b4b {display: block; overflow: hidden;}
.raised-type9 .b1, .raised-type9 .b2, .raised-type9 .b3, .raised-type9 .b1b, .raised-type9 .b2b, .raised-type9 .b3b {height: 1px;}
.raised-type9 .b2  {background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
.raised-type9 .b3  {background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
.raised-type9 .b4  {background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
.raised-type9 .b4b {background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
.raised-type9 .b3b {background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
.raised-type9 .b2b {background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
.raised-type9 .b1  {margin: 0 5px; background: #1F2C5F;}
.raised-type9 .b2, .raised-type9 .b2b {margin: 0 3px; border-width: 0 2px;}
.raised-type9 .b3, .raised-type9 .b3b {margin: 0 2px;}
.raised-type9 .b4, .raised-type9 .b4b {height: 2px; margin: 0 1px;}
.raised-type9 .b1b {margin: 0 5px; background: #1F2C5F;}
.raised-type9 .boxcontent {display: block; background: #1F2C5F; border-left: 1px solid #1F2C5F; border-right: 1px solid #1F2C5F;}
/* raised-type9 end */