/* ######################### GLOBAL #########################*/
body {
	background-color:#fff;   
    margin:0;
    padding:0;
    font-size:12px;
    font-family:Tahoma, Arial, Verdana, Times New Roman;
    line-height: 16px;
    color:#242424;
}
table td {
    font-size:12px;
    font-family:Tahoma, Arial, Verdana, Times New Roman;
    color:#211416;
}
a {
	color:#f47523;	
	outline:none;
}
a:hover {
	color:#211416;
}
div {
    padding:0; 
    margin:0;
}
p {
    margin:0px;
    padding: 5px 0px ! important;
}
img {
	border:none;
}
ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
ul li {
    background: url('images/bullet.gif') 0% 4px no-repeat;
    padding:0 0 3px 18px;            
}
select {
    font-size:12px;
    font-family:Tahoma;
}
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
    clear: both;
    display: block;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
    margin-bottom: -1px;
}
.required_field, .validator, .error_message {
    color:Red;
}
.message{
    font-size:12px;
    color:#000000;
}
.input {
	width:230px;
}
.dropdown {
	width:236px;	
	height:22px;
}
.btn {
    border:none;
    height:30px; 
    cursor:pointer; 
}
.btn_send {
    background: url('images/btn_send.jpg') 0 0px no-repeat;
    width:96px;  
}
.btn_download {
     background: url('images/btn_download.png') 0 0px no-repeat;
     width:122px;  
}
.btn_order {
     background: url('images/btn_order.png') 0 0px no-repeat;
     width:122px;  
}
.btn_login {
     background: url('images/btn_login.png') 0 0px no-repeat;
     width:122px;  
}
.btn_signup {
     background: url('images/btn_signup.png') 0 0px no-repeat;
     width:122px; 
}
.btn_cancel{
     background: url('images/btn_cancel.png') 0 0px no-repeat;
     width:122px;  
}
.btn_getpassword {
     background: url('images/btn_getpassword.png') 0 0px no-repeat;
     width:122px;  
     float: right;
}
.table td {
	padding:0 2px 3px 0;
}

/* ######################### BEGIN HEADER #########################*/
.header {
    background:url('images/header_back.gif') 0 0 repeat-x;
    height:74px;
    overflow: hidden;   
}
.header .content {
    padding:4px 0 0 0px;
}
.logo {
    float:left;
    margin:5px 0 0 0px;
}
.header_search {
    float:right;
    margin:19px 0px 0 0;
}
.txtSearch {
    background:url('images/txt_search.gif') 0 0 no-repeat;
    width:182px;
    height:21px;
    padding:5px 0 0 8px;    
    *padding:4px 0 1px 8px;    
    float:left;
}
.txtSearch input {
    border:none;
    color:#616161;
    width:172px;
    font-size:12px;
    font-family:Arial;
    border:solid 1px #fff;
    height:15px;
}
.btn_search {
    background:url('images/btn_search.gif') 0 0 no-repeat;
    width:30px;
    height:26px;
    border: none;
    float:left;
    margin:1px 0 0 1px;
    cursor:pointer;    
}
.header_select_position  {
    float:left;
    margin:13px 0 0 0;
}
 /* ######################### END HEADER #########################*/

/* ######################### BEGIN TOP NAVIGATION #########################*/
 .top_nav {
    float:left;
    margin:23px 0 0 16px;
}
.top_nav ul {
    margin:0;
    padding:0;
    list-style-type:none;
    float:left;
}
.top_nav ul li {
    padding:0 16px;
    float:left;    
    background:none;
}
.top_nav ul li a, .top_nav ul li a:visited {
    height:23px;
    cursor:pointer; 
}
/* ######################### END TOP NAVIGATION #########################*/

/* ######################### BEGIN CONTENT & BANNER #########################*/
.content {
    width:962px;
    margin:0 auto;
}
.home_content {
    margin:0 auto;
    width:1015px;
}
.banner_inner {
    margin:0 auto;
    margin-top:15px;
    width:962px;
    height:171px;
}
.banner_home_out {
   background:#000 url('images/banner_home_back.gif') no-repeat center top;
   height:310px;
}
.banner_home {
    margin:0 auto;
    width:1257px;
    height:310px;
}
.banner_home_text{
    margin:0 auto;
    width:870px;
    padding-top:110px;
}
.banner_home_text ul li {
    background-image: url('images/home_bullet.png');
    background-position:  0% 3px;
    _background-position:  0% 20px;
    background-repeat: no-repeat;
    line-height:20px; 
    padding-left:20px;
    font-family:Tahoma;
    font-size:14px;
    color:#fff;
}
.banner_home_text ul{
    margin-bottom:10px;
}
.banner_inner_text,
.banner_buttons {
    float:right;
    padding:30px 27px 0 0;
}
.banner_inner_text {
    color:#ffffff;
    text-align:right;
}
.banner_forum_out {
   background:url('images/banner_home_back.jpg') 0 0 repeat;
   height:195px;
}
.banner_forum {
    background: url('images/Forum-banner.jpg') 0 0 no-repeat;
    margin:0 auto;
    width:1257px;
    height:195px;
}
.forum_buttons {
    float: right;
    padding: 150px 150px 0 0; 
}
.top_corner {
    margin-top:15px;
    background:url('images/top_left_corner.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.top_corner div{
    background:url('images/top_right_corner.gif') 100% 0 no-repeat;
    height:6px;  
}
.top_corner_black {
    margin-top:15px;
    background:url('images/top_left_corner_black.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.top_corner_black div{
    background:url('images/top_right_corner_black.gif') 100% 0 no-repeat;
    height:6px;  
}
.corners_content, .corners_content_forum {
    border-left: solid 1px #b2b2b2;
    border-right: solid 1px #b2b2b2;    
    height: 100% !important; /* for modern browsers */
    height: 480px;          /* for IE5.x and IE6 */
    min-height: 480px;     /* for modern browsers */  
    margin:0;
}
.corners_content_forum {
   padding: 0 1px;
}
.bottom_corner {
    background:url('images/bottom_left_corner.gif') 0 0 no-repeat;
    height:6px;
    font-size:1px;
    padding:0 0 0 7px;
}
.bottom_corner div {
    background:url('images/bottom_right_corner.gif') 100% 0 no-repeat;
    height:6px;
}
.component_box, .home_section{
    width:240px;
    height:280px ! important;
    margin-right:12px;
    float:left;
}
.component_box_content {  
    height: 260px ! important;          /* for IE5.x and IE6 */
    min-height: 260px ! important;      /* for modern browsers */  
    padding:0;
}
.section_text {
    padding:0 0 10px 10px;
}
.price {
    color: #f47523;
    font-size:32px;
    font-family:Tahoma;
    padding:15px 0;
}
.home_product_cataglog_text,
.home_cms_text,
.home_news_text,
.home_forum_text {
    float:left;
    height:180px;
} 
.home_product_cataglog_text {
    width:125px;
}
.home_cms_text {
    width:115px;
}
.home_news_text {
    width:120px;
}
.home_forum_text {
    width:110px;
}
.section_title .link {
    color:#242424;
    text-decoration:none;
}
.section_title .link:hover {
    color:#f47523;
}
.content_inner_default,
.content_support{
   width:700px;
}
.content_inner_default,
.content_support,
.content_live_demo,
.content_custom_integration,
.padding {
   padding-left:20px;
}
.content_live_demo {
   width:410px;
}
.content_custom_integration {
    width:410px;
}
.form_live_demo{
   width:480px;
}
.form_custom_integration{
   width:485px;
}
.distance {
    height:20px;
}
.box_bottom_links {
    vertical-align:bottom;
    padding:7px 0;
}
.box_bottom_links a {
    font-size:12px;
    color:#626262;
    margin-right:6px;
}
.company_left{
    float:left;
    width:580px;
}
.company_right{
    float:right;
    width:300px;
    padding-left:50px;
}
.overview_left {
    float:left;
    width:450px;
    padding-bottom:20px;
}
.overview_right {
    float:right;
    padding:15px 20px 0 0;
}
.order_left {
     float:left;
     width:460px;
}
.order_right {
    float:right;
    width:450px;
    vertical-align:top;
}
.price_title{
    padding-top:10px ! important;
}
.lbl_results {
    padding:10px 0;
}
.result {
    padding:5px 0;
}
.result_description
{
    width:480px;
}
.component_support {
    width:680px;
}

/* ######################### END CONTENT & BANNER #########################*/
/* ######################### BEGIN TABLE DOCUMENTATION #########################*/
.div_documentation {
	width:600px;
}
.table_header_left {
	background:url('images/table_header_left.gif') 0 0px no-repeat;
}
.table_header_right {
	background:url('images/table_header_right.gif') 100% 0px no-repeat;
}
.table_footer_left {
	background:url('images/table_footer_left.gif') 0 100% no-repeat;
	height:37px;	
}
.table_footer_right {
	background:#fff url('images/table_footer_right.gif') 100% 100% no-repeat;
	height:37px;			
}
.table_header_left th {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	height:36px;
	text-align:left;
	padding:0 0 0 15px;
}
.table_header_left td {
	font-size:11px;
	color:#000000;
	border-bottom: solid 1px #edebe9;
	background:#fff;
	padding:0 10px 0 15px;
}
.table_header_left td a {
    text-decoration: none;
}
.table_header_left .column_header {
	font-size:14px;
}
.table td.custom_integration_padding_right {
	padding-right:7px;
}
/* ######################### END TABLE DOCUMENTATION #########################*/

/* ######################### BEGIN TABS ###################################*/
.tabs_nav {
    border-bottom: solid 1px #f47523; 
    height:30px;
    line-height:normal;
    margin-bottom:10px;
}
.tabs {
    margin:-6px 0px 0 -1px;   
    position:absolute;     
}
.tabs td a{
    padding:8px 20px 0 20px;   
    font-size:18px;  
}
.tabs td a,
.tabs td a:hover span.first,
.tabs td a:hover span.last {
    color:#000;
    height:29px;
    display:block;   
    text-decoration:none;
    text-align:center; 
}
.tabs td a:hover,
.tabs table.on a{
    background:url('images/content_nav_back.gif') 0% 0% repeat-x;     
    color:#fff;
    font-size:18px ! important; 
}
.tabs td a:hover span.first,
.tabs td a:hover span.last {
	color:#fff;
	cursor:pointer;     
}
.tabs td a:hover span.first,
.tabs td a.on span.first,
.tabs td a:hover span.last,
.tabs td a.on span.last {
    display:block;   
    font-size:18px; 
}
.tabs td a:hover span.first,
.tabs td a.on span.first{
    background: url('images/content_nav_back_f.gif') 0% 0% no-repeat;       
    margin:-8px 0 0 -20px;   
    padding:8px 0px 0 20px; 
}   
.tabs td a:hover span.last,
.tabs td a.on span.last {
    background: url('images/content_nav_back_l.gif') 100% 0% no-repeat;   
    margin:-8px -20px 0 0px;
    padding:8px 20px 0 0px; 
}
 /* ######################### END TABS ###################################*/
 
/* ######################### BEGIN FOOTER #########################*/
.footer {
    background:url('images/footer_back.gif') 0 0 repeat-x;
    height:48px; 
    overflow: hidden;   
}
.footer_flash {
    background:url('images/footer_flash_back.gif') 0 0 repeat-x;
    height:180px;
    margin-top:-1px;
    overflow: hidden;
}
.more_for_melon {
    padding:24px 0 0 0;
    float:left;
}
.footer .nav {
    float:right;
    padding:20px 0 0 0;
}
.footer .nav ul {
    margin:0; 
    padding:0 20px 0 0;
    list-style-type:none;
    float:left;
}
.footer .nav ul li {
    float:left;
    background:none;
    padding:0;
}
.footer .nav ul li a, .footer .nav ul li a:visited {
    color:#211416;
    text-decoration:none;
}
.footer .nav ul li a:hover {
    color:#178fbf ;
}
.footer_div{
	background-image: url('images/footer_flash_back.gif')0 0 repeat-x;
	height:180px;
    margin-top:-1px;
    overflow: hidden;
    color: White;
}
.mobile, .technologies, .learning {
	padding:0 13px 0 0px;
	width:230px;
}
.mobile li {
    background: url('images/dot_blue.gif') 12px 10px no-repeat;
    padding:0 0 0 23px;            
}
.mobile li a:hover, .mobile li.selected a {
    color:#2b93c0;
}
.mobile_header {
	 background: url('images/mobile.png') 0 0 no-repeat;
	 height:65px;
	 width:230px;
	 cursor:pointer;
}
.technologies li {
    background: url('images/dot_green.gif') 12px 10px no-repeat;
    padding:0 0 0 23px;           
}
.technologies li a:hover, .technologies li.selected a {
    color:#92c83e;
}
.technologies_header {
	 background: url('images/technologies.png') 0 0 no-repeat;
	 height:65px;
	 width:230px;
	 cursor:pointer;
}
.learning li {
    background: url('images/dot_red.gif') 12px 10px no-repeat;
    padding:0 0 0 23px;            
}
.learning li a:hover, .learning li.selected a {
    color:#de1d3e;
}
.learning_header {
	 background: url('images/learning.png') 0 0 no-repeat;
	 height:65px;
	 width:230px;
	 cursor:pointer;
}
.corporate_header {
	 background: url('images/corporate.png') 0 0 no-repeat;
	 height:65px;
	 width:230px;
	 cursor:pointer;
}
.footer_div li a, .footer_div li.selected a {
    display: block;
    padding: 3px 0px 3px 0px;
    text-align:left;
    text-decoration: none;
    width: 170px;
    color:White;
    font-size:12px;
}
/* ######################### END FOOTER #########################*/
/* ######################### BEGIN FCKEditor Styles #########################*/
.page_title, .section_title,.product_title, .orange_title14,.orange_title14_b,.link14,.title14 {
    font-family:Tahoma;
}
.page_title{
    font-size:20px;
    font-weight:bold;
    margin:0px;
    padding:10px 0px;
    color:#242424;
}
.section_title {
    font-size:20px;
    font-weight:bold;
    margin:0px;
    padding:4px 0px 8px 10px;
    border-bottom: solid 1px #f47523;
    color:#242424;
}
.product_title {
    font-size:16px;
    font-weight:bold;
    margin:0px;
    padding:10px 0px;
    color:#242424;
}
.product_title a{
    text-decoration:none;
    color:#242424;
}
.product_title a:hover{
    color:#f47523;
}
.product_price{
    font-size:16px;
    font-weight:bold;
    margin:0px;
    padding:0 0 2px 0;
    text-align:center;
    color:#242424;
}
.title14{
    font-size:14px;
    margin:0px;
    padding:10px 0px;
    color:#242424;
    font-weight:bold;
}
.title14_no_pad{
    font-size:14px;
    margin:0px;
    padding:10px 0px 2px 0;
    color:#242424;
    font-weight:bold;
}
.orange_title14_b {
    color:#f47523;
    font-size:12px;
    font-weight:bold;
    margin:0px;
    padding:5px 0px;
}
.orange_title14_b_pad
{
    color:#f47523;
    font-size:14px;
    font-weight:normal;
    margin:0px;
    padding:10px 0px;
    font-weight:bold;
}
.orange_title14 {
    color:#f47523;
    font-size:14px;
    font-weight:normal;
    margin:0px;
     padding:10px 0px;
}
.link14 {
    font-size:14px;
    font-weight:bold;
}
a.arrow_link {
    color:#f47523;
    font-family:Arial;
    font-size:12px;
    text-decoration:underline;
    background: url('images/learn_more_arrow.gif') 100% 5px no-repeat;
    padding:0 10px 0 0;
    white-space: nowrap;
}
a.arrow_link:hover {
    color:#656565;
}
.important_note{
   color:#f47523;
   font-size:11px;
   text-transform:uppercase;
}
.small_note{
   color:#f47523;
   font-size:11px;   
   padding-left:10px;
   width: 280px;
}
.disclaimer {
     font-size:11px;
}
.no_padding {
    padding:0px;
}
/* ######################### END FCKEditor Styles #########################*/
.product_screenshot {
    width:110px;
}
.product_item {
    padding-left:20px;
}
.product_description {
   width:550px;
}
.source_code{
    text-transform:uppercase;
    color:#f47523;
    font-size:16px;
}
.coupon_expand
{
    background-color:#f3f3f3;
    width:100%;
}
.lnk_expand, .lnk_collapse
{
	font:12px Tahoma, Arial;
}
.lnk_expand
{
	background:url("Images/arrow_down.gif") 0px 50% no-repeat;
	padding:5px 0 5px 13px;
	text-decoration:underline;
	cursor:pointer;
}
.lnk_collapse
{
	background:url("Images/arrow_up.gif") 0px 50% no-repeat;
	padding:5px 0 5px 13px;
	text-decoration:underline;
	cursor:pointer;
}