/**
 * CSS Document
 *
 * @author Andriy Parashchenko
 * @site   maestrostudio.com.ua
 */
@import "themes/smoothness/smoothness.css";

html,body,div,span,object,ol,ul,li,fieldset,form,label,legend {
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

img {
    border: 0;
}

body {
    font-family: Tahoma;
    font-size: 13px;
    height: 100%;
    width: 100%;
    background-color: #eee;
}

a {
    color: #440b9a;
    text-decoration: none;
}

.container a:hover {
    color: #000;
    text-decoration: underline;
}

h1 {
    color: #440b9a;
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    margin-top: 0;
    letter-spacing: 0;
}

h1.headTitle { #
    letter-spacing: 7px;
}

h2 {
    color: #440b9a;
    font-size: 12px;;
    font-weight: bold;
    margin: 0 0 3px;
    text-transform: uppercase;
}

h3 {
    color: #0056a6;
    font-family: sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 18px;
}

h4 {
    color: #acacac;
    font-size: 8pt;
    font-weight: normal;
    line-height: 15px;
}

ol,ul {
    list-style: none;
}

.container {
    background: #fff url(../images/mainBG.jpg) left 259px repeat-y;
    margin: 0 auto 0;
    overflow: hidden;
    text-align: center;
    width: 930px;
}

.header {
    background: url(../images/lineH.jpg) left bottom no-repeat #fff;
    height: 231px;
    width: 100%;
}

.logo {
    background-image: url(../images/logo.jpg);
    display: block;
    height: 160px;
    float: left;
    left: 25px;
    position: relative;
    top: 35px;
    width: 345px;
}

.logo span {
    display: none;
}

.freeTracks {
    background: url(../images/lineV.jpg) left top no-repeat;
    float: right;
    height: 191px;
    width: 202px;
    text-align: left;
    padding: 20px;
}

.freeTracks h2 {
    font-size: 14px;
    margin: 0;
    text-align: left;
}

.freeTracks a {
    color: #000;
}

.number {
    background: url(../images/numderBG.gif) left top no-repeat;
    float: left;
    font-size: 12px;
    height: 22px;
    line-height: 20px;
    margin: 2px 6px 0 0;
    text-align: center;
    width: 22px;
}

.player {
    background: url(../images/player.gif) 0 0 no-repeat;
    height: 54px;
    float: left;
    left: 15px;
    position: relative;
    width: 211px;
}

.login {
    background: #fff url(../images/lineH.jpg) left bottom no-repeat;
    height: 28px;
    width: 100%;
}

.logoLineV {
    background: url(../images/lineV.jpg) left -231px no-repeat;
    float: right;
    height: 28px;
    width: 242px;
}

.login form {
    padding: 0 0 0 25px;
}

.loginForm {
    border: 1px solid #d7c3f4;
    height: 15px;
    float: left;
    margin: 4px;
    padding: 1px 3px;
    width: 115px;
}

.loginButton {
    margin: 4px 22px 4px 1px;
}

.reg {
    border-left: 2px solid #e0e0e0;
    float: left;
    height: 28px;
    padding-left: 8px;
}

.reg li {
    float: left;
    margin: 4px 10px 4px 10px;
}

.reg li a {
    color: #440b9a;
    text-decoration: underline;
}

.lang {
    height: 28px;
    float: right;
    padding-right: 29px;
}

.lang li {
    display: block;
    float: left;
    margin: 4px 0 4px 7px;
}

.lang li a {
    display: block;
    height: 18px;
    width: 36px;
}

.ua {
    background: url(../images/lang.gif) 0 0 no-repeat;
}

.ru {
    background: url(../images/lang.gif) right 0 no-repeat;
}

.main {
    background: url(../images/lineV.jpg) right -259px no-repeat;
    float: left;
    width: 690px;
}

.content {
    float: right;
    position: relative;
    right: 8px;
    top: 8px;
    width: 367px;
}

.borderTop,.borderBottom {
    height: 7px;
    font-size: 1px;
    line-height: 7px;
    width: 100%;
}

.borderTop {
    background: url(../images/borderTop.png) 0 0 no-repeat;
}

.borderBottom {
    background: url(../images/borderBottom.png) 0 0 no-repeat;
}

.contentMain {
    background: url(../images/contentMainBG.png) 0 0 repeat;
    border-left: 1px solid #c5c4c7;
    border-right: 1px solid #c5c4c7;
    padding: 0 10px;
}

.contentMain h1 {
    padding-top: 3px;
}

.contentMain p {
    padding: 5px 15px;
    text-align: justify;
    margin: 0;
}

.newsItem a.link,.main-style a.link {
    display: block;
}

.newsItem h2 a.link {
    margin-top: 0;
}

.news {
    float: left;
    left: 13px;
    position: relative;
    top: 20px;
    width: 280px;
}

.newsItem,.main-style {
    float: left;
    position: relative;
    margin: 0;
    padding: 20px 23px;
    text-align: left;
    overflow: hidden;
}

.newsItem {
    width: 90%;
    background: url(../images/lineHSmall.jpg) 0 bottom no-repeat;
    padding: 15px 23px;
}

.fixWidth {
    width: 280px;
    padding: 10px 0;
}

.newsItem img.title_img,.main-style img.title_img {
    float: left;
    margin: 3px 7px 0 0;
    overflow: hidden;
}

.newsItem p {
    font-size: 12px;
}

.newsItem a,.main-style a {
    color: #440b9a;
    margin-top: 10px;
}

.sidebar {
    float: right;
    width: 240px;
}

.menu {
    float: left;
    left: 19px;
    position: relative;
    top: 10px;
}

.menu li {
    background: url(../images/buttonL.jpg) 0 0 no-repeat;
    display: block;
    height: 26px;
    line-height: 26px;
    text-align: left;
    text-transform: uppercase;
    width: 202px;
    margin-top: 1px;
}

.menu li span {
    background: url(../images/menuSprite.jpg) 0 -3px no-repeat;
    display: block;
    float: left;
    height: 22px;
    margin: 3px 10px 0 0;
    width: 23px;
}

.menu li a {
    background: url(../images/buttonR.jpg) right 0 no-repeat;
    color: #000;
    display: block;
    height: 26px;
    padding-left: 13px;
}

.menu li a:hover,.menu li a.current {
    font-weight: bold;
    text-decoration: none;
    color: #440B9A;
}

.baner {
    position: relative;
    left: 4px;
    top: 22px;
    width: 230px;
    overflow: hidden;
}

.bottom {
    background: url(../images/lineH.jpg) left 27px no-repeat;
    clear: both;
    height: 82px;
    width: 100%;
}

div.copyright,div.counters {
    float: left;
    margin-top: 40px;
}

.bottom div.copyright {
    width: 690px;
}

div.counters table,div.counters a {
    float: left;
}

.widePager {
    width: 90%;
    text-align: center;
}

.noMargin {
    margin: 0;
}

.indexNews {
    padding-left: 13px;
}

.regForm input {
    border: 1px solid #ccc;
    width: 250px;
}

.regForm {
    width: 500px;
}

.music-menu {
    width: 240px;
}

/* Music box */
.musicbox {
    float: left;
    width: 420px;
    padding-top: 0;
    padding-left: 10px;
    height: 550px;
    margin-top: 20px;
    overflow: auto;
    text-align: left;
}

#menuLeft {
    width: 242px;
    height: 570px;
    text-align: left;
    float: left;
    margin-top: 0px;
    margin-left: -1px;
    display: inline;
}

#menuLeft ul {
    color: #666666;
}

#menuLeft ul li input {
    font-size: 11px;
}

#menuLeft a {
    color: #000;
    font-size: 11px;
    font-family: tahoma;
    text-decoration: none;
    margin: 0;
}

#contant {
    padding-left: 5px;
    float: right;
    display: inline;
    min-height: 410px;
    margin-top: 5px;
    width: 457px;
}

#contant div {
    margin-bottom: 5px;
    padding: 0px;
}

.style10 {
    color: #a49685;
    font-size: 11px;
    font-family: tahoma;
}

.style11 {
    color: #8C8073;
    font-size: 11px;
    font-family: tahoma;
    text-decoration: none
}

#bottom {
    width: 703px;
    float: left;
    padding-left: 0px;
    padding-top: 15px;
    text-align: center;
}

#form input,textarea {
    width: 240px;
}

.search {
    list-style: none;
    padding: 0;
    margin: 0;
    color: #6F5544;
    font-size: 11px;
}

.search {
    
}

.ac-mb {
    padding: 5px;
}

.groupWrapper p {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.itemTitle {
    width: 280px;
    margin: 0;
    vertical-align: top;
}

.playItem,.editItem,.delItem {
    margin: 0;
    vertical-align: top;
}

.description {
    font-size: 10px;
}

.groupItem .noMove {
    cursor: auto;
}

.groupItem a {
    text-decoration: none;
    font-weight: normal;
}

.groupItem a:hover {
    color: #333;
    text-decoration: underline;
}

.playItem img {
    border: 0;
}

#playerBar {
    height: 28px;
    width: 680px;
    text-align: center;
    clear: both;
}

#playerMain {
    height: 25px;
    width: 680px;
    margin: 0 auto;
    position: relative;
}

#player {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 25px;
    width: 680px;
}

#counterInPlayer {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 9;
    height: 1px;
    overflow: hidden;
}

.hover {
    background-color: #eee;
}

#contant .groupWrapper div.groupItem {
    padding: 5px;
    border-bottom: 1px #fff dashed;
}

#contant .groupWrapper div {
    margin: 0;
}

.groupSearch {
    border-top: 2px dotted #fff;
}

.composer {
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}

.ac-mb a {
    display: block;
    width: 170px;
    padding: 3px 0 3px 15px;
}

.ac-mb a:hover {
    background: #eee 0 50% repeat-x;
    text-decoration: none;
    font-weight: bold;
}

.ui-accordion-header a {
    padding: 10px;
}

#accordion {
    height: 660px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 220px;
}

#selMenu {
    border-bottom: 1px dotted #fff;
    padding: 0px;
    margin: 0;
    font-size: 10px;
}

.mb-header {
    margin: 20px 0 0 20px;
}

.music-menu .main-style {
    padding: 20px 10px;
}

.contact-info {
    float: left;
    width: 300px;
}

.contact-form {
    float: left;
    width: 320px;
}

.free-tracks .groupItem {
    float: left;
    width: 320px;
}

#menuLeft .main-style {
    float: none;
}

.musicbox ol {
    list-style-type: decimal;
    padding-left: 25px;
}

.musicbox ul {
    list-style-type: disc;
    padding-left: 25px;
}

#menuLeft .wideSearch a:hover {
    text-decoration: underline;
}

#menuLeft .wideSearch {
    padding: 10px 0 0 0;
}

#menuLeft .wideSearch a {
    color: #440B9A
}

#wide_search_form dl {
    text-align: left;
    padding-left: 150px;
}

#wide_search_form dd,#wide_search_form dt {
    
}

#wide_search_form dd {
    margin-left: 65px;
}

#wide_search_form dt {
    padding: 5px 0 0 0;
}

#using1-element {
    overflow: hidden;
}

#using1-element select {
    clear: both;
    float: left;
    margin-top: 3px;
}

.errors {
    color: #ff0000;
}

#wide_search_form dd select {
    width: 325px;
}

.otherInformation {
    font-size: 10px;
}

.using li {
    list-style: none;
	overflow:hidden;
}

ul.using,.using ul {
    padding-left: 15px;
}

.using .price {
    display: block;
    float: right;
}

#modaIframe {
    height: 400px;
    width: 550px;
    background-color: #fff;
}

#modaIframe.smallModal {
    height: 150px;
    width: 370px;
    overflow: hidden;
}
#modaIframe.middleModal {
    height: 400px;
    width: 460px;
}

.emptyBg, #modal {
    background-color: #fff;
    height: auto;
}
.emptyBg #playerBar{width:440px; overflow: hidden;}

.emptyBg h3 {
    margin-top: 0;
}

.red,.RED {
    color: red;
}

.hide {
    display: none;
}

#fullInfoContainer {
    position: relative;
}

#fullInfoContainer .infoBubble {
    position: absolute;
    background: #fff url("../images/info-bubble.jpg") no-repeat;
    width: 190px;
    height: 86px;
    padding: 30px 15px 10px;
    top: 18px;
    left: -10px;
    text-align: center;
}

.no-top-margin {
    margin-top: 0;
}
.main #orderForm{margin: 20px;}
#orderForm{width:420px; text-align: left;}
#orderForm .itemTitle{width: 350px;}
#orderForm .playItem{width: 25px;}
#orderForm .using{color: #555555; font-size: 12px;}
#orderForm .using input{height: 12px; margin: 0;}
.orderList{margin: 30px 0; text-align:left;}
.orderList .itemTitle{width:230px; padding-left: 20px; }
.orderList tr{margin: 5px 0; display: block;}
.orderList td{vertical-align: top; padding: 3px 5px 3px 5px;}

#confirmDelProd{text-align: center;}
.info-block{padding: 30px; font-weight: bold;}
#payment dt, #payment dd{display: none;}
#payment #submit-element{display: block;}
.captcha{
	padding: 20px 50px 0 0;
}