/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.0
*/
/*body {font:0.75em verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}

*//* -- */


/* --------------------------------- */
html {

}
/* --------------------------------- */


body, html body 	{	
	margin:0px 0px 0px 0px;
	font:0.7em tahoma,verdana,arial,helvetica,clean,sans-serif;
	background-color:#666;
	color:#000;
	overflow:hidden;
}
.iframed {
	background:#fff;
	overflow-x:hidden;
	margin:0px 0px 0px 0px;
	padding:0px;
}
td,th,.rowheadings {
	font-size:98%;
}
.none {}
	input {
	padding:3px;
}
input, .textbox, .selectbox, .textarea,  .day input, .day, .month input, .month,.year input, .year, .textboxsmall, .date{
	font-family:	Verdana, Arial, sans-serif;
	font-size:98%;
}
.textbox, .selectbox, select, .textboxsmall {
	padding:3px;
}
select {
	padding:3px;
}
form {
	padding:0px; 
	margin:0px;
}
form {
	margin:0px;
	padding:0px;
}
#tabsBar {
	padding:8px;
	background:#ccc;
	border:none;
}
#panelW {
	background:#fff;
}
#panelWP {
	padding:4px 3px;
}
#panelC {
	position:relative;
}
.helptext {
	background:#eee;
	border:1px solid #ccc;
	padding:3px 5px;
	margin-bottom:4px;
}
#panelB {
background:#ECF5FF;
/*background:#193C7D url(../i/bottombg.gif) repeat-x scroll 0 0;*/
	border-top:1px solid #ccc;
	text-align:center;
	padding-top:2px;
}
#panelB table, #panelB tbody, #panelB td, #panelB .info, #panelB .UpdateButton {
	padding:0px;
	margin:0px;
}
#panelBP {
	
}
#panelWP table {
	
}
.buttonPanel {
	border-top:1px solid #ccc;
	background:#fff;
}
.buttonPanelPad {
	padding:3px 5px;
}

.clear {clear:both;font-size:1px;line-height:1px;height:1px;}

/* excempt --> */
.frmwrap {
	clear:both;
	position:relative;  
	overflow:hidden;
	height:100%;
	width:100%;
	background:#fff;
}
.frm-tp {

}
*html .frmwrap {height:99%;}
.frminnnerwrap{
	color:#4B3627;
	top:1px;
	left:0px;
	height:100%;
	width:100%;
	overflow:hidden;
	padding:3px; 
	position:relative;
}
div > .frminnnerwrap {top:1px;}
.frmwrapcontent{
	overflow:auto;
	padding:0px;
	position:relative;
	margin:0px;
	height:100%;
	width:100%;
}

.frmwrapcontent table {width:97%;}
/* <-- excempt */



/*used for the lable text in search queries*/
.predicate {
	text-align: center;
	color:#000000;
	padding:2px;
	font-style:italic;
	}
/*used for the radio buttons*/
.radio {
	background: 	#ffffff;
	text-align: 	left;
	width: 		200px;
	color: 		#000000;
	}
/*used for the checkboxes */
.checkbox {
	color: 		#000000; 
	text-align: 	left;
	width: 		200px;
	}
/*used for the login help text*/
.loginhelptext {
	font-weight:	bold;
	text-align: 	left;
	align:		right;
	color: 		#000000;
	}
/*used for the User-id row description on the login page*/
.useridrowdescription {
	font-weight:	bold;
	text-align: 	right;
	align:		right;
	color: 		#bbbbbb;
	}
/*used for the password row description on the login page*/
.passwordrowdescription {
	font-weight:	bold;
	text-align: 	right;
	align:		right;
	color: 		#bbbbbb;
	}
.loginbox {
	background: 	#ffffff;
	
	border:		#000000 2px solid;
	valign: 	centre;
	color: 		#ffffff;
	}
.loginhelpbox {
	background: 	#ffff99;
	
	border:		#000000 0px solid;
	valign: 		top;
	color: 		#cccccc;
	}
.userpasswordbox {
	background: 	#dcdcdc;
	
	border:		#000000 0px solid;
	color: 		#ffffff;
	valign: 		top;
	}
.forgetemailbox {
	background: 	#ffffff;
	
	border:		#000000 0px solid;
	color: 		#ffffff;
	valign: 		top;
	}
/*used for the forget row description on the login page*/
.forgetdescription {
	font-weight:	bold;
	text-align: 	right;
	align:		right;
	color: 		#bbbbbb;
	}
/*used for the please enter row description on the login page*/
.pleasedescription {
	
	font-weight:	bold;
	text-align: 	right;
	align:		right;
	color: 		#ff0066;
	}
/*used to display / allow input in text box on login page for email*/
.inputemail {
	width: 		150px;
	border:1px solid #483425;
	}


/*used for the Project Description on Index page*/
.projectheader {
	font-weight:	bold;
	text-align: 	right;
	align:		right;
	color: 		#000000;
	}
.clickbelow {
	
	font-weight:	bold;
	text-align: 	left;
	align:		left;
	border:		#cccccc 1px solid;
	color: 		#000000;
	}
/*used for the level 1 alerts*/
.level1alert {
	width: 		20px;
	background: 	#ff0000;
	
	text-align: 	center;
	font-weight:	bold;
	border:		#000000 1px solid;
	color: 		#000000;
	}
/*used for the level 2 alerts*/
.level2alert {
	width: 		20px;
	background: 	#ffff00;
	text-align: 	center;
	font-weight:	bold;
	border:		#000000 1px solid;
	color: 		#000000;
	}
/*used for the level 3 alerts*/
.level3alert {
	width: 		20px;
	background: 	#008000;
	text-align: 	center;
	font-weight:	bold;
	border:		#000000 1px solid;
	color: 		#CC0000;
	}
/*used for the NEWS title text */
.newsdata {
	font-weight:	bold;
	color:   		#000000;
	text-align: 	center;
	width: 		100%;
}
/*used for the NEWS title text */
.newsImage {
	width: 		60px;
	height: 		60px;
}
/*used for the COMMERCIAL title text */
.commercialdata {
	font-weight:	bold;
	color:   		#000000;
	text-align: 	center;
	width: 		100%;
}
/*used for the COMMERCIAL title text */
.commercialImage {
	width: 		60px;
	height: 		60px;
}
.topic {
	
	color: 		#9999cc;
	border:		#000000 0px ;
	text-align:		left;
}
.Actiontab {
	color: 			#FFFFFF; 
	background-color: 	#0066FF;
	font-weight: 		bold;
}
.selectedActiontab {  
	color: 			#000000; 
	background-color: 		#A0A0CF;
	font-weight: 		bold;
	border-style:	solid; 
	border-width:	1px;
	border-bottom-color:	silver;
	border-right-color:	silver;
	border-left-color:	black;
	border-top-color:	black;
}

table {padding:4px;}

.menuTab {  
	color: 		#000000; 
	background-color: 	#71B5EA;
	font-weight: 	bold; 
	text-align:	left; 
}
.SelectedMenuTab {  
	color:		#000000;
	background-color: 	#B7D0EA;
	font-weight: 	bold;  
	border-style:	solid;
	border-width:	1px;
	border-bottom-color:	silver;
	border-right-color:	silver;
	border-left-color:	black;
	border-top-color:	black;
}
/*used for the lable text in search queries*/
.rangerowheadings {
	text-align: right;
	color:#000000;
	padding:2px;
	white-space:nowrap;
	}
/*used for the lable text in search queries*/
.rowheadings, .rowheadingsadjustleft {
	width: auto;
	text-align: left;
	color: 		#2c60b9;
	font-weight:bold;
	text-align:right;
	}
.leftadjustrowheadings {
	width: auto;
	color: 		#000000;
	font-weight:bold;
	text-align:left;
	}
/*used to display / allow input in text box format*/
.rangetextbox {
	border:1px solid #483425;
	background: 	#ffffff;
	text-align:		left;
	color: 		#000000;
	}
/*used to display orderby in dropdown selection box format*/
.orderbylistbox {
	width: 		100px;
      
	}
/*used for the title text at the top of each page*/
.header {
	font-weight:	bold;	
	color:   		#000000;
	background:		#ffffff;
	text-align: 	left;
	width: 		100%;
}
/*used for breakout links using the tab.gif */
.breakout, a.breakout, a:visited.breakout, a:link.breakout {
	width: 		100px;
	background-color: #999999;
	background-image:url(Graphics\tab_tl.gif);
	background-repeat:no-repeat;
	background-position:top left;
	text-decoration: none;
	font-weight:	bold;
	text-align: 	center;
	color:		white;
	padding:4px;
	font-weight:bold;
}

a.breakout:hover {background-color:#f1f1f1; color:666666;}


/*used for the text on the breakout links*/
.breakoutLink {
	width: 		100px;
	padding: 		1px;
	color: 		#000000;
	font-weight:	bold;
	text-align:		center;
}
/*used to display text from database that is not output in the matrix*/
.outputdata {
	background:#eee;
	border:1px solid #999999;
	color:#333;
	padding:1px 4px 1px 4px;
	display:block;
	min-width:auto;
}
.textright {
	text-align:right;
}
.rowheadingsleftadjust{
	font-weight:bold;	
}
/*used to display enquiry text from database that is not output in the matrix*/
.enquirytextareaoutputdata {
	background:#E1EFF2;
	border:1px solid #999999;
	color:#4B3627;
	padding:1px 4px 1px 4px;
	display:table;
	min-width:auto;
	}
.Grouping {
	padding:3px;
	background:#E1ECF0 url(../i/groupingbgo.gif) repeat-x left top;
	font-weight:	bold;
	text-align: 	left;
	color: 		#fff;
	}
.UpdateButton {
	align: 		right;
	font-weight:	bold;
	color: 		#000000;
	}
.addlink {
	
	align: 		right;
	font-weight:	bold;
	color: 		#000000;
	}
.BackButton {
	
	text-align: 	center;
	font-weight:	bold;
	color: 		#000000;
	}
.DeleteButton {
	
	text-align: 	center;
	font-weight:	bold;
	color: 		#000000;
	}
.SearchButton {
	
	text-align: 	center;
	font-weight:	bold;
	color: 		#000000;
	}
.outputlink {
	background: 	#cccccc;
	color: 		#000000;
	}
.info {
	color:#fff;
	}
.blueinfo {
	color: 	#000000;
	}
.italicinfo {
	background: 	#ffffff;
	font-weight:	bold;
	color: 		#000000;
	}
.actiontable {
	background-color:#ffffff;
	
	valign: 	top;
	color: 		#ffffff;
	}
.menutable {
	background: 	#71B5EA;
	valign: 	top;
	color: 		#000000;
	}
.innertable {
	valign: 	top;
	/*background-color:#f1f1f1;*/
	}
.innertable td {
	bottom-border:1px solid #999999;	
	padding:3px;
}
              
.innertable a {
	color:#1B1C79;
	text-decoration:none;
}
.innertable a:hover {
	color:#BA2930;
	text-decoration:underline;
}

.outertable,.innertable {
	padding:0px;
	margin:0px;
}
.outertable td {
	width:auto;
}
td {
	vertical-align:top;
}


/*used to display the column heading text on the matrix */
.columnheader {
		cursor:default;	
		border:0px;
		border-right:1px solid #fff;	
		background: #ECE9D8 url(../i/columnheading_bg.jpg) repeat-x left top;
		/*color:#fff;*/
		color:#666;
		font-weight:bold;
		padding:0px;
		
	}
/*used in the matrix to display text on white background*/
.whitedata {
	background: 	#ffffff;
	
	color: 		#000000;
/*	font-weight: 	bold;*/
	}
/*used in the matrix to display text on a grey background*/
.greydata {
	background: 	#f1f1f1;
	color: 		#000000;
	/*font-weight: 	bold;*/
	}
/*used on the matrix to display non-moving text when scrolling*/
.lightblue {
border:1px solid #fff;
	background-color:#f1f1f1;
	color: 		#000000;
	font-weight: 	normal;
}
/*used on the matrix to display non-moving text when scrolling*/
.verylightblue {
border:1px solid #fff;
	background-color: #fff;
	color: 		#000000;
	font-weight: 	normal;
	}
input, textarea, select, .selectbox, .textbox, .day input, .day{padding:3px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.textbox {padding:3px;  border:1px solid #ccc;}
.selectbox {padding:3px; border:1px solid #ccc;}
.textarea {width: 98%; padding:3px; border:1px solid #ccc;}
.checkbox {}
.radio {}
.bigtextbox {padding:3px; border:1px solid #ccc;}
.textboxsmall  input, .textboxsmall {width:50px;padding:3px; border:1px solid #ccc;}
.month input, .month {width:100px;padding:3px; border:1px solid #ccc;}
.day input, .day {width:60px;padding:3px;border:1px solid #ccc;}
.headertable {
	width: 		400px;
	}
.container {
	width: 		800px;
	}
.containerTop {
	width: 		100%;
	}
/*used to display error messages generated by the java*/

.error {
	padding: 		2px 5px;
	background: 	#FFCCCC;
	color: 		#cc0000;
	font-weight:	bold;
}
/*used to display text from database that is not output in the matrix*/
.ErrorMarker {
	background: 	#cccccc;
	
	text-align: 	left;
	font-weight:	bold;
	color: 		#ff0000;
	}
/*used to display the help text shown at the top of each page*/
.helptext, .rangehelptext{
	margin-right:4px;
	padding:10px 8px 6px 30px;
	background:	#193c7d url(../i/helptextbg.gif) no-repeat top left;
	color:#fff;
	margin-bottom:	10px;
    font-size:150%;
}
.gridbuttons{
margin-top:8px;
float:top;
top:4px;
right:4px;
}
.noRecord,.info {
	font-size:90%;
}

/*
.bordertable tr, .bordertable td {}
*/


/*used to display the help text shown at the top of each page*/
.helptext1 {background-color:#CCCCCC; color:#000000; font-weight:bold;}
.helptext2 {background-color:#CCCCCC; color:#000000; font-weight:bold;}
.helptext3 {background-color:#CCCCCC; color:#000000; font-weight:bold;}


/*used to contain the vertical scroll arrow used in the matrix*/
.scroll1 {
	width: 		100%;
	background: 	#EBEBEB;
	border: 	1px solid gray;
}
/*used to show summary of rows returned on the matrix*/
.scroll2 {
	height: 	100%;
	background: 	#EBEBEB;
	border: 	1px solid gray;
}
/* Used for the table to hold the matrix data output */
.matrix {
	width: 		100%;
	border: 		solid 1px #67a5b6;
}
/* used to display the virtical scroll arrow used in the matrix */
.heightfifty {
	height: 		50%;
	
}
/*used to contain the horizontal scroll arrow used in the matrix*/
.widthfifty {
	width: 		50%;
	
	background-color: #EBEBEB;
	color: 		gray;
}
.input {
	width: 		800px;
	border:1px solid #483425;
}
/*used to display the 'mandatory' text on input screens*/
.mandatory {
	font-weight:	bold;
	text-align: 	left;
	color: 		#67a5b6;
}
/*used to display text from database in black*/
.blacktextarea{
	width: 		100%;
	background: 	#ffffff;
	text-align: 	left;
	color: 		#333333;
	valign:		middle;
	}
/*used to display text from database in #000 colour-small*/
.#redtextarea{
	background: 	#ffffff;
	text-align: 	left;
	color: 		#cc3333;
	valign:		middle;
	}
.label {
	background: #67a5b6;
	
	text-align: left;
	border: #000000 1px solid;
	color: #ffffff;
	padding-top: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	}
.output {
	font-weight:bold;
	color: #000000;
	background: #cccccc;
	padding: 2px;
	}
.whitedatarightadjust {
	text-align:right; 
	background: 	#ffffff;
	color: 		#000000;
	font-weight: 	bold;
}

.greydatarightadjust {
	text-align:right; 
	background-color: 	#f1f1f1;
	color: 		#000000;
	font-weight: 	bold;
}


/*used to display the column heading text on the matrix */
.totals {
	background:#ccc url(../i/top/top_bg.jpg) repeat-x bottom;
	border:1px solid #ffffff;
	border-left:1px solid #ccc;
	color:#1B1C79;
	font-weight:bold;
	white-space:nowrap;
	padding:4px;
	height:20px;
	text-align:right; 
}

.topframebody {color:#000; background:#BAD1E4 url(../i/top_bg.jpg) repeat-x top left; margin:4px 0px; padding:0px;}
.topframebody #logo {width:182px; height:34px; background:transparent  url(../i/top_logo.gif) top right no-repeat;}

.indexbody {margin:100px 20px 20px 20px}
.indexbody #wrap {text-align:left;width:390px;height:272px;margin:0 auto; background:#fff url(../i/login_wrap_bg.jpg) no-repeat left top;}
.indexbody #wrapPad {padding-top:80px;}
.indexbody td {}
.indexbody #logo {text-align:center;}
.indexbody #logo img {width:180px;height:180px;}
.indexbody .button {border:none;}
.indexbody .logintable {width:100%;}

.bottomframebody {border-top:1px solid #666;margin:0px;color:#20217C; font-size:70%;font-family:Verdana, Arial, Helvetica, sans-serif; background:#fff url(../i/bot_bg.jpg) repeat-x top left;}
.bottomframebody  a {color:#20217C;}
.bottomframebody  a:hover {color:#BA2930;}
.bottomframebody img {border:0px;}
.bottomframebody #left {position:absolute;left:4px; top:3px;}
.bottomframebody #center {margin:3px 50%;}
.bottomframebody #right {position:absolute;right:0px; top:1px;text-align:right;}
	
#menubody #panelB {
	margin:0;
	z-index:0;
}

.db-record-action-blank .wrap {
	display:none;	
}
.db-record-action-added-body {
	
}
.db-record-action-added-body .wrap {
	background:url(../i/added.gif) no-repeat;
	width:100%;
	height:60px;
}
.db-record-action-updated-body {
	
}
.db-record-action-updated-body .wrap {
	background:url(../i/updated.gif) no-repeat;
	width:100%;
	height:60px;
}
.db-record-action-deleted-body {
	
}
.db-record-action-deleted-body .wrap {
	background:url(../i/deleted.gif) no-repeat;
	width:100%;
	height:60px;
}
#blankAndRefresh .mes {
	font-weight:bold;
	display:none;
}
.selectbox-loading {
	background:#ff0000;
}
.keystone {
	display:block;
	float:left;
	width:10px;
	height:10px;
	font-size:1px;
	border:solid 1px;
	border-color:#eee #999 #999 #eee;
}
.gridLinkDelete {
	display:block;
	width:14px;
	height:11px;
	background:url(../i/delete.gif) no-repeat 50% 50%;
}
.columnheader_delete {
	width:12px;
}
/* buttons start */
	
/* button end */

.clear {
	font-size:1px;
	overflow:hidden;
	height:1px;
	line-height:1px;
	clear:both;
}

.img-panel {
	border:1px solid #ccc;
	position:relative;
	
}
.img-panel-pad {
	padding:3px;
}
.img-panel-c {
	width:100%;

	
}
.img-panel-c img {
	border:1px solid #999;
}
.img-panel-mes {
	background:#fff url(../i/top_bg.jpg) repeat-x bottom left;
	color:#303786;
	padding:2px;
}
#logout {
	padding:10px 14px;
	background:#F2F2F4;
	border:1px solid #ddd;
	text-align:center;
	font-size:90%;
}
#logout img {
	border:none;
}
#logout p {
	margin:0px 0px 10px 0px;
	padding:0px;
}

/* ---- YUI AutoComplete Reults Start ---------------------------- */
.yui_ac_container {position:absolute;z-index:9050;}
.yui_ac_container .yui-ac-content {position:absolute;left:0;top:0;width:20em;border:1px solid #404040;background:#fff;overflow:hidden;text-align:left;z-index:9050;}
.yui_ac_container .yui-ac-shadow {position:absolute;left:0;top:0;margin:.2em;background:#a0a0a0;z-index:9049;}
.yui_ac_container ul {margin:0px;padding:5px 0;width:100%;}
.yui_ac_container li {padding:0.2em 5px;cursor:default;border-bottom:1px solid #ddd;}
.yui_ac_container li.yui-ac-highlight {background:#BDDCE1;color:#27277E;}
/* ---- YUI AutoComplete Reults End ---------------------------- */

.help-bubble {
	position:relative;
	margin:0px 0px 4px 0px;
	width:100%;
}
.help-bubble-inner {
	padding:0.3em 0.7em;
	line-height:1.3;
	color:#666;
	background:#eee;
	border:1px solid #ccc;
	font-weight:normal;
}
.help-bubble .point {
	position:absolute;
	left:-5px;
	top:4px;
	height:10px;
	width:7px;
	background:url(../i/tooltip-1-arr-lft.gif) no-repeat 0 50%;
}