body{ background: #E1E1E1}

#wrapper{ margin: 0 auto; width:820px}
#wrapper{ background:#eee }
#wrapper{ border: 3px #999 double }


.hide{ display: none; visibility: hidden; width:0px !important; float: left }
.show{display: block; visibility: visible }
.showinline{ display:inline; visibility: visible}

h1,h2,h3,h4{font-family:Georgia, "Times New Roman", Times, serif; }

h1{font-size: 1.3em;}
h2{font-size: 1.1em}
h3{font-size: 1em}
h4{font-size: .9em}

h1#MNG{ font-size: 2.5em; text-align: center}
h1#MNG{ background:#333333; color:#FFFFFF; padding: 0 10px; margin-top: 0}
h1#MNG sup{ font-style:italic; font-size:.5em;}


/* Links */
/*
a{color:#444; font-weight:bold;text-decoration:none; border-bottom: 1px dotted #000}
a:hover{color:#000;background:#fff; border-bottom-style:solid}
*/
a{color:#444; font-weight:bold;text-decoration:none}
a:hover{color:#000;background:#fff}

#powered_by a{border:0}

h1 a,
h1 a:link,
h1 a:visited
{ color: #eee; text-decoration: none; border:0}

h1 a:hover
{color: #fff;background:none}

h1, h2, h3{ border-bottom: 1px solid #CCCCCC}


#lang-select{font-size:small; text-align:right; padding: 2px 10px; height: 25px}
#lang-select span{ margin-right: 1em}

#en, #ru{ cursor: pointer; padding-left: 20px }
#ru{ background: url(../images/ru.png) no-repeat scroll left center }
#en{ background: url(../images/gb.png) no-repeat scroll left center }

#lang-select a:hover{color:#000;border-bottom:1px solid #999}

/* TABS */
/*#form, #how-to, #about{ height: 500px }*/
.tab-content{ height: 500px; !important padding: 10px 30px; overflow: auto; }
#news-form{ height: 680px }

/*#how-to, #about{ padding: 10px 30px; overflow: auto;  }*/


code{ font-size: medium}

div#help{ width:740px; height: 10em; margin: 0 auto; border: 3px double #ddd; clear: both }
div#help{ background:#999999; color:#FFFFFF; padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: x-small }

div.row{ margin: 5px 0}

div.hint{ background:#999999; color:#FFFFFF; margin: 0 0 3px 0; padding: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: x-small }
div.hint{ border: 3px double #ddd; clear: both }

input#news-header,
input#news-tags,
textarea#files,
input#btn-generate{ width: 755px }
/*div.hint{ width: 635px; width: 740px; }*/

input#url,input#news-header{font-size: xx-large;}
/*input#url,input#news-header{ width: 20em }*/

input#url{
  padding: 5px 0 0 145px; width:615px; height:50px;
  background: #FFFFFF url(../images/dislogo.gif) no-repeat scroll 6px 3px;
  border: 1px solid #A7A6AA;
  vertical-align: middle;
}


#form_bg,#newsCode{ padding: 0 0px}

#expl-btn{ float: right; cursor: pointer; color: #3366FF; background: url(../images/help.png) no-repeat scroll left center; padding-left:20px }

label{ float:left; width: 7em; text-align:left; font-weight: bold; clear: left}
label{ font-family:Georgia; font-size: .8em}

select#quality{width: 60px; float: left}

select#quality-bitrate{width: 110px }

select#quality,
select#quality-bitrate,
select#lossless-type,
div#vbr-bitrate-value
{ margin-right: 1px; display:inline; float: left }

select#lossless-type{width: 110px}

div#vbr-bitrate-value{float: left; width: 80px !important }
div#vbr-bitrate-value input{ width:2em}

textarea#files{ height:6em; font-size: small}

textarea#files-links,
textarea#code-area{ width: 755px}

textarea#files-links{height:6em}
textarea#code-area{height:11em}

input#btn-generate{ height:2em; margin: 1em auto}
input#btn-generate{ font-size:large; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
input#btn-generate{ color:#333333; text-transform:uppercase; letter-spacing: .2em}
input#btn-generate{ background: #eee}

#nimages{clear:both}
#nimages img{display:block; height:65px; width:65px; border:2px solid #ccc; float:left; cursor:pointer; padding:1px; margin:2px}
#nimages img.selected{border:2px solid #333; cursor:default;}
#nimages div#news-image{display:block; clear:both; height:1.3em; width: 500px; font-size:x-small;font-family:Verdana, Arial, Helvetica, sans-serif}
#nimages div#news-image{background:#fff; border:1px solid #ccc;padding:2px}

div#powered_by{ text-align: center; margin: 0px auto}

div#benchmark{ color: #999; font-size: small; text-align: center; margin: 10px 0 }

div#benchmark a,
div#benchmark a:link,
div#benchmark a:visited
{ color: #999; border-color:#999 }

div#benchmark a:hover
{color: #000; border-color:#000}

dl{font-size:x-small; color:#444; font-family:Verdana,Arial}
dl dt{ margin: 10px 0 0 0; padding-left:15px;font-weight:bold;background: url(images/888888_11x11_icon_folder_open.gif) no-repeat left 2px;}
dl dd{ margin: 0 0 0 10px; padding-left: 10px; background: url(images/888888_7x7_arrow_right.gif) no-repeat left 5px; }

#last-releases{margin:0 30px 30px; /*overflow: auto; overflow:-moz-scrollbars-vertical; height:95px*/}
#last-releases ul{text-align:left}
#last-releases ul li{list-style: none}

h1{text-align:center}
h1 a.help{color:blue;font-size:1.5em;text-decoration:underline}
h1 a.help:hover{color: #3366FF;}