html, body{
    width: 100%;
    height: 100%;
    margin:0px;
    padding:0;
    border: 0 none;
    position: relative;
}

html *{
    max-height: 100000px;
}

body {
    color:#666666;
    font-family:"Trebuchet MS",Tahoma,Arial,Verdana,monospace;
    font-size:13px;   
    line-height:18px;
}

h1{
    color:#4E889C;
    font-family:Arial,Tahoma,Verdana,monospace;
    font-size:24px;
    font-weight:normal;
    margin: 35px 0 27px;
    line-height:23px;
}
h1 sup {
	font-weight:normal;
	font-size:12px;
}

h2 {
    color:#4E889C;
    font-family:Arial,Tahoma,Verdana,monospace;
    font-size:18px;
    font-weight:normal;
    margin: 40px 0 15px;
    line-height:23px;
}
h2 sup {
	font-weight:normal;
	font-size:12px;
}


a {
    text-decoration: underline;
    color: #0379a1;
    cursor:pointer;
}
a:hover {
    text-decoration: none;
}

a img{
    border: none;
}

p{
    margin: 0 0 1em 0;
}

b{
color:#575757;
}

/* LISTS */
ul{
    margin:0;
    display:block;
    list-style-type: circle;
    padding-left:40px;
}

input,select {
    margin:0;/*to fix issue with filters in grid header*/
}

#topblock{
    width: 912px;
    padding: 0 4px;
    margin: 0 auto;
    position: relative;
    min-height: 100%;
    overflow: hidden;
}

/*VARIOUS*/
.question{
    font-weight:bold;
}
.question:before{
    content:"Q:";
}
/*'see more' link*/
a.seemore{
    padding-top:10px;display:block;
}
.smallgray{
    color:#9f9783;
    font-size:11px;
    padding:5px 0 10px 0;
}
.small{
    font-size:11px;
    line-height:16px;
}
.viewsamples{
    text-align:center;
    margin:10px;
}

/*'view more demos' link*/
.link_demos_wrap {
  margin-top: 20px;
}
a.view_more_demos {
  display: block;
  width: 165px;
  height: 0px;
  padding-top: 46px;
  overflow: hidden;
  outline: none;
  text-decoration: none;
  background: url("/codebase/images/view-more-demos.png") 0 0 no-repeat;
}
a.view_more_demos:hover,
a.view_more_demos:focus {
  background-position: 0 -47px;
}


/*Subscription block*/
.rss_newsletter{
	width: 240px;
	height: auto;
	margin: 0 0 10px 20px;
	font-size:13px;
}
.rss_newsletter input{
    font-size:12px;width:100px;padding-left: 4px;border:1px solid #e0d9c8;
}
.rss_newsletter a{
    text-decoration:none;
}




/* =============================== INNER PAGES =========================================================================*/

/*inner pages body*/
.body_inner{
    padding:0 0 0 0;
}

/*inner pages header*/
header.inner {
    position: relative;
    padding: 15px 30px;
    background: url("/codebase/images/header1205/bg.png") left bottom no-repeat #4a96c4;
    z-index: 1000;
}

header h1{
			width:220px;
			font-size:14px;
			margin: 2px 0 0 13px; /*12px 0 0 25px;*/
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    color: white; 
    text-shadow: 0px 1px 0px #2c5a76;
    line-height: 18px;
}

header.inner nav {
    left:397px;
    top: 46px; /*55px;*/
}

header.inner .version {
    text-align:right;
    text-shadow:1px 1px 3px #3E6773;
    position:absolute;
    top:12px;
    right:35px;
    font-family:"Trebuchet MS",Tahoma,Arial,Verdana,monospace !important;
    font-size:13px !important;
}
header.inner .version a, header .version_first a, header .version_first a:link,header .version_first a:visited{
    text-decoration:none;
    color:white;
    font-family:"Trebuchet MS",Tahoma,Arial,Verdana,monospace !important;
    font-size:13px !important;
}

.list-links-ui-components{
    display: inline-block;
    *display: inline;
    zoom: 1;
    padding: 0;
    vertical-align: middle;
}

.list-links-ui-components li{
    list-style: none;
    display: inline-block;
    /*display: inline;*/
    zoom: 1;
}

.buttons-view-block{
    position: relative;
    /*left: -4px;*/
}


/*product page top logo and title*/
.product_header_logo{
	width: 620px;
	height: 56px;
	margin: 40px 0 30px 0;
	float: left;
	border-right: 4px solid #2D8EB6;
}
div.product_header_logo h2{
	color: #9f9783;
	text-align: right;
	margin: 7px 18px 0 0;
	float: right;
    width: 420px;
}
div.product_header_logo h2.singleline_hdr{
    margin-top:17px;
}
.product_header_sub{
    width: 261px;
    float:right;
    margin: 38px 0 0 0;
}

/*Columns - left for all pages and for product pages*/
.content-column, .content-column-inprod{
    float: left;
    width:600px;
}

/*Columns - right for all pages and for product pages*/
.subcontent-column, .subcontent-column-inprod{
    float: right;
    width: 264px;
	margin: 35px 0 0 0;
	padding: 0;
}
.subcontent-column-inprod{
    margin:0;
}

.content-column-inprod h1{
    margin-top:0px;
}


/*element of products list (try our other products)*/
#productslist a{
    display:block;
    float:left;
    width:75px;
    margin-left:5px;
    height:27px;
    padding-left:30px;
    background-image:url("/codebase/images/component_icons.gif?v=111122");
    background-repeat: no-repeat;
}
#productslist a.grid{
    background-position:0 -127px;
}
#productslist a.treegrid{
    background-position:0 -185px;
}
#productslist a.tree{
    background-position:0 -7px;
}
#productslist a.scheduler{
    background-position:0 -1170px;
}
#productslist a.layout{
    background-position:0 -529px;
}
#productslist a.tabbar{
    background-position:0 -69px;
}
#productslist a.menu{
    background-position:0 -243px;
}
#productslist a.toolbar{
    background-position:0 -708px;
}
#productslist a.windows{
    background-position:0 -476px;
}
#productslist a.combo{
    background-position:0 -763px;
}
#productslist a.calendar{
    background-position:0 -359px;
}
#productslist a.colorpicker{
    background-position:0 -824px;
}
#productslist a.slider{
    background-position:0 -881px;
}
#productslist a.ajax{
    background-position:0 -937px;
}
#productslist a.ribbon{
    background-position:0 -1944px;
}
#productslist a.accordion{
    background-position:0 -415px;
}
#productslist a.editor{
    background-position:0 -297px;
}
#productslist a.dataview{
    background-position:0 -589px;
}
#productslist a.chart{
    background-position:0 -1112px;
}
#productslist a.form{
    background-position:0 -647px;
}
#productslist a.message{
    background-position:0 -1403px;
}
#productslist a.popup{
    background-position:0 -1810px;
}
#productslist a.gantt{
    background-position:0 -998px;
}
#productslist a.vault{
    background-position:0 -1877px;
}
#productslist a.spreadsheet{
    background-position:0 -1670px;
}

#productslist a.datastore{
    background-position:0 -1464px;
}

#productslist a.dataprocessor{
    background-position: 0 -1602px;
}

#productslist a.touch{
    background-position: 0 -1739px;
}

#productslist a.connector{
    background-position: 0 -1052px;
}
#productslist a.sidebar{
    background-position:0 -2011px;
}
#productslist a.carousel{
    background-position:0 -2077px;
}

.cust_in_list{
    float:left;
    width:200px;
    margin-left:12px;
    overflow:hidden;
    font-size:14px;
    line-height:22px;
}
.cust_in_list2{
    float:left;
    width:110px;
    margin-left:2px;
    overflow:hidden;
    height:21px;
}

/* ==================== Products page ================================================================================================ */

.wrapper-item-content-column{
    clear: both;
    padding-bottom: 1px;
}

.content-column h1{
    margin: 35px 0 17px;
}

.content-column h1 a {
	   color: #4E889C;
				text-decoration: none;
}
.content-column h1 a:hover,
.content-column h1 a:focus {	
	   text-decoration: underline;
}

.main-block-for-button{
    padding-top: 6px;
    text-align: center;
    background: url("/images/products/line-picture.png") left 22px repeat-x;
    clear: both;
    overflow: hidden;
    position: relative;
    margin-bottom: 23px;
}

.wrapper-products-button{
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-color: white;
    padding: 0 5px;
}

.button-for-products{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-decoration: none;
    font: normal 13px 'Trebuchet MS', Arial, Tahoma, Verdana;
    line-height: 18px;
    color: #0b899e;
    padding: 7px 0;
    width: 121px;
    margin: 0 3px;
    text-align: center;
    background: url("/images/products/learn-more-button.png") left top no-repeat;
}

.button-for-products:hover{
    background: url("/images/products/learn-more-button.png") left -38px no-repeat;
}

.view-popup-gallery{
    position: relative;
    width: 225px;
    height: 165px;
    background: url(/images/products/view-app-gallery-new.png) left top no-repeat;
    cursor: pointer;
    float:right; 
    margin:-3px -6px 0 15px;
}

.view-popup-gallery:hover{
    background: url("/images/products/view-app-gallery-new-hover.png") left top no-repeat;
}

.view-popup-gallery span{
    position: absolute;
    left: 76px;
    top: 135px;
    color: #4E889C;    
}

#phoneCarousel .footer{
    display: none;
}

/* ==================== Live Demos ================================================================================================ */
/*skin buttons on products pages*/
    div.skinbutton{
        float: left;
        width: 88px;
        text-align: center;
        height: 23px;
        padding-top: 2px;
        margin-right: 10px;
        font-size: 9px;
        font-weight: bold;
        background-repeat : no-repeat;
    }
    div.sb_inactive{
        cursor: pointer;
        background-image: url(/images/but_theme_inactive.gif);
        color: gray;
    }
    div.sb_active{
        cursor: default;
        background-image: url(/images/but_theme_active.gif);
        color: #0482AD;
    }
    div.skinslabel{
        float: left;
        margin-left: 10px;
        margin-right: 20px;
        height: 23px;
        padding: 4px;
        color: #0482AD;
        font-weight: bold;
    }



/* ===================== Top (dropdown) Menu ====================================================================================== */

header nav {
    display:block;
    right:19px;
    position:absolute;
    top:283px;
    margin: 0;
    padding: 0;
    float:right;
    width:502px;
}

header nav menu {
    padding: 0;
    margin: 0;
    overflow: hidden;
}

header nav menu li {
    float: left;
    list-style: none;
    cursor:pointer;
    display:block;
    height:34px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

header menu .item {
    font-family: Arial, Tahoma, Verdana, monospace;
    font-size: 14px;
    color: #FFF;
    margin: 0 0 0 16px;
    padding: 5px 0 0 0;
    text-decoration: none;
    display: block;
    outline: none;
    text-shadow: 0px 1px 0px #4d748b;
}

#active .item, 
#active-sel .item{
    text-shadow: none;
}

header menu #active a, header menu #active-sel a {
    color: #104761;
    cursor:pointer;
    margin-top:-80px;
    position:relative;
}

header menu  #active div, header menu  #active-sel div {
    background:url("/codebase/images/tab.png") left top no-repeat;
    width: 340px;
    height: 80px;
    z-index: 1000;
}

header menu .home {
    width: 68px;
    overflow: hidden;
}

header menu .blog {
    width: 68px;
    overflow: hidden;
}

header menu .blog a{
    position: relative;
    left: 3px;
}


header menu .about {
    width: 88px;
    overflow: hidden;
}

header menu #active.about div {
    margin-left:-71px;
}

header menu .support {
    width: 81px;
    overflow: hidden;
}

header menu #active.support div {
    margin-left:-162px;
}

header menu .license {
    width: 81px;
    overflow: hidden;
}
header menu #active.license div {
    margin-left: -162px;
}
header menu #active-sel.license div {
    margin-left: -162px;
}

header menu .download {
    width: 94px;
    overflow: hidden;
}

header menu .download div {
    margin-left:-246px;
}

header menu #active-sel div {
    margin-top: -41px;
}

header menu #active-sel a {
    position: relative;
    top: 41px;
}

/* Drop Down */
.dropdown {
    background:url("/codebase/images/dropdown_right.png") no-repeat right bottom;
    border:0 none;
    margin:0;
    position:absolute;
    top:28px;
    display: none;
    z-index: 999;
    padding-right:13px;
    font-family:"Trebuchet MS",Tahoma,Arial,Verdana,monospace;
    font-size:13px ;
}

.dropdown ul, .dropdown div.doubleul{
    background:url("/codebase/images/dropdown.png") left bottom no-repeat;
    list-style:none outside none;
    margin:0;
    padding:4px 0 13px 9px;
}
.dropdown div.doubleul ul{
	background:none;
}

.dropdown .top-corner {
    background:url("/codebase/images/top_corner.png") no-repeat;
    height:5px;
    position:absolute;
    right:0;
    width:13px;
    z-index:1000;
    overflow: hidden;
}

header nav ul li {
    float:none;
    height:auto;
    margin:0;
    overflow:hidden;
    width:160px;
    padding: 0;
}

header nav ul .hr {
    background: #CCC;
    border:0 none;
    height:1px;
    margin:5px 0;
    padding: 0;
    overflow:hidden;
    color: #ccc;
    font-size: 1px;
    line-height: 1px;
}

header nav ul li a:link, header nav ul li a:visited,header nav ul li a:active {
    display:block;
	zoom:1;
    padding:3px 5px 1px;
    text-decoration:none;
    color: black;
    background-repeat: repeat-y !important;
    font-family:"Trebuchet MS",Tahoma,Arial,Verdana,monospace;
    font-size:13px ;
}

header nav ul li a:hover {
    background-color: #b2d7eb;
}

.dropdown .top {
    height: 5px;
}


#products a, .components a {
    background-image:url("/codebase/images/component_icons.gif?v=111333");
    background-repeat: no-repeat !important;
    background-position:  0 20px;
}

#products .scheduler {
    background-position: right -1170px;
}
#products .tree {
    background-position: right -8px;
}
#products .grid {
    background-position: right -125px;
}
#products .treegrid {
    background-position: right -183px;
}
#products .form {
    background-position: right -645px;
}
#products .dataview {
    background-position: right -588px;
}
#products .tabbar {
    background-position: right -67px;
}
#products .windows {
    background-position: right -474px;
}
#products .layout {
    background-position: right -529px;
}
#products .connector {
    background-position: right -1054px;
}
#products .skinbuilder {
    background-position: right -1228px;
}
#products .combo {
    background-position: right -765px;
}
#products .gantt {
    background-position: right -996px;
}
#products .chart {
    background-position: right -1111px;
}
#products .suite {
    background-position: right -1340px;
}
#products .touch {
    background-position: right -1738px;
}
#products .designer {
    background-position: right -1520px;
}
#products .spreadsheet {
    background-position: right -1670px;
}

#products .vault-link {
    background-position: right -1875px;
}

#products .downarrow{
    background-image:url("/codebase/images/arrowssmall.gif");
    background-repeat: no-repeat !important;
    background-position:  140px 6px;
}

/*=============== FIRST PAGE =============================================================================================*/

header {
    width: 852px;
    padding: 15px 30px;
    display:block;
}

.f-header{
    height: 345px; /*405px;*/
}

.left-part-header,
.right-part-header{
    float: left;
}

.left-part-header{
    width: 315px; /*335px*/
    /*margin-right: 40px;*/
}

.right-part-header{
    width: 537px;
}

header .logo {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    height: 0px;
    padding-top: 49px; /*58px;*/
    overflow: hidden;
    width: 78px ;/*100px;*/
    outline: none;
    text-decoration: none;
    background: url("/codebase/images/dhtmlx-logo-new-2x.png") left top no-repeat;
				/*background: url("/codebase/images/dhtmlx-logo-2x-christmas.png") left top no-repeat;*/
    background-size: 100%;
}

header .block-logo{
    padding-bottom: 16px; /*7px;*/
    border-bottom: 1px solid #3c7a9f;
}

header .description {
    color:white;
    margin:25px 10px 0 36px;
    line-height: 18px;
}

h2.top-header {
    margin-top: 20px;
}


.first section.left {
    float: left;
    width: 504px;
    height:auto;
    overflow:hidden;
}

.first section.right {
    float: left;
    width: 408px;
    height:auto;
    overflow:hidden;
}

.first table, .first td, .first tr {
    padding: 0;
    margin: 0;
    border: 0 none;
    border-collapse:collapse;
}

/*screenshots thumbnails*/
.screen_thumb{
    float:left;width:110px;height:80px;margin:5px;
    background:url("/codebase/images/screenshots/thumbs.gif");
    border:2px solid lightgray;
}

/*events section of first page*/
.icom {
    display:block;
    width: 508px;
    height: 138px;
    background:url("/codebase/images/icom-new.jpg") no-repeat;
    margin-bottom: 18px;
    overflow: hidden;
}
.icom .img {
    width: 133px;
    height: 138px;
    float: left;
    overflow: hidden;
    background-repeat: no-repeat !important;
}
.icom .description {
    overflow:hidden;
    width:325px;
    height:138px;
    float: left;
}
.icom .description h2 {
    margin:13px 0 7px;
}
.icom .description p {
    color: #666;
    margin-bottom: 8px;
}


/* Component Tabs on first page */
#comp_tabs {
    width: 472px;
    height: 96px;
    padding: 0;
    margin:0;
    background:url("/codebase/images/tabs.gif");
    overflow:hidden;
}
#comp_tabs li {
    background:url("/codebase/images/tabs.gif");
    background-position:118px -96px;
}
#comp_tabs li {
    float:left;
    list-style:none;
    text-align:center;
    width:118px;
    cursor: pointer;
    height: 96px;
    overflow: hidden;
}
#comp_tabs a {
    width:118px;
    height: 1650px;
    background: url("/codebase/images/big_icons.png?v=111114");
    display: block;
    font-family: Arial, Tahoma, Verdana, monospace;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    overflow:hidden;
}
#comp_tabs #left-active {
    background-position: 0 -96px;
}
#comp_tabs #active-big {
    background-position: -117px -96px;
}
#comp_tabs #right-active {
    background-position: -234px -96px;
}
.layout-big-icon {
    margin: -6px 0 0 -2px;
}
.layout-big-icon p {
    margin-top: 72px;
}
.tree-big-icon {
    margin-top:-103px;
}
.tree-big-icon p {
    margin-top: 169px;
}
.grid-big-icon {
    margin-top: -203px;
}
.grid-big-icon p {
    margin-top: 269px;
}
.scheduler-big-icon {
    margin-top: -297px;
}
.scheduler-big-icon p {
    margin-top: 366px;
}
.suite-big-icon {
    margin-top: -1247px;
}
.suite-big-icon p {
    margin-top: 1317px;
}
.touch-big-icon {
    margin-top: -1150px;
}
.touch-big-icon p {
    margin-top: 1220px;
}
.others-big-icon {
    margin-top: -1344px;
}
.others-big-icon p {
    margin-top: 1413px;
}

.comp_tabs_block{
	clear:both;
    width:472px;
    background:url("/codebase/images/lr_borders.gif");
    height:440px;
    overflow:hidden;
    display:block;
}

.comp_tabs_block article{
	padding: 5px 20px 0 20px;
}

/*.component-preview {
    height: 160px;
    overflow: hidden;
    display: block;
}
.component-preview .description {
    width:472px;
    height:auto;
    overflow:hidden;
}
.component-preview .description span {
    display:block;
    margin:25px 0 0 138px;
}
.component-preview .description a.more {
    padding-left:15px;
}
.component-preview .description ul {
    height:auto;
    margin:22px 0 20px 0;
    overflow:hidden;
    padding:0;
    float: left;
    width:120px;
}
.component-preview .description ul li {
    list-style:none outside none;
    margin-bottom:6px;
}
.component-preview .description ul li a {
    text-align:center;
    width:110px;
    border:1px solid #CCCCCC;
    color: #666;
    text-decoration: none;
    padding:4px;
    display:block;
}
.component-preview .description ul li a:hover {
    background-color:#ebebeb;
}

*/

/* Demo Applications */

.demo {
    clear:both;
    height:auto;
    margin-bottom:12px;
    overflow:hidden;
    width:auto;
    display: block;
}
.demo .img {
    display:block;
    float:left;
    height:94px;
    margin-right:15px;
    width:131px;
    overflow:hidden;
    background:url("/codebase/images/demo_imgs.gif");
}
.demo .description {
    margin-left:146px;
    width:325px;
}
.demo .description h4 {
    margin: 0 0 12px;
}




/* Blog posts */

.blogposts{
    
}
.first-blog-post {
    height:auto;
    overflow:hidden;
    margin-bottom:10px;
}

.first-blog-post img {
    float: left;
    margin:10px;
}

.first-blog-post div {
    margin:0;
}

.blogposts time {
    color: #000;
}
.blogposts p {
    margin: 0 0 10px 0;
}




/* Components (Other components) on first page */
.components {
    clear:both;
    width:472px;
    background:url("/codebase/images/lr_borders.gif");
    border-top:1px solid #CCCCCC;
    height:auto;
    overflow:hidden;
    display:block;
}

section.left .bottom-corners {
    background:url("/codebase/images/bottom_corners.gif");
    width:472px;
    height: 7px;
    overflow: hidden;
}

.components h3, h3.components-h3 {
    background: #FFFFFF;
    color:#4E889C;
    display:block;
    float:left;
    font-family:Arial,Tahoma,Verdana,monospace;
    font-size:16px;
    left:17px;
    margin:0;
    overflow:hidden;
    padding:0 11px;
    position:relative;
    width:auto;
    height:auto;
    font-weight: normal;
    clear:both;
    top:8px;
}
.comp_tabs_block h3.components-list{
	position:relative;
	top:8px;
	background-color: white;
	width:170px;
	display:block;
	margin:0;
	font-weight: normal;
}

.components-included a{
	text-decoration: none;
}
.components-included a:hover{
	text-decoration: underline;
}
.components-included ul div{
	padding-left:30px;
	height:25px;
	line-height: 28px;
	background: url(/codebase/images/component_icons.gif?v=111114) no-repeat;
	background-position: left -183px;
	margin:1px 0 6px 0;
}

.components-included ul div.grid{
	background-position: left -124px;
}
.components-included ul div.treegrid{
	background-position: left -183px;
}
.components-included ul div.tree{
	background-position: left -6px;
}
.components-included ul div.form{
	background-position: left -644px;
}


.components .container {
    clear:both;
    height:auto;
    overflow:hidden;
    margin:22px 0 21px 10px;
}

.components .container a {
    display:block;
    width:110px;
    padding-top: 40px;
    float: left;
    text-align: center;
    text-decoration:none;
    height:auto;
    overflow:hidden;
    background-repeat: no-repeat;
}

.components .container a:hover {
    text-decoration:underline;
}
.components .accordion {
    background-position: center -400px;
}
.components .ajax {
    background-position: center -922px;
}
.components .calendar {
    background-position: center -339px;
}
.components .chart {
    background-position: center -1095px;
}
.components .colorpicker {
    background-position: center -807px;
}
.components .combo {
    background-position: center -747px;
}
.components .connector {
    background-position: right -396px;
}
.components .editor {
    background-position: center -282px;
}
.components .dataview {
    background-position: center -574px;
}
.components .gantt {
    background-position: center -979px;
}
.components .grid {
    background-position: center -108px;
}
.components .form {
    background-position: center -630px;
}
.components .layout {
    background-position: center -512px;
}
.components .menu {
    background-position: center -225px;
}
.components .scheduler {
    background-position: center -1152px;
}
.components .spreadsheet {
    background-position: center -1653px;
}
.components .skinbuilder {
    background-position: right -461px;
}
.components .slider {
    background-position: center -862px;
}
.components .tabbar {
    background-position: center -52px;
}
.components .tree {
    background-position: center 8px;
}
.components .treegrid {
    background-position: center -168px;
}
.components .toolbar {
    background-position: center -690px;
}
.components .vault {
    background-position: center -1269px;
}
.components .windows {
    background-position: center -457px;
}



/* Labs */
 .labs {
    x_border-top:1px solid #CCC;
    clear:both;
    height:auto;
    overflow:hidden;
}

 .labs .container-labs {
    clear:both;
    height:auto;
    margin:0 29px 0 0;
    overflow:hidden;
}

 .labs .container-labs h4 {
    display: inline;
    margin: 0 5px 0 0;
    font-weight: normal;
    font-size: 14px;
}

 .labs .container-labs article {
    clear:both;
    display:block;
    margin-bottom:23px;
}



/* Customers */
.customers {
    clear:both;
    height:auto;
    margin-bottom:21px;
    overflow:hidden;
    width:auto;
    display: block;
}

.customers div {
    float:left;
    overflow:hidden;
    width:118px;
}


/* ================================= Footer =============================================================================*/
footer {
    
}

footer .logo {
    /*background:url("/codebase/images/footer_logo.gif") no-repeat;
    display: block;
    height: 76px;
    width: 56px;
    overflow: hidden;
    float: left;*/
}

footer span {
    /*float:left;
    font-size:10px;
    line-height:16px;
    margin:14px 0 0 23px;
    color: #797979;
    font-family:Tahoma,Arial,Verdana,monospace;*/
}

footer ul.footer-menu {
    display:block;
    float:left;
    margin:22px 0 0 253px;
    padding:0;
}

footer ul.footer-menu li {
    list-style:none;
    float:left;
    margin-right:17px;
    display:inline;
}

footer ul.footer-menu li a {
    background:url("/codebase/images/footer_icons.gif") no-repeat;
    color:#797979;
    display:block;
    font-size:11px;
    height:11px;
    line-height:11px;
    padding-left:16px;
    text-decoration:none;
    float: left;
}

footer ul.footer-menu li a:hover {
    color: #000;
}

footer ul.footer-menu li a.terms {
    background-position: 0 0;
}

footer ul.footer-menu li a.terms:hover {
    background-position: 0 -11px;
}

footer ul.footer-menu li a.home {
    background-position: 0 -22px;
}

footer ul.footer-menu li a.home:hover {
    background-position: 0 -33px;
}

footer ul.footer-menu li a.contact {
    background-position: 0 -44px;
}

footer ul.footer-menu li a.contact:hover {
    background-position: 0 -55px;
}

.clear-block{
    clear: both;
    height: 330px;
}

.footer{
    width: 912px;
    margin: -300px auto 0;
    background: url("/codebase/images/bg-footer.png") left top no-repeat #4a96c4; 
    clear: both;
    position: relative;
    top: 10px;
}

.top-part-footer{
    margin: 0 30px;
    padding: 20px 2px 8px 0px;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #3c7a9f;
    clear: both;
}

.list-links{
    float: left;
    width: 160px;
    padding: 0;
}

.list-links li{
    margin-bottom: 11px;
    list-style: none;
}

.list-links li a{
    font: normal 12px Arial;
    color: white;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.15);    
}

.list-links li .blue-link-footer{
    color: #58ecff;
}

.social-sing-up{
    position: absolute;
    top: 20px;
    right: 2px;
    text-align: right;
}

.soc-links{
    margin-bottom: 25px;
}

.soc-links li{
    margin-right: -3px;
}

*+html .soc-links li {
    margin-right: 0px;
}

.soc-links li a{
    height: 33px;
    width: 33px;
}

.soc-links li .facebook-link{
    background: url("/codebase/images/facebook-icon.png") left top no-repeat;
}

.soc-links li .facebook-link:hover{
    background: url("/codebase/images/facebook-icon.png") left bottom no-repeat;
}

.soc-links li .linkedin-link{
    background: url("/codebase/images/linkedin-icon.png") left top no-repeat;
}

.soc-links li .linkedin-link:hover{
    background: url("/codebase/images/linkedin-icon.png") left bottom no-repeat;
}

.soc-links li .twitter-link{
    background: url("/codebase/images/twitter-icon.png") left top no-repeat;
}

.soc-links li .twitter-link:hover{
    background: url("/codebase/images/twitter-icon.png") left bottom no-repeat;
}

.soc-links li .googleplus-link{
    background: url("/codebase/images/googleplus-icon.png") left top no-repeat;
}

.soc-links li .googleplus-link:hover{
    background: url("/codebase/images/googleplus-icon.png") left bottom no-repeat;
}

.soc-links li .rss-link{
    background: url("/codebase/images/rss-icon.png") left top no-repeat;
}

.soc-links li .rss-link:hover{
    background: url("/codebase/images/rss-icon.png") left bottom no-repeat;
}

.sign-up-form{
    position: relative;
    text-align: right;
}

#note-form{
    position: absolute;
    left: 18px;
    top: 55px;
    color: white;
    opacity: 1;
    transition: opacity 0.2s ease-in-out;    
    text-align: left;
}

.sign-up-form form{
    position: relative;
    left: 4px;
}

.sign-up-form span{
    display: block;
    text-align: right;
    font: normal 12px Arial;
    color: white;
    margin-bottom: 7px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.form-field-text{
    width: 146px;
    background: url("/codebase/images/input-text-bg.png") left top no-repeat;
    border: none;
    padding: 6px 10px 10px;
}

.form-field-text:focus{
    outline: none;
}

.form-button{
    color: white;
    border: none;
    width: 74px;
    padding: 5px 0;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.45);
    background: url("/codebase/images/input-submit-bg.png") left -28px no-repeat;
    cursor: pointer;
    position: relative;
    top: -2px;
}

.form-button:hover{
    background: url("/codebase/images/input-submit-bg.png") left 1px no-repeat;
}

.bottom-part-footer{
    margin: 0 30px;
    padding: 20px 2px 16px;
    overflow: hidden;
    position: relative;
    border-top: 1px solid #77b0d3;
    clear: both;
}

.mini-logo{
    width: 73px;
    height: 0px;
    padding-top: 31px;
    overflow: hidden;
    background: url("/codebase/images/dhx-logo.png") left top no-repeat;
    margin-right: 10px;
}

.copyright-footer span{
    display: block;
    font: normal 11px Arial;
    color: white;
}

.copyright-footer,
.mini-logo,
.form-button,
.form-field-text{
    vertical-align: middle;
}

.list-links-footer{
    position: absolute;
    right: 0px;
    bottom: 17px;
}

.list-links-footer li{
    margin-left: 18px;
}

.list-links-footer li a{
    color: #f8f8f8;
    text-decoration: none;
    font: normal 11px Arial;
    height: 10px;
    line-height: 10px;
}

.list-links-footer li .tetms-link{
    padding-left: 14px;
    background: url("/codebase/images/tetms-icon.png") left center no-repeat;
}

.list-links-footer li .home-link{
    padding-left: 15px;
    background: url("/codebase/images/home-icon.png") left center no-repeat;
}

.list-links-footer li .contacts-link{
    padding-left: 17px;
    background: url("/codebase/images/contacts-icon.png") left center no-repeat;
}

.soc-links li,
.soc-links li a,
.mini-logo,
.copyright-footer,
.list-links-footer li,
.list-links-footer li a,
.view-app-gallery-link{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/*===Suite page===*/

.suite-menu{
    background: url('/docs/products/dhtmlxSuite/img/whiteblock_.png') left top no-repeat;
    width:425px;
    height: 18px;
    margin-left:-20px;
    padding: 28px;
}

.buttons-suite{
    margin:-60px 0 30px 0;
    height:30px;
}

/*=================Link "View app gallery"==================*/
.view-app-gallery-link{
    width: 111px;
    text-decoration: none;
    font: normal 13px Arial, Tahoma, Verdana;
    line-height: 18px;
    color: #fff;
    padding: 5px 0 7px 37px;
    margin-top: 5px;
    background: url("/codebase/images/view-button.png") left top no-repeat;
}

.view-app-gallery-link:hover{
    background: url("/codebase/images/view-button.png") left -33px no-repeat;
}
/*====*/
.top-45{
    margin-top: 45px;
}

/*lightboxS*/
#transdiv {
	position:absolute;
	z-index:100;
	background-color: #eaf1fc;
	filter: alpha(opacity=50); /* internet explorer */
	-khtml-opacity: 0.5;      /* khtml, old safari */
	-moz-opacity: 0.5;       /* mozilla, netscape */
	opacity: 0.5;           /* fx, safari, opera */
}

#lbdiv {
	position:fixed;
	z-index:101;
	border: 1px solid lightgray;
	border-radius: 5px;
	background-color: white;
	-webkit-box-shadow: 0 8px 6px -6px black;
   -moz-box-shadow: 0 8px 6px -6px black;
		box-shadow: 0 8px 6px -6px black;
	top:50%;
	left:50%;
	padding: 20px;
}

/*==============popap video==============*/

#popap-vor-video-tutorial{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    z-index: 10000;
}

.bg-popap-video-tutorial{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.2;
    filter: alpha(opacity = 20);
    z-index: 1;   
}

.video-tutorial-block{
    overflow: hidden;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 700px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -200px 0 0 -350px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #d0d0d0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#d0d0d0));
    background: -webkit-linear-gradient(top, #fff 0%,#d0d0d0 100%); 
    background: -o-linear-gradient(top, #fff 0%,#d0d0d0 100%); 
    background: -ms-linear-gradient(top, #fff 0%,#d0d0d0 100%);
    background: linear-gradient(to bottom, #fff 0%,#d0d0d0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#d0d0d0',GradientType=0 );
    font-family: Tahoma;
    z-index: 20000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ffffff;
    -moz-box-shadow: 0px 0px 14px #888;
	-webkit-box-shadow: 0px 0px 14px #888;
	box-shadow: 0px 0px 14px #888;
}

.close-video-tutorial-block{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 16px;
    height: 0px;
    padding-top: 16px;
    overflow: hidden;
    background: url("/codebase/images/lightbox/close.png") left top no-repeat;
    cursor: pointer;
    position: absolute;
    right: 7px;
    top: 7px;
}

/*==product header sub===*/

.current-version-product{
    display: block;
    color: #bbbbbb;
    margin-bottom: 9px;
}

.current-version-product a{
    color: #bbbbbb;
}

.current-version-product span{
    font-size: 87.5%;
}

.download-link-product, .buy-link-product, .get-trial-link-product, .buy-link-product-normal, .download-link-long, .download-product-link-long,
.buy-link-product-big, .buy-link-subscription-big {
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-decoration: none;
    font: normal 13px 'Trebuchet MS', Arial, Tahoma, Verdana;
    line-height: 18px;
    color: #0b899e;
    cursor: pointer;
}

.download-link-product{
    padding: 5px 0 8px 45px;
    width: 77px;
}

.buy-link-product{
    padding: 5px 0 8px 52px;
    width: 70px;
}

.download-link-long{
    width: 159px;
    padding: 5px 0 8px 99px;
    background: url("/codebase/images/button_download_suite.png") left top no-repeat;
}

.download-link-long:hover{
    background: url("/codebase/images/button_download_suite.png") left -31px no-repeat;
}

.download-product-link-long{
    width: 143px;
    padding: 5px 0 8px 115px;
    background: url("/codebase/images/long_download_button.png") left top no-repeat;
}

.download-product-link-long:hover{
    background: url("/codebase/images/long_download_button.png") left -31px no-repeat;
}

.download-link-product{
    background: url("/codebase/images/download_button_01.png") left top no-repeat;
    margin-right: 11px;
}

.download-link-product:hover{
    background: url("/codebase/images/download_button_01.png") left -31px no-repeat;
}

.buy-link-product{
    background: url("/codebase/images/buy-pro_button_01.png") left top no-repeat;
}

.buy-link-product:hover{
    background: url("/codebase/images/buy-pro_button_01.png") left -31px no-repeat;
}

.buy-link-product-normal{
    background: url("/codebase/images/buy_button_01.png") left top no-repeat;
    padding: 5px 0 8px 56px;
    width: 66px;
}

.buy-link-product-normal:hover{
    background: url("/codebase/images/buy_button_01.png") left -31px no-repeat;
}

.get-trial-link-product{
    background: url("/codebase/images/get-trial_button_01.png") left top no-repeat;
    margin-right: 11px;
    padding: 5px 0 8px 51px;
    width: 71px;
}

.get-trial-link-product:hover{
    background: url("/codebase/images/get-trial_button_01.png") left -31px no-repeat;
}

.buy-link-product-big {
  background: url("/codebase/images/buy-pro_button_new_1.png") left top no-repeat;	
		padding: 6px 0 6px 56px;
  width: 100px;
		text-align: left;
}
.buy-link-product-big:hover {
  background: url("/codebase/images/buy-pro_button_new_1.png") left -31px no-repeat;
}

.buy-link-subscription-big {
  background: url("/codebase/images/buy-pro_button_new_2.png") left top no-repeat;
	 padding: 6px 0 6px 49px;
  width: 107px;
		text-align: left;
}
.buy-link-subscription-big:hover {
  background: url("/codebase/images/buy-pro_button_new_2.png") left -31px no-repeat;
}

.browsers-standard-in-products{
    position: relative;
    display: block;
    width: 264px;
    height: 37px;
    text-decoration: none;
    color: #0482ad;
    padding-bottom: 10px;
}

.browsers-standard-in-products .text-banner{
    position: absolute;
    left: 20px;
    top: 8px;
}

.additional-information{
    display: block;
    color: #bbbbbb;
    font-size: 87.5%;
}

.browsers-standard-bl{
    position: relative;
    left: -3px;
}

.use-designer-link{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 148px;
    text-align: center;
    line-height: 18px;
    padding: 6px 0 7px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    background: url("/codebase/images/use-designer-online-button.png") left top no-repeat;
    position: absolute;
    top: 18px;
    right: 128px;
}

.use-designer-link:hover{
    background: url("/codebase/images/use-designer-online-button.png") left -33px no-repeat;
}


.use-designer-3x{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 95px;
    text-align: center;
    line-height: 18px;
    padding: 6px 0 7px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    background: url("/codebase/images/use-designer-3x-button.png") left top no-repeat;
    position: absolute;
    top: 18px;
    right: 22px;
}

.use-designer-3x:hover{
    background: url("/codebase/images/use-designer-3x-button.png") left -33px no-repeat;
}

.use-skinbuilder-3x {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 127px;
    text-align: center;
    line-height: 18px;
    padding: 8px 0 5px;
    color: #0b899e;
    text-decoration: none;
    cursor: pointer;
    background: url("/codebase/images/use-skinbuilder-3x-button.png") left top no-repeat;
    position: static;
    top: 18px;
    right: 22px;
}

.use-skinbuilder-3x:hover{
    background: url("/codebase/images/use-skinbuilder-3x-button.png") left -38px no-repeat;
}


.load-css-btn-wrap {
    display: inline-block;
    *display: inline;
    zoom: 1;
    cursor: pointer;
}
.load-css-btn-wrap .load-css-btn-form {
    margin: 0;
}
.load-css-btn {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
    height: 30px;
    width: 99px;
    padding-left: 42px;
    color: #0b899e;
    text-decoration: none;
    cursor: pointer;
    background: url("/codebase/images/load_css_button.png") left top no-repeat;
    overflow: hidden;
    position: relative;
}
.load-css-btn:hover,
.load-css-btn:focus {
    background: url("/codebase/images/load_css_button.png") left -31px no-repeat;
}
.load-css-btn .load-css {
    line-height: 18px;
    padding: 6px 0;
}
.load-css-btn .load-css-input {
    position: absolute;
    top: 0;
    left: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    opacity: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border: none;
    cursor: pointer!important;
}


/*==============Lists features================*/

.lists-features{
    overflow: hidden;
}

.lists-features ul{
    padding-left: 21px;
    float: left;
    width: 270px;
    position: relative;
}

.first-list-features{
    padding-left: 21px;
    padding-right: 17px;
}

.view-feature-details-link{
    display: block;
    width: 148px;
    line-height: 18px;
    padding: 6px 0;
    color: white;
    text-decoration: none;
    text-align: center;
    margin: 18px 0 4px;
    background: url("/codebase/images/view-features-button.png") left top no-repeat;
}

.view-feature-details-link:hover,
.view-feature-details-link:active,
.view-feature-details-link:focus,
.blue-button:hover,
.blue-button:active,
.blue-button:focus{
    background: url("/codebase/images/view-features-button.png") left -33px no-repeat;
}

/*====================summary table licenses======================*/

.wrapper-collapse-table{
    position: relative;
    margin-bottom: 36px;
    padding-bottom: 18px;
    overflow: hidden;
}

.wrapper-collapse-table #accordition-table-link{
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 33px;
    line-height: 33px;
    color: white;
    text-decoration: none;
    text-align: center;
    background: url("/codebase/images/licenses/bg-accordition-link.png") left top no-repeat;
    cursor: pointer;
}

.wrapper-collapse-table #accordition-table-link span{
    position: relative;
    left: 10px;
}

.summary-table-license{
    background: url("/codebase/images/licenses/bg-top-table.png") left top no-repeat;
}

.summary-table-license .f-line-header{
    height: 46px;
    color: white;
    text-align: center;
}

.summary-table-license tr td{
    height: 31px;
    border-left: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    text-align: center;
}

.summary-table-license .f-line-header th{
    border-left: 1px solid #e0e0e0;
}

.summary-table-license .f-line-header .first-cell-th{
    border-left: none;
}

.summary-table-license .gray-line-table td{
    background-color: #f9f9f9;
}

.summary-table-license tr .first-cell-table{
    text-align: left;
    padding-left: 16px;
}

.summary-table-license tr .first-cell-table span{
    display: inline-block;
    *display: inline;
    zoom: 1;
    height: 22px;
    line-height: 22px;
    padding-left:30px;
	   background-image:url("/codebase/images/component_icons.gif?v=11130");
	   background-repeat: no-repeat;
}

.for-image-no-icon{
    line-height: 0;
}

.summary-table-license tr .last-cell-table{
    border-right: 1px solid #e0e0e0;
}

/*===================Form License, Contacts=======================*/

.for-button-buy-prod{
    position: relative;
    text-align: right;
}

.for-button-buy-prod .button-buy-prod{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 148px;
    font: normal 13px Arial;
    line-height: 18px;
    padding: 6px 0;
    border: none;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-top: 22px;
    background: url("/codebase/images/licenses/buy_blue.png") left top no-repeat;
}

.for-button-buy-prod .button-buy-prod:hover{
    background: url("/codebase/images/licenses/buy_blue.png") left bottom no-repeat;
}

.after-table-end{
    height: 8px;
    background: url("/codebase/images/after-table-line.png") left top no-repeat;
}

.expand-table-button{
    height: 33px;
    line-height: 33px;
    color: white;
    text-align: center;
    width: 600px;
    cursor: pointer;
    background: url("/codebase/images/dload/open-table-button.png") left top no-repeat;
}

#expand-table-download{
    position: relative;
    overflow: hidden;
}

#dload_area{
    padding-bottom: 30px;
}

/*====================Support page====================*/

.header-page-support{
    background-color: #eff6f8;
    margin: 1px 0 0;
    padding: 5px 10px;
}

.header-page-support a{
    color: #666666;
    text-decoration: none;    
}

.main-wrapper-support-page{
    position: relative;
    overflow: hidden;
}

.left-part-support-page{
    position: relative;
    float: left;
    width: 620px;
}

.item-list-support{
    position: relative;
    overflow: hidden;
    margin: 15px 0 0;
    padding: 0 0 6px;
}

.divider-line-in-support{
    background: url("images/divider-line-support.png") left bottom no-repeat;
}

.link-in-support, .content-item-list-support{
    float: left;
}

.content-item-list-support{
    width: 475px;
    font-size: 13px;
    font-family: Tahoma;
    color: #666666;
}

.content-item-list-support p{
    margin: 0 0 11px;
}

.arrow-for-support{
    font-family: Arial;
    font-size: 18px;
}

.submit-support-ticket-link, .join-the-forum-link, .view-docs-samples-link{
    display: block;
    width: 72px;
    height: 75px;
    margin-left: 25px;
    margin-right: 32px;
}

.submit-support-ticket-link{
    background: url("images/support-sprite.png") left 1px no-repeat;
    margin-top: 25px;
}

.join-the-forum-link{
    background: url("images/support-sprite.png") left -83px no-repeat;
    margin-top: 10px;
}

.view-docs-samples-link{
    background: url("images/support-sprite.png") left -167px no-repeat;
    margin-top: 27px;
}

.right-part-support-page{
    float: right;
    position: relative;
}

.caption-link-support{
    display: inline-block;
    *display: inline;
    zoom: 1;
    font: bold 14px Trebuchet MS,Tahoma;
    color: #4e889c !important;
    text-decoration: none;
    margin-bottom: 11px;
}

.caption-link-support:hover{
    text-decoration: underline;
}

/*====Form Support====*/

.block-for-form-support{
    width: 260px;
    height: 157px;
    margin: 12px 2px 0 0;
    background: url("images/bg-form-support.png") left top no-repeat;
}

.caption-form-support{
    display: block;
    color: #0482b9;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 0 7px 16px;
}

.block-for-form-support .row-support{
    position: relative;
    padding: 12px 0 0;
}

.block-for-form-support .row-support .label-support{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: right;
    width: 69px;
}

.input-field-support{
    width: 161px;
    padding: 3px 4px;
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;   
}

.button-login-in-support{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 98px;
    height: 30px;
    border: none;
    background: url("images/login-button-support.png") left top no-repeat;
    cursor: pointer;
    position: absolute;
    top: 12px;
    right: 15px;
}

.row-buttons .checkbox-support, .row-buttons label{
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: middle;
}

.row-buttons label{
    width: 105px;
    line-height: 30px;
}

.row-buttons .checkbox-support{
    margin: 0px 2px 0px 12px;
}

/*============Touch button============*/

.button-long,
.button-for-touch{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 148px;
    color: white;
    text-decoration: none;
    padding: 6px 0;
    text-align: center;
}

.download-touch,
.download-gantt{
    background: url("images/download.png") left top no-repeat;
}

.download-touch:hover,
.download-gantt:hover{
    background: url("images/download.png") left -33px no-repeat;
}

.buy-support-touch{
    margin-left: 16px;
    background: url("/docs/products/dhtmlxTouch/img/buy_support.png") left top no-repeat;
}

.buy-support-touch:hover{
    background: url("/docs/products/dhtmlxTouch/img/buy_support.png") left -33px no-repeat;
}

.touch-menu{
    background: url('/docs/products/dhtmlxSuite/img/whiteblock_.png') left top no-repeat;
    width:425px;
    height: 18px;
    margin-left:-20px;
    padding: 28px;
}

.block-btn{
    margin:-60px 0 30px 0;
    height:30px;
}



/*=========Block Poll=========*/

.block-polls-dhtmlx{
    padding:3px;
    margin-bottom:10px;
    width:261px;
    font-family:tahoma;
}

.header-block-polls{
    overflow: hidden;
}

.left-part-header-block-polls{
    float:left;
    background: url("/images/poll/head_left_sprite.png") left top no-repeat;
    width:8px;
    padding-bottom:400px;
    margin-bottom:-400px;
}

.right-part-header-block-polls{
    float:right;
    background : url("/images/poll/head_right_sprite.png") right top no-repeat;
    width:10px;
    padding-bottom:400px;
    margin-bottom:-400px;
}

.middle-part-header-block-polls{
    background: url("/images/poll/head_center_sprite.png") repeat-x;
    padding-top:10px;
    padding-bottom:10px;
    height:22px;
    border-bottom: 1px solid #99cccc;
}

.content-block-polls-dhtml{
    background-image: url("/images/poll/body.gif");
    padding:10px 20px 10px 20px;
    color: #006699;
    font-size:11px;
}

#dload_area div{
       
}

/*===========Integration & Development===========*/

.integr-dev-block{
    position: relative;
    width: 378px;
    height: 122px;
    padding: 14px 15px 40px;
    margin-top: 45px;
    background: url("/codebase/images/bg-integr-dev.png") left top no-repeat;
}

.integr-dev-block h2{
    margin: 0 0 7px;
}

.integr-dev-block p{
    margin: 0;
}

.integr-dev-block .see-details-link{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin-left: 213px;
}

.man-main-page{
    position: absolute;
    top: 19px;
    right: 8px;
}

/*==============Get a quote page=================*/

.get-quote-form{
    background: url("/images/bg-quote-form-repeat.png") repeat-y;
    width: 750px;
    margin-left: 80px;
}

.get-quote-form .wrapper-inside-quote-form{
    background: url("/images/bg-quote-form-top.png") left top no-repeat;
}

.get-quote-form .inside-quote-form{
    padding: 34px 0 29px 30px;
    background: url("/images/bg-quote-form-bottom.png") left bottom no-repeat;
}

.get-quote-form p{
    padding-bottom: 10px;
}

.wrapper-fields-quote-form{
    margin-left: 130px;
}

.quote-form-row{
    position: relative;
    padding-bottom: 10px;
}

.quote-form-company-row{
    margin-left: 108px;
}

.quote-form-row label{
    position: absolute;
    top: 5px;
    left: -131px;
    width: 116px;
    text-align: right;
}

.quote-form-company-row label{
    width: 50px;
    left: -73px;
}

.get-quote-form .quote-form-field{
    font-family: "Trebuchet MS",Tahoma,Arial,Verdana,monospace;
    font-size: 13px;
    padding: 5px 9px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #666666;
    vertical-align: middle;
}

.get-quote-form .input-text-field{
    width: 204px;
}

.get-quote-form .quote-form-submit{
    border: none;
}

.get-quote-form .file-input-field{
    position: relative;
    vertical-align: middle;
    width: 75px;
    height: 30px;
    margin-right: 8px;
    overflow: hidden;
}

.file-input-field span{
    position: absolute;
    top: 5px;
    left: 4px;
    color: #4e889c;
    text-decoration: underline;
}

.file-input-field .input-file-field{
    position: absolute;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    right: 0;
    top:0;
    font-size: 200px;
}

.get-quote-form .input-text-path-file{
    width: 453px;
}

.get-quote-form .input-text-path-file[disabled]{
    background-color: white;
}

.quote-form-textarea-row{
    padding-bottom: 10px;
}

.get-quote-form .quote-form-textarea{
    width: 540px;
    height: 125px;
}

.quote-form-row .quote-form-submit{
    position: absolute;
    right: 30px;
    bottom: 0px;
    width: 148px;
    height: 30px;
    background: url("/codebase/images/send-quote-form.png") left top no-repeat;
    cursor: pointer;
}

.quote-form-row .quote-form-submit:hover{
    background: url("/codebase/images/send-quote-form.png") left -33px no-repeat;
}

.quote-form-checkbox-row{
    padding: 12px 0 42px;
}

.quote-checkbox, .quote-form-checkbox-row label{
    width: auto;
    vertical-align: middle;
    position: relative;
    top: -4px;
    left: 0;
}

.quote-checkbox{
    margin-right: 4px;
}

.quote-form-name-row, 
.quote-form-company-row,
.quote-form-row label,
.get-quote-form .file-input-field,
.quote-checkbox, 
.quote-form-checkbox-row label{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

/*=============Request form Contact page==============*/

#request_form{
    background:url("/codebase/images/licenses/request-form-bg-repeat.png") repeat-y;
    width:600px;
    position:relative;
    margin-top:20px;
}

#request_form .request-form-inside-wrapper{
    background:url("/codebase/images/licenses/request-form-bg-top.png") left top no-repeat;
}

#request_form .request-form-inside{
    padding: 15px 0 6px;
    background:url("/codebase/images/licenses/request-form-bg-bottom.png") left bottom no-repeat;
}

#request_form .wrapper-request-form-fields{
    margin-left: 150px;
}

#request_form .request-form-row-item{
    position: relative;
    padding-bottom: 6px;
}

#request_form .request-form-row-item .label{
    position:absolute;
    text-align:right;
    width:130px;
    top: 3px;
    left: -145px;
    display: inline-block;
    *display: inline;
    zoom: 1;
}

textarea{
    resize: vertical;
}

#request_form  .request-form-field-item{
    font-family: "Trebuchet MS",Tahoma,Arial,Verdana,monospace;
    padding: 5px 9px;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
}

#request_form .row-submit-button{
    text-align: right;
    padding-right: 20px;
}

#request_form #submit_btn{
    width: 112px;
    line-height: 18px;
    padding: 6px 0;
    border: none;
    color: #0b899e;
    cursor: pointer;
    background: url("/codebase/images/licenses/send_button_01.png") left top no-repeat;
}

#request_form #submit_btn:hover{
    background: url("/codebase/images/licenses/send_button_01.png") left -31px no-repeat;
}

.get-a-quote-button{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 103px;
    padding: 6px 0 9px 45px;
    color: white;
    text-decoration: none;
    font: normal 13px Arial, Tahoma, Verdana;
    margin: 2px 0 11px;
    background: url("images/get-a-quote-button.png") left top no-repeat;
}

.get-a-quote-button:hover{
    background: url("images/get-a-quote-button.png") left -33px no-repeat;
}

#liccomp td.param, #liccomp td.hdr, #liccomp td {
    font-family: 'Trebuchet MS', 'PT Sans', Tahoma!important;
}

.demo-aplication36{
    position: relative;
    width: 180px;
    height: 135px;
    float:left;
    margin:10px 24px 0 -5px;
    cursor:pointer;
    background: url("/docs/products/dhtmlxSuite/img/demo-aplication36-new.png") left top no-repeat;
    font: normal 13px 'Trebuchet MS', Arial, Verdana, Tahoma;
    color: #0b899e;
}

.demo-aplication36:hover{
    background: url("/docs/products/dhtmlxSuite/img/demo-aplication36-new-hover.png") left top no-repeat;
}

.demo-aplication36 span{
    position: absolute;
    left: 54px;
    bottom: 16px;
}

.skin-builder-banner{
    display: block;
    width: 260px;
    height: 58px;
    margin:0 0 10px 3px;
    text-decoration: none;
    background: url("/codebase/images/skinbuilder_for_scheduler.png") left top no-repeat;
}

.skin-builder-banner .bold-caption{
    display: block;
    font: bold 14px 'Trebuchet MS', Arial, Verdana;
    color: #0482ad;
    padding: 17px 0 0 69px;
}

.skin-builder-banner .small-text-banner{
    display: block;
    font: normal 10px 'Trebuchet MS', Arial, Verdana;
    color: #858585;
    padding: 0px 0 0 69px;
    text-shadow: 0px 1px 0 #fff;
}

.dhtmlx-scheduler-calendar{
    display: block;
    width: 257px;
    height: 96px;
    text-decoration: none;
    margin: 5px 0 9px 3px;
    background: url("/images/scheduler_rightside.png") left top no-repeat;
}

.dhtmlx-scheduler-calendar .try-text{
    display: block;
    color: white;
    font: normal 15px Tahoma, Arial, Verdana;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    padding: 34px 0 7px 12px;
}

.dhtmlx-scheduler-calendar .try-text span{
    font: normal 16px Tahoma, Arial, Verdana;
}

.dhtmlx-scheduler-calendar .small-text-banner{
    display: block;
    font: normal 12px Arial, Tahoma, Verdana;
    color: #42676b;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.4);
    padding: 0px 0 0px 12px;
}

.dhtmlx-suite-banner{
    position: relative;
    display: block;
    width: 266px;
    height: 66px;
    text-decoration: none;
    margin:-2px 0 10px -1px;
    background: url("/codebase/images/dhtmlx-suite-banner.png") left top no-repeat;
}

.dhtmlx-suite-banner .bold-caption{
    display: block;
    font: normal 17px 'Trebuchet MS', Arial, Verdana;
    color: #0482ad;
    padding: 14px 0 2px 48px;
}

.dhtmlx-suite-banner .small-text-banner{
    display: block;
    font: normal 11px 'Trebuchet MS', Arial, Verdana;
    color: #858585;
    text-shadow: 0px 1px 0px #fff;
    padding-left: 21px;
}

.dhtmlx-suite-banner .ui-widget-text{
    position: absolute;
    right: 20px;
    bottom: 12px;
    font: normal 11px Arial, Verdana;
    color: #fff;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
}

.get-free-pro-trial {
	  display: block;
			width: 266px;
			height: 57px;
			text-decoration: none;
   margin:-21px 0 10px -1px;
   background: url("/codebase/images/subcontent/get-free-pro-trial.png") left top no-repeat;
}
.dhtmlx-banner-10-suite {
	  display: block;
			width: 266px;
			height: 82px;
			text-decoration: none;
   margin:-2px 0 10px -1px;
   background: url("/codebase/images/banner-dhx-10-suite.png") left top no-repeat;
}

.visual-designer-banner{
    display: block;
    width: 260px;
    height: 50px;
    margin: 0 0 10px 3px;
    text-decoration: none;
    background: url("/codebase/images/online-visual-designer.png") left top no-repeat;
}

.visual-designer-banner .bold-caption{
    display: block;
    font: bold 14px 'Trebuchet MS', Arial, Verdana;
    color: #0482ad;
    padding: 9px 0 0 75px;
}

.visual-designer-banner .small-text-banner{
    display: block; 
    font: normal 10px 'Trebuchet MS', Arial, Verdana;
    color: #858585;
    padding-left: 75px;
    text-shadow: 0px 1px 0 #fff;
}

.online-skin-builder-banner{
    display: block;
    width: 260px;
    height: 58px;
    margin: 0 0 10px 3px;
    text-decoration: none;
    background: url("/images/online-skin-builder.png") left top no-repeat;
}

.online-skin-builder-banner .bold-caption{
    display: block;
    font: bold 14px 'Trebuchet MS', Arial, Verdana;
    color: #0482ad;
    padding: 17px 0 0 56px;
}

.online-skin-builder-banner .small-text-banner{
    display: block; 
    font: normal 10px 'Trebuchet MS', Arial, Verdana;
    color: #858585;
    padding-left: 56px;
    text-shadow: 0px 1px 0 #fff;
}

.scheduler-net-java-banner{
    position: relative;
}

.scheduler-net-java-banner .caption-banner-sch,
.scheduler-net-java-banner .first-link-banner,
.scheduler-net-java-banner .second-link-banner{
    position: absolute;
}

.scheduler-net-java-banner .caption-banner-sch{
    top: 8px;
    left: 16px;
    color: #717171;
    font: bold 17px Arial, Tahoma, Verdana;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.scheduler-net-java-banner .first-link-banner{
    top: 47px;
    left: 34px;
    font: normal 13px Arial, Tahoma, Verdana;
    color: #8f6a36;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.scheduler-net-java-banner .second-link-banner{
    top: 88px;
    left: 35px;
    font: normal 13px Arial, Tahoma, Verdana;
    color: #417082;
    text-decoration: none;
    text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
}

.scheduler-net-java-banner .first-link-banner span,
.scheduler-net-java-banner .second-link-banner span{
    text-decoration: underline; 
    font: bold 15px Arial, Tahoma, Verdana;  
}

.buyit-link,
.small-button-dwn-product{
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-decoration: none;
    font: bold 11px Arial, Verdana, Tahoma;
    color: #0582ae;
    text-shadow: 0px 1px 0px white;
}

.buyit-link span{
    position: absolute;
    left: 4px;
    top: 1px;
}

.small-button-dwn-product span{
    position: absolute;
    left: 3px;
    top: 1px;
}

/* main page header */

.wrapper-inside-header{
    height: 291px; /*345px;*/
    border-bottom: 1px solid #3c7a9f;
}

.new-inf-link{
    padding: 18px 0px 6px;
}

.new-inf-link a{
    color: white;
}

.header-footer{
    position: relative;
    clear: both;
    padding-top: 8px; /* 12px */
    border-top: 1px solid #77b0d3;
}

.caption-list-foot{
    position: relative;
    top: -2px;
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
    font-family: Arial,Helvetica,Tahoma,Verdana, sans-serif;
    /*text-shadow: 0px 1px 0px rgba(0,0,0,0.35);*/
    padding-right: 25px;
    vertical-align: middle;
}

.centered{
    text-align: center;
}
.right-align {
	  text-align: right;
}

/* lightbox */

.lightbox{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    opacity: 0;
    user-select: none;
    -webkit-user-select: none;
    overflow: auto;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.lightbox-bg{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    min-width: 1024px;
    min-height: 768px;
    background: #000;
    opacity: 0.52;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=52);
    z-index: 1;
}

.wrapper-lightbox{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1024px;
    height: 768px;
    margin: -384px 0px 0px -512px;
    z-index: 100;
}

@media (max-height:780px) {
    .wrapper-lightbox{
        position: relative;
        left: 0%;
        top: 0%;
        margin: 15px auto 0px auto;
        z-index: 100;
    }

}

.lightbox-slides{
    position: relative;
}

.lightbox-slides img{
    position: absolute;
    left: 0px;
    top: 0px;
    display: none;
    z-index: 1;
    opacity: 0;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}

.header-lightbox{
    color: #ffffff;
    font: normal 18px Arial, Verdana, Tahoma;
    padding: 9px 20px;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #8e9ca5;
    background: -moz-linear-gradient(top, rgba(161,174,181,0.9) 0%, rgba(146,161,169,0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(161,174,181,0.9)), color-stop(100%,rgba(146,161,169,0.9))); 
    background: -webkit-linear-gradient(top, rgba(161,174,181,0.9) 0%,rgba(146,161,169,0.9) 100%);
    background: -o-linear-gradient(top, rgba(161,174,181,0.9) 0%,rgba(146,161,169,0.9) 100%);
    background: -ms-linear-gradient(top, rgba(161,174,181,0.9) 0%,rgba(146,161,169,0.9) 100%);
    background: linear-gradient(to bottom, rgba(161,174,181,0.9) 0%,rgba(146,161,169,0.9) 100%);
}

.close-lightbox{
    position: absolute;
    top: -14px;
    right: -14px;
    display: block;
    width: 28px;
    height: 28px;
    cursor: pointer;
    background: url("/codebase/images/header1205/close_lightbox.png") left top no-repeat;
    z-index: 1000;
}

.close-lightbox:hover{
    background: url("/codebase/images/header1205/close_lightbox.png") right top no-repeat;
}

.main-lightbox{
    position: relative;
    height: 768px;
    background: url("/codebase/images/header1205/loader.gif") center center no-repeat #fff;
}

.lightbox-slides{
    position: relative;
    z-index: 10;
}

.prev-arrow,
.next-arrow{
    display: block;
    width: 150px;
    height: 100%;
    position: absolute;
    top: 0px;
    z-index: 100;
    opacity: 0.7;
    cursor: pointer;
    transition: opacity 0.1s ease-in-out;
}

.prev-arrow{
    left: 0px;
    background: url("/codebase/images/header1205/prev-arrow.png") left center no-repeat;
}

.next-arrow{
    right: 0px;
    background: url("/codebase/images/header1205/next-arrow.png") right center no-repeat;
}

.prev-arrow:hover,
.next-arrow:hover{
    opacity: 1;
}

.hidden{
    position: fixed;
    top: 0px;
    overflow: hidden!important;    
    left: 0px;
}

/* download suite page */

.clear-oveflow{
    overflow: hidden;
}

.description-dwn-suite{
    padding-bottom: 25px;
}

.description-dwn-suite img{
    margin-right: 15px;
}

.left-float{
    float: left;
}

.subcaption-suite-page{
    display: block;
    color: #666666;
    font: bold 1.17em "Trebuchet MS",Tahoma,Arial,Verdana,monospace;
    line-height: 18px;
    margin: 20px 0 15px;
}

.divider-line-suite{
    height: 16px;
    background: url('/docs/products/dhtmlxSuite/img/divider-line.png') -13px top no-repeat;
}

.green-btn,
.blue-button{
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-decoration: none;
    color: white;
    width: 150px;
    text-align: center;
    padding: 6px 0;
    border: none;
    cursor: pointer;
    font-size: 13px;
}

.green-btn{
    background: url('/codebase/images/green-button.png') center 0px no-repeat;
}

.request-form-inside-wrapper .green-btn{
    padding: 7px 0px 8px;
}

.blue-button{
    background: url("/codebase/images/view-features-button.png") left top no-repeat;
}

.green-btn:hover,
.green-btn:active,
.green-btn:focus{
    background: url('/codebase/images/green-button.png') center -33px no-repeat;
    outline: none;
}

.bottom-5{
    padding-bottom: 5px;
}

.top-40{
    margin-top: 40px;
}

.top-20{
    margin-top: 20px;
}

.top-25{
    margin-top: 25px;
}

.right-5{
    margin-right: 5px;
}

.pro-list{
    padding-left: 20px;
}

.pro-list li{
    padding-bottom: 10px;
}

.suite-form-note{
    position: relative;
    left: -130px;
}

.wrapper-checkbox-label{
    display: block;
    padding: 4px 0px 6px;
}

.wrapper-checkbox-label input,
.wrapper-checkbox-label label{
    vertical-align: middle;
}

.wrapper-checkbox-label input{
    margin-top: 2px;
}

.suite-page-sidebar .hide-show-btn,
.other-pr-sidebar .hide-show-btn{
    display: none;
}

.suite-page-sidebar .bl_middle {
    padding: 0 0px 4px 16px;
}

#productslist .w95{
    width: 95px;
}

.caption-after-sending{
    display: block;
    padding-bottom: 10px;
}

.after-sending{
    padding: 0px 18px 14px;
}

.bottom-30{
    margin-bottom: 30px;
}

/* thank you page */

.f15{
    font-size: 15px;
    line-height: 26px;
}

.gray-elem-wrapper{
    background: url('/codebase/images/content-gray-block.png') repeat-y #f8f8f8;
}

.content-gray-elem{
    background: url('/codebase/images/top-gray-block.png') top center no-repeat;
}

.bottom-gray-elem{
    padding: 17px 15px 0px;
    background: url('/codebase/images/bottom-gray-block.png') bottom center no-repeat;
}

.inside-content-thanks{
    padding: 0px 0px 17px 90px;
    background: url('/codebase/images/man-thanks.png') left 0px no-repeat;
}

.inside-content-thanks strong{
    display: block;
}

.list-dhtmlx{
    padding-left: 17px;
}

.list-dhtmlx li{
    padding: 5px 0;
}

.packprice {
    color: #7CAE4C;
    font-weight: bold;
}

.buy-btn-container{
    position: relative;
    text-align: center;
}

.buy-btn-container div{
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0px;
    z-index: 10;
    height: 1px;
    background-color: #c9c9c9;
}

.buy-btn-container span{
    position: relative;
    z-index: 100;
    display: block;
    width: 168px;
    margin: 0 auto;
    background-color: white;
}

.sidebar-hr{
    height: 1px;
    background-color: #e3e3e3;
    margin: 13px 0;
}

.item-product-s{
    display: block;
    text-decoration: none;
    color: #666666;
    text-align: center;
}

.item-product-s:hover{
    text-decoration: underline;
}

.item-product-s:hover .product-caption{
    text-decoration: underline;
}

.product-caption{
    display: block;
    color: #4e889c;
    font: bold 14px 'Trebuchet MS', Arial, Tahoma;
    padding-bottom: 6px;
}

.item-product-s img{
    margin-top: 11px;
}

.new-icon{
    position: relative;
    top: 3px;
}

/* download gantt page */

.list-features{
    padding: 0px 0px 15px 21px;
}

.product-dwnl{
    position: relative;
    padding-bottom: 25px;
}

.left-container{
    float: left;
}

.right-container{
    float: right;
}

.light-container{
    width: 290px;
    background: url('images/repeat-bg-container.png') repeat-y;
}

.light-container .second-level{
    background: url('images/top-bg-container.png') center top no-repeat;
}

.light-container .third-level{
    padding: 14px 15px;
    background: url('images/bottom-bg-container.png') center bottom no-repeat;
}

.light-container h2{
    margin: 0px 0px 5px;
}

.red{
    color: #c44a4a;
}

.capability-list{
    padding: 0px;
}

.capability-list li{
    list-style: none;
    padding-top: 2px;
}

.positive-li,
.negative-li{
    padding-left: 19px;
}

.positive-li{
    background: url('images/green-check.png') left center no-repeat;
}

.negative-li{
    background: url('images/red-cross.png') 1px center no-repeat;
}

.small-btn{
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 118px;
    color: white;
    text-decoration: none;
    padding: 6px 0;
    text-align: center;
}

.blue-btn-small{
    background: url('images/blue_small.png') left top no-repeat;
}

.blue-btn-small:hover{
    background: url('images/blue_small.png') left -33px no-repeat;
}

.green-btn-small{
    background: url('images/green_small.png') left top no-repeat;
}

.green-btn-small:hover{
    background: url('images/green_small.png') left -33px no-repeat;
}

.two-links a{
    margin: 0px 4px;
}

.top15{
    margin-top: 15px;
}

.sidebar-first-h{
    margin-top: 0px;
}

.left20{
    padding-left: 20px;
}

#productslist a.suite{
    background-position: 0 -1340px;
}

.top35{
    margin-top: 35px;
}

/* faq */

.faq-caption{
    position: relative;
    padding: 8px 20px 8px 90px;
    background-color: #f5f5f5;
}

.faq-caption span{
    color: #666666;
    font-size: 22px;
}

.faq-caption img{
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -41px;
}

.faq-list{
    color: #0379a1;
    padding: 2px 0px 10px 20px;
}

.faq-list a{
    text-decoration: none;
}

.faq-list a:hover{
    text-decoration: underline;
}

.faq-list li{
    padding: 6px 0px;
}

.repeat-question{
    display: block;
    text-decoration: none;
    color: #4E889C;
    font-size: 16px;
    padding-top: 25px;
    margin: 0 0 1em 0;
    line-height: 20px;
}

.red-required{
    color: #ff4d4d;
}

.note-required{
    position: absolute;
    left: -130px;
    top: 5px;
}

.request-textarea-comment{
    height:85px;
    overflow:auto;
}

.w204{
    width: 204px;
}

.w410{
    width: 410px;
}

.w430{
    width: 430px;
}

.top15{
    padding-top: 15px;
}

.clear-container{
    overflow: hidden;
}

.licenses-subcaption{
    font-size: 18px;
    display: block;
    padding-bottom: 7px;
}

.f-s-24{
    font-size: 24px;
}

.email-note{
    position: absolute;
    left: 230px;
    top: 0px;
    font-size: 10px;
    line-height: 12px;
}

@media (min-width: 1200px) {
    .prev-arrow,
    .next-arrow{
        width: 200px;
        height: 100%;
    }
    
    .prev-arrow{
        left: -80px;
        background: url("/codebase/images/header1205/prev-arrow-resp.png") 40px center no-repeat;
    }
    
    .next-arrow{
        right: -80px;
        background: url("/codebase/images/header1205/next-arrow-resp.png") 145px center no-repeat;
    }
}

/* demo container */

.wrapper-demo{
    position:relative;
    padding-top: 5px;
    margin-top: 20px;
    width: 615px;
    background: url("/codebase/images/line.png") top center no-repeat;
}

.inside-demo{
    overflow: hidden;
    padding-bottom: 10px;
    padding-left: 10px;
    background: url("/codebase/images/line.png") bottom center no-repeat;
}



/* 404.shtml */
.not-found-block-wrap {
				margin: 70px 0;
}
.not-found-img {
				float: left;
				width: 460px;
}
.not-found-inform {
				margin-left: 505px;
				padding-top: 10px;
}
.not-found-inform h1 {
    margin: 0 0 22px 0;
				line-height: 35px;
}
.not-found-inform ul {
	list-style-type: disc;
	    padding-left: 17px;
}
.not-found-inform ul li {
	padding-bottom: 8px;
}