/* common */
html, body {
	width: 100%; height: 100%; margin: 0px; padding: 0px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
p, div, td { color: #000; font-size: 9pt; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
a { color: #f00; }
a:hover {text-decoration: none}
img { border: 0px; }
form { margin: 0px; padding: 0px; }

h1, h2, h3 {
	font-weight: normal;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

h1 {font-size: 16pt;}

h2 {font-size: 14pt;}

h3 {font-size: 12pt;}

p { padding: 0px; margin: 0px 0px 10px 0px; text-align: justify}

.cright {text-align: right}
.right {float: right}
.clear {clear: both;}
p.last {margin-bottom: 0}

/* main */
.main { width: 100%; padding: 0px; margin-top: 38px; }
.main-left {  height: 416px; background: url(/i/main-left.gif) top right no-repeat; }
.main-left-bgrpt { width: 50%; vertical-align: top; background: url(/i/main-left-bgrpt.gif) top right repeat-x; }
.main-right { width: 50%; background: url(/i/main-right.gif) top left no-repeat; }
.main-bottom-bg { height: 36px; background: url(/i/main-bottom-bg.gif) top left repeat-x; }
.main-logo { padding: 17px 0px 0px 8px; vertical-align: top; }
.main-plus { height: 36px; background: url(/i/main-plus.gif) top right no-repeat; }
.main-bottom-logo { text-align: right; /*font-size: 7pt;*/ padding-bottom: 20px; }

#tabla { display: table; width: 698px; height: 416px; background: url(/i/bg-main.gif) top left no-repeat; }
#left { width: 238px; float: left; }
#right { width: 460px; float: left; }

.main-tabla { width: 698px; height: 416px; background: url(/i/bg-main.gif) top left no-repeat; }

#main-logo { position: relative; z-index: 100; margin: 17px 0px 0px 8px; width: 251px; height: 106px; }
#not-label { position: relative; z-index: 20; width: 238px; height: 32px; }
.main-t1 { height: 151px; padding: 0; vertical-align: top; margin: 0; /*background: #5aadd0 url(/i/main-t1.gif) top left no-repeat; */}
.main-t2 { height: 180px; vertical-align: top; text-align: right; padding: 18px 36px 5px 5px; margin: 0;/*background: #7cc7e6 url(/i/main-t2.gif) top left no-repeat; */}
.main-t2 img { float: right; border: 1px solid #F5FBFD; margin: 0px 0px 5px 11px; }
.main-t2-date { height: 33px; background: url(/i/main-plus-small.gif) bottom left no-repeat;/*border-bottom: 1px solid #1B1A18;*/ }
.main-t2-div { height: 17px; width: 1px; /*font-size: 17px; */}
.f-r { float: right; }
.main-t2-t td { text-align: right; }

.main-btn-divider { width: 140px; height: 1px; font-size: 1px; background: url(/i/b-divider.gif) top left no-repeat; }
.main-btn { width: 140px; height: 25px; /*padding-left: 121px;*/ }
.main-btn-active { width: 140px; height: 25px; background: url(/i/b-active.gif) top left no-repeat; }
.main-btn img, .main-btn-active img { margin-left: 21px; }

.h416 { height: 416px; }
.table100 { width: 100%; height: 100%; }


/* common-page */

.page-main { width: 780px; text-align: left;}

.page-top td { padding-top: 34px; vertical-align: middle; }
.page-top td div {padding: 5px 0px}
.page-top-line { width: 25%; }
.page-top-logo { padding-left: 8px; }

.page-bottom-logo { width: 780px; text-align: right; padding-bottom: 20px; }
.page-bottom-logo-cont { width: 100%; text-align: center; border:1px solid red; }

.left-label { width: 20px; float: left; padding-top: 28px; }
.page-content { float: left; width: 747px; }

.page-plus { height: 46px; background: url(/i/page-plus.gif) bottom left no-repeat; }
.page-bottom-bg { height: 46px; background: url(/i/page-bottom-bg.gif) bottom left repeat-x; }

.page-area { width: 760px; background: #5AADD0 url(/i/page-area.gif) top right repeat-y; }
.page-area img { border: 1px solid #F5FBFD; }
.page-area-top { width: 760px; height: 15px; font-size: 1px; background: url(/i/page-area-top.gif) top left no-repeat; }
.page-area-bottom { width: 760px; height: 28px; background: url(/i/page-area-bottom.gif) top left no-repeat; }

/* about */

.page-area-area-text { padding: 5px 30px 10px 0px !important;}
.page-area-area-img { padding: 5px 20px 10px 25px; vertical-align: top;}
/*.page-area-area-img img*/

/* releases */

.releases-container { width: 760px; float: left; }

.releases-left-top { width: 378px; height: 48px; margin-right: 4px; float: left; background: #5AADD0 url(/i/releases-left-top.gif) top left no-repeat; }
.releases-right-top { width: 378px; height: 48px; float: left; background: #7CC7E6 url(/i/releases-right-top.gif) top left no-repeat; }

.releases-left-1st { width: 378px; float: left; margin-right: 4px; background: #5AADD0 url(/i/releases-left.gif) top right repeat-y; }
.releases-left-1st .releases-item-bottom { width: 378px; height: 73px; background: url(/i/releases-left-1st-bottom.gif) top left no-repeat; }
.releases-left-2nd { width: 378px; float: left; margin-right: 4px; background: #7FBCDA url(/i/releases-left.gif) top right repeat-y; }
.releases-left-2nd .releases-item-bottom { width: 378px; height: 73px; background: url(/i/releases-left-2nd-bottom.gif) top left no-repeat; }
.releases-left-1st .releases-item-end { width: 378px; height: 28px; background: url(/i/releases-left-1st-end.gif) top left no-repeat; }
.releases-left-2nd .releases-item-end { width: 378px; height: 28px; background: url(/i/releases-left-2nd-end.gif) top left no-repeat; }

.releases-right-1st { width: 378px; float: left; background: #7CC7E6 url(/i/releases-left.gif) top right repeat-y; }
.releases-right-1st .releases-item-bottom { width: 378px; height: 73px; background: url(/i/releases-right-1st-bottom.gif) top left no-repeat; }
.releases-right-2nd { width: 378px; float: left; background: #5AADD0 url(/i/releases-left.gif) top right repeat-y; }
.releases-right-2nd .releases-item-bottom { width: 378px; height: 73px; background: url(/i/releases-right-2nd-bottom.gif) top left no-repeat; }
.releases-right-1st .releases-item-end { width: 378px; height: 28px; background: url(/i/releases-right-1st-end.gif) top left no-repeat; }
.releases-right-2nd .releases-item-end { width: 378px; height: 28px; background: url(/i/releases-right-2nd-end.gif) top left no-repeat; }

.releases-area { height: 110px; padding: 0px 20px 0px 25px; }
.releases-area-nocorner img, .releases-area img, .releases-area .img, .releases-area-nocorner .img { border: 1px solid #F5FBFD; margin-right: 20px; float: left; width: 103px; height: 103px;}
.releases-area .img, .releases-area-nocorner .img {text-align: center;}
.releases-area .img div, .releases-area-nocorner .img div {padding-top: 40px; font-weight: bold;}
.releases-right-1st .releases-area, .releases-right-2nd .releases-area { height: 110px; padding: 0px 20px 0px 25px; background: url(/i/releases-area-right.gif) top right no-repeat; }
.releases-area-nocorner { height: 110px; padding: 0px 20px 0px 25px; background: url(/i/releases-left.gif) top right repeat-y; }
.releases-area-nocorner img { border: 1px solid #F5FBFD; margin-right: 20px; float: left; }
.releases-area-div { height: 5px; width: 1px; font-size: 5px; }

a.releases-a-bg {font-size: 8pt; padding: 4px 12px 6px 12px;}
.releases-left-1st a.releases-a-bg, .releases-right-2nd a.releases-a-bg {background-color: #7CC7E6;}
.releases-left-2nd a.releases-a-bg, .releases-right-1st a.releases-a-bg {background-color: #5AADD0;}

/* contact */

textarea {font: inherit; font-family: verdana, tahoma, arial;}
.form-text { width: 29%; font-weight: bold; text-align: right; white-space: nowrap; padding: 5px 0px 10px 25px; }
.form-form { padding: 5px 30px 10px 20px; }
.form-form input, .form-form select, .form-form textarea { width: 300px; /*font-family: verdana, tahoma, arial; font-size: 80%; border: 1px solid #2593C1;*/ border: 0px; background-color: #7CC7E6; padding: 5px; /*font-size: 8pt*/}
.form-form textarea 
{
	scrollbar-3dlight-color: #2593C1;
	scrollbar-arrow-color: #2593C1;
	scrollbar-base-color: #7CC7E6;
	scrollbar-darkshadow-color: #7CC7E6;
	scrollbar-face-color: #7FBCDA;
	scrollbar-highlight-color: #7CC7E6;
	scrollbar-shadow-color: #2593C1;
	overflow: auto;
}
.form-form input.button {
	width: 80px !important;
	cursor: pointer;
	color: #f00;
	text-decoration: underline;
	font-weight: bold
}
.form-form input:focus, .form-form select:focus, .form-form textarea:focus {
	background-color: #fff;
}
.form-form input.button:focus {
	background-color: #7CC7E6;
}


/* one release */

.one-release { background-color: #7CC7E6; padding: 10px; }
.download-one {margin: 20px 0 10px 0; text-align: center;}
.download-second {margin: 25px 0 10px 0; text-align: center}
.one-release pre {background: #5AADD0; padding: 10px; margin: 20px;}

ul.tracks {
	padding: 0px;
	margin: 0px
}
ul.tracks li {
	font-size: 8pt;
	list-style: none;
	margin: 2px;
	padding: 3px;
}
ul.tracks a {
	color: #000;
}

table.release-descr td {
	font-size: 8pt;
	padding: 2px;
	border-bottom: 1px dotted #5AADD0;
}
table.release-descr tr:hover {
	background-color: #5AADD0;
}

.download {
	color: #f00;
	background-color: #5AADD0;
	padding: 4px 12px 6px 12px;
	font-size: 8pt;
}

div.hr {
	margin-top: 5px;
	border-top: 1px dotted #5AADD0;
}
div.review {
	margin-top: 10px;
	padding: 0;
}
div.review p, div.review ul, div.review li {font-size: 8pt;}
div.review li {padding: 2px 0 2px 0}
.empty-slot {font-size: 7pt; padding-top: 30px; font-weight: bold; text-align: center}

table.photoes td{
	border-top: 1px dotted #7CC7E6;
	text-align: center;
	padding: 8px;
}

a.main-release {
	text-decoration: none;
}
div.main-release:hover {
	background-color: #5AADD0;
}
div.main-release {
	text-decoration: none;
	margin-left: 60px;
	margin-top: -2px;
	font-weight: bold;
	width: 150px;
	height: 103px;
	cursor: pointer;
}