@charset "UTF-8";

/*
reset & base style sheet
last update 2010-08-24
*/

/*==================================================

css for sunny coding department - for top
http://sunny-coding-department.com/
copyright (c) 2010 sunny coding department all rights reserved.

author - sunny coding department
http://sunny-coding-department.com/

==================================================*/

/*========== main ==========*/
div.main {
position: relative; 
clear: both;
width: 900px;
}

div.catch {
margin-bottom: 50px;
}

div.contents {
position: relative;
width: 450px;
height: 270px;
text-align: left;
z-index: 100;
float: left;
}

div.contentsWrap {
padding: 0 20px 0 0;
}

div.contentsTxt {
float: right;
width: 330px;
}

div.linkbox {
cursor: pointer;
}

/*========== scroll body ==========*/
/* contant box */
div.scrollholder {
position: relative;
width: 430px;
height: 150px;
overflow: auto;
z-index: 1;
}

div#scroll dt {
font-weight: bold;
color: #888888;
}

div#scroll dd {
margin-bottom: 10px;
}

div.scroll {
position: absolute;
top: 0;
left: 0;
width: 95%;
z-index: 2;
}

* html div.scrollholder {
scrollbar-3dlight-color:#0d1300;
scrollbar-arrow-color:#999999;
scrollbar-darkshadow-color:#0d1300;
scrollbar-face-color:#0d1300;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#999999;
scrollbar-track-color:#0d1300;
}

/*  Scroll  */
div.track {
position: relative;
float:right;
top: 0; 
width: 2px;
height: 100%;
font-size: 0;
z-index: 3;
background: url("../img/pozadie-slide.gif") 5px 0px repeat-y #ccc;
}

div.drag_bar {
position: absolute;
width: 2px;
height: 30px;
cursor: pointer;
z-index: 4;
background: #555;
/*background: url("../img/slide.gif") no-repeat;*/
}  


/*========== end ==========*/