/* ---main--- */
html {height: 100%;}
* html body {height:100%;}

html, body, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px;}
body {
min-height:100%;
position: relative;
font: 100% Verdana, Arial, Helvetica, sans-serif;
color: Black;
background: url(../pic/fml_02.gif) repeat;
}

/* ---- table constructor --- */

.table_clear {border-collapse: collapse; border-spacing: 0px; border: none;}
.table_clear td {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
border: none;
}
table.main {background-color: White;}
tr.main {background: url(../pic/fml_02.gif) repeat;}
td.m {background-image: url(../pic/fml_19.gif);	background-repeat: repeat-x;}
td.m2l {
	background-image:  url(../pic/fml_49.gif);
	background-position: right;
	background-repeat: repeat-y;
	vertical-align: top;
}
td.m3l {
	background-image: url(../pic/fml_49.gif);
	background-position: right;
	background-repeat: repeat-y;
	vertical-align: bottom;
}
td.m1r {
	background-image: url(../pic/fml_51.gif);
	background-position: right;
	background-repeat: repeat-y;
	vertical-align: top;
}
td.m2r {
	background-image: url(../pic/fml_51.gif);
	background-position: right;
	background-repeat: repeat-y;
	vertical-align: bottom;
}
td.mbot {background-image: url(../pic/indx2_31.jpg);	background-repeat: repeat-x;	background-position: bottom;}

/* --- body ---*/
/*.txt {font-size: 0.8em;}*/

#body {
	/*padding: 0 0 0 25px;*/
	float:right;
	width:100%;	
	margin-left: -400px;
	display: inline;
}
.news {font-size: 80%;}
#left_news {}
#right_news {margin-left: 390px; width: 800px; float: left;}
.news ul.ns {
line-height: 1;
list-style: none;
padding-left: 0px;
margin-left: 0px;
}
.news ul.ns li { padding-bottom: 10px;}
ul.ns li:first-letter { font-size: 100%; font-weight: bold;}
.news h1 {font-weight: normal; letter-spacing: 2px;}
.news h1 a {color: #D3330D;}
.news h2 {
	font-size: 90%;
	display: block;
	margin: 15px 0 3px 0;
}
.news h5 { display: inline; font-weight: normal; color: #666666;}
/*.news #one {margin: 8px 0 3px 0; font-size: 0.8em;}*/
#text6 { font-size: 60%;}

/* Tables for contents */
#content .table {
border-collapse: collapse;
border-spacing: 0px;
border: none;
border-bottom: 2px solid #cec4a1;
font-size: 87%;
}
#content .table th {
font-variant: small-caps;
text-align: left;
padding: 4px 3px 5px 10px;
border-top: 2px solid #cec4a1;
border-bottom: 1px solid #cec4a1;
}
#content .table th {color: #664335; font-weight: bold;}
* html #content .table th {color: #664335; font-weight: bold; font-size: 85%;}
#content .table td {
vertical-align: top;
padding: 10px 8px 10px 8px;
border-bottom: 1px solid #DCDCDC;
border-top: none;

}
#content .table #name {font-weight: bold; background: #FFFAF0;}
#content .table select {
margin-left: 8px;
margin-top: 3px;
border: 1px solid #DCDCDC;
color: #565656;
/*font-size: 80%;*/
}
#content .txt {font-size: 80%;}	

/* Elements */
a {color: #1A5EA0; text-decoration: none;}
a:hover {color: #D3330D; text-decoration: underline;}
a img {border:0;}
hr { height: 1px;}
h1 {
font-size: 100%;
margin: 0px 0px 2px 0px;
color: #777;
}
h1.title {
	font-weight: normal;
	margin: 3px 0 15px 0;
	font-size: 1.2em;
}

h1.plb {
font-size: 1.2em;
font-weight: 600;
margin: 5px 0px 5px 10px;
color: #666;
padding-left: 18px;
}
h2 {font-size: 1.15em;}
h2.plb {
font-size: 0.8em;
font-weight: 600;
margin: 0px 0px 2px 0px;
color: #666;	
}
h2.plb a {color: #666;}
h2.title {
font-size: 0.8em;
font-weight: 600;
margin: 0 0 8px 0;
color: #565656;
}
h3 {font-size: 95%; color: #404040;}
h4 { font-size: 90%;}
h5 {}
h6 {font-size: 70%; font-weight: normal; color: Gray;}
ol {line-height: 1.5;}

#red {color: #D3330D;}

/* errors */
.error, .error a {color: #D3330D;}
div.error {margin: 5px 5px 5px 5px;}
.error li {list-style: none;}

/* ---BUTTONS--- */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* button positive green */
button.positive, .buttons a.positive{color:#565656;}
.buttons a.positive:hover, button.positive:hover{    
    border:1px solid #C6D880;
    color:#529214;
}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
}
/* button negative red */
.buttons a.negative, button.negative{color:#d12f19;}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}
/*--- player---*/
.pl {background: url(../pic/fon_p.gif); font-size: 0.7em;}
.play {
margin: 5px 15px 15px 15px;
text-align: center;
/*background: white;
border: 1px solid #dcdcdc;*/
padding-top: 10px;
}
#panelplay {
margin: 0 0 5px 6px;
width:318px; 
text-align:left; 
height:60px; 
border-top:1px solid #acacac;
border-bottom:1px solid #979797;  
border-left:1px solid #979797;  
border-right:1px solid #979797;   
background:#acacac;
color: White;
}
*html #panelplay {margin: 0 0 5px 0; width:320px;}
.playbuttons {
list-style: none;
margin: 10px 0 0 0;
padding:0 0 0 20px;
}
.playbuttons li {float:left;}
.playbuttons li a { 
display:block;
float:left;
width:15px;
height:23px;
line-height:10px;
text-decoration:none;
padding: 5px 8px 0 5px;
cursor:pointer;}

.playbuttons li a:hover {background:url(../pic/player/fon.gif) no-repeat;}

/*--- Search resultat--*/
.rnav {font-size: 0.7em; color: #4F4F4F;}
.rnav a {color: #4F4F4F; text-decoration: none;}
.rnav a:hover {color: #D3330D;	text-decoration: underline;}
.rnav strong {color: #D3330D;}

a.plb {color: Black;}
a:hover.plb {text-decoration: none;}

.rinfo {
	font-size: 0.7em;
	margin-left: 15px;
	margin-top: 0px;
	margin-right: 15px;
	color: #4F4F4F;
}
.divramka {	margin:0 0 30px 10px; width:89px;}
.ramka {
	width:89px;
	height:90px; 
	background: url(../img/ramka2.gif) no-repeat;
}
/* ---menu top--- */
#login {font-size: 0.7em;	font-weight:bold;}
a:hover.exit {
	background-image: url(../pic/exit.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
}
a:hover#enter {
	background-image: url(../pic/enter.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 18px;
}
#navtopcontainer {width:600px;}
#topnavlist {margin: 0px; padding: 0px; height: 15px;}
#topnavlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
font-size:0.7em;
font-weight:bold;
}

#topnavlist li a:link, #topnavlist li a:visited
{
text-decoration: none;
display: block;
margin-left:50px;
text-align: center;
color:#666666;
}

#topnavlist li a#topcurrent, #topnavlist li a:hover, #topnavlist li a:active
{
color: #D3330D;
font-weight:bold;
text-decoration: none;
}

#slogan {
font: bold 35px/30px Georgia, "Times New Roman", Times, serif;
letter-spacing:2px;
color:#efecdf;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 16px;
overflow: hidden;
width: 410px;
height:25px;
text-align: left;
}
.tel a {font-size: 10px;	color: #cec4a1;	font-weight: bold;}
.tel a:hover {text-decoration: none;	color: #cec4a1;}

/* Login and registration */
.auth_buton {margin: 5px 0 0 10px; 	padding: 1px 5px 1px 5px;}
.paper {
background: url(../pic/paper.jpg) no-repeat;  
padding: 15px 25px 25px 20px;  
width: 440px; 
height: 320px;
margin: 0 0 30px 256px;
}
* html .paper {font: 0.9em; width: 480px;}
.paper ul {list-style:none; display:inline;}
.paper h2 {	font-size: 1.1em; font-weight: bold; color: #696969;}
* html .paper h2 {font: 1.0em;}
.paper small {font-size: 0.7em;}
* html .paper small {font-size: 0.8em;}
.paper .input {
	margin: 0 0 10px 0;
	width: 250px;
	color: #800000;
}
.paper table {font-size: 0.8em;}

/* ---menu bottom--- */
.menubot {
	background: url(../pic/indx_38.jpg) repeat-x top;
	margin-left: 20px;
	margin-right: 20px;
	}
#navbotcontainer {width:590px;}
#botnavlist {margin: 0px; padding: 0px; height: 15px; color:gray;}
#botnavlist li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
font-size:0.7em;
}
#botnavlist li a:link, #botnavlist li a:visited
{
	text-decoration: none;
	display: block;
	margin-left:50px;
	text-align: center;
	color:gray;
}
#botnavlist li a:hover, #botnavlist li a:active
{color: #D3330D; text-decoration: none;}

/* CABINET */
/*---Menu kabinet---*/
.search-cab {margin-left: 15px;	margin-right: 15px;	margin-bottom: 35px;}
#cabinet p {margin: 0 5px; display: inline; padding-right: 5px; padding-left: 10px;}
#cabinet {background: transparent; margin: 0 15px 15px;}

.ctop, .cbottom {display:block; background:transparent; font-size:1px;}
.cb1, .cb2, .cb3, .cb4 {display:block; overflow:hidden;}
.cb1, .cb2, .cb3 {height:1px;}
.cb2, .cb3, .cb4 {background:#fff; border-left:1px solid #d7ceaf; border-right:1px solid #d7ceaf;}
.cb1 {margin:0 5px; background:#d7ceaf;}
.cb2 {margin:0 3px; border-width:0 2px;}
.cb3 {margin:0 2px;}
.cb4 {height:2px; margin:0 1px;}

.cabcontent {
display:block;  
border:0 solid #d7ceaf; 
border-width:0 1px; 
width:565px; 
font-size: 0.8em;
font-weight: bold;
padding-top: 15px;
padding-bottom: 13px;
}
.cabcontent a {color: #4F4F4F; text-decoration: none;}
.cabcontent a:hover {color: #D3330D; text-decoration: none;}

/* --- information --*/
#information p { margin: 0; padding-left:8px; padding-top: 5px; }
#information a { color: #D3330D;}
.ib1, .ib2, .ib3, .ib4 {display:block; overflow:hidden;}
.ib1, .ib2, .ib3 {height:1px;}
.ib2, .ib3, .ib4 {background:#fff; border-left:1px solid #E5E5E5; border-right:1px solid #E5E5E5;}
.ib1 {margin:0 5px; background:#E5E5E5;}
.ib2 {margin:0 3px; border-width:0 2px;}
.ib3 {margin:0 2px;}
.ib4 {height:2px; margin:0 1px;}
.infocontent {display:block;  border:0 solid #E5E5E5; border-width:0 1px;  height:60px;  font-size: 0.6em !important;}
* html .infocontent {font-size: 0.7em !important; }

/**************************************/

/* PAGE USERS */

/* Desktop */
.desktop ul, li {margin: 0px; padding: 0px;}
.desktop #container { 
	width: 100%;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
} 
#sidebar1 h2 {
	color: #565656;
	font-size: 85%;
	margin: 20px 5px 5px 10px;
}
.desktop #sidebar1 {float: left; width: 16em; background: #FFF;}
.desktop #sidebar1 h3 { margin-left: 8px; margin-right: 5px; color: #333333; font-size: 85%;}
* html .desktop #sidebar1 h3 {font-size: 85%;}
.desktop #sidebar1 p {margin-left: 0px; margin-right: 5px;}
.desktop #sidebar1 #menu {
	list-style: none;
	padding: 3px 0 10px 10px;
	font-size: 82%;
 }
.desktop #sidebar1 #menu li {margin-left: 10px; margin-bottom: 2px;}
 #infoaccount p {margin:0; padding-left:10px; padding-top:3px; font-size: 75%;}
 #infoaccount h3 {}
 #infoaccount a {color: #D3330D;}
.infoaccount2 {display:block; border:0 solid #E5E5E5; border-width:0 1px;}
/** html .infoaccount2 {font-size: 0.9em; }*/
.desktop #sidebar2 {margin: 0 5px 0 19em;}
#sidebar2 h2 {color: #565656; font-size: 85%;  border-bottom: 1px solid #DADADA; }

#sidebar2 p { margin: 0; }
#sidebar2 .newsD {margin-top: 15px;  margin-right: 10px; }
#sidebar2 .newsD p {padding-left: 5px;}
#sidebar2 .newsD h3 {margin: 10px 0 3px 0; padding: 0px; color: #000;}
.fltrt {float: right; margin-left: 8px;}
.fltlft {float: left; margin-right: 8px;}

/* content blocks for desktop */
.blocks{margin-left:auto; margin-right:auto;}
#sidebar2 .grid_1 {display:inline; width: 100%; }
#sidebar2  .grid_1 p {font-size: 85%; display: block; margin-left: 30px; margin-bottom: 5px;}
.grid_1 h1 {font-size: 90%; display: block; padding: 1px 0 1px 25px;}
.grid_1 h1.tlow {background: url(../pic/top_low_icon.gif) no-repeat left; color: #B95D00;}
.grid_1 h1.thigh {background: url(../pic/top_high_icon.gif) no-repeat left; color: #D3330D;}
.grid_1 h1.thigh a {color: #D3330D;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
div.clear {
	background:none;
	border:0;
	clear: both;
	display:block;
	float:none;
	font-size:0;
	list-style:none;
	margin:0;
	padding:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:10px;
}
#sidebar2 #lr_info {
	margin-top: 20px;
	font-size: 85%;
}
#sidebar2 #lr_info th {
text-align: left;
padding: 20px 3px 10px 10px;
border-bottom: 2px solid #cec4a1;
color: #664335;
}
#sidebar2 #lr_info li {  margin: 0 10px 10px 0; list-style: none;}

#sidebar2 #lr_info li.read {
	background: url(../pic/new.png) no-repeat left;
	padding-left: 20px;
}
#sidebar2 #lr_info li.ihigh, #sidebar2 #lr_info li.ihigh a {color: #333;  background: url(../pic/fml_02.gif) repeat; }
#sidebar2 #lr_info li.imiddle { font-weight: bold;}
#sidebar2 #lr_info li h6 {
	display: inline;
	padding-right: 5px;
	color: Gray;
	font-weight: normal;
	font-size: 84%;
}
#sidebar2 #lr_info li span {color: #D3330D;}
#sidebar2 #lr_info .messhi {color: #D3330D; text-decoration: underline;}


/* Accounts */
.accounts #container {  
	margin: 0 auto; 
	text-align: left; 
} 
.accounts #sidebar1 {float: left; width: 16em;}

.accounts #sidebar1 h3, .accounts #sidebar1 p {/*margin-left: 10px;margin-right: 5px;*/} 
.accounts #sidebar1 #menu {
	list-style: none;
	padding: 0 5px 0 20px;
 }
 *html .accounts #sidebar1 #menu {
 	margin: 0px 0px 5px 0px;
 }
 .accounts #sidebar1 #menu li {padding-bottom: 5px; }
 .accounts #sidebar2 {margin: 0 10px 0 17em;} 
 .accounts #sidebar2 h2 {margin-bottom: 10px; color: #565656;}

/* Edit profile */
#profile {font-size: 0.7em;}
table#profile  {margin: 5px 20px 15px 50px;}
/*#profile .odd {background: #F7F5EF;}*/
#profile td {padding: 3px 5px 3px 5px;}
#profile tr.fon {background: #FFFAF0;	}
#profile .items {font-weight: normal;}
h3#profile {
	padding-left: 20px;
	font-size: 0.9em;
	margin: 20px 0 15px 40px;
}
#profile label {font-weight: bold; display: block; margin-bottom: 5px; color: #565656;}
#profile input, textarea {width: 300px; color: #800000;}
#profile td.help {font-size: 0.85em;}
/* New user */
#newuser { 
font-size: 0.7em; 
width: 500px;
margin: 5px 0 15px 50px;
background: #FFFAF0;
}
#newuser td {border: 10px solid #FFFAF0;}
#newuser label {font-weight: bold; display: block; margin-bottom: 5px; color: #565656;}
#newuser .in320 {width: 320px; color: #800000;}
#newuser td.help {font-size: 0.85em;}
h3#newuser  {
	background: url(../pic/user_add.gif) no-repeat left;
	padding-left: 20px;
	font-size: 0.9em;
	margin: 20px 0 15px 40px;
}

/* Orders */
.ormenu { font-size: 85%; }
.ormenu li {list-style: none;  padding-bottom: 5px;}
.order {border:1px solid #E5E5E5; margin-right: 5px;  padding: 20px 10px 40px 10px; }
.order p#line {
display: block;
border-bottom: 1px dashed #666666;
padding-bottom: 20px;
}
.order p#hrono {
line-height: 1.8;
margin: 0;
clear: both;
}
.ram {width:531px; background: url(../pic/shad_l.gif) repeat-y right top; margin-left: 20px; }

/*.order div {margin: 10px 10px 10px 10px;}*/
.order div.top {   
padding: 4px 4px 4px 4px; 
font-size: 81%; 
margin-bottom: 30px; 
line-height: 1.5}
* html .order div.top {
	font-size: 85%; 
}

.orderfilm {margin: 10px 10px 20px 30px;}
.orderfilm input, .orderfilm textarea {width: 500px; color: #800000;}
.orderfilm h2 {
font-size: 0.9em;
font-weight: bold;
margin: 0 0 8px 0;
color: #333;
}
.orderfilm h2.see {
	display: block;
	padding: 8px 8px 8px 8px;
	background: #FFFAF0;
	margin-bottom: 20px;
	width: 700px;
}
.orderfilm label {
display: block;	
margin: 10px 0 5px;
color: #565656;
}
.orderfilm fieldset {margin: 20px 0 10px 0; background: #FFFAF0; border: 1px solid Silver;}
.orderfilm legend {font-weight: bold; color: #664335; background: #FFFFFF;}
.orderfilm fieldset div {margin: 5px 10px 5px 10px; font-size: 0.75em;}
.orderfilm fieldset input {width: 30px;}

/* Fragments */
.fragments {
border-collapse: collapse;
border-spacing: 0px;
border: none;
border-bottom: 2px solid #cec4a1;
}
.fragments th {
text-align: left;
padding: 4px 3px 5px 5px;
border-top: 3px solid #cec4a1;
border-bottom: 1px solid #cec4a1;
font-size: 0.8em;
}
.fragments td { cursor:pointer}
.fragments th {font-weight: bold;}
* html.fragments th { font-weight: bold; font-size: 0.8em;}
.fragments td {
vertical-align: top;
padding: 5px 8px 5px 5px;
border-top: none;
font-size: 0.85em;
}
.fragments input {
	border: 1px solid #acacac;
	font-size: 0.75em;
	padding-left: 3px;
	width: 200px;
}
.fragments input#time {width: 40px;}
.fragments input#part {width: 20px; font-weight: bold; border: 1px solid #acacac;}