/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del,
dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{margin:0; padding:0; border:0;}
/* changed these because fonts were not WYSIWYG in DW - they were showing up as tiny serif fonts
/*{margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit}*/
/* common */
ul {
list-style-type:disc;
list-style-image:url(../images/list_dot.gif);
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 10px;
}
ul li {
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
margin-left: 20px;
}
ol {list-style-type:decimal; margin:10px 0 10px 30px}
ol li {margin:0 0 5px 0}
ul.list {
list-style-image:url(../images/list_green.gif);
font-size:13px;
font-weight:normal;
}
.list_item {
padding:0 0 0 15px;
background-image: url(../images/list_green.gif);
background-repeat: no-repeat;
background-position: 0 1px;
}
dl {margin:10px 0}
dt {font-weight:bold; font-style:italic}
dd {margin:10px 0 10px 20px}
p {line-height:130%; margin-bottom:18px;}
h1 {font-size:25px; font-weight:normal; color:#333 /*color:#4370a2*/}
h2 {font-size:16px; /*color:#4370a2;*/ font-weight:bold; margin:15px 0 7px 0 /*padding:15px 0 7px 0*/}
h3 {font-size:13px; font-weight:bold; margin:0 0 10px 0; color:#333; text-transform:uppercase}
/* h4 {font-size:15px; font-weight:bold; color:#00a1dd; margin:5px 0 5px 20px} */
h4 {font-size:16px; font-weight:bold; color:#0075b0; margin:5px 0 5px 20px}
h4 span {font-size:12px; font-weight:normal}
em {font-style:italic}
table td {padding-right:10px}
table td.last {padding-right:0px}
table.list td {padding-bottom:10px}
.tdcenternopadding {padding-right:0px; text-align:center}
/* forms */
input, textarea, select {}
input.txt, textarea.txt {}
input:focus, textarea:focus, select:focus {}
input.text1 {padding:5px; border:1px solid #bbbcbc; font-size:11px}
select {border:1px solid #bbbcbc; font-size:11px; padding-left:5px;}
.btn1 {width:63px; height:25px; border:none; font-family:Verdana; font-size:11px; color:#505050; background:url(../images/btn1_bg.gif)}
/* links */
a {
color:#1173A2;
text-decoration:underline;
outline:none
}
a:hover {
color:#000000
}
a img {border:none}
a.named {text-decoration:none; color:inherit}
/* misc */
.fleft {float:left}
.fright {float:right}
.fclear {clear:both; height:0; font-size:0; overflow:hidden}
.clear {clear:both}
.left {text-align:left;}
.right {text-align:right;}
.center {text-align:center;}
img.left {float:left; margin:0 15px 0 5px}
img.right {float:right; margin:0 0 5px 15px}
.banner {margin:0 0 10px 0}
.border {border:1px solid red}
.txt1 {color:#4370a2}
.txt2 {font-size:11px; font-style:italic}
/* .txt3 {color:#00a1dd} */
.txt3 {color:#0075b0}
.txt4 {font-size:11px !important}
.txt5 {color:#999; font-style:italic}
.txt6 {font-size:15px !important}
.txt7 {font-size:12px !important}
.txt8 {font-size:13px !important}
.txt9 {font-size:18px !important}
.txt10 {color:#c00}
.txt11 {
color:#009900
}
.styleRedBold {
color: #FF0099;
font-weight: bold;
}
.error {color:#f00}
/* .chck_png, .loupe_plus_png, .loupe_minus_png {display:none} */
.chck_png {display:none}
.close_win {position:absolute; right:7px; top:7px;}
/* main */
/*html, body {height:100%; font:12px Arial; color:#4f4f4f}*/
html, body {height:100%; font-size:13px; font-family:Arial; color:#4f4f4f}
#body {position:relative; min-height:100%; width:940px; margin:auto}
#header {color:#222130}
#content {height:1%; padding:0 0 110px 0;}
#footer {position:relative; min-width:940px; height:100px; margin-top:-100px; background:#989898}
#footer .footer {width:900px; margin:auto; padding:20px; line-height:14px; color:#f5f5f5; font-size:11px; font-family:Verdana; word-spacing:5px}
#footer .footer span {word-spacing:normal; font-size:10px}
#footer .footer a {color:#f5f5f5; text-decoration:none}
.container {height:1%; padding:0 20px; margin:0 0 15px 0}
.container1 {height:1%; padding:0 25px; margin:0 0 15px 0}
.container2 {height:1%; padding:0 15px; margin:0 0 15px 0}
.container3 {
height:1%;
margin-top: 0;
margin-right: 0;
margin-bottom: 15px;
margin-left: 0;
/* padding-top: 20px; */
padding-right: 20px;
padding-bottom: 20px;
padding-left: 40px;
}
.container .col1, .container1 .col1, .container2 .col1, .container3 .col1 {float:left; width:590px}
.container .col2, .container1 .col2, .container2 .col2, .container3 .col2 {float:right; width:290px}
.container .col3, .container1 .col3, .container2 .col3, .container3 .col3 {float:left; width:530px}
.container .col3xw, .container1 .col3xw, .container2 .col3xw {float:left; width:560px}
.container3 .col3xw {float:left; width:500px}
.container .col4, .container1 .col4, .container2 .col4, .container3 .col4 {float:right; width:350px}
.container .col4xs, .container1 .col4xs, .container2 .col4xs, .container3 .col4xs {float:right; width:320px}
.container .col5, .container1 .col5, .container2 .col5, .container3 .col5 {float:left; width:440px}
.container .col6, .container1 .col6, .container2 .col6, .container3 .col6 {float:right; width:440px}
.container .col7, .container1 .col7, .container2 .col7, .container3 .col7 {float:right; width:350px; margin-left:30px; margin-bottom:10px}
.container .col9, .container1 .col9, .container2 .col9, .container3 .col9 {float:left; width:430px; padding-left:15px}
.container .col10, .container1 .col10, .container2 .col10, .container3 .col10 {float:right; width:430px; padding-right:15px}
/* these container are newly defined for German and other new languages e.g. w/o video */
.container .col11, .container1 .col11, .container2 .col11, .container3 .col11 {float:none; width:870px}
.container .col12, .container1 .col12, .container2 .col12, .container3 .col12 {float:right; margin-top:5px; margin-bottom:10px; width:320px; }
.container h1, .container1 h1, .container2 h1, .container3 h1 {margin:10px 0}
.cont1 {padding:13px 0 23px 0}
.cont2 {padding:0 0 23px 0}
.userstory {margin-bottom:10px}
.userstory p {margin:0 0 15px 0;font-size:14px}
.intro {font-size:14px; padding-left:2px}
.intro span {font-size:11px}
.intro1 {margin-bottom:5px}
.view {float:left; margin-right:15px}
.description {font-size:13px; font-weight:bold; margin:30px 0 0 0; padding-top:10px;}
.description span {font-size:11px; font-weight:normal;}
.description1 {margin:0}
.description2 {margin:15px 0 0 0}
.description3 {margin:10px 0 0 0}
.description strong {font-size:18px}
.description1 strong {font-size:16px}
.description input, .description1 input {margin-bottom:3px}
.price {font-size:14px; font-weight:bold; text-align:center}
.price2 {font-size:22px; font-weight:bold; text-align:center; vertical-align:bottom}
/* .pricebox {width:100px; height:100px; margin-bottom:20px; background-image:url(../images/price_burst1.gif); background-position:top; background-repeat:no-repeat } */
/* .pricebox_price {padding-top:36px; color:#0075b0; font-size:22px; font-weight:bold; text-align:center;} */
.pricebox {width:110px; height:56px; margin-bottom:10px; background-image:url(../images/price_box2.gif); background-position:top; background-repeat:no-repeat }
.priceboxRecessionSpecial {width:156px; height:140px; margin-bottom:10px; background-image:url(../images/price_boxRecessionSpecial.gif); background-position:top; background-repeat:no-repeat }
.pricebox_price {padding-top:7px; color:#4f4f4f; font-size:22px; font-weight:bold; text-align:center;}
.pricebox_price span {font-size:13px; font-weight:normal}
.introbuttons {text-align:center; padding-top:45px}
.introbuttonsprice {color:#FFFFFF; text-align:center; font-size:16px; font-weight:bold; padding-top:5px}
.introbuttons2 {text-align:center; padding-top:10px;}
/* header */
/* .logo {padding:25px 35px 10px 35px; height:48px; overflow:hidden} */
/*.logo {height:60px; overflow:hidden; padding-top:10px; padding-right:15px; padding-bottom:10px; padding-left:35px;} */
.logo {height:30px; overflow:hidden; padding-top:30px; padding-right:15px; padding-bottom:8px; padding-left:32px;}
.logo img {margin-right:10px}
.logo .flag {float:right margin:30px 8px 0 0px}
.logo .since {float:none; margin-top:46px; margin-bottom:8px; margin-right:10px; margin-left:0px}
.logo .slogan {float:none; font-size:15px; margin-top:46px; margin-bottom:8px; margin-right:10px; margin-left:5px}
.logo .slogan_DE {float:none; font-size:15px; margin-top:46px; margin-bottom:8px; margin-right:20px; margin-left:170px}
.logo .slogan2lines {float:right; font-size:15px; margin:20px 0 0 0}
.logo .news2lines {float:left; font-size:15px; margin:20px 0 0 0}
.logo .floatleft {float:left;}
/****************************************************************************************/
/* Top Navigation for English Website */
/* */
/* [RH] 2013/06/14 */
/* the header navigation part war separated between English in German because */
/* of the size of the various menu parts. */
/* */
/* ENGLISH */
/* */
/****************************************************************************************/
#nav {height:57px; background: url(../images/nav_bg.gif) no-repeat 50% 0}
#nav ul {margin:0; padding:25px 0 0 40px; float:left; list-style:none; list-style-image:none; line-height:12px; font-family:Verdana; text-transform:uppercase; font-weight:bold}
#nav ul li {float:left; margin:0 20px 0 0; position:relative;}
#nav ul li a {display:block; height:12px; line-height:10px; overflow:hidden; float:left; color:#797979; text-decoration:none; background-position:0 0; background-repeat:no-repeat}
#nav ul li a:hover, #nav ul li:hover a, #nav ul li.over a {color:#3d3c49; text-decoration:none; background-position:0 -88px;}
#nav ul li a.active {color:#557ba1; background-position:0 -50px !important}
#nav ul li a span {visibility:hidden; display:none}
#nav ul li a img {visibility:hidden; /*display:none*/}
#nav ul li a.home {background-image:url(../images/nav_home.gif)}
#nav ul li a.products {background-image:url(../images/nav_products.gif)}
#nav ul li a.buy {background-image:url(../images/nav_buy.gif)}
#nav ul li a.download {background-image:url(../images/nav_download.gif)}
#nav ul li a.support {background-image:url(../images/nav_support.gif)}
#nav ul li a.community {background-image:url(../images/nav_community.gif)}
#nav ul li a.company {background-image:url(../images/nav_company.gif)}
/* #nav ul li .submenu {position:absolute; display:none; top:12px; left:0; padding:12px 0 0 0; width:190px; list-style:none; list-style-image:none; z-index:1000} */
#nav ul li .submenu {position:absolute; display:none; top:12px; left:0; padding:12px 0 0 0; width:190px; list-style:none; list-style-image:none; z-index:1000}
#nav ul li:hover .submenu {display:block}
#nav ul li .submenu .lt {height:10px; font-size:0; line-height:0; overflow:hidden; padding:0 0 0 10px; background:url(../images/submenu_lt.gif) no-repeat 0 0}
#nav ul li .submenu .rt {height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/submenu_rt.gif) no-repeat 100% 0}
#nav ul li .submenu .lb {height:10px; font-size:0; line-height:0; overflow:hidden; padding:0 0 0 10px; background:url(../images/submenu_lb.gif) no-repeat 0 0}
#nav ul li .submenu .rb {height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/submenu_rb.gif) no-repeat 100% 0}
/* #nav ul li .submenu ul {padding:0; float:none; line-height:normal; min-height:126px; font-family:Arial; text-transform:none; font-weight:normal; font-size:13px; background:#e7e7e7 url(../images/submenu_bg.gif) repeat-x 0 100%} */
/* #nav ul li .submenu ul {padding:0; float:none; line-height:normal; min-height:80px; font-family:Arial; text-transform:none; font-weight:normal; font-size:13px; background-color:#dedede;} */
#nav ul li .submenu ul {padding:0; float:none; line-height:normal; min-height:80px; font-family:Arial; text-transform:none; font-weight:normal; font-size:13px; background-color:#e8e8e8; /*background:#e7e7e7 url(../images/submenu_bg.gif) repeat-x 0 100%*/}
#nav ul li .submenu ul li {float:none; margin:0; border-bottom:1px solid #d1d1d1}
#nav ul li .submenu ul li.last {border-bottom:none}
#nav ul li .submenu ul li a {float:none; color:#3d3c49; height:1%; line-height:normal; overflow:visible; white-space:nowrap; padding:5px 30px 5px 15px}
#nav ul li .submenu ul li a:hover {background:#fff url(../images/submenu_hov.gif) no-repeat 95% 50%}
#nav .search {float:right; padding:18px 35px 0 0; white-space:nowrap}
#nav .search input {width:110px}
#nav .search input.txt {height:20px; line-height:20px; padding:2px; margin:0 5px 0 0; border:none}
/****************************************************************************************/
/* Top Navigation for German Website */
/* */
/* [RH] 2013/06/14 */
/* the header navigation part war separated between English in German because */
/* of the size of the various menu parts. */
/* */
/* GERMAN */
/* */
/****************************************************************************************/
#nav_DE {height:57px; background: url(../images/nav_bg.gif) no-repeat 50% 0}
#nav_DE ul {margin:0; padding:25px 0 0 25px; float:left; list-style:none; list-style-image:none; line-height:12px; font-family:Verdana; text-transform:uppercase; font-weight:bold}
#nav_DE ul li {float:left; margin:0 20px 0 0; position:relative;}
#nav_DE ul li a {display:block; height:12px; line-height:10px; overflow:hidden; float:left; color:#797979; text-decoration:none; background-position:0 0; background-repeat:no-repeat}
#nav_DE ul li a:hover, #nav ul li:hover a, #nav ul li.over a {color:#3d3c49; text-decoration:none; background-position:0 -88px;}
#nav_DE ul li a.active {color:#557ba1; background-position:0 -50px !important}
#nav_DE ul li a span {visibility:hidden; display:none}
#nav_DE ul li a img {visibility:hidden; /*display:none*/}
#nav_DE ul li a.home_DE {background-image:url(../images/nav_home_DE.png)}
#nav_DE ul li a.products_DE {background-image:url(../images/nav_products_DE.png)}
#nav_DE ul li a.buy_DE {background-image:url(../images/nav_buy_DE.png)}
#nav_DE ul li a.download_DE {background-image:url(../images/nav_download_DE.png)}
#nav_DE ul li a.support_DE {background-image:url(../images/nav_support_DE.png)}
#nav_DE ul li a.community_DE {background-image:url(../images/nav_community_DE.png)}
#nav_DE ul li a.company_DE {background-image:url(../images/nav_company_DE.png)}
/* #nav ul li .submenu {position:absolute; display:none; top:12px; left:0; padding:12px 0 0 0; width:190px; list-style:none; list-style-image:none; z-index:1000} */
#nav_DE ul li .submenu {position:absolute; display:none; top:12px; left:0; padding:12px 0 0 0; width:190px; list-style:none; list-style-image:none; z-index:1000}
#nav_DE ul li:hover .submenu {display:block}
#nav_DE ul li .submenu .lt {height:10px; font-size:0; line-height:0; overflow:hidden; padding:0 0 0 10px; background:url(../images/submenu_lt.gif) no-repeat 0 0}
#nav_DE ul li .submenu .rt {height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/submenu_rt.gif) no-repeat 100% 0}
#nav_DE ul li .submenu .lb {height:10px; font-size:0; line-height:0; overflow:hidden; padding:0 0 0 10px; background:url(../images/submenu_lb.gif) no-repeat 0 0}
#nav_DE ul li .submenu .rb {height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/submenu_rb.gif) no-repeat 100% 0}
/* #nav_DE ul li .submenu ul {padding:0; float:none; line-height:normal; min-height:126px; font-family:Arial; text-transform:none; font-weight:normal; font-size:13px; background:#e7e7e7 url(../images/submenu_bg.gif) repeat-x 0 100%} */
/* #nav_DE ul li .submenu ul {padding:0; float:none; line-height:normal; min-height:80px; font-family:Arial; text-transform:none; font-weight:normal; font-size:13px; background-color:#dedede;} */
#nav_DE ul li .submenu ul {padding:0; float:none; line-height:normal; min-height:80px; font-family:Arial; text-transform:none; font-weight:normal; font-size:13px; background-color:#e8e8e8; /*background:#e7e7e7 url(../images/submenu_bg.gif) repeat-x 0 100%*/}
#nav_DE ul li .submenu ul li {float:none; margin:0; border-bottom:1px solid #d1d1d1}
#nav_DE ul li .submenu ul li.last {border-bottom:none}
#nav_DE ul li .submenu ul li a {float:none; color:#3d3c49; height:1%; line-height:normal; overflow:visible; white-space:nowrap; padding:5px 30px 5px 15px}
#nav_DE ul li .submenu ul li a:hover {background:#fff url(../images/submenu_hov.gif) no-repeat 95% 50%}
#nav_DE .search_DE {float:right; padding:18px 25px 0 0; white-space:nowrap}
#nav_DE .search_DE input {float:none; width:77px}
#nav_DE .search_DE input.txt {height:20px; line-height:20px; padding:2px; margin:0 5px 0 0; border:none}
.innernav {padding:7px 40px}
.innernav .title {font-size:14px}
/* page's blocks */
/* .cyanbox {width:905px; background:#e5eefd; padding:15px; margin:0 auto 15px auto} */
.cyanbox {width:905px; margin-top: 0; margin-right: auto; margin-bottom: 15px; margin-left: auto; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 40px; }
.cyanbox2 {width:905px; margin-top: 0; margin-right: auto; margin-bottom: 5px; margin-left: auto; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 40px; }
.cyanbox .title img, .cyanbox2 .title img, .cyanbox .title1 img {float:left; margin-right:10px}
.cyanbox .title h1, .cyanbox2 .title h1 {padding-top:10px}
.cyanbox .title1 p, .cyanbox2 .title1 p {margin:3px 0 0 45px}
.cyanbox1 {position:relative; height:1%; background:#e5f7ff; border:1px solid #d8d9d9; padding:15px 30px 15px 30px; margin:0 auto 15px auto}
.cyanbox1 p {line-height:170%; margin-left:30px}
/* white description box */
.descriptionbox {
width:480px;
margin-top:5px
}
.descrbox_lt {height:16px; font-size:0; line-height:0; background:url(../images/descrbox_lt.gif) no-repeat 0 0; padding:0 0 0 15px}
.descrbox_rt {height:16px; font-size:0; line-height:0; background:url(../images/descrbox_rt.gif) no-repeat 100% 0}
.descrbox_lb {height:16px; font-size:0; line-height:0; background:url(../images/descrbox_lb.gif) no-repeat 0 0; padding:0 0 0 15px}
.descrbox_rb {height:16px; font-size:0; line-height:0; background:url(../images/descrbox_rb.gif) no-repeat 100% 0}
.descrbox {
height:1%;
background:#f7f9fd;
border-left:1px solid #d8d9d9;
border-right:1px solid #d8d9d9;
color:#4f4f4f;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}
.descrbox .col7 {float:left; width:47.5%}
.descrbox .col8 {float:right; width:47.5%}
.descrbox b {
font-size:12px
}
.descrbox p {margin:3px 0 0 0; line-height:normal}
.descrbox .clear {height:10px; overflow:hidden}
.descrbox table {margin:0 !important}
/* white box with gray border */
.graybrdbox {margin:0 0 15px 0; background:#fff url(../images/graybrd_b.gif) repeat-x 0 100%; clear:both}
.graybrdbox .top {background:url(../images/graybrd_t.gif) repeat-x 0 0}
.graybrdbox .l {background:url(../images/graybrd_l.gif) repeat-y 0 0}
.graybrdbox .r {background:url(../images/graybrd_r.gif) repeat-y 100% 0}
.graybrdbox .lt {background:url(../images/graybrd_lt.gif) no-repeat 0 0}
.graybrdbox .rt {background:url(../images/graybrd_rt.gif) no-repeat 100% 0}
.graybrdbox .rb {background:url(../images/graybrd_rb.gif) no-repeat 100% 100%}
.graybrdbox .lb {background:url(../images/graybrd_lb.gif) no-repeat 0 100%; height:1%;}
/* blue box */
.bluebox {
margin:0 0 10px 0;
color:#fff;
background-color: #0092D8;
background-image: url(../images/bluebox_back.gif);
background-repeat: repeat-x;
background-position: 0 100%;
}
.bluebox .top {background:url(../images/bluebox_t.gif) repeat-x 0 0 !important}
.bluebox .l {background:url(../images/bluebox_l.gif) repeat-y 0 0 !important}
.bluebox .r {background:url(../images/bluebox_r.gif) repeat-y 100% 0 !important}
.bluebox .lt {background:url(../images/bluebox_lt.gif) no-repeat 0 0 !important}
.bluebox .rt {background:url(../images/bluebox_rt.gif) no-repeat 100% 0 !important}
.bluebox .rb {background:url(../images/bluebox_rb.gif) no-repeat 100% 100% !important}
.bluebox .lb {
background:url(../images/bluebox_lb.gif) no-repeat 0 100% !important;
height:1%;
padding-top: 18px;
padding-right: 13px;
padding-bottom: 3px;
padding-left: 33px;
}
.bluebox .lb1 {
background:url(../images/bluebox_lb.gif) no-repeat 0 100% !important;
height:1%;
padding-top: 13px;
padding-right: 13px;
padding-bottom: 3px;
padding-left: 23px;
}
.bluebox .lb2 {background:url(../images/bluebox_lb.gif) no-repeat 0 100% !important; height:1%; padding:23px}
.bluebox .lb3 {background:url(../images/bluebox_lb.gif) no-repeat 0 100% !important; height:1%; padding:15px 20px}
.bluebox .col1 {float:left; width:400px; margin-right:50px}
.bluebox .col2 {float:left; width:400px;}
.bluebox h1 {height:31px}
.bluebox h3 {color:#fff}
.bluebox h1 img {float:left}
.bluebox h1 span {
display:block;
float:left;
color:#fff;
font-size:14px;
margin-top: 12px;
margin-right: 0;
margin-bottom: 0;
margin-left: 10px;
}
.bluebox p {margin-bottom:7px}
.bluebox table {border-collapse:collapse; margin-top:7px}
.bluebox table td {padding-right:15px}
.bluebox table td.last {padding-right:0}
/* light box */
.lightbox {margin:0 0 10px 0; background:#f7f9fd url(../images/lightbox_b.gif) repeat-x 0 100%}
.lightbox.bluegrad {margin:0 0 10px 0; background:#FFFFFF url(../images/lightbox_b_blue.gif) repeat-x 0 100%}
.lightbox.greengrad {margin:0 0 10px 0; background:#FFFFFF url(../images/lightbox_b_green.gif) repeat-x 0 100%}
.lightbox.greengrad_DE {margin:0 0 10px 0; background:#FFFFFF url(../images/lightbox_b_green.gif) repeat-x 0 100%}
.lightbox.bluegradtop {margin:0 0 10px 0; background:#b2e5ff url(../images/lightbox_t_blue.gif) repeat-x 0 0}
.lightbox.greengradtop {margin:0 0 10px 0; background:#c6ffb2 url(../images/lightbox_t_green.gif) repeat-x 0 0}
.lightbox.small {margin:0 0 10px 0; background:#f7f9fd url(../images/lightbox_b1.gif) repeat-x 0 100%}
.lightbox.without_gradient {background:#f7f9fd url(../images/graydot.gif) repeat-x 0 100%}
.lightbox.without_gradient_green {background:#eafed7 url(../images/graydot.gif) repeat-x 0 100%}
.lightbox.without_gradient_blue {background:#e1f5fe url(../images/graydot.gif) repeat-x 0 100%}
.lightbox.lightbox_t-b {margin:0 0 10px 0; background:#e7e6e6 url(../images/lightbox_t-b.gif) repeat-x 0 0}
.lightbox.overhover {background:#e5f7ff url(../images/graydot.gif) repeat-x 0 100%}
.lightbox.overlapped {background:#d7e2f5 url(../images/lightbox_b2.gif) repeat-x 0 100%}
.lightbox_bg {background:#f7f9fd url(../images/graydot.gif) repeat-x 0 100%}
.lightbox .bottom {background:url(../images/graydot.gif) repeat-x 0 100%}
.lightbox .top {background:url(../images/lightbox_t.gif) repeat-x 0 0}
.lightbox .lt {background:url(../images/lightbox_lt.gif) no-repeat 0 0}
.lightbox .rt {background:url(../images/lightbox_rt.gif) no-repeat 100% 0}
.lightbox .rb {background:url(../images/lightbox_rb.gif) no-repeat 100% 100%}
.lightbox .lb {background:url(../images/lightbox_lb.gif) no-repeat 0 100%; height:1%}
.lightbox .tmp1 {padding:15px 20px}
.lightbox .tmp2 {
padding-top: 5px;
padding-right: 10px;
padding-bottom: 1px;
padding-left: 10px;
}
.lightbox .tmp3 {padding-top: 15px; padding-right: 1px; padding-bottom: 15px; padding-left: 1px}
.lightbox .tmp4 {
padding-top: 15px;
padding-right: 20px;
padding-bottom: 1px;
padding-left: 20px;
}
.lightbox p {margin:0 0 7px 0}
.lightbox .view {float:left; margin:0}
.lightbox .description {margin:0 0 0 60px; height:1%}
.lightbox .description1 {margin:0 0 0 65px; height:1%}
.lightbox table {border-collapse:collapse; margin-top:7px}
/* SHOULD LOOK AT TABLES AND MODIFY THEM IF THIS LINE CAUSES PROBLEMS */
.lightbox table td {padding-right:15px}
.lightbox table td.last {padding-right:0}
.lightbox h1.title1 {
font-size:18px;
line-height:18px;
font-weight:bold;
color:#333;
padding-left:8px;
}
.lightbox strong {font-size:18px}
.lightbox h2 {padding-top:0}
/*
html example:
*/
/* light box with images implementation */
.lightbox1 {margin:0 0 10px 0; background:#f7f9fd url(../images/lightbox_b.gif) repeat-x 0 100%}
.lightbox1 .top {height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/graydot.gif) repeat-x 0 0}
.lightbox1 .bottom {height:10px; font-size:0; line-height:0; overflow:hidden; background:url(../images/graydot.gif) repeat-x 0 100%}
.lightbox1 .content {padding:5px 20px}
.lightbox1 .lt, .lightbox1 .lb {float:left}
.lightbox1 .rt, .lightbox1 .rb {float:right}
.lightbox1 .l {background:url(../images/graydot.gif) repeat-y 0 0}
.lightbox1 .r {background:url(../images/graydot.gif) repeat-y 100% 0}
/*
html example:
*/
/* FAQs */
.faqs h1 {font-size:13px; font-weight:bold; margin:5px 0; color:#333; text-transform:uppercase}
.faqs h1 span {text-transform:none; font-size:13px; font-weight:normal}
.faqs img {float:left; margin-right:15px}
.faqs ol {margin-top:10px}
.faqs ol li {vertical-align:top; margin-bottom:10px; line-height:130%}
.faqs .cyanbox {display:none; width:auto; margin:0 0 0 -15px}
.faqs p {margin-bottom:0px;}
.faqs p a {color:#1173A2; text-decoration:underline; outline:none; display:inline; padding:0; background-image:none;}
.faqs p a:hover {color:#000000; text-decoration:underline;}
.faqs .show {display:block}
.faqs a {display:block; outline:none; height:1%; color:#4f4f4f; text-decoration:none; padding:0 50px 2px 0; background:url(../images/icn_plus2.gif) no-repeat 98% 0}
.faqs a:hover {color:#000000; text-decoration:none}
.faqs a.active {background:url(../images/icn_minus2.gif) no-repeat 98% 0}
/* testimonials */
.quote {min-height:35px; padding:0 35px 0 100px; margin:0 0 10px 0; font-size:14px; background:url(../images/quote.gif) no-repeat 35px 0}
.quote .signature {text-align:right; font-size:12px}
.quote1 {min-height:40px; padding:0 10px 0 65px; background:url(../images/icon48_callout.gif) no-repeat 0 5px}
.quote1 .signature {text-align:right;}
.quote2 {
min-height:35px;
font-size:12px;
padding:0 15px 0 65px;
margin:0 0 10px 0;
background-image: url(../images/icon48_callout.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.quote2 .signature {text-align:right;}
.quote3 {min-height:35px; font-size:12px; padding:20px 20px 20px 85px; background:url(../images/quote.gif) no-repeat 20px 20px}
.quote3 .signature {text-align:right; font-style:italic}
/* user's story */
.users_block {padding:15px 20px;}
.users_block .user_pic {float:left; margin-right:20px}
.users_block .user_story {margin:0 0 0 0; padding:0 45px 0 0; background:url(../images/icn_plus3.gif) no-repeat 100% 50%; height:100px; cursor:pointer}
.users_block .user_story1 {background:url(../images/icn_minus3.gif) no-repeat 100% 50%; cursor:pointer}
/*.users_block h3 {font-size:15px; margin:0}*/
.users_block h3 {font-size:15px; margin:0; color:#0075b0; font-weight:bold; text-transform:none}
.users_block h4 {font-size:15px; margin:0; color:#3c8f00; font-weight:bold; text-transform:none}
.users_block h3 b {font-size:13px; color:#0075b0; text-transform:none}
.users_block h4 b {font-size:13px; color:#3c8f00; text-transform:none}
.users_block b {color:#333;}
.users_block p {margin:5px 0}
.users_block a {font-size:13px}
.users_block .full_story {clear:both; height:140px; display:none;}
.cta1 {
width:500px;
padding-top: 20px;
padding-bottom: 20px;
text-align:left;
}
/* tables */
table.tbl1 {width:100%; margin:0}
table.tbl1 th {padding:10px 0; font-size:13px; font-weight:bold; color:#333; text-transform:uppercase; white-space:nowrap; width:150px}
table.tbl1 th .separator {color:#ccc; margin-left:2px}
table.tbl1 td {padding:6px 15px; text-align:center}
table.tbl1 .comparison {text-align:left; width:auto}
table.tbl1 tr.odd td {background:#e0ebfe}
table.tbl2 {width:100%; margin:0}
table.tbl2 th {padding:0 0 5px 0; font-size:13px; font-weight:bold; color:#fff; text-transform:uppercase; white-space:nowrap; text-align:left}
table.tbl2 td {padding:6px 10px}
table.tbl2 .last {width:75px; padding:0 0 5px 10px}
table.tbl2 tr.odd td {background:#235185}
table.tbl3 {width:100%; margin:0}
table.tbl3 td {text-align:center; padding:6px 15px}
table.tbl3 .tdhead {
background-color:#e5f7ff;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #BECDE0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #BECDE0;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #BECDE0;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #BECDE0;
}
table.tbl3 .tdborder {text-align: center; background-color:#FFFFFF; border-left-width: 1px; border-left-style: solid; border-left-color: #BECDE0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BECDE0; }
/*
table.compare tr.odd td {background:#e5f7ff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BECDE0;}
table.compare tr.over td {background:#FFFFFF; cursor:pointer}
table.compare tr.active td {background:#358cb7; color:#e6ecf3}
table.details tr td { background-color:#FFFFFF; border-bottom:1px solid #bed4e0; cursor:default }
*/
table.compare {width:100%; margin:0}
/* table.compare th {padding:6px 15px; font-size:13px; font-weight:bold; color:#333; text-transform:uppercase; white-space:nowrap;} */
table.compare th {
font-size:13px;
font-weight:bold;
color:#0075b2;
white-space:nowrap;
height:28px;
border-left:1px solid #bed4e0;
padding-top: 0px;
padding-right: 15px;
padding-bottom: 6px;
padding-left: 15px;
}
/* table.compare th {padding:6px 15px; font-size:13px; font-weight:bold; background:#4370a2; color:#FFFFFF; white-space:nowrap; height:28px} */
table.compare td {text-align:center; padding:6px 15px}
table.compare .td1 {width:55px; padding-top: 6px; padding-right: 0; padding-bottom: 6px; padding-left: 20px;}
table.compare .td2 {width:auto; text-align:left; color:#333; font-weight:bold;}
table.compare .td3 {width:75px; border-left-width: 1px; border-left-style: solid; border-left-color: #BECDE0; }
table.compare .td4 {width:70px; border-left-width: 1px; border-left-style: solid; border-left-color: #BECDE0; }
table.compare .td5 {width:70px; border-left-width: 1px; border-left-style: solid; border-left-color: #BECDE0; }
/* table.compare .td2details { width:auto; text-align:left; color:#333; font-weight:normal; padding-left:50px; background-image: url(../images/list_bg.gif); background-repeat: no-repeat; background-position: 30px 11px} */
table.compare .td2details { width:auto; text-align:left; color:#333; font-weight:normal;}
table.compare .td2header {width:auto; text-align:left;}
/* table.compare tr.odd td {background:#e0ebfe} */
/* table.compare tr.odd td {background:#E0F0FE; border-bottom:1px solid #86b6e2} */
table.compare tr.odd td {background:#e5f7ff; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #BECDE0;}
table.compare tr.over td {background:#FFFFFF; cursor:pointer}
/* table.compare tr.over td {background:#c1e1f2; cursor:pointer} */
/* table.compare tr.over td {background:#c1dbf2; cursor:default} */
table.compare tr.active td {background:#358cb7; color:#e6ecf3}
/* table.details {display:none}
table.show {display:block} */
/* table.details tr td {background:#c1dbf2; color:#333; border-bottom:1px solid #86b6e2} */
table.details tr td { background-color:#FFFFFF; border-bottom:1px solid #bed4e0; cursor:default }
/* tabs */
ul.tabs {position:relative; height:40px; padding:0 0 0 1px; margin:0; list-style:none; bottom:-3px; /*z-index:-1*/}
ul.tabs li {float:left; margin:0}
ul.tabs a {display:block; outline:none; float:left; padding:0 23px 0 0; height:40px; line-height:40px; font-size:13px; font-weight:bold; color:#336800; text-decoration:none; background:url(../images/tabs_bg.gif) no-repeat 100% 100%}
ul.tabs a span {display:block; float:left; width:23px; height:40px; background:url(../images/tabs_bg.gif) no-repeat 0 100%}
ul.tabs a:hover {color:#333}
ul.tabs a.active {background:url(../images/tabs_bg.gif) no-repeat 100% 0; color:#333 !important}
ul.tabs a.active span {background:url(../images/tabs_bg.gif) no-repeat 0 0}
ul.tabsNoJs {position:relative; height:40px; padding:0 0 0 1px; margin:0; list-style:none; bottom:-3px; /*z-index:-1*/}
ul.tabsNoJs li {float:left; margin:0}
ul.tabsNoJs a {display:block; outline:none; float:left; padding:0 23px 0 0; height:40px; line-height:40px; font-size:13px; font-weight:bold; color:#336800; text-decoration:none; background:url(../images/tabs_bg.gif) no-repeat 100% 100%}
ul.tabsNoJs a span {display:block; float:left; width:23px; height:40px; background:url(../images/tabs_bg.gif) no-repeat 0 100%}
ul.tabsNoJs a:hover {color:#333}
ul.tabsNoJs a.active {background:url(../images/tabs_bg.gif) no-repeat 100% 0; color:#333 !important}
ul.tabsNoJs a.active span {background:url(../images/tabs_bg.gif) no-repeat 0 0}
ul.tabs1 a {padding:0 12px 0 0}
ul.tabs1 a span {width:12px}
ul.tabs2 {position:relative; height:40px; padding:0 0 0 1px; margin:0; list-style:none; bottom:-3px}
ul.tabs2 li {float:left; margin:0}
ul.tabs2 a {display:block; outline:none; float:left; padding:0 23px 0 0; height:40px; line-height:40px; font-size:13px; color:#333; text-decoration:none; background:url(../images/tabs2_bg.gif) no-repeat 100% 100%}
ul.tabs2 a span {display:block; float:left; width:23px; height:40px; background:url(../images/tabs2_bg.gif) no-repeat 0 100%}
ul.tabs2 a:hover {color:#333}
ul.tabs2 a.active {background:url(../images/tabs2_bg.gif) no-repeat 100% 0; color:#333 !important}
ul.tabs2 a.active span {background:url(../images/tabs2_bg.gif) no-repeat 0 0}
ul.tabs3 {position:relative; height:50px; padding:0 0 0 1px; margin:0; list-style:none; bottom:-3px}
ul.tabs3 li {float:left; margin:0;}
ul.tabs3 a {color:#336800; font-weight:bold; width:118px; display:block; outline:none; float:left; padding:0 10px 0 0; height:50px; font-size:13px; text-decoration:none; background:url(../images/tabs3_bg.gif) no-repeat 100% 100%}
ul.tabs3 a span {display:block; float:left; width:15px; height:50px; background:url(../images/tabs3_bg.gif) no-repeat 0 100%}
ul.tabs3 a:hover {color:#333}
ul.tabs3 a.active {background:url(../images/tabs3_bg.gif) no-repeat 100% 0; color:#333 !important}
ul.tabs3 a.active span {background:url(../images/tabs3_bg.gif) no-repeat 0 0}
.tabs_content, .tabs2_content {padding:10px 23px 3px 23px}
.tabs_content.inside {padding:10px 23px 13px 23px}
.tabs_content .block, .tabs2_content .block {display:none}
.tabs_content .show, .tabs2_content .show {display:block}
.tabs_content .description, .tabs2_content .description {float:right; margin:0}
.tabs_content ul, .tabs2_content ul {font-weight:normal; margin:0 0 0 20px}
.tabs_content ul li p, .tabs2_content ul li p {font-size:12px; margin:5px 0}
.tabs_content .view, .tabs2_content .view {float:left; margin-right:0}
.tabs_submenu {}
.tabs_submenu ul {
float:left;
list-style-type:none;
margin-top: 10px;
margin-right: 15px;
margin-bottom: 5px;
margin-left: 0px;
list-style-image: none;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
padding-left: 0px;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #87C5E2;
border-right-color: #87C5E2;
border-bottom-color: #87C5E2;
border-left-color: #87C5E2;
background-image: url(../images/bg_bluegrad_horz1.gif);
background-repeat: repeat-y;
background-position: 100% 0px;
}
.tabs_submenu ul li {
margin-left: 0px;
padding-left: 0px;
}
.midisites { padding-top:20px; }
.midisites a { font-weight:bold }
/* others */
#getflash
{
margin: 0 auto;
font-family:Arial, Helvetica, sans-serif;
font-size: x-small;
color: #003300;
text-align: left;
background-image: url(convertmidi1_nofp_bg.gif);
background-repeat: no-repeat;
width: 210px;
height: 200px;
padding: 40px;
}
.button_normal_bold {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
}
.button_normal_bold_color {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
background-color: #09AFDF;
font-size: 14px;
font-style: normal;
font-weight: bold;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
}
.midiactive {
text-decoration:none;
font-weight:bold;
color:#333;
}
img.displayed {
display: block;
margin-left: auto;
margin-right: auto }
