/*#############################################################
Name: Result of Shivul's wonderful imagination
#############################################################*/

*{

   	word-spacing:1px;
	line-height: 150%;
	font-weight: normal;
}

	#changelistyle li{
		margin-left:-40px;	
		clear: both;
		color: #2A3E00;
		display: inherit;
		font:  13px Arial, sans-serif;
	}
a, a:link, a:visited { color: inherit; }
a:hover { color: #FF6600; }

.info_heading{
	color:#FF7F00;
}

.error { 
	color: red; 
	font: normal  Arial, sans-serif; 
	font-size: 13px; 
	font-weight: normal;
   	word-spacing:2px;
	margin: 0;
	padding: 0;
}

/* h1: Page Header */

h1 {
	color: #1D8EA8; 
	font: normal  Arial, sans-serif; 
	font-size: 21px; 
	font-weight: normal;
	display: inline;
   	word-spacing:2px;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

/* h2: Page Sub Header */

h2 {
	color: #1D8EA8; 
	font: normal  Arial, sans-serif; 
	font-size: 17px; 
	font-weight: normal;
   	word-spacing:2px;
	line-height:150%;
	margin: 0;
	padding: 0;
}

/* h3: Page Sub Sub Header */

h3 {
	color: #1D8EA8; 
	font: normal  Arial, sans-serif; 
	font-size: 14px; 
	font-weight: normal;
   	word-spacing:2px;
	line-height:150%;
	margin: 0;
	padding: 0;
}

/* Start of Links*/

a{
	color: #06770D;
	cursor:pointer;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}


a.normal {
	color: #3C3C3C;
	cursor:pointer;
	text-decoration: none;
	border-bottom: 1px solid; 
}

a.normal:hover {
	color: #FF6600;
	text-decoration: none;
	border-bottom: 2px solid; 
}

a.anti
{
	color: #FFFFFF;
	cursor:pointer;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px solid; 
}

a.anti:hover
{
	color: #FF6600;
	cursor:pointer;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px solid; 
}

a.bold {
	color: #197A8F;
	cursor:pointer;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px solid; 
}

a.bold:hover {
	color: #FF6600;
	font-weight:normal;
	text-decoration: none;
	border-bottom: 1px solid; 
}
/* End of Links*/

/* Start of Login page items*/

.signup
{
    padding: 2px;
	text-align: center;
	text-decoration: none;
	font: bold  Arial, sans-serif;
	font-size: 17px;
	height: 55px;
	background: url(img/bz_signup.png) no-repeat ;
	word-spacing:2px;
	cursor: pointer;
	color: white;
}

.signup:hover
{
    padding: 2px;
	text-align: center;
	font: bold  Arial, sans-serif;
	font-size: 17px;
	word-spacing:2px;
	height: 55px;
	cursor: pointer;
	color: white;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}


.new_signup
{
	height: 55px;
	background: url(img/bz_new_signup.png) 0 0 no-repeat ;
	cursor: pointer;
}

.new_signup:hover
{
    background-position:0 -55px;
	cursor: pointer;
}

.new_demo
{
	height: 55px;
	background: url(img/bz_new_demo.png) 0 0 no-repeat ;
	cursor: pointer;
}

.new_demo:hover
{
    background-position:0 -55px;
	cursor: pointer;
}

.trip_calculator
{
	height: 55px;
	background: url(img/bz_trip_calculator.png) 0 0 no-repeat ;
	cursor: pointer;
}

.trip_calculator:hover
{
    background-position:0 -55px;
	cursor: pointer;
}

.demo
{
    padding: 2px;
	text-align: center;
	text-decoration: none;
	font: bold  Arial, sans-serif;
	font-size: 17px;
	height: 55px;
	background: url(img/bz_demo.png) no-repeat ;
	word-spacing:2px;
	cursor: pointer;
	color: white;
}

.demo:hover
{
    padding: 2px;
	text-align: center;
	font: bold  Arial, sans-serif;
	font-size: 17px;
	word-spacing:2px;
	height: 55px;
	cursor: pointer;
	color: white;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
.logout
{
	background: url(img/spreadDword.png) no-repeat;
	width: 792px;	
	height: 380px;
}

.logout table
{
	background-color: white;
}

.bz_tab_signup
{
	background: url(img/bz_tab_signup.png) no-repeat 50% 0%;
	height: 38px;
	cursor: pointer;
}

.bz_tab_demo
{
	background: url(img/bz_tab_demo.png) no-repeat 50% 0%;
	height: 38px;
	cursor: pointer;
}

.bz_tab_signup:hover
{
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.80;
	MozOpacity: 0.80;
	opacity: 0.80;
	cursor: pointer;
}

.bz_tab_demo:hover
{
	filter: alpha(opacity:70);
	KHTMLOpacity: 0.70;
	MozOpacity: 0.70;
	opacity: 0.70;
	cursor: pointer;
}

a.val_prop_link
{
  font-size:14px; 
  color: #C1F4A5;
}

.val_prop_link.selected
{
  font-size:14px; 
  color: #1D8EA8;
  text-decoration:underline;
}

a.val_prop_link:hover
{
  font-size:14px; 
  color: #1D8EA8;
  text-decoration:underline;
}

.page_heading{
    font-family: Arial, sans-serif;
	font-size: 20px;
    color: #FF6600;
	height:24px;
	text-align: center;
	padding:3px;
}



.div_val_prop_heading
{
	clear: both;
	font: 16px  Arial, sans-serif;
	font-weight: normal;	
        color:#1FA510;
}

.val_prop_heading{
	clear: both;
	font: 15px  Arial, sans-serif;
	font-weight: bold;	
        color:#1D8EA8; 
	text-align:left;
}

.val_prop_tabmenu
{
	background: url(img/bz_login_tab_unselected.png) repeat-x;
	clear: both;
	font: 20px  Arial, sans-serif;
	font-weight: normal;
	color:white; 
	text-align:left;
    border:2px solid #9BBE3C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;	
	cursor:pointer;
}
.val_prop_content{
	clear: both;
	font: 13px  Arial, sans-serif;
	word-spacing:2px;
	line-height: 150%; 
    color:#3D3D3D;
	text-align:justify;
}

.div_active
{
min-height:300px;
}


.t_active
{
}


.t_active span.val_prop_heading
{
 font-weight:bold;
}


.t_visible 
 { display:block;
}
/* End of Login page items*/

/* Start of top menu*/
.menu{
  background:white; 
  height: 24px;
  text-align:right;
  color: #21A118;
}
.menu_foreground{
  font-size:11px; 
  color: #21A118;
}
.menu span{
  margin-right:15px;
  font-size:14px; 
  color: white;
  font-weight:bold; 
}


a.menu_item{
  margin-top: -2px;
  font-size:14px; 
  color: white;
  font-weight:bold; 
  text-decoration:underline;
  padding: 0px 5px;
}
a.menu_item:hover{
  font-size:14px; 
  color:#C9ECF2;
  text-decoration:underline;
  padding: 0px 5px;
}
/* End of top menu*/

.val_prop_super_heading{
    font-family: Arial, sans-serif;
	font-size: 22px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    color: white;
	height:56px;
	width:100%;
	text-align:center;
}

#beezang-info img.relative_pic
{
}

#bgimg
{
float:left;
width:100%;
height:380px;
position: relative;
}

table.login_tab
{
float:left;
position: relative;
z-index: 4;
margin-top: -362px;
width: 100%;
}

img.sample_tab_pic
{
clear: both;
float:left;
width:100%;
}

.t_tabselected
{
	background: url(img/bz_login_tab_selected.png) repeat-x;
    border:2px solid #2477C0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
	cursor:pointer;
}

.t_tabselected div
{
	background: url(img/bz_login_tab_selected_ar.png) no-repeat 50% 50%;	
	background-position: -100px 50px;

}

/* Start of left navigation table*/
tbody tr.links_heading
{
  font-size:18px;
  font-weight:normal;
}

tbody td.links_heading
{
   font-size:18px;	
   font-weight:normal;
}

tbody td.links
{
   	padding: 6px;
	text-align: left;
	font: normal  Arial, sans-serif;
	font-size: 17px;
	font-weight:normal;
	height: 22px;
	#border: 2px solid #1D8EA8; 
	#background: #C9ECF2;
	word-spacing:2px;
	line-height: 150%; 
	cursor: pointer;
	color: white;	
	background: url(img/bz_login_tab_selected.png) repeat-x;
	text-align:left;
    border:2px solid #1D8EA8;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;	
}

tbody tr td.links:hover
{
    
	clear: both;
    padding: 6px;
	text-align: left;
	font: normal  Arial, sans-serif;
	font-size: 17px;
	font-weight:normal;
	height: 22px;
	#border: 2px solid #C9ECF2; 
	#background: #1D8EA8;
	word-spacing:2px;
	line-height: 150%; 
	cursor: pointer;
	color: #597F10;
	text-decoration:none;	
	background: url(img/bz_login_tab_unselected.png) repeat-x;
	text-align:left;
    border:2px solid #9BBE3C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;	
}
/* End of left navigation table*/


span.page_header{
 	color: #1FA510;
	font-size: 21px;
	font-weight:bold;
}

body {	margin: auto;
	color: #3D3D3D;
	font: normal 14px  Arial, sans-serif;
	max-width: 96%;
	min-height:700px;
	min-width: 1000px;
	max-width: 1200px;
}
.heading {	font: bold italic 1.8em  Arial, sans-serif;
	margin-bottom: 12px;
}

h3 a:hover,h3.heading a:hover{
	color: #FF7F00;
	text-decoration: underline;
	}

.code {
    clear: both;
	color: #3D3D3D;
	display: block;
	font:  14px  Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 12px;
	padding: 8px 10px;
	min-height:510px;
}


.nocode {
    clear: both;
	color: #3D3D3D;
	display: block;
	font:  14px  Arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	margin-bottom: 12px;
	padding: 8px 10px;
	min-height:510px;
	width:95%;
}

p{
	clear: both;
	color: #2A3E00;
        display: block;
	font:  13px  Arial, sans-serif;
	padding: 6px;

}
ul{
	margin-top:-2px;
	margin-bottom:5px;	
	clear: both;
	color: #2A3E00;
        display: block;
	font:  13px  Arial, sans-serif;
}
ul.tabs-nav{
	clear: both;
	#color: #2A3E00;
    display: block;
	font:  13px  Arial, sans-serif;
}

cite {
	background: url(img/quote.gif) no-repeat;
	color: #456;
	display: block;
	font: normal 1.2em  Arial, sans-serif;
	padding-left: 28px;
}

.signin {
	background: url(img/bz_signin.png) no-repeat;
	color:#1D8EA8;
	padding:10px;
	width:326px;
}
/* misc */
.clearer {
	clear: both;
}

.top_bar {
	background: #FFF url(img/bz_top_bar.jpg) repeat-x;
}

.top_bg {
	clear: both;
	background: #FFF url(img/bz_top_bg.png) repeat-x;
}
.logo {
	float: left;
	background: url(img/logo.png) no-repeat;
	margin-left:10px;
}
.logo:hover {
	float: left;
	background: #C9ECF2 url(img/logo.png) no-repeat;
	margin-left:10px;
}
/* structure */
.container {	
	padding:0px 0px 0px 0px;
}

/* title */
.title {
	float: left;
	margin-top: 5px;
	text-align: left;
	width: 240px;
}
.title h1 {
	font-size: 25px; color: #2AFFFF; font-weight: bold; line-height: 25px; font-family:  Arial, sans-serif;text-align: center;
}
.title h2 {
	font-size: 12px; color: #D4FFD4; font-weight: normal; line-height: 12px; font-family:  Arial, sans-serif;
}

/* navigation */
.navigation {
	height: 5px;
}

.menu {
background: url(img/bz_top_menu.png);
width:293px;
height:39px;
margin-right:20px;
}

.navigation a.nav {
	color: white;
	float: left;
	background: #FFF url(img/nav.gif);
	font: bold 1.6em  Arial, sans-serif;
	padding: 15px 28px 15px 28px;
	text-align: center;
	text-decoration: none;
	height: 20px;
	width: 64px;
}

.navigation a.nav:hover {
	background: #FFF url(img/navhover.gif);
	color: #2A3E00;
	font: bold 1.6em  Arial, sans-serif;
	padding: 15px 28px 15px 28px;
	text-align: center;
	height: 20px;
	width: 64px;
}

.navigation a.logo {
	color: white;
	float: left;
	background: #FFF url(img/logo.png) no-repeat;
	height: 50px;
	width: 140px;
}


/* holders */
.holder {
	padding: 0px 14px;
	z-index:-4;
}

.home_holder {
	padding: 0px 14px;
	z-index:-4;
}

.base_holder{
	padding: 0px 14px;
	z-index:-4;
}

.holder_top {
	clear: both;
	background: url(img/hr_bar.png) no-repeat;
	height: 32px;
	color: white;
	z-index:-4;
}
.holder_bottom{
	clear: both;
	margin-top:-5px;
	background:  url(img/bz_bottom_bar_ar.png) no-repeat 50% 50%;
	height: 30px;
	z-index: -2;
}
.holder_bottom_grass{
	height: 10px;
	margin-top:-5px;
	z-index: -1;
}
.home_holder_bottom_grass{
	height: 10px;
	margin-top:-5px;
	z-index: -1;
}

/* footer */
.footer {	
	background: #293833 ;
	bottom:0;
	color:white;
}

.footer a{
	font: normal 14px  Arial, sans-serif; 
	color:white;
	text-decoration:none;
}

.footer a:hover{
	font: normal 14px  Arial, sans-serif; 
	color:#C9ECF2;
	text-decoration:underline;

}
label {
	padding:5px 5px 5px 0px;
	color:#2C4201;
	font: normal 14px  "Trebuchet MS","Helvetica","Lucida Grande",Verdana,sans-serif; 
	height: 24px;
	line-height:150%;
   	word-spacing:1.5px;
	}

input[type=text], input[type=password], input[type=text].uneven {
	color:#2C4201; 
	font-family:  Arial, sans-serif; 
	height: 20px;
	font-size:14px;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #DDDDDD;
	padding:2px;
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}

textarea{
	color:#2C4201; 
	font-family:  Arial, sans-serif; 
	font-size:14px;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #DDDDDD;
	padding:2px;
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}

.vSelectField  { 
	color:#2C4201; 
	font-family:  Arial, sans-serif; 
	height: 28px;
	font-size:14px;
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #DDDDDD;
	padding:2px;
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}

input[type=text]:hover, input[type=password]:hover, input[type=text].uneven:hover, .vCheckboxField:hover, .vSelectField:hover , textarea:hover   { 
	border-color:#BBBBBB; /*#BBBBBB;*/
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}



input[disabled=disabled] { 
	background: #C3C3C3;
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}



input[type=text]:focus, input[type=password]:focus, input[type=text].uneven:focus, .vCheckboxField:focus, .vSelectField:focus , textarea:focus 
{ 
	border-color:#1D8EA8;
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}

input[type=text]:active, input[type=password]:active, input[type=text].uneven:active, .vCheckboxField:active, .vSelectField:active, textarea:active   { 
	border-color:#1D8EA8;
    box-shadow:1px 2px 3px #000000;
    -moz-box-shadow: 1px 2px 3px #000000;
    -webkit-box-shadow: 1px 2px 3px #000000;
}

input[type=text].even{ 	
	border:none;
	background-color:inherit;
    box-shadow:none;   
    -moz-box-shadow: none;  
    -webkit-box-shadow: none;  
}


input.button, a.button, input.button.small
{
	background:#1D8EA8 url(img/button_half.png) repeat-x;
	background-position: 70% 0%;
	border:2px outset #1D8EA8;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	text-align:center;
}	
  

input.button:focus, input.button:hover, a.button:focus, a.button:hover, input.button.small:focus, input.button.small:hover{

background:#21A118 url(img/button_half.png) repeat-x;
background-position: 70% 0%;
border:2px outset #21A118;
color:#FFFFFF;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
text-align:center;
}

a.button_red
{
	background:#FF002A url(img/button_half.png) repeat-x;
	background-position: 70% 0%;
	border:2px outset #FF002A;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	text-align:center;
}	

a.button_red:hover
{
	background:#FF552A url(img/button_half.png) repeat-x;
	background-position: 70% 0%;
	border:2px outset #FF002A;
	color:#FFFFFF;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
	text-align:center;
}

span.cal_help
{
	font-family:  Arial, sans-serif; 
	height: 20px;
	font-size:14px; 
}

select { 
	color:#2C4201; 
	font-family:  Arial, sans-serif; 
	height: 26px;
	font-size:14px; 
	padding: 2px 2px 2px 2px;
	border: 1px solid #2C4201 ; 
}
.ui-datepicker-new-month,.ui-datepicker-new-year
{
	font-size:8px;
}

/* tables */


div.fdrow
{
    background:url(img/bz_sum_tr.jpg) no-repeat;
    width:450px;
    height:70px;
	display:none;
}

div.fsrow
{
    width:450px;
	display:none;
}


div.fsrow span.top{
	display: block;
    height:14px;
    background: url(img/bz_sum_tr_top.jpg) no-repeat top;
}
div.fsrow span.middle{ /* different middle bg for stretch */
	display: block;
	background: url(img/bz_sum_tr_middle.jpg) repeat bottom; 
}
div.fsrow span.bottom{
	display: block;
    height:15px;
    background: url(img/bz_sum_tr_bottom.jpg) no-repeat bottom;
}


div.showhow span.showhowtip{
    display:block;
    margin-top:-18px; left:0;
	padding: 15px 0 0 30px;
	width:362px;
	color: #3D3D3D;
	font-size:11px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
span.showhowtip span.top{
	display: block;
	padding:3px 8px 22px;
    background: url(img/bz_showhow_top.jpg) no-repeat top;
}
span.showhowtip span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0px 20px; 
	text-align:left;
	background: url(img/bz_showhow_middle.jpg) repeat bottom; 
}
span.showhowtip span.bottom{
	display: block;
	padding:3px 8px 13px;
	color: #548912;
    background: url(img/bz_showhow_bottom.jpg) no-repeat bottom;
}


div.heading_medium
{
    background:url(img/bz_gb_medium_header_green.jpg) no-repeat;
    width:224px;
	text-align:center;
    height:32px;
	display:none;
	padding-top:8px;
}

div.glassbox span.block_medium{
    display:block;
	width:224px;
	color: #3D3D3D;
	font-size:12px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
span.block_medium span.top{
	display: block;
	height:13px;
    background: url(img/bz_gb_medium_top_green.jpg) no-repeat top;
}
span.block_medium span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0px 10px; 
	line-height:200%;
	text-align:left;
	background: url(img/bz_gb_medium_middle_green.jpg) repeat bottom; 
}
span.block_medium span.bottom{
	display: block;
	color: #548912;
	height:13px;
    background: url(img/bz_gb_medium_bottom_green.jpg) no-repeat bottom;
}


div.heading_small
{
    background:url(img/bz_gb_small_header_green.jpg) no-repeat;
    width:105px;
	text-align:center;
    height:32px;
	display:none;
	padding-top:8px;
}

div.glassbox span.block_small{
    display:block;
	width:105px;
	color: #3D3D3D;
	font-size:12px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
span.block_small span.top{
	display: block;
	height:13px;
    background: url(img/bz_gb_small_top_green.jpg) no-repeat top;
}
span.block_small span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0px 10px; 
	line-height:200%;
	text-align:left;
	background: url(img/bz_gb_small_middle_green.jpg) repeat bottom; 
}
span.block_small span.bottom{
	display: block;
	color: #548912;
	height:13px;
    background: url(img/bz_gb_small_bottom_green.jpg) no-repeat bottom;
}



div.heading_small_a
{
    background:url(img/bz_gb_small1_header_green.jpg) no-repeat;
    width:150px;
	text-align:center;
    height:32px;
	display:none;
	padding-top:8px;
}

div.glassbox span.block_small_a{
    display:block;
	width:150px;
	color: #3D3D3D;
	font-size:12px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
span.block_small_a span.top{
	display: block;
	height:13px;
    background: url(img/bz_gb_small1_top_green.jpg) no-repeat top;
}
span.block_small_a span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0px 20px; 
	line-height:200%;
	text-align:left;
	background: url(img/bz_gb_small1_middle_green.jpg) repeat bottom; 
}
span.block_small_a span.bottom{
	display: block;
	color: #548912;
	height:13px;
    background: url(img/bz_gb_small1_bottom_green.jpg) no-repeat bottom;
}


div.table span.table_header{
	position:relative;
	display: block;
	height:42px;
	min-width:100px;
	color: #3D3D3D;
	font-size:12px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index:100;
}
span.table_header span.left{
	position:absolute;
	display: inline-block;
	height:42px;
	width:14px;
    background: url(img/bz_th_left.jpg) no-repeat;
	z-index:100;
}
span.table_header span.middle{ /* different middle bg for stretch */
	position:absolute;
	height:42px;
	width:100px;
	padding-top:10px;
	color: white;
	font-size:14px;
	font-weight:bold;
	display: inline-block;
	text-align:center;
	background: url(img/bz_th_middle.jpg) repeat-x; 
	z-index:100;
}
span.table_header span.right{
	position:absolute;
	display: inline-block;
	color: #548912;
	height:42px;
	width:18px;
    background: url(img/bz_th_right.jpg) no-repeat;
	z-index:100;
}

/*/Tooltip*/

/* tocollect table*/
table.tocollect {
	font-family: Arial, sans-serif;
	margin:10px 0px 15px;
	font-size: 14px;
	width: 100%;
	text-align: left;
	text-align: center;
}
table.tocollect thead tr th, table.tocollect tfoot tr th {
    	background-color:#FEA63D;
	color: white;
	border: 2px solid #FF6600;
	font-size: 15px;
	font-weight: normal;
	padding: 4px;
	text-align: center;
}

table.tocollect thead tr .header {
	background-image: url(img/tbsorterbg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border:2px solid #FF6600;
}
table.tocollect tbody td {
	color: #3D3D3D;
    background-color:white;
	padding: 4px;
	vertical-align: top;
	border:2px solid #FF6600;
}

table.tocollect tbody tr td {
	border:2px solid #FF6600;
    background-color:white;
}

table.tocollect tbody tr.odd td {
	border:2px solid #FF6600;
    background-color:white;
}
table.tocollect tbody tr.even td {
	border:2px solid #FF6600;
    background-color:white;
}
table.tocollect thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tocollect thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tocollect thead tr .headerSortDown, table.tocollect thead tr .headerSortUp {
	background-color: #FF7714;
}

/* group table*/
table.group {
	font-family: Arial, sans-serif;
	margin: 0px 0px 0px;
	font-size: 14px;
	font-weight: normal;
	width: 100%;
	text-align: left;
	border:none;
}
table.group thead tr th, table.group tfoot tr th {
    color: #565656;
	font-size: 17px;
	padding: 4px;
	text-align: left;
}
table.group thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.group tbody td {
	color: #565656;
	padding: 4px;
	font-size: 14px;
	vertical-align: top;
}

/* table tablesorter */
table.tablesorter {
	font-family: Arial, sans-serif;
	background-color: ;
	margin:10px 0px 15px;
	font-size: 11px;
	width: 100%;
	text-align: left;
	text-align: center;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #9BBE3C;
    color: white;
	border: 2px solid #488923;
	font-size: bold 12px;
	padding: 4px;
	text-align: center;
}
table.tablesorter thead tr .header {
	background-image: url(img/tbsorterbg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border:2px solid #488923;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
	border:2px solid #488923;
}
table.tablesorter tbody tr td {
	background-color:white;
	border:2px solid #488923;
}
table.tablesorter tbody tr.odd td {
	background-color:white;
	border:2px solid #488923;
}
table.tablesorter tbody tr.even td {
	background-color:white;
	border:2px solid #2A3E00;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #21A118;
}

/* table report page */

table.reportpage {
	font-family: Arial, sans-serif;
	background-color: white;
	font-size: 17px;
	font-weight: normal;
	width: 100%;
	text-align: left;
	border:none;
}

table.reportpage tr {
    color: #3D3D3D;
	font-size: 17px;
	padding: 4px;
	text-align: left;
}

table.reportpage tbody td {
	color: #3D3D3D;
	padding: 4px;
	font-size: 14px;
	vertical-align: top;
}

/*Box*/
.box{
    border:1px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 3px  #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
}
/*/Box*/
/*Tooltip*/
.tooltip {
    position:relative;
    display:inline-block;
    zoom:1;
    *display:inline;
    background:url(img/tooltip-help.png) no-repeat;
    width:32px;
    height:24px;
    cursor:help;
}
.tooltip div {
    color:#333;
    background:#fff;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size:12px !important;
	line-height:1.4em;
	width: 200px;
	position: absolute;
	top: -24px;
	left: 40px;
	padding: 16px 12px 10px;
	z-index: 2;
	display: none;
	text-align:justify;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
/*/Tooltip*/


/*Box*/
.popbox 
{
position:relative;
}

.popbox div#area{
    border:5px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 3px  #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    color:#333;
    background:#fff;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size:14px !important;
	line-height:1.4em;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 16px 12px 10px;
	z-index: 6;
	text-align:left;
}

.gbpopbox 
{
position:relative;
}

.gbpopbox div#area{
    border:5px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 3px  #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    color:#333;
    background:#fff;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size:14px !important;
	line-height:1.4em;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 16px 12px 10px;
	z-index: 6;
	text-align:left;
}

.messagepopbox 
{
	position:relative;
	bottom: 100px;
	left: 50px;
	text-align:center;
}

.messagepopbox div{
    border:5px solid #ccc;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
    box-shadow: 0 0 3px  #aaa;
    -moz-box-shadow: 0 0 3px #aaa;
    -webkit-box-shadow: 0 0 3px #aaa;
    color:#333;
    background:#fff;
	font-weight: 500 !important;
	font-style: normal !important;
	font-size:14px !important;
	line-height:1.4em;
	position: absolute;
	text-align:center;
	padding: 2px;
	z-index: 6;
	text-align:left;
	width:600px;
}

.messagepopbox  span.close_messagepopbox {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:6660; position:absolute; top:-15px; right:-18px; cursor:pointer;}

.close_popbox {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:6660; position:absolute; top:-15px; left:-18px; cursor:pointer;}

/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: basic.css 185 2009-02-09 21:51:12Z emartin24 $
 *
 */


/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:400px; width:600px; background-color:#fff; border:3px solid #ccc; text-align:justify;}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:6660; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:2px;}
span.info
{
	color:#1D8EA8;
	font-weight:bold;
}

span.info-start
{
	color:#1D8EA8;
	font-weight:normal;
	font-size:24px;
}

ul.ulhelpModal li
{
 list-style-type: none;
 font-size:14px;
 padding-top:10px;
 padding-right:30px;
 line-height: 150%;
 display:block;
 outline: 0;
 margin-left:0px;
}


/* Vertical Tabs*/
.vertical-tab tr
{
	height:45px;
}


.vertical-tab td
{
    
	clear: both;
    padding: 6px;
	text-align: left;
	font: normal  Arial, sans-serif;
	font-size: 17px;
	font-weight:normal;
	height: 22px;
	word-spacing:2px;
	line-height: 150%; 
	cursor: pointer;
	color: #597F10;
	text-decoration:none;	
	background: url(img/bz_login_tab_unselected.png) repeat-x;
	text-align:left;
    border:3px solid #9BBE3C;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;	
}
.vertical-tab td:hover
{
	background: white;
}
.vertical-tab td.selected 
{	
	background: white;
   	padding: 6px;
	text-align: left;
	font: normal  Arial, sans-serif;
	font-size: 17px;
	font-weight:normal;
	height: 22px;
	word-spacing:2px;
	line-height: 150%; 
	cursor: pointer;
	color: #1D8EA8;
	text-align:left;
    border:3px solid #1D8EA8;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;	
}

table.table_tour
{
	font-family: Arial, sans-serif;
	background-color: transparent;
	padding:10px 10px;
	font-size: 14px;
	width: 100%;
	text-align: left;
}

table.table_tour tr
{
	padding:10px 0px;
}

table.table_tour img
{
	border:3px solid #FF7714;
}

table.table_tour .tour_heading
{
	font-family: Arial, sans-serif;
	background-color: transparent;
	font-size: 16px;
	font-weight:bold;
	color: #1D8EA8;
	word-spacing:2px;
	text-align: left;
}

.hint{
	display:none;
	position:absolute;
	width:200px;
	margin-top: -2px;
	margin-left:15px;
	border:2px solid #9BBE3C;
	padding:10px;
	background-color:#D4FFD4;
	line-height:15px;
	text-align:left;
	font-size:12px;
	}

.hint .hint-arrow{
	position:absolute;
	left: -10px;
	top:5px;
	width:10px;
	height:19px;
	z-index:999;
	background:url(img/help_pointer.png) left top no-repeat;
	}

	
.help{
	display:none;
	position:absolute;
	width:250px;
	margin-top: -14px;
	margin-left:15px;
	border:2px solid #9BBE3C;
	padding:10px;
	background-color:#D4FFD4;
	line-height:15px;
	text-align:left;
	font-size:12px;
	}

.help .help-arrow{
	position:absolute;
	left: -10px;
	top:5px;
	width:10px;
	height:19px;
	background:url(img/help_pointer.png) left top no-repeat;
	}
	
/*
Auto-complete Style
*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}


table.table_tour
{
	font-family: Arial, sans-serif;
	background-color: transparent;
	padding:10px 10px;
	font-size: 14px;
	width: 100%;
	text-align: left;
}

table.table_tour tr
{
	padding:10px 0px;
}

table.table_tour img
{
	border:3px solid #FF7714;
}

table.table_tour .tour_heading
{
	font-family: Arial, sans-serif;
	background-color: transparent;
	font-size: 16px;
	font-weight:bold;
	color: #1D8EA8;
	word-spacing:2px;
	text-align: left;
}
.tour_heading
{
	font-family: Arial, sans-serif;
	background-color: transparent;
	font-size: 16px;
	font-weight:bold;
	color: #1D8EA8;
	word-spacing:2px;
	text-align: left;
}
.tour_content_heading
{
	font-family: Arial, sans-serif;
	background-color: transparent;
	font-size: 14px;
	font-weight:bold;
	color: #1D8EA8;
	word-spacing:2px;
	text-align: left;
}


.groupsetup-tips
{
	background-color:#F7F7F7;
	width:360px;
	border: 1px solid #1D8EA8;
	padding:10px;
	line-height:15px;
	text-align:left;
	font-size:12px;
	
}

.tr_mg
{
	background-color: #1D8EA8;
	border: 2px solid #1D8EA8;
	padding:2px;
}
.tr_mg:hover
{
	background-color: #1D8EA8;
	border: 2px solid #A1D8F1;
}


td#notes_count
{
	width:30px;
	height:25px;
	color:red;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	background:url(img/bz_menu_notes_count.png) left top no-repeat;
}

.groupbillform
{
  font-size:12px;
}


.logindiv {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #DDDDDD;
	padding:2px;
	padding-top:10px;
    box-shadow:1px 5px 5px #000000;
    -moz-box-shadow: 1px 5px 5px #000000;
    -webkit-box-shadow: 1px 5px 5px #000000;
}