/*
--------------------------------------------------------------------------
  This software is the sole property of 
  Fusion Business solutions 
  MTA House - Level 1 , 83 Greenhill Rd 
  Wayville SA 5034 
  +61 8 8208 4888 
  info@fusion-solutions.com.au
  All rights reserved 2007
  Written By John Kamuchau
  www.kjventures.com
--------------------------------------------------------------------------
 * Containers , displays and widgets
 */

.pageContents
{
	background-color: #FFFFFF;
	border: 1px solid #E7E7DA;
	margin-top:5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 5px;
	background-image: url(images/bkg1.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 10px;
}

.hoverContainer {
	font-size:100%;
	visibility:hidden;
	position:absolute;
	width: 700px;
	background-color: #DCE4E4;
	border: 1px solid #84ADD7;
	left: 196px;
	color: #000000;
}
table.topHidden {
	font-size:100%;
	visibility:hidden;
	position:absolute;
	width: 200px;
	background-color: #DCE4E4;
	border: thick solid #84ADD7;
	color: #000000;
}
/*Curved boxes */
.bubble{
	height: 47px;
	margin: 20px 0 40px 0;
	padding: 15px 0 0 20px;
	background: url(images/img07.gif) no-repeat;
	line-height: normal;
}
.box1
{
	background-color: #FFF2F2;
	margin-top: 4px;
	padding: 3px;
	background-image: url(images/rightBcorner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E8E8E8;
	min-height:45px;
	list-style-image: url(images/bull2.jpg);
}
.box2
{
	background-color: #F3F3F3;
	margin-top: 4px;
	padding: 5px;
	background-image: url(images/box2Corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CACACA;
	min-height:45px;
	list-style-image: url(images/bull2.jpg);
}
.box3
{
	background-color: #F3F3F3;
	margin-top: 4px;
	padding: 1px;
	background-image: url(images/box2Corner.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DADADA;
	min-height:45px;
	list-style-image: url(images/bull2.jpg);
}
.featurebox {
	color:#333;
	border-top: 1px solid #d7d7d7;
	background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.featurebox2 {
	color:#333;
	border-top: 1px solid #d7d7d7;
	background: #f6f6f6 url("images/featurebox_bg.gif") no-repeat 100% 100%;
	margin-top: 1px;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/**
--------------------------------------------------------------------------
Data Tables, display divs and effects
--------------------------------------------------------------------------
**/
/* puts a border on to the table cells */
.purpleborder
{
	border: 1px solid #B8B8CF !important;
	background-color: #F4F4F0!important;
}
.purpleborders
{
	border: 1px solid #DADAE7;
	padding: 1px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 3px;
	margin-left: 1px;
}
.purpleborders td
{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F3F3F3;
	border-bottom-color: #F3F3F3;
	border-left-color: #F3F3F3;
}
.transactionTables
{
	background-color: #F3F5F5;
	border: 1px solid #6F9FD0;
}
.actionTables
{
	border: 1px solid #FF7171;
	background-color: #FFF4F4;
	margin-top: 3px;
	padding: 0px;
}

.overflowContainer{
	width: 100%;
	height: 250px;
	overflow: auto;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF2F2;
	border-bottom-color: #FFF2F2;
}

.reportHolder
{
	margin-left:9px;
	background-color: #EEEEE6;
	border: 1px double #CECEB5;
	font-weight: bold;
}
.transactionRows
{
	background-color: #FFF2F2;
	border: thin solid #FFFFFF;
}

.hiddenContainer {
	font-size:100%;
	visibility:hidden;
	position:absolute;
	width: 700px;
	background-color: #FFF2F2;
	border: 1px solid #84ADD7;
	left: 196px;
	color: #000000;
}
table.topHidden {
	font-size:100%;
	visibility:hidden;
	position:absolute;
	width: 200px;
	background-color: #FFF2F2;
	border: thick solid #84ADD7;
	color: #000000;
}
.datagrid_Overflow{
	width: 975px;
	height: 250px;
	overflow: auto;
	border: 1px dotted #E6E6E6;
}
.dataGridTables
{
	border: 1px solid #C8C8C8;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.editPanel
{
	border-top-width: 1px;
	border-top-style: inset;
	border-top-color: #E4E4E4;
	margin-top: 2px;
	margin-bottom: 2px;
}
.th1 td
{
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
}
.innerTable td
{
	border-style: none !important;
	padding:0 !important;
}
/*table rows */
#asec_order
{
	background-image: url(images/icons/asec.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 5px;
	color: #5991C8;
}
#desc_order
{
	background-image: url(images/icons/desc.png);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 5px;
	color: #5991C8;
}
.th1
{
	background-image: url(images/bg_table_row_heading.gif);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #666666;
	padding: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	background-color: #BED3E9;
}
.th2
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AA0000;
	padding:3px;
}
.th3
{
	font-weight: bold;
	color: #FFFFFF;
	background-color: #B4B4B4;
	padding:3px;
	font-size: 115%;
}
.th4
{
	font-weight: bold;
	color: #666666;
	background-color: #F5F5F5;
	padding:3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
.tr1
{
	background-color: #FFFFFF;
}
.tr2
{
	background-color: #F4F4F4;
}
.tr1:hover
{
	background-color: #E5E5E5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}
.tr2:hover
{
	background-color: #E5E5E5;
}
.orderby
{
}
.orderby:hover
{
	background-color: #DADADA;
	background-image: url(images/sideL.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.Maintitle
{
	background-image: url(images/bg_table_heading.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: bold;
	color: #333333;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 8px;
	margin-top: 3px;
	min-height:20px;
}
/*error messages */
.successMessage
{
	background-color: #F5FAEB;
	border: 1px solid #BCDA78;
	margin: 2px;
	padding: 1px;
}
.warningMessage
{
	background-color: #F1EBF1;
	border: 1px solid #CEB9CE;
	margin: 2px;
	padding: 1px;
}
.errorList{
	width: 600px;
	height: 70px;
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFD5D5;
}
.questionsList{
	max-height: 400px;
	overflow: auto;
	padding-bottom: 5px;
	border: 1px ridge #CCCCCC;
}
/*autocompletye settings */
div.autocomplete 
{
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul
{
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li 
{
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}
.redlist
{
list-style-image: url(images/bull2.jpg);
}
/*Manage widget appearances */
.widget
{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
}
.dropwidget
{
	cursor:move;
	padding: 0px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
	border: 1px dotted #FFFFFF;
}
.dropwidget:hover
{
	cursor:move;
	padding: 0px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-left: 1px;
	border: 1px dotted #DBDBDB;
}
/*Manage dhtml tool tips styles */
#dhtmltooltip{
position: absolute;
border: 1px solid grey;
width: 120px;
padding: 5px 5px 5px 5px;
background-color: #B9FFFF;
visibility: hidden;
z-index: 80px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=115);
}

/* 
Light box sysle. Systek usesfull for creating confirm boxes and other 
related browser based lightboxes 
*/
.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 40%;
	height: 30%;
	border: 3px solid #FF6464;
	background-color: white;
	z-index:1002;
	overflow: auto;
	padding: 0px;
}
/* Question related themes and displays */
.question_title
{
	margin: 0px;
	padding: 2px;
}
.reports_question_title
{
	margin: 0px;
	padding: 2px;
	background-color: #F7F7F7;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C4C4C4;
}

.login {background-image: url(images/login.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 215px;
	width: 500px;
	padding: 5px;
	margin-top: 5px;
	margin-left: 20px;
}
.loginTable {margin-top: 35px;
}