@charset "utf-8";
html{
height:100%;
margin:0px;
padding: 0px;
background: url(../images/bg2.png);
}

body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: url(../images/bg2.png);
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

#edit_mix {
	margin: 5px;
}

#edit_mix label {
	display: block;
	width: 120px;
	height: 16px;
	color: #727272;
	font-size: .75em;
}

#edit_mix input[type="text"] {
	display: inline;
	width: 340px;
	height: 16px;
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
}

#mainContent {
	padding: 0;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-right: 10px;
	background: #181818;
	border: 1px #343434 solid;
	}
	
#partyContainer {
	padding: 0;
	padding-bottom: 15px;
	background: #181818;
	border: 1px #343434 solid;
	margin: 5px 260px 0 0; /* virsus, desine, apacia, kaire */
	color: #727272;
	}

#comment_result_container {
	width: 100%;
	background:#411411;;
}

#ref_link {
	width: 230px;
	height: 16px;
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
}

#ref {
	color: #727272;
	font-size: .7em;
}

#comment_result {
	width: 200px;
	margin: 0 auto;
	padding: 3px;
	text-align: center;
	font-size: .7em;
	color: #FD5107;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:#411411;
	border: 1px solid #FD5107;
}
	
	
#songContainer {
	padding: 0;
	padding-bottom: 5px;
	margin: 5px 260px 0 0px; /* virsus, desine, apacia, kaire */
	background: #181818;
	border: 1px #343434 solid;
}	
	
#songInfo {
	padding: 0;
	padding-bottom: 5px;
	background: #181818;
	color: #727272;
	font-weight: bold;
	margin-left: 5px;
	font-size: .9em;
	
}

#dl {
	color: #e34000;
	border: 1px solid #e34000;
	font-size: .8em;
	width: 98%;
	height: 20px;
	text-align: center;
	padding-top: 3px;
	margin-left: 5px;
	margin-top: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#dl a {
	color: #e34000;
	text-decoration: none;
	}

#dl a:hover {
	color: #e34000;
	text-decoration: underline;
	}	
	
#no_comment {
	width: 100%;
	text-align: center; 
	margin-top: 7px;
}

.related {
	list-style: none;
	margin-top: 0px;
	}
	
.related li {
	margin-left: -30px;	
}


#songInfo h1 {
	color: #E34000;
	font-size: 18px;
	padding-left: 40px;
	background: url(/images/cont.png) repeat-y top left;
}

#partyContainer h1 {
	color: #E34000;
	font-size: 18px;
	padding-left: 40px;
	background: url(/images/cont.png) repeat-y top left;

}

#comments {
	margin-top: 10px;
	float: left;
	width: 100%;
}

.twoColHybRtHdr #container { 
	width: 980px; 
	background: #181818;
	border: 1px #343434 solid;
	margin: 0 auto; 
	text-align: left; 
} 

.last-td {
	colspan: 2;
}

#header { 
	background: #000000; 
	padding: 0; 
	height: 450px;
	margin: 0;
} 

#logo {
	padding: 0; 
	height: 450px;
	width: 980px;
	margin: 0 auto;
}


#gallery {
  margin: 10px 265px 0 10px; /* virsus, desine, apacia, kaire */
  border: 1px solid #000;
}

#sidebar {
	float: right; 
	width: 250px;
	padding: 0;
	padding-bottom: 5px;
	margin-top: 5px;
	margin-right: 0px;
	background: #181818;
	border: 1px #343434 solid;
}

#sidebar h3 {
	display: block;
	width: 100%;
	padding-left: 40px;
	background: url(/images/cont.png) repeat-y top left;
	color: #E34000;
	font-size: 1.1em;
}

#logged-in{
	padding: 3px;
	margin: 7px;
	border: 0px solid #FA9A2B;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #999;
}

#logged-text {
	text-align: left;
	font-size: .75em;
}

a:link, a:visited, a:active{ 
	color: #727272; 
	text-decoration: none; 
	font-weight: bold;
}

a:hover {
	text-decoration: none;
	color: #E34000;
}

#login {
	float: right; 
	width: 250px;
	padding: 0;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
}

#login label {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:block;
	width: 80px;
	float: left;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color: #727272;
}

#login td {
	vertical-align:middle;
	text-align: left;
}

#register td {
	color: #E34000;
	font-size: .75em;
}

ul#menu {  
     list-style: none;  
     font-size: .75em;  
     margin: -15px 0;  
	 margin-bottom: 30px;
}  

ul#menu li.menu-element a
{
	display: block;
	width: 150px;
	padding: 5px 15px;
	margin: auto 0;
	margin-bottom: 5px;
	text-decoration: none;	
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
}

ul#menu li.menu-element a:hover { 
	color: #E34000;
	border: 1px solid #E34000;
}

.text-area {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	display:block;
	width: 150px;
	padding-left:3px;
	padding-top:3px;
	float: right;
	height: 20px;
	border: 1px #727272 solid;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	background-color: #181818;
	color: #727272;
}

.batonas {
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
	margin:3px;
	width: 100px;
	height: 25px;
	font-weight: bold;
}

.batonas:hover {
	color: #E34000;
	cursor: hand;
	cursor: pointer;
	border:1px #E34000 solid;
	}
	
.login-class a {
	font-size: 10px;
	color: #727272;
	text-decoration: none;
}

.login-class a:hover {
	color: #E34000;
	text-decoration: underline;
}



#menu-div {
	float: right; 
	width: 250px;
	padding: 0;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-right: 0px;
}
/*
#menu-div h3{
	display: block;
	width: 250px;
	height: 20px;
	padding-left: 40px;
	background: url(../images/cont.png) no-repeat top left;
}*/

.menu-title {
	display: block;
	width: 150px;
	padding: 5px 15px;
	margin: 0;
	margin-bottom: 5px;
	margin-top: 5px;
	color: #999;
	background: #2e2d33;
	border: 1px #170305 solid;
	text-decoration: none;
}

.twoColHybRtHdr #login h3, .twoColHybRtHdr #login p {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 3px;
	background: url(../images/cont.png) no-repeat top left;
}

.twoColHybRtHdr #mainContent {
  margin: 5px 260px 0 0; /* virsus, desine, apacia, kaire */
} 
.twoColHybRtHdr #footer {
	text-align: center;
	margin-top: 10px;
	padding: 0 10px;
	background:#181818;
	color: #727272;
	border:1px #343434 solid;
} 
.twoColHybRtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-size: .8em;
	text-align: center;
	color: #727272;
	font-weight: bold;
}

/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.naujiena  {
display: block;
font-family: Sans-Serif;
font-size: 14px;
color: #727272;
text-decoration: none;
margin: 2px;
width: 99%;
height: 27px;
}

.new  {
display: block;
font-family: Sans-Serif;
font-size: 14px;
color: #727272;
text-decoration: none;
float: left;
margin: 2px;
width: 94%;
height: 27px;
border: 0;
}

.show-tbl{
width: 100%;
}

#paginator {
	width: 600px;
	margin: 0 auto;
}

#login_err {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px;
	color: #FF0A12;
	background: #FFB7C3;
	border: 1px #FF0A12 solid;
	margin: 7px;
	font-size: .75em;
}

#result {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px;
	color: #FF0A12;
	background: #FFB7C3;
	border: 1px #FF0A12 solid;
	margin: 7px;
	font-size: .75em;
}

#register {
	padding: 3px;
	padding-bottom: 5px;
	margin-right: 5px;
	margin: 7px; 
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(/images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

#register input[type="text"], #register input[type="password"] {
	width: 340px;
	height: 16px;
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
}

#register input[type="file"] {
	width: 340px;
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
}

#date1 {
	width: 320px;
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
}

#mainContent h1 {
	display: block;
	width: 400px;
	color: #E34000;
	padding-left: 165px;
	font-family: verdana, sans-serif;
	height: 30px;
	font-size: 18px;
	margin-bottom: -7px;
}

#mainContent h3 {
	display: block;
	width: 100%;
	background: url(/images/cont.png) repeat-y top left;
	color: #E34000;
	font-size: 1.1em;
	padding-left: 40px;
}

#register h3 {
	display: block;
	width: 250px;
	background: url(/images/cont.png) repeat-y top left;
	color: #E34000;
	font-size: 1.1em;
	padding-left: 155px;
}

#register td {
	color: #727272;
	font-weight: bold;
}

#register input[type="submit"]{
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
	margin:3px;
	width: 100px;
	height: 25px;
	font-weight: bold;
}

#register input[type="submit"]:hover {
	color: #E34000;
	border:1px #E34000 solid;
	cursor: hand;
	cursor: pointer;
	}

.username-hint {
	display: none; 
	position: absolute; 
	top: 55px; 
	left: 507px; 
	width: 195px;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
	color: #e34000;
	border: 1px solid #e34000;
}

.password-hint {
	display: none; 
	position: absolute; 
	top: 80px; 
	left: 507px; 
	width: 195px;
	color: #e34000;
	border: 1px solid #e34000;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
}

.password-hint2 {
	display: none; 
	position: absolute; 
	top: 80px; 
	left: 507px; 
	width: 195px;
	color: #e34000;
	border: 1px solid #e34000;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
}

.email-hint {
	display: none; 
	position: absolute; 
	top: 130px; 
	left: 507px; 
	width: 195px;
	color: #e34000;
	border: 1px solid #e34000;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
}

#avatar {
	margin: 5px;
	width: 128px;
	height: 148px;
	float: left;
}

#edit_profile {
	display: block;
	width: 115px;
	height: 14px;
	border: 1px solid #FD5107;
	color: #FD5107;
	font-size: .75em;
	padding: 2px;
	padding-left: 8px;
	margin-top: 10px;
	cursor: pointer;
	text-decoration: none;
}

#memberProfile {
	margin-left: 40px;
	height: 180px;
}

#profileText {
	margin-top: 5px;
	margin-left: 5px;
	float: left;
	font-size: .8em;
	color: #999;
}

#sendPM {
	display: block;
	width: 220px;
	height: 10px;
	cursor: pointer;
	margin: 5px;
	font-size: .75em;
	color: #FD5107;
}

#write_comment {
	display: block;
	width: 220px;
	height: 10px;
	cursor: pointer;
	margin: 5px;
	font-size: .75em;
	color: #FD5107;
}

#userbar {
	display: block;
	width: 330px;
	height: 10px;
	margin: 5px;
	font-size: .75em;
	color: #FD5107;
}

#PMForm {
	opacity:0;
	display:none;
	width: 387px;
	height: 220px;
	margin-top: 10px;
	border:1px #727272 solid;
	background: #181818;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
}

#PMForm textarea {
	border: 1px #727272 solid;
}

#PMForm input[type="submit"] {
	border:1px #727272 solid;
	background:#181818;
	color:#727272;
	margin:3px;
	width: 100px;
	height: 25px;
	font-weight: bold;
	margin-bottom: 5px;
}

#PMForm input[type="submit"]:hover {
	border:1px #E34000 solid;
	color:#E34000;
	cursor: hand;
	cursor: pointer;
}

#comment_form_div {
	opacity:0;
	display:none;
	width: 387px;
	height: 198px;
	margin-top: 10px;
	margin-left: 5px;
	border:1px #727272 solid;
	background: #181818;
	padding: 5px;
	padding-bottom: 8px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
}

#zinutes_result {
	display: block;
	width: 220px;
	height: 10px;
	margin: 5px;
	font-size: .75em;
	color: #999;
}

.mixname {
	display: block;
	/*width: 400px;*/
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	color: #727272;
}

.skull_rating{
	width: 80px;
	float: right;
	margin-top: 6px;
}

.sun_rating{
	width: 80px;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}
	
.play_button {
	margin-top: -2px;
	width: 30px;
	height: 30px;
	float: right;
}
	
.comment_all {
	float: left; 
	width: 97%;
	border:1px #170305 solid;
	background: #252525;
	margin-top: 4px;
	margin-left: 5px;
	padding: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: .7em;
}

.comment_author {
	width: 120px;
	float: left;
	margin: 3px;
	border:1px #170305 solid;
}

.comment_body {
	float: right;
	margin: 3px;
	margin-left: 0;
	border:1px #170305 solid;
}

.tooltip_title {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 auto;
	text-align: left;
	float:left;
	width: 100%;
	margin-top: -2px;
}

#admin-panel {
	margin: 3px;
}

#admin-panel a {
	display: block;
	width: 100%;
	font-size: .8em;
}

.tooltip_container {
	border: 0;
	width: auto;
	padding: 5px;
	}

.tooltip_skull {
	height: 12px;
	text-align: right;
	float: left;
	width: 100%;
	margin-right: 5px;
}

.tooltip_duration {
	float: left;
	font-size: .9em;
	text-align: left;
	width: 130px;
	border: 0px solid red;
}

.tooltip_data {
	float: left;
	font-size: .9em;
	width: 130px;
	border: 0px solid green;
	text-align: right;
}

.tooltip_comment {
	width: 260px;
	float: left;
	text-align: center;
	font-size: 1em;
	margin-bottom: 5px;
}

.tooltip_style {
	width: 260px;
	float: left;
	text-align: right;
	font-size: .9em;
}

.demo {
	padding: 3px;
	}

.tooltip_vertinimas {
	width: 275px;
	float: left;
	text-align: center;
	font-size: 1em;
}

div.pagination {
	padding: 3px;
	margin: 3px;
	width: 100%;
	text-align: center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #727272;
	text-decoration: none; /* no underline */
	color: #727272;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #E34000;
	color: #E34000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #E727272;
	font-weight: bold;
	background-color: #E34000;
	color: #181818;
}

	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #181818;
		color: #181818;
	}

#stats {
	color: #727272;
	font-weight: bold;
	padding-left: 7px;
	font-size: .7em;
}	

#mainContent hr {
	width: 80%;
	height: 1px;
	border: 0;
	background-color: #727272;
}

#party_info {
	margin: 7px;
	padding: 7px;
	color: #727272;
	font-size: .8em;
}
	
.tblleft {
	text-align: left;
	padding-left: 7px;
	}
	
.tblright {
	text-align: right;
	}

.mixtbl {
	width: 100%;
	color: #E34000;
	font-weight: bold;
}