/* Pianoteq CSS Stylesheet */

html {
	height:100%;
	overflow-y:scroll;
}

body {
	background-color: #323a4d;
	background-position: center top;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(bottom, #323a4d , #525966 40%, #828b99);
	background-image: -webkit-gradient(linear,left bottom, left top, from(#323a4d), to(#828b99));
	height:100%;
	padding:0px; margin:0px;
	font:13px verdana, geneva, arial, helvetica, sans-serif;	
}

/*--- Default ---*/
h1 { margin:1em 3%;   color:#444; font-size:200%; }
h2 { margin:0.5em 3%; color:#666; font-size:180%; }
h3 { margin:0.4em 3%; color:#888; font-size:130%; }
h4 { margin:0.2em 3%; color:#999; font-size:115%; }
h5 { margin:0.2em 3%; color:#AAA; font-size:108%; }
h6 { margin:0.2em 3%; color:#AAA; font-size:100%; }

p {
	text-align:justify;
}

p.quotes {
    font-style:italic; color:#333;
}

pre {
	margin:1em 3%; color:black;
}

blockquote {
	margin:1em 3%; color:black;
}

ul {
	margin-left:20px;
}

ol {
	margin:1em 3%; color:black;
}

dl {
	margin:1em 3%; color:black;
}

address {
	margin:1em 3%; color:#1A1C1F;
}

a {
	color:#557;
}

a:hover {
	color:#F90; text-decoration:underline;
}

img {
	border-style:none; vertical-align:middle;
}

table {
	margin:5px;
}

td {
    padding:3px;
}

/*--- Special classes ---*/
.centered {
	text-align:center;
}

.transparent {
	background-image: url('trans-bg.png');
}

.backgrounded {
	background:#EEE;
	background-image: url(bg-std.png);
	background-image: -moz-linear-gradient(left, #EEE, white);
	background-image: -webkit-gradient(linear,left top, right top, from(#EEE), to(white));	
}

.bordered {
	border:1px #AAA solid;
}

.rounded {
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
}

.unselectable {
   -moz-user-select: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   /*user-select: none;*/
}

.noborder {
	border-style:none;
}

.price {
	font-size:170%; color:#800000; font-family:verdana; text-align:center; text-decoration:none
}

/*--- Messages ---*/
#messageBox { position:fixed;top:0;left:0;width:100%;z-index:100;min-height:1.5em;padding:3px;text-align:center;color:#333;background:white;box-shadow:0px 8px 4px rgba(0,0,0,0.5);cursor:pointer }
#messageBox a { color:inherit;text-decoration:underline;}
#messageBox a:hover { color:gray; }  

div.message { border:1px #DDD solid; background:#EEE; padding:4px 6px; }

div.forbidden {
	color:red;
	background-image: url('bullet-forbidden.png');
 	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 1px 2em;
}

div.error {
	color:red;
	background-image: url('bullet-error.png');
 	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 1px 2em;
}

div.warning {
	color:#27C;
	background-image: url('bullet-warning.png');
 	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 1px 2em;
}

div.ok {
	color:green;
	background-image: url('bullet-ok.png');
 	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 1px 2em;
}

div.multiline { text-align:left; padding-left:8px; font-size:90%; }

a.arrow, span.arrow { background:url(arrow.gif) no-repeat; background-position:0px 0.5em;padding-left:0.7em; }
ul.arrow > li { list-style-image:url(arrow.gif) }

/*--- Content ---*/
#content, .content {
	/*clear:both;*/
	border:1px white solid; list-style-position:inside; padding: 15px 2em;
}

#content input.submit {
	margin:5px;
}

/*--- Static elements ---*/

#navbar {
	margin:2px; border-bottom:1px gray dotted; text-align:right; padding-bottom:2px;
	color:gray; font-size:10px;
}

#last_news {
	float:left;
}

#sitepath {
	padding:0px 10px;
}

#sitepath a {
	text-decoration:none;
}

#sitepath a:hover {
	color:#ff9900; text-decoration:underline
}

#lang img.selected{
	border:2px orange solid;
}

#featurehilights {
	border:#999 1px solid; width:439px; margin-left:46px;
}

#featurehilights h4 {
	color:white; padding:5px; font-size:14px; background:#193049; margin:0px; border-bottom:#999 1px solid;
}

#featurehilights ul {
	padding-right:0px; padding-left:0px; background:white; padding-bottom:0px; margin:0px; padding-top:0px;
}

#featurehilights li {
	list-style-image:url(checkmark.png); /*list-style-position:inside; */
	list-style-position:outside; margin:2px 2px 2px 25px; font-style:italic
}

#maintitle {
	clear:both; margin-top:0px; font-size:20px; margin-bottom:0px; padding-bottom:0px; padding-top:8px; height:48px;
}

#maincontainer {	
	padding-bottom:30px; margin-left:0px; width:100%;
}

#wrapper {
	width:800px;
	background:white; margin:0px auto; min-height:100%; 
	position:relative;		
	-webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.5);
}

#header { background:url(banner.jpg) no-repeat center -20px;height:171px;position:relative; }
#header a.click_zone {
	width:100%; height:140px; display:block; font-size:2px; margin-bottom:0px; margin-left:0px; color:white;
}

#header a {
	text-decoration:none;
}
#header a:hover {
	text-decoration:underline;
}

/*--- Footer ---*/

#footer {
	clear:both; font-size:12px;
	background:#0A1226;
	font-family:helvetica, arial, sans-serif;
	padding:10px 0px;
	position:absolute; bottom:0px; width:100%;
	font-weight:normal;
}

#footer a {
	color:white; font-weight:bold;
}

#footer span {
	padding-left:20px; float:left; margin:0px; color:#AAA;
}

#footer img {
	padding-right:20px; padding-left:0px; float:right; padding-bottom:0px; margin:0px; padding-top:7px;
}

/*--- Side Bar ---*/

#sidebar {
	float:right; margin-bottom:15px; width:260px; padding-top:8px;
}

#sidebar ul {
	padding:0px; margin:0px;
}

#sidebar li {
	padding-right:10px; padding-left:10px; padding-bottom:10px; padding-top:0px; list-style-image:none; margin:0px; list-style-type:none;
}

#sidebar a {
	color:#3D4558; text-decoration:underline;
}

#sidebar .boxhead a {
	color:white; letter-spacing:0.2em; font-variant:small-caps; text-decoration:none;
}

#sidebar a:hover {
	color:#F90; /*text-decoration:underline*/
}


#sidebar.new .sidebox { margin:0px; background-image:none; }
#sidebar.new .boxhead { background-image:none; }
#sidebar.new .boxhead h2 {  min-height:1.1em;
	margin:0px; padding:0.3em; background-color:#14355A; color:white; 
	background-image:none;
	background-image: -moz-linear-gradient(bottom, #01010d , #071a2A 30%, #14355A 80%, #A0BBDB); 
	background-image: -webkit-gradient(linear,left bottom, left top, from(#01010d), to(#14355A));
}
#sidebar.new .boxbody { 
	margin:0px; background-image:none;border-left:1px #304662 solid; background-color:white;
	background-image: -moz-linear-gradient(left, white 50%, #EEEEEE);
}

#sidebar.new .sidebox:first-child .boxhead h2 { border-radius: 16px 0px 0px 0px; -moz-border-radius: 16px 0px 0px 0px; -webkit-border-radius: 16px 0px 0px 0px; }
#sidebar.new .sidebox:last-child .boxbody { border-bottom:1px #304662 solid; border-radius: 0px 0px 0px 16px; -moz-border-radius: 0px 0px 0px 16px; -webkit-border-radius: 0px 0px 0px 16px; }


/*--- Popup ---*/
.popupBar { clear:both;background-color:#EEE;color:black;padding:3px;margin:2px 0px;border-top:1px gray dotted; }
.popupBar > span.popupClose { margin:2px;cursor:pointer;float:right;color:transparent;background:transparent url(close_button.png) no-repeat;width:20px;height:20px; }

/*--- Links ---*/

.linkexternal {
	cursor:pointer; padding-right:15px; background-position:right center; background-image:url(link-icon_external_12.jpg); background-repeat:no-repeat;
}

.linkemail {
	cursor:pointer; padding-right:20px; background-position:right center; background-image:url(link-icon_mail.jpg); background-repeat:no-repeat;
}

.linkdl {
	cursor:pointer;
}

.linkaudio {
	cursor:pointer;
}

.linkbuy {
	cursor:pointer;
}

.speaker {
    background:url(loudspeaker-small.png) no-repeat; background-position:0em 0.2em;padding-left:1.8em;
}

.download {
    background:url(download-small.png) no-repeat; background-position:0.2em 0.2em;padding-left:1.8em;
}

/*--- Buy page ---*/
#billing label { width:16em }
div.purchase_cat_select { margin:5px; }

div.purchase_cat_select > span {
	border-bottom:1px #CCC solid; font-weight:bold; color:gray;
}

div.purchase_cat_select > ul {
	margin: 2px; padding:2px;
}

div.purchase_cat_select > ul a {
	cursor:pointer;
}

div.purchase_bar {
    clear:both; margin:2px; padding:3px 24px; background:#3674BB; color:white;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}
div.purchase_bar a {
    color:white; cursor:pointer; font-weight:bold;
}

/*--- Press Release ---*/

#content.press_release  > ul { margin:20px 10px; }
#content.press_release  > ul > li { list-style-image:url(arrow.gif); }

#pressrelease {
	border:#999 1px solid; margin:10px;
}

#pressrelease ul {
	margin:5px; padding-left:20px;
}

#pressrelease ul > li {
	margin-left:20px;
}

/*--- News ---*/

#news {
	padding:0px 12px 20px 12px;
}
.news {
    overflow:hidden; margin:8px; padding:8px;
    clear:both; border:1px gray solid; -moz-border-radius:20px; -webkit-border-radius:20px;
}
.news .title { font-weight:bold; }
.news .body { margin:10px; text-align:justify; font-size:100%; }
.news .body p { margin:0px 0px 10px 0px; }

#quicknews { font-size:10px; margin:0px; padding:0px; }

ul#quicknews { margin-left:6px; }

#quicknews li{
	list-style-image:url("arrow.gif"); padding:0px 0px; margin-left:4px;
}

#quicknews li > a {
	text-decoration:none;
}

#quicknews li > a:hover {
	text-decoration:underline;
}

/*--- Menubar ---*/

#menubar {
	font-size:15px; position:absolute;
	width:100%; line-height:normal; font-variant:small-caps;
	bottom:0px;
}

#menubar > ul {
	margin:0px; padding-right:8px; padding-left:8px; padding-bottom:0px; padding-top:0px;
}

#menubar li {

}

#menubar a {
	margin:0px; padding-right:0px; padding-left:4px; padding-bottom:0px; padding-top:0px; background:url(tableftH.gif) no-repeat left top;
	text-decoration:none;
}

#menubar a span {
	display:block; padding-right:8px; padding-left:3px; background:url(tabrightH.gif) no-repeat right top; padding-bottom:4px; color:white; padding-top:5px; font-size:14px;
}

/* reduced when english language */
#menubar.en a span, #menubar ul ul a span {
	padding-right:12px; padding-left:5px; /*font-size:100% */
}

#menubar a:hover , #menubar .selected > a{
	background-position:0% -42px;text-decoration:none;
}

#menubar a:hover span,  #menubar .selected > a span{
	background-position:100% -42px;
}

#menubar > ul ul { -moz-box-shadow: 2px 3px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 2px 3px 10px rgba(0,0,0,0.5);}

#menubar ul ul a span { background:#DDD; color:black; font-size:90%; }

#menubar ul ul a:hover span {
	color:#C60; background:#EEE;
}

#menubar li.locked span {
	display: list-item;
	list-style-image:url('locked-s.png');
	list-style-position:inside;
}

#menubar li.unlocked span {
	display: list-item;
	list-style-image:url('unlocked-s.png');
	list-style-position:inside;
}

#menubar_oldbrowser { color:white; }
#menubar_oldbrowser a { color:white; }

/*-- Summary Box --*/

.summarybox {
    float:right; padding:0px; margin:1px 1px 10px 10px; border-left:1px #AAA solid;
    /*border-bottom:1px #AAA solid; background:white url(bg-small.png) repeat-y ;*/
}
.summarybox > .boxtitle { font-weight:bold; text-align:center; padding-top:5px; }
.summarybox > .boxcontent { padding:10px; font-size:95%; }
.summarybox > .boxcontent > ul { margin:0px; padding-left:10px; }
.summarybox > .boxcontent > ol { margin:5px; padding-left:10px; }
.summarybox > .boxcontent > ul > li { margin:0px; list-style-image:url(arrow.gif) }
.summarybox > .boxcontent li a { text-decoration:none }
.summarybox > .boxcontent .selected a { font-weight:bold; }

/*-- Side Box --*/

.sidebox {

	font-size:100%; background:url(sb-br.png) no-repeat right bottom; margin:0px;
}

.boxhead {
	background:url(sb-hr.png) no-repeat right top; padding:0px; margin:0px; text-align:center;
}

.boxhead a {
	text-decoration:none; color:white;
}

.boxhead a:hover {
	color:#F90;
}

.boxhead h2 {
	height:1%; padding-right:30px; padding-left:30px; padding-top:11px; padding-bottom:5px;
	font-weight:bold; font-size:1em;
	background:url(sb-hl.png) no-repeat left top; margin:0px; color:black; line-height:1em;
}

.boxbody {
	margin:0px; padding-right:15px; padding-left:15px; padding-bottom:15px; padding-top:10px;
	background:url(sb-bl.png) no-repeat left bottom;
	overflow:hidden;
}

.boxbody > ul { margin:0px; padding-left:10px; }

.boxbody .selected a {
	font-weight:bold;
}

.boxbody li {
	margin:0px;
	list-style-image:url(arrow.gif)
}

.boxbody li a {
	text-decoration:none
}

:link img {
	border-style:none;
}

/*--- Catalog ---*/

#content.catalog > h3 {
    background-color:#AAA; color:white;padding:2px 20px; margin:3px auto;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.product_description {
	width:350px; height:250px; font-size:80%; border:#999 1px solid; margin:10px 10px; float:left;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-box-shadow: #CCC 3px 3px 10px;
    -webkit-box-shadow: #CCC 3px 3px 10px;
}

.product_description h2 { font-size:130%; margin:10px; color:#555; }
.product_description > table { height:96%;width:98%;margin-left:auto;margin-right:auto }
.product_description > table p { text-align:left;padding:2px; }
.product_description a.upgrade_title { font-size:110%;font-weight:bold; }

/*--- Store ---*/

div.store { margin:10px 0px; }

.store_item {
	float:left;width:47%; font-size:90%; border:#BBB 1px solid; margin:10px 8px;
	cursor:pointer;height:180px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-moz-box-shadow: #CCC 2px 2px 5px;
    -webkit-box-shadow: #CCC 2px 2px 5px;
    position:relative;
    overflow:hidden;
}

div.store .selected {	
	/*border: 1px orange solid;*/
}

div.store .selected > .store_item_header { 
	background:orange;color:white;
}

div.store .selected  img { 
	outline: 2px orange solid;
}

.store_item_header {
    clear:both; font-weight:bold; font-size:13px; background:none; width:100%; color:#333; height:20px; background:#EEE;
    padding:2px 0px;
    text-align:center;
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    top:0px;
	background-image: -moz-linear-gradient(left, #CCC, #DDD);
	background-image: -webkit-gradient(linear,left top, right top, from(#CCC), to(#DDD));
}

.store_item img { float:left; margin:10px; outline:1px #CCC solid; }
.store_item img.selected {
	outline:3px orange solid;
}

.store_item p { text-align:left; margin:3px; padding:3px; font-size:85%; }
.store_item_footer {
	clear:both; font-weight:normal; font-size:10px; background:#999; width:100%; color:#333; height:20px;
	-moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    position:absolute; bottom:0px;
	background-image: -moz-linear-gradient(left, #CCC, #DDD);
	background-image: -webkit-gradient(linear,left top, right top, from(#CCC), to(#DDD));
}
.store_item_footer a {
	color:#333; text-decoration:none;
}
.store_item_footer > div { padding:0px 20px; }

.store_item div.promo {
	font-weight:bold; font-size:11px; text-align:center; background:#3388CC; color:white; padding:2px 10px;
}

/*--- Addon box ---*/

.addon_description {	
	font-size:90%; clear:both;
	width:98%;
	padding:8px;
	height:260px;
}

.addon_description img.picture {
	border:1px #CCC solid; border-radius:5px;
}

.addon_description h2 {
	font-size:130%; margin:10px; color:#555;
}

.product_pic {
	float:left; margin:5px; width:210px; text-align:center
}

.product_footer {
	height:25px; padding:0px 0px; clear:both; font-size:11px; background:#0A1226; width:100%; color:white; bottom:0;
	-moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
}

.product_footer a {
	color:white; text-decoration:none;
}

.product_footer a:hover {
	color:white; text-decoration:underline;
}

.product_footer p {
	padding-left:30px; margin:0px; padding-top:3px; color:white;
}

.product_footer span {
	padding:0px 5px;
}

.product_footer_left {
	float:left
}

.product_footer_right {
	padding-right:30px; float:right
}

.product_footer a {
	/*color:black*/
}

/*--- Piano Description ---*/

#pd_content {
	margin-left:auto; width:640px; margin-right:auto
}

#pd_content h3 {
	color:#666; font-style:italic
}

#pd_content p {
	text-align:justify
}

#pd_content em {
	font-weight:bold; color:#BB7436;
}

/*--- Content (2) ---*/

#content em {
	color:#BB7436;
}

strong {
	font-weight:bold; color:#BB7436;
}

strong.pianoteq3, #content h3.pianoteq3{
	 color:#373;
}

strong.pianoteq2, #content h3.pianoteq2 {
	 color:#BB7436;
}

strong.pianoteq1, #content h3.pianoteq1  {
	 color:#337;
}

#pd_menu {
	font-size:120%; font-style:italic; list-style-type:none
}

/*---  Audio Demo ---*/

.ademo_item_cont {
	margin-left:16px;
}

.ademo_item_cont .ademo_item { /*height:100px;*/width:45%; }

.ademo_item {
	border:#999 1px solid; font-size:80%; float:left; margin:6px; font-family:verdana, arial;
	-moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
}

.ademo_item h4 {
	padding-right:4px; padding-left:4px; font-size:1em; background:#002545 url(bg-hl.png); padding-bottom:4px; margin:0px 0px 3px; color:white; padding-top:4px; border-bottom:#999 1px solid; font-style:italic; text-align:left;
	-moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
}
.fxpcorner .ademo_item { height:120px; }
.fxpcorner .ademo_item h4 a { color:white; }
.fxpcorner .ademo_item h4 a:hover { color:#DB9456; }

.ademo_item p {
	text-align:left;padding:2px; margin:0px 5px 0px 5px;
}

.ademo_item p .performer {
	font-weight:bold;color:black;
}

.ademo_item p.settings {
	text-align:left;
}

.ademo_item p.settings > span.preset {
	font-weight:bold;color:#35C;
}

.ademo_item p.settings > span.pianoteq2 {
	font-weight:bold;color:#BB7436;
}

.ademo_item p.settings > span.pianoteq3 {
	font-weight:bold;color:#373;
}

.ademo_features .ademo_item { height:120px; }

.ademo_item p.comments {
	height:75px;font-size:90%;color:#555;text-align:justify;
}

.ademo_selected h4 { background:#BB7436; }

.ademo_item_footer {

}

.ademo_item_footer p {
	text-align:center;
}

.ademo_item a { text-decoration:none; }
.ademo_item a:hover { text-decoration:underline; }

.ademo_desc {
	margin-left:2em; margin-right:2em; text-align:justify
}

/*--- About page ---*/

#aboutcol p {
	 text-align:justify;
	 margin-left:0px;
}

.about_address {
	border:#999 1px solid; margin:20px auto;
	padding:8px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
}
.about_address p {
	padding:3px 10px;
}

#about_address h4 {
	padding-right:1em; padding-left:1em; padding-bottom:5px; margin:0px; padding-top:2px; border-bottom:#999 1px solid;
}

#trombicol {
	float:right;
	border:#999 1px solid;
	margin-right:0px;
	margin-left:15px;
	margin-bottom:10px;
	width:40%;
}

.trombi {
	float:left; margin:5px;  text-align:justify;
}

.trombi img {
	display:block; float:left; margin-right:10px;
}

.trombi p {
	margin-top:0px; padding:5px; text-align:left; font-size:10px;
}

/*--- Characteristics ---*/
#content ul.characteristics, #content ol.characteristics { margin:1em 0px;}
ul.characteristics > li, ol.characteristics > li { margin:1em 3%; padding-bottom:0.5em; }
ul.characteristics > li { list-style-image: url(arrow.gif); }
ul.characteristics > li > ul { list-style-image: none; list-style-type: square; }
ul.characteristics strong { font-weight:bold;font-size:1em;  }

/*--- Download box ---*/
.download_box { margin:10px; }
.download_box .title strong { color:white; }

/*--- Features box ---*/
div.features { border:1px orange solid;padding:2px;margin:2px; }
div.features > h3 { font-weight:bold; color:#BB7436; font-size:100%;}
div.features ul { margin:5px 2px 5px 20px; padding:0px; font-size:80%;list-style-image: url(bullet_star.png);list-style-position:outside; }
div.features ul > li { }

/*--- Home page ---*/
#home { width:540px; }
#home p { text-align:justify; margin:10px 15px;font-size:90%; }

div.home_features > div.features { float:left;width:250px;height:250px;margin:10px 5px; }

#home h2.title {
    color:#BB7436; margin:10px; cursor:pointer;
}

#home.xmas h2.title {
	color:white;margin:10px;
	padding:2px 10px;
    font-size:110%;
	background-color:#14355A;
	background-image:-moz-linear-gradient(center bottom , #01010D, #071A2A 30%, #14355A 80%, #A0BBDB);
	background-image:-webkit-gradient(linear,left top, left bottom, from(#14355A), to(#01010D));
	border-radius:3px;
}
#home.new h2.title {
    color:white;background-color:#BB7436; margin:10px;
    padding:2px 10px;
    font-size:110%;
}

/* --- K1 special class ---*/
#home.k1 h2.title {
    color:white;background-color:#B98960; margin:10px;
    padding:2px 10px;
    font-size:110%;
}
div.k1 div.features { background:#FFF2E0;border-color:#B99069; }

/* --- PLAY special class ---*/
/*#content.play a {text-decoration:none;color:#376737}
#content.play a:hover {;text-decoration:underline;}*/

#home.celeste h2.title {
    color:white;background-color:#6a86aa; margin:10px;
    padding:2px 10px;
    font-size:110%;
}
div.celeste div.features { background:white;border-color:#748eab; }

#home.play h2.title {
    color:white;background-color:#376737; margin:10px;
    padding:2px 10px;
    font-size:110%;
}
div.play div.features { background:white;border-color:#2F6737; }

#home.xylo h2.title {
	color:white;background-color:#874000; margin:10px;
    padding:2px 10px;
    font-size:110%;
}
div.xylo div.features { background:white;border-color:#874000; }

/*--- Support Form ---*/
#support_form { width:90%; margin:5px auto; }
#support_form label { width:250px; }
#support_form label.whole_line_label { width:100%; text-align:left; }
#support_form input { margin-right:10px; }

.support_result {
	border:#999 1px solid; padding:10px; font-size:120%; background:#EEE; margin:10px auto; width:70%;
}

/*--- Standard Box ---*/

div.box { }

div.box > div.title {
	border-radius:20px 20px 0px 0px;
	-moz-border-radius:20px 20px 0px 0px;
	-webkit-border-radius:20px 20px 0px 0px;
	background-color: #14355A;
	background-image: -moz-linear-gradient(center bottom , #01010D, #071A2A 30%, #14355A 80%, #A0BBDB);
	background-image:-webkit-gradient(linear,left top, left bottom, from(#14355A), to(#01010D));
	color: white;
	text-align:center;
	padding:0.3em 1em;
}

div.box > div.body {
	border-radius:0px 0px 20px 20px;
	-moz-border-radius:0px 0px 20px 20px;
	-webkit-border-radius:0px 0px 20px 20px;
	border:#01010D 1px solid;
	border-top:none;
	padding:1em;
}

/*--- Login Box ---*/
.loginbox {
	border:#01010D 1px solid;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;	
	margin:2em auto;
	width:24em;
	overflow:hidden;
}

.loginbox a { text-decoration:none }
.loginbox a:hover { text-decoration:underline }

.loginboxold {
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

.loginbox > form {
	padding:0px;margin:0px;display:inline;
}

.loginbox > .title {
	background-color: #14355A;
	background-image: -moz-linear-gradient(center bottom , #01010D, #071A2A 30%, #14355A 80%, #A0BBDB);
	background-image:-webkit-gradient(linear,left top, left bottom, from(#14355A), to(#01010D));
	color: white;
	font-size:110%;font-weight:bold;padding:3px;text-align:center;
	margin:0px;
	min-height: 1.1em;
}

.loginbox > .form {
	padding:3px 1em;
}

.loginbox > .footer {
	text-align:left;
	padding:3px 1.5em;
	background-color:#EEE;
}

.loginbox label {
	padding-right:0px; width:5em; clear:both;
}

.loginbox input {
	margin-left:10px; width:13em
}

.loginbox input.submit {
	margin-right:15px; width:10em
}

.loginbox fieldset {

}

/*--- FAQ ---*/
div.faq {
	border-top:1px gray dashed;
	padding:3px;
}

div.faq > div.title {
	margin-left:15px; font-weight:bold; font-size:110%;
}

div.faq > div.body {
	margin:10px 25px; text-align:justify;
}

ul.faq_menu {

}
ul.faq_menu  ul { font-size:90%;padding-left:5px; }

.faq_content {
	margin:0px auto; width:95%;
}

.faq_content .category {
	font-weight:bold; font-size:140%; color:gray; margin:20px; padding-bottom:5px;
}

.faq_content .title {
	font-weight:bold; font-size:110%;
}

.faq_content p {
	margin-left:10px; text-align:justify;
}

.faq_categ_list {
	font-size:120%; margin-left:10%;
}

/*--- Forms ---*/
form span.mandatory_field {
	color:red;
}

form span.error_field {
	color:red; font-weight:normal; font-size:65%;
}

fieldset {
	padding:5px; margin:0px; border-style:none;
}

fieldset input {
	margin:2px;
}

legend {
	border:1px gray solid; padding-right:10px; padding-left:10px; background:#EEE; padding-bottom:1px; color:gray; padding-top:1px; font-variant:small-caps;
}

label {
	display:block; text-align:right; float:left; margin:2px;
	color:black; padding-right:10px; width:10em; clear:both;
}

label.checkboxlabel {
	display:inline; float:none; text-align:left; cursor:pointer;
}

input.text {
	display:block; float:left;
	border:1px black solid; background:#ffb; margin:1px 0px; color:black;
}

input.hidden {
	display:none;
}

input.submit {
	display:block; clear:both; float:right;
	background:#eee; margin:5px; color:black; /* width:250px; border:black 1px solid; */
}

input.select {
	border:black 1px solid; background:#ffb; margin:1px 0px; color:black;/* width:250px; */
}

.field_error {
	color:red; font-weight:normal; font-size:80%;
}

.forminput {
	 /* border:gray 1px solid; background:#EEE; margin:1px 0px; color:black; padding:2px; width:250px; */
}

textarea#keycontent {
	border:black 1px solid; background:#EEE;
}

/*--- Purchase product info ---*/

#purchase_info label { width:16em; }

div.purchase_product_info {
	border:#999 1px solid; font-size:100%; margin:10px; padding:10px;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

#content .purchase_product_info h2 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center; font-size:14px;
}

#content .purchase_product_info .left {
	display:block; float:left; width:35%; text-align:right;
}

#content .purchase_product_info .right {
	font-weight:bold; margin:5px; color:#008;
}

#content .purchase_product_info  p {
	font-size:11px;
}

#content .purchase_product_info h3 {
	padding:0px; font-size:90%; margin:0px 0px 10px; text-align:center;
}

/*--- Grand Pianos section ---*/
.grand_pianos > div.piano { clear:both;height:200px;margin:1em 0px;}
.grand_pianos > div.piano > h3 { font-size:100%;margin:3px 0px;padding:2px 10px;background-color:gray;color:white; }

/*--- Purchase billing info ---*/

div.purchase_billing_info {
	font-size:100%; padding-top:10px;
}

div.purchase_billing_info a {
	text-decoration:none;
}

#content .purchase_billing_info h2 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

#content .purchase_billing_info h3 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

/*--- User registration ---*/

div.user_registration {
	font-size:100%; padding:10px;
}

div.user_registration > h3 {
	font-size:125%; margin:0px 0px 10px; text-align:center;
}

form .message { font-size:90%; border:none; padding:1px;}

fieldset.account_creation label { width:24em; }

/*--- Sale conditions ---*/
#content .sale_conditions h1 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

#content .sale_conditions h3 {
	padding:0px; font-size:125%; margin:0px 0px 10px; text-align:center;
}

#content .sale_conditions p {
	font-size:80%; text-align:justify
}

#content .sale_conditions em {
	font-size:80%
}

#content .sale_conditions h1 {
	margin:1em
}

#content .sale_conditions h2 {
	font-size:100%
}

div.sale_conditions {
	margin:3px; width:100%
}

#content > ul {
	list-style-position:outside;
	padding-left:10px;
	margin:5px;
}

#content > ul ul { margin-left:5px; padding-left:20px; font-size:90%; }

/*--- Change history page ---*/

#content.changes h3 { color:#BB7436; margin-top:1.5em; margin-left:5px;border-bottom:1px #BB7436 solid; }
#content.changes h4 { margin-top:1.5em; }
#content.changes ul > li { margin-left:3em; list-style-image:url(arrow.gif) }

/*--- Credit cards ---*/

#cartesbancaires form  {
	float:left;
}

#cartesbancaires > table {
	margin:0px; border-collapse:collapse;
}

#cartesbancaires > table td {
	padding:10px; border:1px gray solid; vertical-align:top;
}

#cartesbancaires > table td img {
	margin:2px;
}

#keycontent {
	background:#faa;margin-left:30px;
}

a.pbutton {
	border:#999 1px solid; padding-right:0px; padding-top:5px; display:block; padding-left:0px; font-weight:bold; font-size:18px; margin:5px auto; width:132px;  height:28px; background-color:#ccc; text-align:center; text-decoration:none;
}

/*--- Review ---*/

#content .review {
	clear:both; margin-bottom:35px;
}

#content .review p {
	text-align:justify;
}

#content .review h3 {
	margin:0.4em 0px; border-bottom:#CCC 1px solid; font-style:italic
}

#content .review p.quotes {
	color:#9B602D; /*#BB7436*/
}

#content .reviewer_photo {
	float:right; margin:0px 0px 5px 5px;
}
#content .reviewer_photo img {
	margin-left:10px;
}

.user_review blockquote {
	padding-right:60px; padding-left:60px; padding-bottom:5px; padding-top:5px; display:block; width:450px;
}

.user_review .user_review_name {
	margin-left:300px; color:#777
}

/*--- Contest ---*/

.contest {	
	font-size:90%; margin:5px; padding:5px; margin-bottom:15px; border-top: 1px gray solid;
}

.contest h4 {
	color:black;
}

div.contest_form div.message { margin:10px;border:1px #AAA solid;width:66%;}
div.contest_form ol { margin-left:0px;}
.contest_strong { font-weight:bold;color:#57B }

/*--- Special titles ---*/

img.title { float:left;border-style:none; }

/*--- User Profile ---*/

.profile_edit {
	width:60%; margin:10px auto 10px auto; /*padding: 10px; border: solid 1px black; background: #EEE;*/
}

.profile_edit label {
	width:8em;
}

/*--- Resellers ---*/

table.resellers {
    margin: 1em auto;    
	border-width:0px;
	border-collapse:collapse;
}

table.resellers td { border-width:0px; border-bottom:1px #DDD solid; }
table.resellers td a { text-decoration:none }

/*--- Pianos library ---*/

.pianos_library { padding:5px; height:100px; }

/*--- Purchase steps ---*/

div.purchase_steps { font-size:10px; text-align:center; margin:0px; margin-bottom:1px; padding:15px; border-bottom:1px #CCC solid; }
div.purchase_steps > span {
    padding:2px 7px; color:black;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}
div.purchase_steps > span.done { /*background:#BB7436;*/ background:#BB7436; color:white; font-size:10px; }
div.purchase_steps > span.on { /*background:#BB7436;*/ background:#BB7436; color:white; font-size:11px; font-weight:bold; }
div.purchase_steps a { text-decoration:none; color:white; font-weight:normal; }
div.purchase_steps a:hover { text-decoration:underline; }


/*--- List ---*/

table.list{
	font-size:80%;
	border-width:0px;
	border-collapse:collapse;
}
table.list td { border:1px #CCC solid; text-align:left; }
table.list th { border:1px #CCC solid; background:#EEE; text-align:center; }

/*--- Shopping Cart ---*/

table.cart {
	width:100%;
	border-width:0px;
	border-collapse:collapse;
}
table.cart td { border:1px #CCC solid; text-align:center; }
table.cart th { border:1px #CCC solid; background:#EEE; text-align:center; }

/*--- Reg. User info ---*/

table.reguser { width:100%; border-width:0px; border-collapse:collapse; }
table.reguser td { border:1px #CCC solid; text-align:left; padding:2px 10px; }
table.reguser td.label { background:#EEE; text-align:left; width:30%; color:#555; }
table.reguser th { border:1px #CCC solid; background:#EEE }

/*--- Customer info ---*/

table.customer { width:100%; border-width:0px; border-collapse:collapse; }
table.customer td { border:1px #CCC solid; text-align:left; padding:2px 10px; }
table.customer td.label { background:#EEE; text-align:left; width:30%; color:#555; font-weight:bold; }
table.customer th { border:1px #CCC solid; background:#EEE }

/*--- Reviews ---*/

#review_menu { float:right; border:1px #ccc solid; width:200px; }
#review_menu ul { margin:3px; }
#review_menu li { list-style-type:none }
#review_menu a { text-decoration:none }
#review_menu .selected > a > span { font-weight:bold; }

/*--- Survey ---*/

#survey fieldset > label { width:50%;text-align:left; }

/*--- Addons ---*/

#content.addons > div.addon_description {
    clear:both;
}

#content.addons h3 {
	clear:both;
	margin:0px; padding:1px 2em; font-style:italic; color:white;
}

/*#content.free h3 {
	background-color:#4D5662;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}*/

#content.addons > div ul {
    margin:1em 0px; padding:3px;
}

#content.addons div.group {
	clear:both;
	margin:16px 0px;
	border:1px black solid;
	border-radius:20px;	
	background-color:#EEEEEE;
}
#content.addons div.group > span:first-child {	
	font-weight:bold;
	display:inline-block;
	padding:5px 1.3em;
	border:1px black solid;
	background:white;
	position:relative;
	top:-7px; left:-6px;
	border-radius:10px;
	box-shadow:1px 3px 8px rgba(0,0,0,0.6);
}

#content.addons h3 {
	
	color:white;margin:10px;
	padding:2px 10px;
    font-size:110%;
	background-color:#14355A;
	background-image:-moz-linear-gradient(center bottom , #01010D, #071A2A 30%, #14355A 80%, #A0BBDB);
	background-image:-webkit-gradient(linear,left top, left bottom, from(#14355A), to(#01010D));
	border-radius:3px;
}

/*--- Credits page ---*/
table#credits { width:90%;margin:auto;font-size:90%; }
table#credits tr >td { padding:1px 2px; }
div.credits { padding:0px 10px; }
.credits a { text-decoration:none; }
.credits a:hover { text-decoration:underline; }

/*--- Product list ---*/
table.product_list { margin:10px auto;border-collapse:collapse }
table.product_list tr > td { padding:3px 8px;border-top:1px #CCC dashed; }

/*--- Serial number ---*/
span.serial {
	font-family:Andale Mono, Monaco, Courier;
    font-weight:normal; color:white;
    padding:1px 7px; background:#37B;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}
#content span.serial > a { color:white;text-decoration:none; }
#content span.serial > a:hover { color:white;text-decoration:underline; }

/*--- Feature table ---*/
table.features { border:1px #990000 solid;border-collapse:collapse;margin:1em auto; }
table.features th { text-align:center; padding:5px; background:#771100; color:white;font-size:100%; }
table.features td { text-align:center; background: #FFFFDD; border:1px #990000 solid;font-size:100%;width:20%;padding:5px; }
table.features td:first-child, table.features th:first-child { text-align:left;width:auto;font-weight:normal; }
table.features td.available { background: #FFFFDD url('v.png') center center no-repeat;text-align:right;vertical-align:top;font-size:60%; }
table.features td.almost { background: #FFFFDD url('va.png') center center no-repeat;text-align:right;vertical-align:top;font-size:60%; }
table.features td a { text-decoration:none; }
table.features td a:hover { text-decoration:underline; }

/*--- Instrument table ---*/
table.instruments { border:1px #BB7436 solid;width:100%;border-collapse:collapse; }
table.instruments th { text-align:left; padding:2px 3px; background:#BB7436;color:white;font-size:85%; }
table.instruments td { text-align:left; border:1px gray solid;font-size:80%; }
table.instruments .name { font-weight:bold; }
table.instruments td a { text-decoration:none; }
table.instruments td a:hover { text-decoration:underline; }

/*--- Listen demo ---*/
#bar_detail a { text-decoration:none;}

#listen_bar { width:100%;height:120px;margin:0px auto; }
#listen_bar a { text-decoration:none; }
#listen_bar a:hover { color:black; }

#listen_header { text-align:left;width:80%;margin:2px auto;color:white;padding:3px 0px; }
#listen_header span.small { font-size:85%;padding-top:2px;}
#listen_header a { text-decoration:none;color:white; }

#listen_header a:hover { text-decoration:underline; }

#family_table { border-collapse:collapse;margin-left:auto;margin-right:auto; }
#family_table td { padding:0px;border-width:0px; }

#sound_infos { padding:3px;text-align:justify;padding-right:10px; }
#sound_infos #sound_title { font-weight:bold }
#sound_infos #sound_perfomer { color:#BB7436; }
#sound_infos #sound_instrument { color:#BB7436; }
#sound_comments { color:#777;font-size:80%;overflow:auto;text-align:justify;padding:1em;max-height:100px; }

.demo_header { margin-left:auto;margin-right:auto;border:1px gray solid;width:80%; }

#demo_table { border-collapse:collapse;margin-left:auto;margin-right:auto;border:1px gray solid;width:80%; }
#demo_table tr { outline-offset:-2px }
#demo_table td {
    font-size:85%;border-bottom:1px #AAA dashed;text-align:center;
}
#demo_table td img.instrument { width:60px;border:1px gray solid; }
#demo_table td img.box { width:60px;border:1px transparent solid; }
#demo_table .title { font-size:120%; color:#195079; font-weight:bold; cursor:pointer }
#demo_table .performer, #demo_table .artist, #demo_table .producer { font-size:100%; font-weight:bold; }
#demo_table .composer { font-size:100%; font-weight:bold; }
#demo_table .preset { font-size:100%; font-weight:bold; }
#demo_table .temperament { font-size:100%;  }
/*#demo_table .selected  td { background: #EEE; }*/
#demo_table .selected .title { color:#333; }
#demo_table .selected img.box { border:1px #BBB solid; }

/*--- Velocity curves ---*/
.brand  { clear:both; }
.brand > .title { background:#BBB;color:white;font-size:115%;font-weight:bold;padding:1px 10px; }
.model > .title { font-weight:bold;padding:1px 15px; }
.model > .data { padding:2px 30px;font-size:90%; }
.model > .data > a { cursor:pointer; }
/*--- Trial Download ---*/

.trial_box {    
    border:1px #DDD solid;
	border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    width:100%;
	cursor:pointer;
}
.trial_box th { padding:5px;border-bottom:1px #CCC dashed;font-weight:normal;text-align:left;}
.trial_box th img { float:left; border:1px gray solid; margin:5px; width:60px; }
.trial_box a { text-decoration:none; }

.trial_box:hover { border:1px orange solid; }
.trial_box:hover .trial_img { border:1px orange solid; }

/*--- Product colors ---*/
.electric_addon { color: #B01; }
.clavinet_addon { color: #D45010; }
.celeste_addon { color: #7F7C7C; }
.vibes_addon { color: #A98743; }
.rock_addon { color: #503970; }
.xylo_addon { color: #874000; }

h3.electric_addon { background-color: #B01; }
h3.clavinet_addon { background-color: #D45010; }
h3.celeste_addon { background-color: #858380; }
h3.vibes_addon { background-color: #A98743; }
h3.rock_addon { background-color: #503970; }
h3.xylo_addon { background-color: #874000; }

/*--- Top bar ---*/

div.top_bar { width:100%;z-index:10;height:30px;text-align:center;color:#333;background:#DDD;box-shadow:0px 8px 4px rgba(0,0,0,0.5);cursor:default;font-size:12px }
div.top_bar a { text-decoration:none;background:#EEE; }
div.top_bar > div { position:absolute;top:0px }
div.top_bar a { display:inline-block;padding:5px 0.5em;height:20px;border-left:1px #FFF solid;border-right:1px #CCC solid }
div.top_bar a:hover {background-color:#AAA;color:#EEE;border-left:1px #BBB solid;border-right:1px #999 solid; }
div.top_bar .sub { position:relative;background:#EEE;  }

div.top_bar_submenu {
	position:absolute;z-index:11;top:30px;background:#EEE;border-top:1px #CCC solid;display:inline-block;box-shadow:0px 8px 4px rgba(0,0,0,0.4);cursor:default;
}

div.top_bar_submenu ul {
	margin:0px; padding:0px; padding-left:2em;
}

div.top_bar_submenu  > a {
	display:block;border-top:1px #FFF solid;border-bottom:1px #CCC solid;padding:5px 0.5em;text-decoration:none;
}
div.top_bar_submenu  > a:hover {
	background-color:#AAA;color:#EEE;border-top:1px #BBB solid;border-bottom:1px #999 solid;
}

/*--- KIViR ---*/

div.kivirbox { width:350px; background-color:white; }

/*--- Debug Trace ---*/

div.trace {
	clear:both;margin:5px; padding:5px; border:1px orange solid; font-family:courier; font-size:10px;
}

.big_warn {
	text-align:center;padding:3px;font-weight:bold;color:red;
}

/* Colors:
pianoteq-orange:#BB7436
background:#4D5662
special-text:#1A1C1F
strong:#BB7436//#193049
promo:#3388CC
*/