/* open_sans normals*/

@font-face {
    font-family: 'open_sans';
    font-weight: 400;
    font-style: normal;

    src: url('/styles/fonts/OpenSans-Regular-webfont.eot');
    src: url('/styles/fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/OpenSans-Regular-webfont.woff') format('woff'), url('/styles/fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('/styles/fonts/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
}

@font-face {
    font-family: 'open_sans';
    font-weight: 600;
    font-style: normal;

    src: url('/styles/fonts/OpenSans-Semibold-webfont.eot');
    src: url('/styles/fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/styles/fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('/styles/fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('/styles/fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
}

html, body {
    width: 100%;
    margin: 0;
    overflow-y: auto;

}

body {
    font-size: 16px;
    line-height: 24px;
    font-family: open_sans, Helvetica, Arial, "Nimbus Sans L", sans-serif !important;
    background: #DADAE3;
    padding: 0 1em 1em 1em;
}

.pad {
    padding: 0 1em 1em 1em;

}

body#home {
    padding: 0 !important;
    background: white;
}

a {
    color: #0071bc;
    text-decoration: none;

}

a:hover {
    color: #134868;
    border-bottom-color: #0071bc;
}

#left_margin {
    width: 3%;
    float: left;
    height: 100%;
}

#home #header {
    margin-left: 1em;
    width: 1000px;
}

.cdmain #header {
    margin-left: 1em;
    width: 1080px !important;
}

#header {
    float: left;
    margin-bottom: 3em;
    /*
border-top: none;
    background-image: -moz-linear-gradient(top, #fcfcfc, #f7f7f7 3%, #f2f2f2 12%, #d9d9d9 90%, #bfbfbf);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#fcfcfc), to(#bfbfbf), color-stop(3%, #f7f7f7), color-stop(12%, #f2f2f2), color-stop(90%, #d9d9d9));
*/

}

#header ul {
    margin-top: 1em;
    padding-top: .5em;
}

#header ul li {
    display: inline;
    float: left;
    text-align: center;
}

#header ul li a {
    color: black;
    text-shadow: 0 1px 1px white;
    line-height: 2.25;
    text-align: center;
    font-size: .89em;
    letter-spacing: 1px;
    padding: .5em 1em;
    border-radius: 1.5em;
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    font-weight: bolder;
    border: none !important;
    text-decoration: none;
}

#home #header ul li a {
    text-shadow: none;
}

#header span.small_logo {
    float: left;
    margin-left: 1.3em;
    margin-right: 1.3em;
    margin-top: 1px;
    width: 27px;
    height: 27px;
    background: url(../resources/images/logo_cd_27x27.png) no-repeat;
    border: none;

}

a.conceptdraw-item {
    background: url(../resources/images/logo_cd_27x27.png) 1px 1px no-repeat;
    padding-left: 32px !important;
}

#header ul li.selected a.conceptdraw-item {
    /*  background: url(../resources/images/logo_cd_27x27_selected.png) 1px 1px no-repeat #c91d22; */
    background: url(../resources/images/logo_cd_27x27_selected.png) 1px 1px no-repeat;
    padding-left: 32px !important;
}

#header ul li.selected {
    color: white;
    background: url(../img/logo_button.png) no-repeat left top;

}

#header ul li.selected a {
    color: white !important;
    text-shadow: none;
}

#header ul li a span.menu-item-title {
    margin-left: 40px;
}

#header ul li:first-child a {
    padding-left: 0;
    color: #C4151B;
    font-weight: bold;
}

#header ul li:last-child a {
    border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
}

#header ul li:first-child a:hover {
    color: #ff494f;
}

#header ul li:first-child a.selected {
    background-color: #C4151B;
    color: white;

    margin-right: .4em;
}

#header ul li:first-child a.selected span.small_logo {
    margin-right: -2.1em;
    position: relative;
    z-index: 100;
    background: url(../resources/images/logo_cd_27x27_selected.png) no-repeat;
}

header ul li a:hover {

}

#footer {
    float: left;
    font-family: open_sans, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
    font-size: 100%;
    padding: 4.4em;
    width: 100%;
    box-sizing: border-box;
    background: #FFF;
    margin: 0;
}

#footer p {
    font-weight: normal;
    font-size: 1.33em;
    line-height: 1.33;
    margin: 0 0 .25em 0;
}

.footer_links_left {
    float: left;
    font-size: .75em;
    font-weight: 600;
}

.footer_links_right {
    float: right;
    font-size: .65em;
    color: rgb(153, 153, 153);
    text-align: right;
}

.footer_links_right p {
    font-size: 1.16em !important;
    margin-top: .9em !important;
}

a.foo_links {
    display: inline;
    color: #3fa9f5;
    font-size: 1.15em;
    line-height: 1.31em;
    text-decoration: none;
}

.footer_links_right .foo_links:hover {
    color: #21587F;
    text-decoration: none;
}

.foo_links:after {
    content: "  |  ";
    padding: 0.3em;
}

.footer_links_right a:last-of-type:after {
    content: "";
    padding: 0;
}

.disk-button {
    float: left;
    background-image: url(/resources/images/helpdesk/hd_button_gd.png);
    background-repeat: no-repeat;
    width: 84px;
    height: 84px;
}

.disk-button:hover {
    background-color: #0071BC;
}

.disk-button-container {
    margin: 0 auto;
}

#account_container {
    background: #0071BC;
    padding: 1.5em 1em .75em 1em;
    float: right;
    width: 15%;
    -moz-box-shadow: 0 0 4px #888888;
    -webkit-box-shadow: 0 0 4px #888888;
    box-shadow: 0 0 10px #888888;
    position: absolute;
    top: 0px;
    right: 20px;
    border-radius: 0px 0px 7px 7px;

}

#account_container a {
    color: white;
    border-bottom-color: #6ab7f2;
    font-size: .89em;
}

#account_container a:hover {
    color: #6ab7f2;

}

#home #account_container {
    background: white;
    padding: 1.5em 1em .75em 1em;
    float: right;
    width: 12%;
    position: absolute;
    top: 0px;
    right: 20px;
    border-radius: 0px 0px 7px 7px;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;

}

#home #account_container a {
    color: #0071BC;
}

.medium {
    width: 160px;
    height: 100px;

}

.big {
    width: 260px;
    height: 180px;
}

.video-container {
    float: left;
}

.video {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 3px #1a3951;
    border: 4px solid #1b75bb;

}

.video img {
    width: 100%;
}

.video-title {
    font-size: .75em;
    text-align: center;
    float: left;
    /*background: url(../resources/images/inline_video.png) no-repeat 0 0;*/
    padding-left: 12px;
    padding-bottom: 2px;
    border: none;
    text-decoration: underline;
    line-height: 1.2;
    position: relative;
    top: .75em;
}

.play-button {
    width: 100%;
    height: 100%;
    float: left;
    margin-top: -75%;
    position: relative;

}

a.video-link:hover .play-button img {
    opacity: 1;
}

.play-button img {
    width: 70%;
    margin-left: 15%;
    margin-top: 0;
    opacity: .7;
}

.bottom-content {
    float: left;
    width: 100%;
    background: url(../resources/images/shadow_down_short.png) no-repeat;
    margin-top: 3em;
    padding-top: 3em;
    overflow: hidden;
}

.left-col {
    width: 35%;
    float: left;
}

.right-col {
    width: 55%;
    float: left;

}

.feedback {
    float: left;
    margin-bottom: 3em;
    margin-left: 4%;

}

.quote p {
    width: 80% !important;
    font-size: 1.2em;
    text-indent: -.75em;
    font-style: italic;

}

.author {
    width: 80%;
    float: left;

}

.author ul {
    float: right;
    padding-right: 1em;
    margin-top: .5em;
}

.author-name {
    font-weight: bold;
    margin-top: .5em;
}

.author-desc {
    color: gray;
    line-height: 1;
}

.quote strong {
    color: gray;
    font-weight: normal;
    font-size: 1.5em;
}

.glance-main {
    float: left;
    width: 80%;

}

.knee {
    background: #afafb5;
    float: left;
    width: 100%;
    position: relative;
    z-index: 90;
    top: 1em;
    border-bottom: 1px solid gray;
    padding: 1em 0;
    font-size: .89em;
    min-width: 1100px;
    box-sizing: border-box;
}

#home .knee {
    background: white;
    border-top: 1px solid #9C9C9C;
    border-bottom: 1px solid #9C9C9C;
    padding: 2.5em 0 0 3em;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

}

.knee-list {
    padding-left: 2em;
    width: 14%;
    float: left;
}

.knee-list ul {
    margin-bottom: 2em;
    line-height: 1.2;
}

.knee-list ul li {
    margin-bottom: 1em;
}

.knee-list-long {
    margin-left: 3em;
    width: 35%;
    float: left;
}

.knee a {
    color: white;
    border: none;
    text-decoration: underline;
}

#home .knee a {
    color: #0071BC;
}

#home .knee a:hover {
    color: #134868;
}

.knee i {
    font-style: normal;
    font-size: .89em;
    color: #535360;

}

.knee h5 {
    font-size: 1em;
    color: black;
    margin-bottom: .5em;
    -moz-text-shadow: 0 1px 1px white;
    -webkit-text-shadow: 0 1px 1px white;
    text-shadow: 0 1px 1px white;
    line-height: 1.4;
}

#home .knee h5 {
    color: gray;
}

.knee h5 a {
    font-weight: normal;
    color: white;
    text-shadow: none;
}

.knee ul {
    font-size: .89em;

}

.knee ul.long-line li {
    margin-bottom: 1.25em;
    line-height: 1.4;
}

a.follow-us {
    color: #535360 !important;
    background: white url(/resources/images/twitter_small.png) no-repeat 2px 2px;
    padding: 5px;
    padding-left: 20px;
    padding-right: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 1em;
    text-decoration: none;
    font-weight: bold !important;
    border-bottom: 1px solid gray;
}

a.follow-us:hover {
    border-bottom: 1px solid #535360;
    background: white url(../images/twitter_hover.png) no-repeat 2px 2px;
    color: black !important;
}

#home a.follow-us {
    background: white url(/resources/images/twitter_hover.png) no-repeat 2px 2px;
    color: #6797a7 !important;
    margin-left: 0;
    border: none;
}

#home a.follow-us:hover {
    background: #dadae3 url(/resources/images/twitter_hover.png) no-repeat 2px 2px;
    color: #177a9b !important;
    margin-left: 0;
    border: none;
}

.main-container-full {
    width: 100%;
    background: white;
    float: left;
    position: relative;
    z-index: 100;

}

.main-container {
    width: 100%;
    background: white;
    float: left;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 5px #909090;
    -moz-box-shadow: 0 0 5px #909090;
    box-shadow: 0 0 5px #909090;
    border: 1px solid white;
    position: relative;
    z-index: 100;

}

.main-container + .main-container {
    margin-top: 1em;
}

a.button-solution-park {
    border: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: url(../resources/images/gradient_back_48x41.png) repeat-x 0 -5px #0071BC;
    color: white;
    text-shadow: 0 -1px 1px #0a71a5;
    -moz-shadow: 0 -1px 1px #0a71a5;
    -webkit-shadow: 0 -1px 1px #0a71a5;
    padding: .25em 1em;
    -webkit-box-shadow: 0 0 5px #5e1719;
    font-weight: bold;
    font-size: .89em;
    margin-left: .5em;

}

a.button-trial {
    border: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: url(../resources/images/gradient_back_48x41.png) repeat-x 0 -5px #0071BC;
    color: white;
    text-shadow: 0 -1px 1px #0a71a5;
    -moz-shadow: 0 -1px 1px #0a71a5;
    -webkit-shadow: 0 -1px 1px #0a71a5;
    padding: .15em 1em .25em;
    -webkit-box-shadow: 0 1px 2px #dfdfdf;
    -moz-box-shadow: 0 1px 2px #dfdfdf;
    box-shadow: 0 1px 2px #dfdfdf;
    font-weight: bold;
    font-size: .89em;
    margin-left: .5em;

}

h3 a.button-trial {
    font-size: 1em;
    position: relative;
    top: -5px;
}

.right {
    float: right !important;
}

a.button-solution-park:hover, a.button-trial:hover {
    background-color: #094868;
}

.submenu {
    float: left;
    width: 100%;
    background: #3b3b3b;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    border-radius: 7px 7px 0px 0px;
    padding: .5em 0 0 0;

}

.submenu ul {
    float: left;
    margin-left: 1em;
    padding-bottom: .5em;
    padding-right: 1em;
}

.submenu ul li {
    display: inline;

}

.submenu ul li a {
    padding: .5em 1em .5em 1em;
    font-size: .89em;
    color: white;
    -webkit-border-radius: 7px 7px 0px 0px;
    -moz-border-radius: 7px 7px 0px 0px;
    border-radius: 7px;
    border: none;
    line-height: 2.5;

}

.submenu ul li a span {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: black;
    color: silver;
    padding: .25em .5em;
    font-weight: bold;
}

.submenu ul li a.selected {
    background: black;
    color: white;

}

.submenu ul li a:hover {
    background: black;

}

.video-player-container {
    float: left;
    width: 100%;
    margin-bottom: 2em;
    padding-bottom: 2em;
    background: url(../resources/images/shadow_down_up.png) bottom no-repeat;
}

.video-player {
    width: 640px;
    margin: auto;
    height: 360px;
    border: 1px solid black;
    -webkit-box-shadow: 0 0 8px #444;
}

#video_player {
    width: 100%;
    height: 100%;
}

.videos {
    margin-left: 2em;

}

.search-field {
    background: url(../img/search-bg-left.png) no-repeat left top;
    /* margin-left: 100px; */
    margin-left: 20px;
}

input.search {
    font: .89em Helvetica, Arial, "Nimbus Sans L", sans-serif;
    height: 26px;
    padding: 0px 10px 0px 10px;
    padding-left: 32px;
    line-height: 26px;
    border: 0px;
    background: url(../img/search-bg-right.jpg) no-repeat right top;
    color: silver;
    font-weight: bold;
    width: 100px;
}

input.footer_search {
    font: .89em Helvetica, Arial, "Nimbus Sans L", sans-serif;
    padding: .25em .5em .25em;
    padding-left: 32px;
    line-height: 20px;
    border-radius: 20px;
    border: 1px solid silver;
    background: url(../resources/images/search.png) no-repeat 2px 2px;
    color: silver;
    font-weight: bold;
    width: 100px;
}

* html input.search {
    margin: -1px 0 0 0;
}

.big {
    width: 300% !important;
    position: relative;
    float: left;
    top: 0;
    left: 0px;
    height: 2em;
}

input.search-edited {
    color: black;
    font-weight: normal;
}

/* –––––––––––––––––––––––––––––––––––––––––– Oct-2 –––––––––––––––––––––––––––––––––––––––––– */

.container {
    margin: 0em 2em 2em 2em;
}

.button {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 0 1px gray;
    -moz-box-shadow: 0 0 1px gray;
    box-shadow: 0 0 1px gray;
    padding: .5em .5em;
    border: none;
    float: left;
}

.button {
    text-decoration: none;
}

.huge {
    font-size: 1.25em;
    background-image: url(/resources/images/button_gradient_big.png);
    background-repeat: repeat-x;
}

.red {
    background-color: #FF1D25;
    color: white;
}

.blue {
    background-color: #0a71a5;
    color: white;
}

.gray-button {
    background-color: gray;
    color: white;
}

.gray:hover {
    /* background-color: #5e5e5e; */
    color: white;
}

.blue:hover {
    background-color: #094a6b;
    color: white;
}

.blue:active {
    background-color: #46a9db;
    color: white;
}

.gray:active {
    background: gray;
    color: white;
}

a.button:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

a.red:active {
    background: #b21a1f;
    color: white;
}

a.red:hover {
    background-color: #b21a1f;
    color: white;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    transform: rotate(-90deg);

}

.text-container {
    background: silver;
    color: white;
    padding: .25em .5em;
    width: 6em;
    text-align: center;
}

.vertical-text-container {
    height: 5.5em;
    width: 2.75em;
    background: silver;
    color: white;
    overflow: hidden;
    float: left;
    position: relative;
}

.white {
    background-color: white;
}

.gr {
    background-color: #EFEFFC;
}

.border-top {
    float: left;
    width: 100%;
    min-width: 1260px;
    height: 22px;
    background-image: url(../resources/images/border_mid.png);
    background-repeat: repeat-x;
    z-index: 10;
}

.border-top .edge-left {
    float: left;
    height: 22px;
    width: 233;
    background-image: url(../resources/images/border_edge_left.png);
    background-repeat: no-repeat;
    z-index: 10;
}

.border-top .edge-right {
    float: right;
    height: 22px;
    width: 233px;
    background-image: url(../resources/images/border_edge_right.png);
    background-repeat: no-repeat;
    z-index: 10;
}

.border-bottom {
    float: left;
    width: 100%;
    height: 12px;
    background-image: url(../resources/images/border_bottom_mid.png);
    background-repeat: repeat-x;
}

.border-bottom .edge-left {
    float: left;
    height: 12px;
    width: 226px;
    background-image: url(../resources/images/border_bottom_left.png);
    background-repeat: no-repeat;
}

.border-bottom .edge-right {
    float: right;
    height: 12px;
    width: 226px;
    background-image: url(../resources/images/border_bottom_right.png);
    background-repeat: no-repeat;
}

.mac_pc {
    margin-top: -22px;
    height: 65px;
    width: 124px;
    position: absolute;
    z-index: 300;
    left: 30%;
    top: 1px;
    border-radius: 0 0 .5em .5em;
    -moz-border-radius: 0 0 .5em .5em;
    -webkit-border-radius: 0 0 .5em .5em;
    -o-border-radius: 0 0 .5em .5em;
    box-shadow: 0 2px 3px #888;
    overflow: hidden;
}

.os-slider {
    color: black;
    position: relative;
    height: 5.5em;
    line-height: 1.8;
    padding-left: 1em;
    font-size: .75em;
    float: left;
    width: 481px;
    margin-left: 115px;
    background: #eaeafb;
    border-radius: 0 0 .5em 0;
}

.os-slider span {
    line-height: 2.5em;
    margin-left: 2em;
}

.os-back {
    background: url(../resources/images/mac_pc.png) no-repeat left top white;
}

.os-noback {
    background: none;
}

.os-slider b {
    color: gray;
    font-weight: normal;
}

.os-slider i {
    font-size: .75em;
    vertical-align: top;
}

.ar-os {
    position: absolute;
    left: 93px;
    top: 15px;
    border-radius: 7px;
    padding: 4px;
    font-size: .89em;
    color: #eaeafb;
    width: 14px;
    height: 14px;

}

.video-container {
    margin-right: 2em;
    margin-bottom: 2em;
}

.video-container .title {
    font-size: .75em;
    padding-top: 1em;
    line-height: 1.4;
    float: left;
}

.video-container a.video-link:hover .video {
    border-color: black;
}

.gvideo {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid black;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.prodvideo {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid black;
    position: relative;
    z-index: 100;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.prod {
    width: 120px !important;
}

.gtitle {
    display: inline-block;
    font-size: .75em;
    text-align: center;
    margin-left: 25%;
    border: none !important;
    /* text-decoration: underline; */
    text-decoration: none;
}

.tb-gtitle {
    font-size: .75em;
    text-align: center;
    padding: .25em;
    border: none !important;
    /* text-decoration: underline; */
    text-decoration: none;
    display: block;
}

.vlink {
    border: none;
}

.gplay {
    background: url(../resources/images/gplay.png) center no-repeat;
    float: left;
    /* position: relative; */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 120;
}

.gplay:hover {
    background-image: url(../resources/images/gplay_h.png)
}

.share {
    display: none;
    float: right;
    width: 20px;
    height: 60px;
    position: relative;
    z-index: 999;
    top: 10px;
    padding: 3px;
    border-right: none;
    background: #0a71a5;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.share a {
    border: none;
    margin-bottom: 2px;
}

.show img {
    display: none;
}

a.skype {
    padding-top: 9px;
    padding-left: 15px;
    padding-bottom: 10px;
    line-height: 3em;
    background: url(../resources/images/cd-skype.png) no-repeat;
    padding-right: 39px;
    margin-left: -10px;
    border: none;
    text-decoration: none;
}

a.skype:hover {
    background: url(../resources/images/cd-skype-hover.png) no-repeat;
    color: white !important;
}