/* * * html-veci * * */



body {
 padding: 0px;
 margin: 0px;
 background-color: #acacac;
 background-image: url('http://jukebox.expres.sk/gfx/spodok.png');
 background-repeat:no-repeat;
 background-position:top center;
 font-size: 12px;
 font-family: 'Arial', 'Helvetica', sans-serif;
 text-align: center;
}
 
h1 {
 font-size: 24px;
 padding-top: 5px;
 margin-bottom: 1px;
 line-height: 0.5;
 
}

h3 {
 font-size: 14px;
 padding-top: 5px;
 line-height: 0.5;
}
 
p {
 padding-top: 0px;
}

table {
  width:100%;
}

tr, td {
 vertical-align: top;
 padding: 3px;
}

textarea, #overkod {
  overflow:hidden;
  white-space: normal;
}
 
 
/* * * objekty * * */
 
#main {
 width: 700px;
 height: 762px;
 }
 
 #left { /* lavy box */
 float: left;
 margin-left: 25px;
 width: 390px;
 height: 330px;
 text-align: left;
 }
 
#right { /* pravy box */
 float: right;
 margin-top: 0px;
 margin-right: 25px;
 width: 250px;
 height: 330px;
 text-align: justify;
 color: #B64500;
 line-height: 1.6;
 }
#right #text{
 font-size: 12px;
 padding-top: 9px;
 padding-bottom: 10px;
}
#right #text div{
  height: 10px;
}

a#vseob_podm{
 color: #B64500;
 text-decoration: underline;
 font-weight: normal;
}

/*
#bota{
  padding-top: 26px;
  width: 100%;
  height: 50px;
  vertical-align: text-bottom;
  text-align: center;
}
#bota img{ border: 0px;}
*/
 
#intro {
 margin-left: 70px;
 }

#timeout {
 text-align: center;
 color: #D5393A;
 font-weight: bold;
 line-height: 2;
}

#timeout p {
margin-top: 50px;
}

/* boxy formulara */
#stred #telcislo, #stred #mesidz, #telcisloE, #mesidzE, #free, #freee, #overkod, #overkodE {
/*  margin-left: 20px; */
 margin-right: 10px;
 padding-top: 3px;
 padding-left: 5px;
/*  float: right; */
  -moz-border-radius: 10px;
  -webkit-border-radius:10px;
/*  behavior:url(http://jukebox.expres.sk/border-radius.htc); /* -- v IE7 sa nedalo kliknut na inputy */  
}


#stred #telcislo, #stred #mesidz, #free, #freee, #overkod {
 margin-bottom: 20px;
 background-color: #fff;
 border: 0;
 }
#stred #telcislo{
 border: #fff 1px solid;
}
  #telcisloE, #mesidzE, #overkodE { /* chyba */
 background-color: #fb9d9d;
 border: #f00 1px solid ;
 }

/* rozmer */
#stred #telcislo, #telcisloE {
height:20px;
width: 90%;
font-family: 'Arial', 'Helvetica', sans-serif;
}
#overkod, #overkodE {
height:20px;
width: 100px;
font-family: 'Arial', 'Helvetica', sans-serif;
}
#stred #mesidz, #mesidzE {
 height: 95px;
 width: 90%;
 font-family: 'Arial', 'Helvetica', sans-serif;
}
#free, #freee {
 line-height:20px;
 height: 20px;
 width: 50px;
 margin-top: 5px;
 margin-left: 0px;
 margin-right: 5px;
 margin-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 0px;
 padding-bottom: 0px;
 text-align:center;
 
 font-weight: bold;
 color: #000;
}


/* * * buttony * * */



#button-bck, #button-fwd, .button-chng, .button-potvr, #button-rload {
 width:108px;
 height:23px;
/*  padding-top: 0px; */
/*  background: url('gfx/') center 5px no-repeat; */
 border:0;
/*  color: #fff; */
/*  font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif; */
/*  font-weight: bold; */
/*  font-size: 9px; */
/*  text-transform: uppercase; */
/* float:left; */
 margin-right: 10px;
 cursor: pointer;
}

#button-bck {
background: transparent url('http://jukebox.expres.sk/gfx/button-bck.png') center center no-repeat;
}

#button-fwd {
background: transparent url('http://jukebox.expres.sk/gfx/button-fwd.png') center center no-repeat;
}

.button-chng {
background: transparent url('http://jukebox.expres.sk/gfx/button-chng.png') center center no-repeat;
}

.button-potvr {
background: transparent url('http://jukebox.expres.sk/gfx/button-potvr.png') center center no-repeat;
} 

#button-rload {
background: transparent url('http://jukebox.expres.sk/gfx/button-rload.png') center center no-repeat;
}
/* * * aktivne buttony * * */ 
#button-bck:hover {
background: transparent url('http://jukebox.expres.sk/gfx/button-bck-a.png') center center no-repeat; }

#button-fwd:hover {
background: transparent url('http://jukebox.expres.sk/gfx/button-fwd-a.png') center center no-repeat; }

.button-chng:hover {
background: transparent url('http://jukebox.expres.sk/gfx/button-chng-a.png') center center no-repeat; }

.button-potvr:hover {
background: transparent url('http://jukebox.expres.sk/gfx/button-potvr-a.png') center center no-repeat; } 

#button-rload:hover {
background: transparent url('http://jukebox.expres.sk/gfx/button-rload-a.png') center center no-repeat; }




 /* * * velke gombiky * * */

#bigbtns {
 margin-left:70px;
 margin-top: 380px;
 _margin-left:100px;
 _margin-top: 380px;
 }
 
#vyber, #odkaz, #potvr, #sumar, #vyberA, #odkazA, #potvrA, #sumarA {
 float: left;
 margin-left:30px;
 width: 115px;
 height: 138px;
 cursor: pointer;
 border: 0px;
}

#vyber{
background: url('http://jukebox.expres.sk/gfx/01-1.png') top center no-repeat;
}
#odkaz {
background: url('http://jukebox.expres.sk/gfx/02-1.png') top center no-repeat;
}
#potvr {
background: url('http://jukebox.expres.sk/gfx/03-1.png') top center no-repeat;
}
#sumar {
background: url('http://jukebox.expres.sk/gfx/04-1.png') top center no-repeat;
}
 /*hover*/
#vyber:hover, #vyberA {
background: url('http://jukebox.expres.sk/gfx/01-2.png') top center no-repeat;
}
#odkaz:hover, #odkazA {
background: url('http://jukebox.expres.sk/gfx/02-2.png') top center no-repeat;
}
#potvr:hover, #potvrA {
background: url('http://jukebox.expres.sk/gfx/03-2.png') top center no-repeat;
}
#sumar:hover, #sumarA {
background: url('http://jukebox.expres.sk/gfx/04-2.png') top center no-repeat;
}

.btntxt {
 visibility: hidden;
 padding-top: 117px;
 text-transform: uppercase;
 font-family: 'Verdana', 'Arial', 'Helvetica', sans-serif;
 font-size: 8px;
 font-weight: bold;
 white-space: nowrap;
}

.error {
 color: #f00;
 font-weight: bold;
}

.error_telcislo {
  background-color: #fb9d9d !important;
  border: #f00 1px solid !important;
}

/*----- TEXT SCROLL ---------*/
			#scrollable2 {
				float: left;
				width: 350px;
				height: 310px;
				padding: 8px 0px 9px 20px;
				background-image: url("http://jukebox.expres.sk/gfx/bg-r.png"); background-repeat: repeat;    
				overflow: hidden;
				white-space: nowrap;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap3 {
				float: left;
				width: 15px;
				height: 330px;
				background: transparent url('http://jukebox.expres.sk/gfx/slider-bg.png') no-repeat bottom left;
			}
			
			/* top image of track */
			#track3-top {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url('http://jukebox.expres.sk/gfx/scrollbar-track-top.png') no-repeat top left;
			}
			
			/* vertical track */
			#track3 {
				position: absolute;
				width: 15px;
				height: 330px;
			}
			
			/* vertical track handle */
			#handle3 {
				width: 15px;
				height: 37px;
			}
			
			/* wrap to make sure that image area is clickable */
			#wrap4 {
				float: left;
				clear: both;
				width: 354px;
				height: 15px;
				background: transparent url('http://jukebox.expres.sk/gfx/scrollbar-track-right.png') no-repeat top right;
			}
			
			/* left image of track */
			#track4-left {
				position: absolute;
				width: 15px;
				height: 15px;
				background: transparent url('http://jukebox.expres.sk/gfx/scrollbar-track-left.png') no-repeat top left;
			}
/*-----TEXT SCROLL-END------*/

 /* * * debug * * */
 
 #main, #left, #right, #tracklist, #formularE, #buttons, #vyber, #odkaz, #potvr, #sumar, #vyberA, #odkazA, #potvrA, #sumarA {
  /*border: 1px solid red; */
 }
 
 #scrollable2 div {
    width: 330px;
    padding: 5px;
    padding-left:8px;
    cursor: pointer;
  }

.vyber_class {
  overflow: hidden;
  width: 330px;
}