@CHARSET "UTF-8";

*{
	font-family:Arial;
	color: #eeeeee;
}

input[type=text]{
	background-color: #3c3c3c;
	border:1px solid #1a1a1a;
	font-size:11px;
	padding:5px;
}
input[type=text]:hover{
	background-color:#4d4d4d;
}

input[type=button]{
	background-image: url("butpat.gif");
	background-repeat:repeat-x;
	cursor:pointer;
	border:1px solid black;
}

body{
	margin:0px;
	padding:0px;
	background-color: #3e3e3e;
}

#strip{
	width:195px;
	background-color: #6b1120;
	border-right:1px solid black;
	float:left;
}

.logout{
	margin-top:50px;
	margin-left:50px;
}

#outer{
	margin-left:195px;
}

#head{
	height: 35px;
	background-color: #4d4d4d;
	border-bottom:1px solid black;
	font-size:20px;
	padding-left:20px;
	padding-top: 45px;
}

#content{
	margin-top:70px;
}

#left_side{
	margin-left:50px;
	font-size:14px;
	width:250px;
	float:left;
}

#search_box{
	margin-bottom: 30px;
}

#search_field{
	background-color: #2d2d2d;
	border: 1px solid black;
	height: 20px;
	width: 230px;
	margin-top: 10px;
	padding: 10px;
}

#search_field:hover{
	background-color:#4d4d4d;
}

#albums_field{
	margin-top:10px;
	width: 250px;
	height: 300px;
	background-color: #2d2d2d;
	border: 1px solid black;
}

#albums_field div{
	font-size: 11px;
	height:17px;
	border-bottom:1px solid #1e1e1e;
	padding-left:5px;
	padding-top:3px;
	cursor:pointer;
}

#albums_field div:hover{
	background-color:#4d4d4d;
}

.getall{
	height: 17px;
	width:252px;
	font-size:10px;
	margin-top:2px;
}

#right_side{
	width:450px;
	margin-left:110px;
	float:left;
	font-size:14px;
}

.button{
	height: 25px;
	width: 120px;
	font-size:12px;
	margin-left:10px;
	float:right;
}

#details_box{
	background-color: #2d2d2d;
	border:1px solid black;
	width: 450px;
	height: 500px;
	margin-top: 10px;
}

.details_row{
	height:33px;
	border-bottom:1px solid #1e1e1e;
	font-size:14px;
	padding-left:10px;
	padding-top:7px;
}

.details_row input[type=text]{
	width:300px;
	margin-left:10px;	
}

.details_row input[type=button]{
	float:none;
	width:30px;
	font-weight:bolder;
	margin-left:8px;
}

.ocediv{
	float:left;
	margin-top:6px;
	margin-right:15px;
}

.star{
	width:9px;
	height:9px;
	float:left;
	margin-left:3px;
	margin-top:12px;
	cursor:pointer;
}

.hl{
	background-color:#eeeeee;
}
.bl{
	width:7px;
	height:7px;
	border:1px solid #eeeeee;
}

.bhl{
	width:12px;
	height:12px;
	background-color: #eeeeee;
	margin-top:8px;
}

.bbl{
	width:10px;
	height:10px;
	border:1px solid #eeeeee;
	margin-top:8px;
}

.utwory{
	font-size:11px;
}

.utwor_row{
	text-align:center;
	float:left;
	padding-top:4px;
	margin-left:50px;
}

.utwor_row div{
	float:left;
}

.hlp{
	width:30px;
	padding-top:4px;
}

.hutwor{
	width:205px;
	padding-top:4px;
}

.hczas{
	width: 60px;
	padding-top:4px;
}

.husun{
	width:50px;
	padding-top:4px;
}

.usun{
	width:40px;
	font-weight:bolder;
	margin:0px;
	margin-top:5px;
	margin-right:5px;
	margin-left:11px;
}

.utwor_row input[type=text]{
	margin-top:5px;
}

.lp{
	width:20px;
	margin-left:2px;	
}

.utwor {
	width:180px;
	margin-left:10px;
}

.czas{
	width:30px;
	margin-left:10px;
}

#login_box input{
	background-color: #2d2d2d;
	border: 1px solid black;
	height: 20px;
	width: 160px;
	margin-top: 10px;
	padding: 10px;
}

#login_box input[type=button]{
	margin-top: 15px;
	margin-right: 20px;
	padding:0px;
	height: 27px;
}

.none{
	display: block;
}

#progres_bar{
	position:absolute;
	background-color: #4d4d4d;
	border-top:1px solid black;
	cursor:pointer;
	margin-left:1px;
	padding-left:10px;
	padding-top:10px;
	font-size:15px;
}

#progres_bar div{
	background-color:#2d2d2d;
	border:1px solid black;
	font-size:11px;
	margin-top:8px;
	margin-bottom:2px;
	padding:2px;
	padding-left:10px;
	margin-right:10px;
}

#progres_bar:hover{
	background-color:#5a5a5a;
}
