/*
--------------------------------------------------------------------------
  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, .fake_btn{
	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;
}
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, .fake_btn{
	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 */
} 
.help{
	background-image: url(images/help.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.logout{
	background-image: url(images/logout.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.myAccount{
	background-image: url(images/my.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.add{
	background-image: url(images/icons/add.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.edit{
	background-image: url(images/icons/page_white_edit.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.copy{
	background-image: url(images/icons/page_copy.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.page-up{
	background-image: url(images/icons/page_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.duplicate{
	background-image: url(images/icons/application_double.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.delete{
	background-image: url(images/icons/delete.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.folder{
	background-image: url(images/folder.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.search{
	background-image: url(images/page_find.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.print{
	background-image: url(images/action_print.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.refresh{
	background-image: url(images/refresh.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

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

.menu{
	background-image: url(images/icons/money.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.location{
	background-image: url(images/icons/icon_location.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.finance{
	background-image: url(images/icons/money_dollar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.customer{
	background-image: url(images/my.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
}
.switch{
	background-image: url(images/shape_move_back.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.dashboard{
	background-image: url(images/icons/chart_pie.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.reports{
	background-image: url(images/icons/chart_bar.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.previous{
	background-image: url(images/action_back.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.forward{
	background-image: url(images/icons/action_forward.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.home{
	background-image: url(images/icons/home.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.pdf{
	background-image: url(images/icons/file_acrobat.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.excel{
	background-image: url(images/icons/page_white_excel.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}
.history{
	background-image: url(images/icons/report.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}



/* ####  Headings tags */
h1.dashboards
{
	background-image: url(images/icons/chart_bar.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.reports
{
	background-image: url(images/icons/chart_pie.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.settings
{
	background-image: url(images/icons/settings.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.sales
{
	background-image: url(images/icons/sales.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.home
{
	background-image: url(images/icons/home.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.traffic
{
	background-image: url(images/icons/car.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.performance
{
	background-image: url(images/icons/curve2.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.users
{
	background-image: url(images/icons/icon_user.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.user
{
	background-image: url(images/icons/page_user.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.location
{
	background-image: url(images/icons/icon_location.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.respondents
{
	background-image: url(images/icons/group.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
h1.survey
{
	background-image: url(images/icons/report.png);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}



/**************
h2
*************/

h2{
	color: #FFFFFF;
	font-size: 100%;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0.5ex;
	padding-right: 0;
	padding-bottom: 0.5ex;
	padding-left: 1ex;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF7575;
	background-image: url(images/orange/h2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


/*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: 10px;
	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;
}




/*******************
summaryTab
***********************/

.summary_tab{
margin-top:15px;
padding-left:8px;
padding-right:5px;
border-bottom:solid #C0504D 2px;
}



.summary_tab th{
background:#EFD3D2;
border-top:solid #C0504D 1px;
height:28px;
}


.summary_tab td{
height:25px;

}


#odd{
background:#fff;
cursor:default;
}



#odd td{
border-bottom:solid #F0F0F0 1px;
}




#even{
background:#EFD3D2;cursor:pointer;}





#odd:hover{
background:#FF6600;
color:#FFFFFF;}

#even:hover{
background:#FF6600;
color:#FFFFFF;}



/******************
frame_form
*****************/

.red_star{color:#b70000;}

.frame_form{border:dashed 1px #ccc; padding:10px; font-size:12px; margin:5px 0;}

.frame_form td{padding:5px;}

.frame_form label{float:none; font-weight:normal; display:inline;}

.form_200{ width:200px;}

.frame_form th{border-bottom:solid 1px #aaa;padding:5px; font-size:12px; text-align:left}

.frame_form .leftBorder{border-left:solid 1px #aaa;}

.frame_form .break td{padding:5px;border-bottom:dashed 1px #ccc; font-weight:bold;}

.title_label{
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:3px 0;
	text-align:center;
}

.money_input{
	width:78%;
}
.length_input{
	text-align:right;
	width:10%;
}
.long_input{
	width:95%;
}

.suggestion_box{
	 position:absolute;
	 z-index:99;
	 overflow:auto;
	 width:180px;
	 padding:2px;
	 border:solid 1px #ccc;
	 background:#fff;	
}


/******************
frame_form_print
*****************/
.frame_form_print{border:solid 1px #ccc; padding:0px; font-size:11px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize; margin:5px 0; }

.frame_form_print td{padding:5px;}

.frame_form_print label{float:left; font-weight:bold; display:inline;}

.frame_form_print th{padding:5px; text-align:left;border-bottom:solid 1px #ccc;}

.frame_form_print .break td{padding:5px;border-bottom:dashed 1px #ccc; font-weight:bold;}

.frame_form_print .leftBorder{border-left:solid 1px #aaa;}

.frame_form_print .page_break td{border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;}

.sign_box { border-bottom:solid 1px #333; text-transform:capitalize; font-weight:bold; text-align:center; height:20px;}
.sign_box2 { border:solid 1px #ccc; height:20px; margin-bottom:3px;}

.print_title_label{
	font-weight:bold;
	font-size:13px;
	margin:0;
	padding:3px 0;
	text-align:center;
	border:solid 1px #ccc;
}

/******************
fake_text_button
***************/
.fake_text_button{
	background:url(images/fake_text_button.png) 0 0 no-repeat;
	width:125px;
	height:24px;
	border:none;
	cursor:pointer;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	padding-left: 20px; /* sliding doors padding */
	font-weight:bold;
}
.fake_text_button:hover{
	background:url(images/fake_text_button.png) 0 100% no-repeat;
	width:125px;
	height:24px;
	padding-top:2px;
}