/* common */
body
{
	background-color:#EDEDED;
	margin:0;
	padding:0;
	margin-bottom:10px;
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
}

h1
{
	margin-top:10px;
	padding-top:0px;
	color:#000000;
/*    
	letter-spacing:-1pt;
	font-size:24px;
*/
    font-size: 19px; 
}

h2
{
	margin-top:7px;
	padding-top:0px;
	color:#000000;	
	/*font-size:18px;*/
    font-size: 16px;
}

h3
{
	margin-top:5px;
	padding-top:0px;
	color:#000000;
	font-size: 12pt;
}

a img
{
    border:none;
}

.first_p
{
/*	font-size:15px; */
    text-align:justify;
/*    padding-left:17px; */
}

p.j
{
	text-align:justify;
}

#features
{
	margin-top:2px;
	margin-bottom:5px;
    padding-top:9px;
    padding-bottom:0px;
	color:#000000;
	font-size: 12pt;
}



h4
{
	color:#000000;
}


input.sh
{
	border:1px solid #999999;
	background-image:url(../img/input_bg.gif);
}

.newh
{
	color:#FF0000;
}

/******* top bar */

#main
{
	width:960px;
	margin-left:auto;
	margin-right:auto;	
    border:1px solid #DDDDDD;
    border-top:none;
    background-color:#FFFFFF;
}


#top_bar
{
	position:relative;
	height:89px;
	overflow:hidden;
	margin:0;
	padding:0;
}
#top_bar #zzz
{
	position:absolute;
	left:177px;
	top:42px;
	margin:0;
	padding:0;
	font-size:15px;
	font-weight:normal;
	letter-spacing:0;
}
#top_bar #logo
{
	position:absolute;
	left:32px;
	top:0px;
	height:89px;
	width:371px;
	border:none;
}
#top_bar #line
{
	position:absolute;
	top:62px;
	left:178px;
	width:782px;
	height:2px;
	background-color:#CCCCCC;
	overflow:hidden;
}
#top_bar #top_bar_breadcrumbs
{
	position:absolute;
/*	right:0px; */
	left:178px;
	top:67px;
	font-size:11px;
}

#top_bar_breadcrumbs img
{
	position:relative;
	top:-1px;
}

/******* top menu */

#top_menu
{
	position:absolute;
	top:42px;
	right:0px;
	width:799px;
	height:28px;
	z-index:9999;
	font-size:15px;
}

#top_menu a
{
	text-decoration:none;
	color:#0000EE;
}

#top_menu a:hover
{
	text-decoration:none;
	color:#000099;
}

#top_menu ul
{
	position:absolute;
	right:0px;
	top:0px;
    height:28px;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	float:none;
	overflow:hidden;
	z-index:1;
}

#top_menu ul li
{
    position:relative;
    height:28px;
    margin:0;
	margin-left:18px;
    padding:0;
    float:left;
    overflow:hidden;
}

/******* submenu */

a.subm
{
	text-decoration:none;
}

.big_pointer
{
	position:absolute;
	width:27px;
	height:26px;
	left:147px;
	top:0px;
	background-image:url(../img/pointer_big.gif);
	repeat:no-repeat;
	cursor:hand;
	z-index:999;
}

.level0
{
	position:relative;	
}


.level0 a
{
	text-decoration:none;
	color:#3333CC;
}

.level1
{
	position:relative;	
	background-image:url(../img/tree_bg.gif);
	background-position:0px 26px;
	padding:0;
	margin:0;
	overflow:hidden;
	height:auto;
}

.levelN
{

}

.sublevel0
{
	position:absolute;
	top:0px;
	background-image:url(../img/tree_item_bg.gif);
	height:24px;
	overflow:hidden;
	padding-left:10px;
	border:1px solid #CCCCCC;
	margin-bottom:3px;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	width:162px;
	color:#000000;
}

.sublevel0_hover
{
	position:absolute;
	top:0px;
	background-image:url(../img/tree_item_bg2.gif);
	height:24px;
	overflow:hidden;
	padding-left:10px;
	border:1px solid #516D86;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	width:162px;
	color:#000000;
}

.sublevel0_hover a
{
	color:#000000;
}

.sublevel1
{
	position:absolute;
	top:0px;
	background-image:url(../img/tree_item_bg.gif);
	height:24px;
	overflow:hidden;
	padding-left:10px;
	width:162px;
	border:1px solid #CCCCCC;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#000000;
}

.sublevel1_hover
{
	position:absolute;
	top:0px;
	background-image:url(../img/tree_item_bg2.gif);
	height:24px;
	overflow:hidden;
	padding-left:10px;
	width:162px;
	border:1px solid #516D86;
	font-size:14px;
	font-weight:bold;
	line-height:26px;
	color:#000000;
}
.sublevel1_hover a
{
	color:#000000;
}

.sublevelN
{
	position:relative;
	height:20px;
	padding-top:4px;
	overflow:hidden;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#000000;
}
.sublevelN_hover
{
	position:relative;
	height:20px;
	padding-top:4px;
	overflow:hidden;
	border-left:1px solid #516D86;
	border-right:1px solid #516D86;
	color:#000000;
}

.sublevelN_hover a
{
	color:#000000;
}

.sublevelN img
{
	position:relative;
	top:1px;
}

.sublevelN_hover img
{
	position:relative;
	top:1px;
}



/******* logo */

#top_logo
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:121px;
	background-image:url(/img/logo_bg.gif);
	border-bottom:1px solid #999999;
	z-index:10;
}

#logo
{
	position:absolute;
	width:356px;
	height:82px;
	left:2px;
	top:32px;
	border:none;
}

/******* content */

#content
{
	position:relative;
}

#dummy
{
    display:none;
/*    
	position:absolute;
	top:-2px;
	left:218px;
	width:1px;
	height:15px;
	color:white;
	background:white;	
	z-index:9999;
	overflow:hidden;
*/    
}

#fs_content
{
	position:relative;	
	padding:0;
    margin:0;
	padding-left:22px;
    padding-bottom:24px;
	background-image:url(/img/cont_bg.gif);
	background-repeat:repeat-y;
    border:none;
}

#fs_content legend
{
    display:none;
/*    
	color:#CCCCCC;
	font-size:24px;
	font-weight:bold;
*/
}

ul#ul_content
{

	left:0px;
	top:0px;
	width:934px;
	margin:0;
	padding:0;
	list-style:none;
	clear:both;
	float:none;
	overflow:hidden;
	z-index:150;
}

ul#ul_content li#ul_menu
{
    position:relative;
    width:194px;
    margin:0;
    padding:0;
    float:left;
    overflow:hidden;
	border-rigth: 1px solid white;
}

ul#ul_content li#ul_page
{
    position:relative;
    width:739px;
    margin:0;
    padding:0;
    float:left;
    overflow:hidden;
	border-left: 1px solid white;
}

/******* copyright */

#copyright
{
    position:relative;
	width:100%;
    height:31px;
    line-height:31px;
	border-top:1px solid #BBBBBB;
	font-size:11px;
	padding-top:8px;
	padding-bottom:17px;
}

#copyright p
{
    padding:0;
    padding-left:18px;
    padding-right:8px;
    margin:0;
    float:left;
    height:31px;
    line-height:31px;
}

#copyright p.right
{
    float:right;
}

#div_menu
{

position:relative;
top:12px;
left:22px;

}

#div_wide
{			 	
	margin-left:30px;
	width:680px;
}

ul.table2

   {margin:0;

	 padding:0;

	 list-style:none;

	 clear:both;

	 float:none;

	 height:auto;	

	 }



ul.table2 li {

   margin:0;

   padding:0;

   float:left;

   width:auto;

	 height:auto;

   }



/******* home blog */
#home_right
{
	position:absolute;
	top:35px;
	right:10px;;
	width:249px;
}
.home_blog
{
	position:relative;
	margin-left:23px;
    margin-right:23px;
	margin-top:16px;
}

.home_blog .date
{
	font-size:11px;
	color:#999999;
}

.home_blog h3
{
	font-size:13px;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:4px;
}

.home_blog .text
{
	font-size:11px;
	text-align:justify;
}

.inner_block
{
    margin-left:23px;
    margin-right:23px;
}

.inner_block h2
{
/*    font-size:19px; */
    font-size:16px;
    color:#999999;
    margin:0;
    margin-top:14px;
    padding:0;
}

.inner_block .text
{
	font-size:13px;
	text-align:justify;
}

#home_expertzzz
{
	position:absolute;
	top:150px;
	right:2px;
	width:272px;
	height:152px;
	overflow:hidden;
	border:1px solid #CCCCCC;
	padding:15px;
	text-align:justify;
	background-image:url(../img/expertz_bg.gif);
	background-repeat:no-repeat;
}

#home_expertzzz h3
{
	font-size:13px;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:4px;
}

.select_join ul
{
	margin-top:40px;
	margin-left:50px;
	list-style-image:url(/img/aa.gif);
}

.select_join ul li
{
	margin-bottom:10px;
}

/* join */

#join
{		
	position:relative;
	padding:0;
	padding-left:100px;	
	padding-top:20px;	
	margin-left:10px;
	margin-top:0px;
	margin-bottom:20px;
	width:412px;
	height:240px;
	z-index:9999;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
}

#join span.h
{
	top:4px;
	left:5px;
	font-weight:bold;
}

#join span.hd
{
	display:none;
	top:15px;
	left:5px;
	font-size:11px;
}

#join span.err
{
	top:-14px;
	left:-100px;
	font-size:11px;
	background-color:red;
	padding:1px;
	color:white;
	width:450px;
}

#join span.err a
{
	color:white;
	text-decoration:underline;
}

#join div
{
	position:relative;
	float:left;
	padding:2px;
	padding-left:85px;
	margin:2px;	
	margin-left:0px;	
	height:50px;
	width: 380px;
	overflow:visible;
	clear:none;
}







#join_premium
{		
	position:relative;
	padding:0;
	padding-left:100px;	
	padding-top:20px;	
	margin-left:10px;
	margin-top:0px;
	margin-bottom:20px;
	width:412px;
	height:440px;
	z-index:9999;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
}

#join_premium span.h
{
	top:4px;
	left:5px;
	font-weight:bold;
}

#join_premium span.hd
{
	display:none;
	top:15px;
	left:5px;
	font-size:11px;
}

#join_premium span.err
{
	top:-14px;
	left:-100px;
	font-size:11px;
	background-color:red;
	padding:1px;
	color:white;
	width:450px;
}

#join_premium span.err a
{
	color:white;
	text-decoration:underline;
}

#join_premium div.fl
{
	position:relative;
	float:left;
	padding:2px;
	padding-left:85px;
	margin:2px;	
	margin-left:0px;	
	height:50px;
	width: 380px;
	overflow:visible;
	clear:none;
}

#join_premium div.cr_card
{
	position:relative;
	left:-100px;
	float:left;
	padding:2px;
	padding-left:85px;
	margin:2px;	
	margin-left:0px;	
	height:1057px;
	width: 380px;
	overflow:visible;
	clear:none;
}




.ul_join
{
	width:585px;
	padding:0;
	margin:0px;
	list-style-image:url(https://www.boonex.com/img/a_.gif);
	list-style-position:inside;
/*	list-style:none; */
}

.ul_join li
{
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:0px;
	border-bottom:1px solid #D3D3D3;
}

.ul_join span.s1
{
	position:absolute;
	left:459px;
	top:5px;
}

.ul_join span.s2
{
	position:absolute;
	left:539px;
	top:5px;
}


.select_join ul
{
	margin-top:40px;
	margin-left:50px;
	list-style-image:url(/img/aa.gif);
}

.select_join ul li
{
	margin-bottom:10px;
}

.err_pay
{
	position:relative;
	top:-10px;
	font-size:11px;
	background-color:#F84C0E;
	padding:3px;
	color:white;
}

.wide_block_pr
{
        padding:0px 0px 15px 11px;
	height: auto;
	width: 745px;
	text-align:justify;

}
div.block
{
	position:absolute;
	top:300px;
	right:0px;	
	padding:8px;
	border:1px solid #CCCCCC;
	background-color:#EFEFEF;
	width:195px;
}

.feature { /* box element showing feature */
width: 310px;
margin: 0 10px 10px 0;
float: left;
display: block;
			}

.feature_ray { /* box element showing feature */
width: 700px;
margin: 0 10px 10px 0;
float: left;
display: block;
}


.featureorca { /* box element showing feature */
width: 320px;
margin: 0 10px 10px 0;
float: left;
display: block;
			}

			
.thumbnail { /* box element with icon and circle bg */
width: 53px;
height: 60px;
padding: 15px 0 0 20px;
margin: 0 10px 0 0;
float: left;
background: url(/img/icons/bg.png);
}

.thumbnail_ray { /* box element with icon and circle bg */
width: 53px;
height: 70px;
padding: 15px 0 0 20px;
margin: 0 10px 0 0;
float: left;
background: url(/img/icons/bg_ray.png);
}

.thumbnailorca { /* box element with icon at orca page*/
width: 47px;
height: 130px;
padding: 15px 0 0 20px;
margin: 0 10px 0 0;
float: left;
}


.thumbnail2 { /* box element with icon and circle bg for GNU */
width: 88px;
height: 62px;
padding: 15px 0 0 20px;
margin: 0 10px 0 0;
float: left;
}



.par {
	margin:5px 0;
	padding:0 5px;
	}



p.email_comment
{
	font-size:11px;	
}

p.email_comment input
{
	position:relative;
	top:3px;
}

p.download	
{
	margin-top:20px;
}

p.download img
{
	width:48px; 
	height:48px; 
	border:none;
}

p.download span
{
	position:relative;
	top:-24px;
	font-size:18px; 
	font-weight:bold;	
}


.color_button
{
	width:141px;
	height:28px;
	border:none;	
}

.color_button2
{
	width:129px;
	height:28px;
	border:none;	
	display:none;
}

.color_button3
{
	width:110px;
	height:30px;
	border:none;	
}

.color_button_sm
{
	width:56px;
	height:22px;
	border:none;	
}


/******* index page */

.feed_icon
{
    position:absolute;
    right:24px;
    top:16px;
}

.index_product
{
}

.index_product .product_nav
{
	position:absolute; 
	left:0px; 
	top:140px; 
	width:128px; 
	text-align:center;
}

.index_product .product_nav span
{
	color:#FF6600;
	font-size:10px;
}

.index_product img.tmpls
{
	position:absolute;
	left:495px;
	top:0;
	border:none;
}

.index_product img.icon128
{
    position:relative;    
    float:left;
	width:128px;
	height:128px;
	border:none;
}

.index_product h2
{
	padding-top:0px;	
}

.index_product p
{
	text-align:justify;
}

.index_product .txt
{
    position:relative;
    float:left;
	width:457px; 
	margin-left:21px;
}

.proj_row
{
    padding-top:18px;
    margin-bottom:20px;
}

.proj_row img
{
    
}

.proj_row p
{
    text-align:justify;
    margin:0;
    padding:0;        
}

/* products */

.pr_image
{
	border:none;
	float:left;
	padding-right:16px;
	width:117px;
	height:81px;
}

.pr_image2
{
	border:none;
	float:left;
	padding-right:16px;
	width:181px;
	height:181px;
}

.pr_row
{
	position: relative;
	margin:0;
	padding:0;
	margin-bottom:35px;	
	
}

.pr_row .pr_image_w_btn
{
	position:relative;
   	float:left; 
	width:132px;
}

.pr_row .pr_image_w_btn2
{
	position:relative;
   	float:left; 
	width:196px;
}


.pr_row .pr_row_buttons
{
	position:absolute;
	top:90px;
	left:2px;
	width:114px;
	height:30px;
	float:none;
}

.pr_row .pr_row_buttons2
{
	position:absolute;
	top:0px;
	right:0px;
}

.pr_row .pr_row_buttons img.color_button_sm
{
	position:relative;
	float:right;
	padding:0;
	margin:0;
	margin-right:1px;
}


.expertz_bar
{
	position:relative;
	width:174px;
	margin-top:36px;	
}

.expertz_bar img
{
	width:174px;
	height:51px;
	border:none;
}

.expertz_bar p
{
	padding:0;
	margin:0;
	margin-top:15px;
	font-size:11px;
	text-align:justify;
}


.hsw_bar
{
	position:relative;
	width:174px;
	margin-top:36px;	
}

.hsw_bar img
{
	width:174px;
	height:56px;
	border:none;
}

.hsw_bar p
{
	padding:0;
	margin:0;
	margin-top:15px;
	font-size:11px;
	text-align:justify;
}


.screencast_box
{
	position:absolute; 
	top:0;
	right:0;
	width:388px; 
	height:300px; 
	padding:44px; 
	border:1px solid #D0D0D0;
}

.screencast_box span
{
	position:absolute; 
	left:-3px; 
	top:-12px; 
	padding-bottom:3px; 
	padding-right:8px; 
	color:#000000; 
	background-color:#FFFFFF; 
	font-size:18px; 
	font-weight:bold;
}

.screencast_box object
{
	padding:0; 
	margin:0;
	width:356px;
	height:270px;
	border:none;
}

.widget_pane
{
	position:relative; 
	height:360px; 
	width:100%; 
	margin-top:40px; 
	margin-bottom:50px;
}

.widget_pane .widget_box
{
	position:absolute; 
	top:-7px; 
	left:14px; 
	width:139px; 
	height:174px;
}

.widget_pane .widget_btn
{
	position:absolute; 
	top:192px; 
	left:34px;
	float:none;
}

.widget_pane .widget_btn div
{
	height:44px;
}

.w_head
{
	position:relative;
	height:128px;
}

.w_head .w_head_img
{
	position:absolute;
	width:128px;
	height:128px;
	top:0px;
	left:12px;
}

.w_head p
{
	margin-left:170px;
	position:relative;
}

.w_head div
{
	margin-left:170px;
	position:relative;
}

.w_head div h1
{
	padding-top:12px;
	padding-bottom:12px;
}

.w_head div a
{
	margin-right:12px;
}

ul.f_list_new 
{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.f_list_new li
{
	background-image: url(../img/li_new.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 26px;
	margin-bottom:10px;
}

ul.f_list
{
	list-style-type:none;
	padding:0;
	margin:0;
}

ul.f_list li, ul.f_list ol
{
	background-image: url(../img/li.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 26px;
	margin-bottom:10px;
}

ul.f_list ol
{
	margin-left:20px;
}

.features_box
{
	margin-top:26px;
}


.features_box div.fcol
{
	float:left;
	width:330px;
	margin:0;
	margin-right:15px;	
	background-color:transparent;
	border:none;
	padding:0;
}

div.fcol div
{
	width:294px; 
	margin-bottom:15px; 
	background-color:#EEEEEE; 
	border:1px solid #D0D0D0; 
	padding:18px; 
}

.p_justify
{
    text-align:justify;
}


.quick_links
{
	position:absolute; top:190px; left:300px; z-index:1; width:339px; height:100px;
}

.quick_links div
{
	height:15px; line-height:15px; width:325px; padding-left:5px; float:left;
	margin-bottom:10px;
}
.quick_links img
{
	width:9px; height:15px; float:left;
	margin-bottom:10px;
}









#barbados
{
	position:absolute;
	top:0;
	right:4px;
    height:25px;
    line-height:24px;
    font-size:11px;
	width:370px;
	text-align:right;
}
#barbados span
{
    margin-right:16px;
}
#barbados a
{
    margin-right:16px;
    border:none;
    color:#0000CC;
	text-decoration:none;
}
#barbados div
{
	position:absolute;
	left:0;
	top:24px;
	width:370px;
	height:1px;
	background-image:url(../img/barbados_line.gif);
	overflow:hidden;
}



#project_nav
{
    position:absolute;
	top:64px;
	right:0px;
    clear:both;
	width:850px; 
    height:25px;
	margin:0;
	padding:0;
	list-style:none;
	padding-right:20px;
}

.nav_item, .nav_item_sel
{
	position:relative;
    float:right;
    height:25px;
	padding:0;
	margin:0px;
    margin-left:20px; 
}

.nav_item_sel
{
}

.nav_align
{
	position:absolute;
	right:0;
	top:19px;
	height:7px;
	width:50%;
	display:none;
}

.nav_item_sel .nav_align
{
	display:block;
}
	
.nav_pointer
{
	position:absolute;
	top:0px;
	left:-7px;
	width:13px;
	height:7px;
	overflow:hidden;
}

#project_nav_line
{
    height:3px;
    background-color:#D0D0D0;
	overflow:hidden;
}

#project_nav_footer
{
	padding:0;
    margin:0;
    padding-bottom:24px;
    height:2px;
	background-image:url(/img/cont_bg.gif);
	background-repeat:repeat-y;
    border:none;
    z-index:1;
    overflow:hidden;
}

#project_nav_footer div
{
    height:26px;
    background-image:url(../img/project_nav_footer_bg.gif);
    background-repeat:repeat-x;    
    font-size:11px;
    line-height:24px;
    padding-left:248px;
    overflow:hidden;
}

#mHome
{
	margin-right:230px;
}


/* INDEX PAGE */


#column_ray
{
	width:283px;
	position:relative;
	margin-right:27px;
	float:left;
	margin-top:16px;
}

#column_others
{
	width:290px;
	position:relative;
	float:left;
	margin-top:16px;
}

.clear
{
	width:1px;
	height:1px;
	float:none;
	clear:both;
	overflow:hidden;
}

/* INDEX PAGE P{RODUCT ITEMS */ 

.product_item
{	
	position:relative;
	padding:0;
	margin:0;
}

.product_icon
{
	width:53px;
	height:67px;
	position:absolute;	
	left:-3px;
	top:0;
	padding:0;
	margin:0;
}

.product_desc
{
	margin-left:60px;
	margin-top:8px;
	height:73px;
}

.product_desc a
{
	display:block;
	font-size:18px;
	font-weight:bold;
	padding-top:9px;
}

.product_desc b
{
	display:block;
	font-size:13px;
}  

.product_desc i
{
	display:block;
	font-style:normal;    
	font-weight:bold;
	font-size:11px;
	color:#669966;


}  
.product_text
{
	text-align:justify;
	margin-bottom:24px;
}


/* INDEX PAGE WIDGET ITEMS */

.widget_item
{
	position:relative;
	height:53px;
	background-color:#F3F3F3;
	margin-bottom:7px;
}

.widget_item div
{
	margin-left:65px;
	font-size:11px;
	line-height:12px;
}

.widget_item img
{
	position:absolute;
	top:2px;
	left:7px;
	width:48px;
	heig
