/*
--------------------------------------------------------------------------
  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
--------------------------------------------------------------------------
 */

/**
  *Renders the all input fields, linkButtons etc
 */
/*Input and controls */
input .styleButton{
	background: #FFFFFF url(images/img09.gif) repeat-x;
	border-top-color: #A3A3A3;
	border-left-color: #D6D6D6;
	font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-bottom-color: #A3A3A3;
	height: 20px;
}
textarea {
	background: #FFFFFF url(images/img09.gif) repeat-x;
	border-top-color: #A3A3A3;
	border-left-color: #D6D6D6;
	font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D6D6D6;
	border-bottom-color: #A3A3A3;
}
input, select, textarea, submit {
	font-size:11px;
}

#text_link{
	background-color: #FF8F20!important;
	border: 2px outset #FFCC99;
	color: #FFFFFF!important;
	text-decoration: none !important;
	font-weight: bold;
	height: 35px!important;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}
#text_link:hover{
border-style: inset;
background-color: #F47A00!important;
padding: 2px 3px 0 5px; /*shift text 1px to the right and down*/
}
.formbutton{
	background-color: #999999!important;
	border: 1px solid #999999 !important;
	color: #333333!important;
	text-decoration: none !important;
	height: 35px!important;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	background-image: url(images/sideL.jpg);
	background-repeat: repeat-x;
}
.formbutton:hover{
	background-color: #999999!important;
	border: 1px solid #EFEFEF!important;
	color: #000000!important;
	text-decoration: none !important;
	height: 35px !important;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
	background-image: url(images/button.jpg);
	background-repeat: repeat-x;
}

/*Css for greysih text button */
.clear { /* generic container (i.e. div) for floating text_buttons */
    overflow: hidden;
    width: 100%;
}

a.text_button {
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 24px;
	margin-right: 6px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(images/bg_button_a.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

a.text_button span {
	display: block;
	line-height: 14px;
	padding: 5px 0 5px 18px;
	background-color: transparent;
	background-image: url(images/bg_button_span.gif);
	background-repeat: no-repeat;
} 
a.text_button:hover {
    background-position: bottom right;
    color: #000 !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.text_button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
a.text_button:active {
    background-position: bottom right;
    color: #000 !important;
    outline: none; /* hide dotted outline in Firefox */
}

a.text_button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 
b.help{
	background-image: url(images/help.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
b.logout{
	background-image: url(images/logout.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
b.myAccount{
	background-image: url(images/my.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
b.add{
	background-image: url(images/note_new.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.search{
	background-image: url(images/page_find.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.print{
	background-image: url(images/action_print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.refresh{
	background-image: url(images/refresh.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.dashboard{
	background-image: url(images/icons/chart_pie.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.reports{
	background-image: url(images/icons/chart_bar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.previuos{
	background-image: url(images/action_back.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.forward{
	background-image: url(images/icons/action_forward.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
b.pdf{
	background-image: url(images/icons/pdf.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

b.menusell{
	background-image: url(images/icons/money_dollar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

b.excel{
	background-image: url(images/icons/excel.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

b.zoomin{
	background-image: url(images/icons/zoom_in.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

b.zoomout{
	background-image: url(images/icons/zoom_out.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

b.fullscreen{
	background-image: url(images/icons/photo.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}