#wrapper {
   width: 100%;
   height: 480px;
   margin: 0 auto;	
   position:relative;
   top:-20px;			
   }			
   #navi a {
   /*background-color: #fee;
   font-size: 24px;
   text-align: center;
   text-decoration: none;
   line-height: 30px;
   display: block;
   width: 30px;
   height: 30px;*/
   margin-right: 1px;
   float: left;
   }
   #navi a:hover {
   background-color: #fff;
   }
   #carousel {
   height: 450px;
   width:318px;
   overflow: hidden;
   padding: 5px 0 0 0px;
   z-index: 1;
   float:left;
   border: 1px solid #afafaf;
   padding:3px;
   }
   #carousel img {
   display: block;
   float: left;
   }
   #description
   {
       text-align:right;
       float:left;                
       height:480px;
       width:165px;
       padding-left:20px;
       position:relative;
       top:-8px;
   }
   .descr_title{
   white-space: nowrap;
   color: #6b2b08;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 13px;
   font-style: normal;
   font-weight: bold;
   font-variant: small-caps;
   
   }
   .descr_content{
   color: #c85200;
   font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
   font-size: 11px;
   font-style:italic;
   }
   .video_player{
   padding:3px;                      
   float:right;
   }
   #download_butt{
   position:relative;
   top:-10px;
   text-align: right;
   }
   #prev{
   margin-bottom:5px;                               
   }          
   .download_butt a{
   background-image: url(shade.png); 
   background-position: bottom;
   }
   #dark{
   background-color:#333;
   border:1px solid #000;
   padding:10px;
   margin-top:20px;}
   #light{
   background-color:#FFF;
   border:1px solid #dedede;
   padding:10px;
   margin-top:20px;}	
   li{ 
   list-style:none;
   }	
   .button, .button:visited {
   /*	background: #222 url(/images/overlay.png) repeat-x;*/ 
   display: inline-block; 
   padding: 5px 10px 6px; 
   color: #fff; 
   text-decoration: none;
   border-radius: 6px;
   -moz-border-radius: 6px; 
   -webkit-border-radius: 6px;
   -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
   -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
   text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
   border-bottom: 1px solid rgba(0,0,0,0.25);
   position: relative;
   cursor: pointer;
   border: 1px solid #9d4000;
   }
   .button:hover							{ background-color: #111; color: #fff; }
   .button:active							{ top: 1px; }
   .small.button, .small.button:visited 			{ font-size: 11px}
   .button, .button:visited,
   .medium.button, .medium.button:visited 		{ font-size: 13px; 
   font-weight: bold; 
   line-height: 1; 
   text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
   }
   .large.button, .large.button:visited 			{ font-size: 14px; 
   padding: 8px 14px 9px; }
   .super.button, .super.button:visited 			{ font-size: 20px; 
   padding: 8px 14px 9px; }
   .pink.button, .magenta.button:visited		{ background-color: #e22092; }
   .pink.button:hover							{ background-color: #c81e82; }
   .green.button, .green.button:visited		{ background-color: #91bd09; }
   .green.button:hover						    { background-color: #749a02; }
   .red.button, .red.button:visited			{ background-color: #e62727; }
   .red.button:hover							{ background-color: #cf2525; }
   .orange.button, .orange.button:visited		{ background-color:  #a04100; }
   .orange.button:hover						{ background-color:#b24c06; }
   .blue.button, .blue.button:visited		    { background-color: #2981e4; }
   .blue.button:hover							{ background-color: #2575cf; }
   .yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
   .yellow.button:hover						{ background-color: #fc9200; }
   
   
   .credit.button, .orange.button:visited		{ background-color: #b24c06 ; line-height: 16px; }
   .credit.button:hover						{ background-color:#a04100; }
   
   .regInput {
    padding: 5px;
    font: 99% arial,helvetica,clean,sans-serif;
    background-color: #f8f6f3;
    border: 1px solid #ebded6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 1px 1px 2px #888888;
    -webkit-box-shadow: inset 1px 1px 2px #888888;
    box-shadow: inset 1px 1px 2px #888888;
    float: left;
}
.registrationLine {
    padding: 5px 0 0 23px;
    font-size: 12px;
    line-height: 17px;    
    background-color: inherit;
}
.regText {
    padding-right: 10px;
    font-size: 13px;
    width: 140px;
    float: left;
    padding-top: 7px;
    text-align:right;    
    color: #F8C5AA;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;    
}
.clearation{
    clear:both;
}
.sendButton {   
    text-align: center;       
}
#confirm {
    
    padding-top: 0px;
    font: 90% arial,helvetica,clean,sans-serif;
    background-color: #171716;
    border: 1px solid #10100E;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 1px 1px 2px #10100E;
    -webkit-box-shadow: inset 1px 1px 2px #10100E;
    box-shadow: inset 1px 1px 2px #D5B176;    
    color: #F8C5AA;    
    cursor: pointer;
    text-align: center;    
    background-image: url('/templates/topmusicsheet/images/BlockHeader.png');
    white-space: nowrap;
    color: #F8C5AA;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-size: 15px;
    font-style: normal;
    font-weight: bold;
    font-variant: small-caps !important;
    line-height: 30px; 
    padding-left:20px;
    padding-right:20px;   
}
.forgotPass{
    padding-right:130px;
    text-align:right;
    font-size: 12px;
}
.signingup{
    text-align:center;
    color:#6b2b08;
    padding-left:30px;
    padding-bottom: 20px;
    font-weight:bold;
    font-size:13px;
}
input{
    text-transform: none;
}
.buttWrapper
{
    text-align:center;   
    margin-left: 25px;
}
.registrationNadpis {
    width: 670px;
    height: 20px;
    color: #951509;
    line-height: 19px;
    font-weight: bold;
    font-size: 12px;
    padding: 0 0 0 21px;
    background: #FAF3BB url(../images/more-info-icon.gif) 3px 4px no-repeat;
}
.regTextExpl {
    padding-left: 152px;
    float: left;    
    font-size:11px;
    color: #7D7D7D;

}

select, textarea {
    padding: 5px;
    font: 99% arial,helvetica,clean,sans-serif;
    background-color: #f8f6f3;
    border: 1px solid #cde3ee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: inset 1px 1px 2px #888888;
    -webkit-box-shadow: inset 1px 1px 2px #888888;
    box-shadow: inset 1px 1px 2px #888888;
    float: left;
}

.checkbox{    
    position:relative;
    top:1px;
        
    width: 18px;
    height: 17px;
    background-position: -541px -944px;
    cursor: pointer;
    background-image: url(/images/core.v01.png);
    background-repeat: no-repeat;    
}
.checkbox-active{    
    position:relative;
    top:1px;        
    width: 18px;
    height: 17px;
    background-position: -741px -944px;
    cursor: pointer;
    background-image: url(/images/core.v01.png);
    background-repeat: no-repeat;    
}
#f_terms{
   opacity: 0;
   cursor: pointer; 
   filter: alpha(opacity=0);
}
#f_conds{
   opacity: 0;
   cursor: pointer; 
   filter: alpha(opacity=0);
}
.center{
    padding-top:5px;
    padding-left:150px;
    line-height:16px;
}
.payInput {
    padding: 5px;  
    float: left;
}
.payText {
    padding-right: 10px;
    font-size: 13px;
    width: 100px;
    float: left;
    padding-top: 7px;
    text-align:right;    
    color: #F8C5AA;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    position:relative;
    top:5px;  
}
.buttPayWrapper
{
    text-align:center;       
}
.sheet-row{
    border-top: 1px dashed #e0bda4;
    padding: 5px 0px 2px 0px;
    margin: 5px 0px;
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    font-weight:bold;
    
}
.sheet-row a{
    text-decoration:none;
}
.sheet-row a:hover{
    text-decoration:underline;
}

.transferVal {
    padding: 5px 2px 0 23px;
    font-size: 12px;
    line-height: 17px;    
    background-color: inherit;
}
.transferText {
    padding-right: 10px;
    font-size: 13px;
    width: 200px;
    float: left;
    padding-top: 5px;
    text-align:right;        
    font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
    color:#6b2b08;
    font-weight:bold;   
     line-height: 17px;  
}
#clickToView{
     color: #e67d36;
    position: absolute;
    z-index: 10;               
    width: 200px;
    top: 250px;
    left: 55px;
    text-align: center;
    font-weight: bold;
    line-height: 15px;
    background: #FFF;
    border: 1px solid #e67d36;
    padding: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
#download_butt_noteflight{
   position:relative;
   top:14px;
   text-align: right;
}

.btn-close {
  color: #EEE !important;
  font-size: 2em;
  text-decoration: none !important;
  position: absolute;
  right: 5px;
  top: 0;
}
.btn-close:hover {
  color: #CCCCCC !important;
}
.btn {
  background: #428bca;
  border: #357ebd solid 1px;
  border-radius: 3px;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  padding: 8px 15px;
  text-decoration: none;
  text-align: center;
  min-width: 60px;
  position: relative;
  transition: color .1s ease;
}
.btn:hover {
  background: #357ebd;
}
.btn.btn-big {
  font-size: 18px;
  padding: 15px 20px;
  min-width: 100px;
}
.modal:before {
  content: "";
  /*display: none;*/
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.modal:target:before {
  -webkit-transition: -webkit-transform 0.9s ease-out;
  -moz-transition: -moz-transform 0.9s ease-out;
  -o-transition: -o-transform 0.9s ease-out;
  transition: transform 0.9s ease-out;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  /*display: block;*/
}

.modal:target + .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  margin-top: 120px;
  background: #FBC792;
}

.modal-dialog { 
  margin:0 auto;
  background: #fefefe;
  border: #333 solid 1px;
  border-radius: 5px;  
  position: relative;  
  z-index: 11;
  width: 360px;
  -webkit-transform: translate(0, -500%);
  -ms-transform: translate(0, -500%);
  transform: translate(0, -500%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;    
 
}
.modal-body {
    padding: 20px;
    background: #FFF;
    border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    font-size:1.5em;
    line-height:1.7em;
}

.modal-header,
.modal-footer {
 
}

.modal-header {
    /* text-decoration: none; */
    font-weight: normal;
    padding: .01em .1em;
    display: block;
    font-size: 1.8em;
    padding-left: 0.2em;
    background: #e67d36;
    border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
	border-bottom: 1px solid rgba(178, 76, 6, 0.35);	
}
.modal-header h2 {
   font-size: 1.2em;
   color: #fff;
   padding-left: 0.5em;
   font-weight: bold;
}

.modal-footer {
  border-top: #eee solid 1px;
  text-align: right;
  background: #FFF;
}

.dialog-input{
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    vertical-align: top;
    position: relative;
    top: 0;
    display: inline-block;
    z-index: 4;
    width: 100%;
    border: 0;
    -moz-box-shadow: inset 0 0 10px rgba(50, 172, 214, .15);
    -webkit-box-shadow: inset 0 0 10px rgba(50, 172, 214, .15);
    box-shadow: inset 0 0 10px rgba(50, 172, 214, .15);
    background-clip: padding-box;
    background-color: #fff;
    color: #6b838b;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 1.6em;
    margin: 0;
    height: 4em;
    padding: 0 0 0 0.6em;
    float: left;
	border: 2px solid #E6CFBC;
}

.dialog-input-error{
	border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    vertical-align: top;
    position: relative;
    top: 0;
    display: inline-block;
    z-index: 4;
    width: 100%;
    border: 0;
    -moz-box-shadow: inset 0 0 10px rgba(50, 172, 214, .15);
    -webkit-box-shadow: inset 0 0 10px rgba(50, 172, 214, .15);
    box-shadow: inset 0 0 10px rgba(50, 172, 214, .15);
    background-clip: padding-box;
    background-color: #fff;
    color: #E00000;
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    font-size: 1.6em;
    margin: 0;
    height: 4em;
    padding: 0 0 0 0.6em;
    float: left;
	border: 2px solid #E00000;
}