html {
	height: 100%;
}

body {
	font-family: Arial;
	font-size: 14px;
	margin: 0;
	min-width: 1000px;
	max-width: 1600px;
	background: #222 url("/images/base/bg-1.gif") 0 0 repeat;
	padding: 25px 0;
}

body.curWait * {
	cursor: wait;
}

.alt{
	display: none;
}

#header{
	background: transparent url("/images/header-bg.gif") 0 0 repeat-x;
	padding: 10px 0;
}

#top-line{
	padding: 15px 0;
	text-align: center;
	background-image: url("/images/top-line-bg.gif");
}

#main-menu{
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	background: #5c88c8 url("/images/menu-bg.gif") 0 0 repeat-x;
	font-family: Verdana, Tahoma, Arial;
	font-size: 13px;
  font-weight: bold;
}

#main-menu a{
	display: block;
	float: left;
	padding: 0 5px;
	margin-right: 5px;
	color: #ffffff;
	text-decoration: none;
}

#main-menu a:hover{
	background-color: #2B6295;
	text-decoration: underline;
}

#main-menu a.drop-down-menu{
	padding-right: 17px !important;
	text-decoration: none;
	background: transparent url("/images/arrow-menu-down.gif") 100% 50% no-repeat;
}

#main-menu a.drop-down-menu:hover{
	background-color: #2B6295;
}

#main-menu a#home-button{
	margin: 0 5px;
	width: 16px;
	height: 30px;
	background: transparent url("/images/buttons/home.gif") 50% 50% no-repeat;
	text-decoration: none;
}

#main-menu a#new-post{
	display: block;
	float: right;
	padding: 0;
	background: transparent url("/images/new-post-bg.gif") 0 0 no-repeat;
}

#main-menu a#new-post b{
	margin-left: 25px;
	padding-right: 10px;
	display: block;
	background: transparent url("/images/new-post-bg.gif") 100% 0 no-repeat;
}

#main-menu a#new-post:hover{
	background-color: transparent;
}

ul.drop-menu{
	margin: 0;
	padding: 0;
	background-color: #5c88c8;
	font-family: Verdana, Tahoma, Arial;
	font-weight: normal;
	font-size: 13px;
	line-height: 100%;
	filter: alpha(opacity=95);
	opacity: .95;
	MozOpacity: .95;
	z-index: 1000;
}

ul.drop-menu li{
	margin: 0;
	padding: 0;
  list-style: none;
  text-align: left;
  white-space: nowrap;
  zoom: 1;
  /* wid\th: expression(parentNode.offsetWidth + "px"); */
  !width: 180px;
}

ul.drop-menu li a{
	display: block;
	margin: 0 !important;
	float: none !important;
	position: relative;
	padding: 5px 10px 5px 20px !important;
	color: #ffffff;
	text-decoration: none;
	background: transparent url("/images/arrow-menu.gif") 10px 50% no-repeat;
}

ul.drop-menu li a:hover{
	color: #ffffff;
	background-color: #2B6295;
	text-decoration: underline;
}

ul.drop-menu li a:visited{
	color: #ffffff;
	text-decoration: none;
}

ul#sub-menu{
	margin: 0;
	padding: 0;
}

ul#sub-menu li{
	float: left;
	display: block;
	margin: 0 8px 0 0;
	padding: 0;
  list-style: none;
  white-space: nowrap;
}

img {
	border: none;
	vertical-align: middle;
}

a{
	color: #000;
	cursor: pointer;
	text-decoration: underline;
}

a.single, a.collection, a.viewed{
    display: block;
    text-decoration: none;
    margin-bottom: 6px;
}

a.collection{
    box-shadow: 3px 3px 0 #bbb, 6px 6px 0 #999; /* имитация стопки */
}
    
a.single img, a.collection img, a.viewed img{
	display: block;
    padding: 5px;
	width: 160px;
	height: 90px;
	background-color: #fff;
    border: 1px solid #999;
    object-fit: contain;
    margin: 0 auto;
}

a.viewed img{
	padding: 5px;
	width: 160px;
	height: 90px;
	background-color: #ff0000;
    border: 1px solid #ff0000;
}

a.mini-thumb{
	display: block;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #999;
}

#view-code img{
    object-fit: cover; 
    object-position: center; 
    width: auto;
}

.float-layer{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	text-decoration: none;
}

.add-comment{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 21px;
	background: transparent url("/images/buttons/add-comment.gif") 0 50% no-repeat;
}

.show-stat{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 21px;
	background: transparent url("/images/buttons/stat.gif") 0 50% no-repeat;
}

.add-playlist{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 21px;
	background: transparent url("/images/buttons/add-playlist.gif") 0 50% no-repeat;
}

.report-file{
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  padding-left: 21px;
	background: transparent url("/images/buttons/validate.gif") 0 50% no-repeat;
}

#show-preferences{
	padding-left: 21px;
	background: transparent url("/images/buttons/preferences.gif") 0 50% no-repeat;
}

#add-favourite, #remove-favourite{
  padding-left: 21px;
	background: transparent url("/images/buttons/add-favourite.gif") 0 50% no-repeat;
}

#view-settings{
	background-color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow:  0 0 5px rgba(0, 0, 0, 0.4);
	line-height: 130%;
	left: 5px;
	top: 5px;
	white-space: nowrap;
	z-index: 1000;
}

#view-settings #selectors a{
	padding: 0 2px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	text-decoration: none;
}

#view-settings #selectors a.active{
	padding: 0 5px;
	color: #fff;
	background-color: #999;
	border-bottom: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.user-link{
  color: #e64133;
}

.sub-text{
  color: #777;
}

.user-info .sub-text{
  color: #ddd;
}


.descr-text{
  color: #fff;
}

.hl{
	color: #fff;
	background-color: #00a8ec;
}

a.user-link, span.guest-link{
  padding-left: 15px;
	background: transparent url("/images/buttons/user.gif") 0 100% no-repeat;
}

span.user-link{
  font-weight: bold;
}

a.comment-link{
  padding-left: 15px;
	background: transparent url("/images/buttons/comments2.gif") 0 100% no-repeat;
}

span.view-info{
  padding-left: 15px;
	background: transparent url("/images/buttons/views2.gif") 0 100% no-repeat;
}

span.time-info{
  padding-left: 15px;
	background: transparent url("/images/buttons/time3.gif") 0 100% no-repeat;
}

.separator{
	height: 1px;
	overflow: hidden;
	background-color: #ccc;
	margin: 5px 0;
}

a.close-layer{
	border-left-width: 1px;
	border-left-style: dotted;
	padding-left: 7px;
	text-decoration: none;
	font-weight: bold;
}

a.user-tag{
	margin-right: 5px;
	padding: 0 5px;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	line-height: 30px;
	/* color: #fff; */
}

a.user-tag:hover{
	/* background-color: #d02400; */
	background-color: #d3d3d3;
}

.underline{
	text-decoration: underline;
}

.small{
	font-size: 12px;
	font-weight: normal;
}

.hidden{
  border: 1px solid #999;
  color: #d3d3d3;
  margin-left: 20px;
  padding: 20px 5px 5px 5px;
  background: #d3d3d3 url("/images/hidden.gif") 0 0 no-repeat;
}

.hidden a{
  color: #d3d3d3;
}

.quote{
  border: 1px solid #999;
  margin-left: 20px;
  padding: 20px 5px 5px 5px;
  background: transparent url("/images/quote.gif") 0 0 no-repeat;
}

.quote .poster{
	margin: -20px 0 0 68px;
	line-height: 20px;
}

.quote .poster a.link{
	display: inline;
	width: 15px;
	height: 15px;
	background: transparent url("/images/buttons/anchor.gif") 0 0 no-repeat;
	text-decoration: none;
	line-height: 15px;
}

.code{
  border: 1px solid #999;
  margin-left: 20px;
  padding: 20px 5px 5px 5px;
  background: transparent url("/images/code.gif") 0 0 no-repeat;
  white-space: pre;
}

.right-light-gray{
	background: #d3d3d3 url("/images/title-right-corner-light-gray.gif") 100% 0 no-repeat;
}

#upload-type-selector{
	height: 20px;
}

#upload-type-selector div{
	background: #fff url("/images/upload-type-bg.gif") 0 0 no-repeat;
}

#upload-type-selector div a{
	display: block;
	height: 20px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	background: transparent url("/images/upload-type-bg.gif") 100% 0 no-repeat;
}

#upload-type-selector div.active{
	background: transparent url("/images/upload-type-active-bg.gif") 0 0 no-repeat;
}

#upload-type-selector div.active a{
	background: transparent url("/images/upload-type-active-bg.gif") 100% 0 no-repeat;
}

#tab-selector{
  padding: 0px !important;
}

#tab-selector a{
  display: block;
  float: left;
  width: 100px;
  text-align: center;
  color: #fff;
}

#tab-selector a.tab-1{
  background: #fff url("/images/tab-red-bg.gif") 0 0 no-repeat;
}

#tab-selector a.tab-2{
  background: #fff url("/images/tab-yellow-bg.gif") 0 0 no-repeat;
}

#tab-selector a.tab-3{
  background: #fff url("/images/tab-green-bg.gif") 0 0 no-repeat;
}

#tab-selector a.tab-4{
  background: #fff url("/images/tab-blue-bg.gif") 0 0 no-repeat;
}

#tab-selector a#tab-my-files{
  background: transparent url("/images/tab-my-files.gif") 0 0 no-repeat;
}

.tab-switcher{
	border-bottom: 2px solid #999;
}

.tab-switcher a{
  float: left;
  display: block;
  height: 20px;
  line-height: 20px;
  padding: 0 10px;
  margin-right: 2px;
  background-color: #fff;
  text-decoration: none;
}

.tab-switcher a.active, .tab-switcher a:hover{
  color: #fff;
  background-color: #999;
}

.alphabet{
	height: 15px;
}

.alphabet a{
	float: left;
	display: block;
	margin-right: 5px;
}

.alphabet a.active{
	font-weight: bold;
}

.bbcode{
	height: 25px;
	background: transparent url("/images/bbcodes/bg.gif") 0 0 repeat-x;
}

.bbcode a, .bbcode span{
	display: block;
	float: left;
}

.bbcode img{
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#preview{
	border: 1px dotted #000;
}

#top-file-preview{
    float: left; 
    position: relative; 
    zoom: 1; 
    width: 410px;
}

#top-file-preview a{
    height: 225px; /* Фиксированная высота */
    overflow: hidden; /* Обрезаем всё, что выходит за границы */
}

#top-file-preview a img{
    height: 225px; /* Жёстко фиксируем высоту = высоте контейнера */
    width: 100%; /* Ширина подстраивается пропорционально */
    object-fit: cover; 
    object-position: center; 
}

#message-input{
	border: 3px solid #999;
	padding: 5px;
	background: #fff url("/images/bbcodes/bg-editor.gif") 0 0 repeat-x;
}

.grippie {
	clear: both;
  background: #eee url("/images/grippie.gif") 50% 2px no-repeat;
  border-color: #ddd;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  cursor: s-resize;
  height: 9px;
  overflow: hidden;
}

ul{
	padding-left: 10px;
	margin-left: 10px;
}

ul#col-list{
	margin: 0;
	padding: 0;
}

ul#col-list li{
	clear: both;
	margin: 2px 0;
	padding: 0;
	list-style: none;
	background: transparent url("/images/dot.gif") 0 100% repeat-x;
	height: 15px;
	display: block;
	zoom: 1;
}

ul#col-list li a.extra-link{
	padding-left: 10px;
}

ul#col-list li a.extra-link:hover, ul#col-list li a.active{
	background: #d3d3d3 url("/images/arrow-nav.gif") 0 50% no-repeat;
}

ul#col-list li a img.blank{
	width: 7px;
	height: 7px;
	padding: 4px 0;
}

ul#col-list li *{
	float: left;
	display: block;
	padding-right: 5px;
	height: 15px;
	line-height: 15px;
	background-color: #d3d3d3;
}

ul#col-list li span.total {
	float: right;
	color: #c70e21;
}

ul#file-list{
	margin: 0;
	padding: 0;
}

ul#file-list li{
	clear: both;
	margin: 2px 0;
	padding: 0;
	list-style: none;
	background: transparent url("/images/dot.gif") 0 100% repeat-x;
	height: 16px;
	display: block;
	zoom: 1;
}

a.attachment{
	padding-left: 21px !important;
	background: transparent url("/images/buttons/clip.gif") 0 50% no-repeat;
}

ul#file-list li a img.blank{
	width: 7px !important;
	height: 7px !important;
	padding: 4px 0 5px 0!important;
}

ul#file-list li *{
	float: left;
	display: block;
	padding-left: 5px;
	height: 16px;
	line-height: 16px;
	background-color: #fff;
}

ul#file-list li.gray *{
	background-color: #ddd !important;
}

ul#fav-list{
	margin: -15px 0 0 -25px;
	padding: 0 0 2px 0;
	background-color: #777;
	width: 200px;
	overflow-x: hidden;
}

ul#fav-list li{
	margin: 0;
	padding: 2px 0;
  list-style: none;
  text-align: left;
  zoom: 1;
}

ul#fav-list li a{
	color: #fff;
	position: relative;
	padding: 0 0 0 20px;
	line-height: 16px;
	text-decoration: none;
	background: transparent url("/images/arrow-menu.gif") 10px 50% no-repeat;
}

ul#fav-list li a:hover{
	text-decoration: underline;
}

ul.simple-list{
	margin: 0;
	padding: 0;
}

ul.simple-list li{
	margin: 0;
	padding: 0 0 2px 19px;
  list-style: none;
}

ul.simple-list li a{
  /* color: #fff; */
}

ul.simple-list li.active a{
	font-weight: bold;
	text-decoration: none;
}

ul.simple-list li span{
	/* clear: right; */
	float: right;
  /* color: #999; */
}

ul.simple-list li span.new{
	float: right;
  color: #999;
  width: 30px;
  padding-left: 5px;
}

ul.simple-list#cats-1 li{
	background: transparent url("/images/arrow-tv.gif") 0 0 no-repeat;
}

ul.simple-list#cats-2 li{
	background: transparent url("/images/arrow-music.gif") 0 50% no-repeat;
}

ul.simple-list#cats-3 li{
	background: transparent url("/images/arrow-pic.gif") 0 50% no-repeat;
}

ul.simple-list#cats-4 li{
	background: transparent url("/images/arrow-flash.gif") 0 50% no-repeat;
}

ul#user-menu{
	margin: 0;
	padding: 0;
}

ul#user-menu li{
	display: block;
	margin: 0 10px 0 0;
	padding: 0;
  list-style: none;
  line-height: 20px;
  white-space: nowrap;
  width: 80px;
}

ul#user-menu li a{
	color: #fff;
	text-decoration: none;
}

ul#user-menu li a:hover{
	text-decoration: underline;
}

ul#user-menu li a.drop-down{
	padding-right: 10px;
	background: transparent url("/images/arrow-drop-down-white.gif") 100% 50% no-repeat;
}

.container{
	float: left;
	width: 100%;
	margin-left: -300px;
}

.container-inner{
	margin-left: 300px;
	margin-right: 15px;
}

#content{
	background: #d3d3d3 url("/images/content-light-gray-bg.gif") 100% 100% no-repeat;
}

.print-version{
	display: none;
}

.title-cell{
	height: 27px;
	line-height: 27px;
	padding: 0 10px;
	color: #fff;
}

.title-cell a{
	color: #fff;
}

#alert{
	border: 5px solid #777;
	background-color: #fff;
	color: #000;
}

#warn{
	background-color: #fce3e3;

}

.title{
	font-size: 14px;
	font-weight: bold;
}

#pm-alert{
	width: 250px;
	height: 160px;
	background-color: #fff;
	border: 1px solid #256F7F;
	position: fixed;
	bottom: -162px;
	right: 5px;
}

#pm-alert-inner{
	height: 158px;
	background-color: #C4E2EC;
	border: 1px solid #fff;
	border-top-color: #B4F7FD !important;
}

#pm-alert-title{
	background: transparent url("/images/alert-bg.gif") 0 0 repeat-x;
	padding: 0 5px;
	height: 20px;
	line-height: 20px;
}

#pm-alert-title a{
	font-weight: bold;
	text-decoration: none;
	color: #256F7F;
}

a#pm-mail-title{
	padding-left: 20px;
	background: transparent url("/images/buttons/new-pm.gif") 0 50% no-repeat;
}

#pm-alert-content{
	height: 123px;
	margin: 0 3px;
	border: 1px solid #256F7F;
	padding: 5px;
	background-color: #fff;
}

.tab-line-1{
	background-color: #e24220;
}

.tab-line-2{
	background-color: #fbb54b;
}

.tab-line-3{
	background-color: #76c468;
}

.tab-line-4{
	background-color: #00a8ec;
}

.tab-line-basic{
	background-color: #999;
}

.simple-tab .tab-line-basic{
	background: #999 url("/images/title-right-corner-dark-gray.gif") 100% 0 no-repeat !important;
}

.top-left{
	background: #999 url("/images/title-left-corner-gray.gif") 0 0 no-repeat;
}

.bottom-left{
	background: #eee url("/images/block-left-corner-gray.gif") 0 100% no-repeat;
}

.top-left-light-blue{
	background: #00a8ec url("/images/title-left-corner-light-blue.gif") 0 0 no-repeat;
}

.top-left-cherry{
	background: #e24220 url("/images/title-left-corner-cherry.gif") 0 0 no-repeat;
}

.top-left-light-green{
	background: #76c468 url("/images/title-left-corner-light-green.gif") 0 0 no-repeat;
}

.top-left-yellow{
	background: #fbb54b url("/images/title-left-corner-yellow.gif") 0 0 no-repeat;
}

.bottom-left-light-blue{
	background: #00a8ec url("/images/block-left-corner-light-blue.gif") 0 100% no-repeat;
}

.bottom-left-cherry{
	background: #e24220 url("/images/block-left-corner-cherry.gif") 0 100% no-repeat;
}

.bottom-left-light-green{
	background: #76c468 url("/images/block-left-corner-light-green.gif") 0 100% no-repeat;
}

.bottom-left-yellow{
	background: #fbb54b url("/images/block-left-corner-yellow.gif") 0 100% no-repeat;
}

.bottom-left-gray{
	background: #d3d3d3 url("/images/block-left-corner-gray.gif") 0 100% no-repeat;
}

.block-cell{
	clear: both;
	padding: 10px;
}

.link-padding-r a{
  margin-right: 7px;
}

#head{
	margin: 0 10px;
	background: #f9f9f9 url("/images/base/top-bg.png") 0 0 repeat-x;
	overflow-y: hidden;
}

#head-l{
  position: absolute;
  left: 0;
  top: 0;
  height: 145px;
  width: 10px;
	background: transparent url("/images/base/top-bg-left.png") 0 0 no-repeat;
}

#head-r{
  position: absolute;
  right: 0;
  top: 0;
  height: 145px;
  width: 10px;
	background: transparent url("/images/base/top-bg-right.png") 100% 0 no-repeat;
}

#footer{
	background-color: #4f4f4f;
	color: #fff;
	/* height: 55px; */
}

#footer a, #copyright a{
	color: #fff;
}

#copyright{
 color: #fff;
 background: transparent url("/images/base/footer-bg.png") 0 100% repeat-x;
 margin: 0 10px;
 line-height: 31px;
 height: 31px;
}

#copy-l{
  position: absolute;
  left: 0;
  bottom: 0;
  height: 51px;
  width: 10px;
  background: transparent url("/images/base/footer-bg-left.png") 0 100% no-repeat;
}

#copy-r{
  position: absolute;
  right: 0;
  bottom: 0;
  height: 51px;
  width: 10px;
  background: transparent url("/images/base/footer-bg-right.png") 100% 100% no-repeat;
}

div.spacer{
	height: 15px;
}

div h1{
	margin: 0;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 400px;
}

div h2{
	margin: 0;
	color: #000;
	font-family: Arial;
	font-weight: bold;
	font-size: 16px;
}

div h3{
	margin: 0;
	color: #000;
	font-family: Arial;
	font-weight: normal;
	font-size: 18px;
}

div h4{
	margin: 0;
	color: #000;
	font-family: Arial;
	font-weight: normal;
	font-size: 12px;
}

div h5{
	margin: 0;
	color: #ffffff;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 0.01em;
}

h4 a, h3 a{
	margin-right: 5px;
	display: inline-block;
	white-space: nowrap;
	text-decoration: none;
	line-height: 16px;
	color: #c70e21;
}

h4 a:hover, h3 a:hover{
	text-decoration: underline;
}

h5 a{
	color: #fff;
	text-decoration: none;
}

div.thumb{
	margin: 0 15px 15px 0;
}

div.thumb:hover, .ieHoverFix{
	background-color: #bfbfbf;
    border-radius: 10px;
}

div.file-extra-info{
    position: absolute;
	right: 8px;
	bottom: 8px;
    padding: 0 2px;
	background-color: #000;
	color: #fff;
}

div.file-locked{
    position: absolute;
	left: 2px;
	bottom: 13px;
	width: 16px;
	height: 16px;
	background: transparent url("/images/buttons/locked.gif") 50% 50% no-repeat;
}

button.file-rating {
	width: 65px;
	height: 11px;
	background: transparent url("/images/stars.gif") 0 0 no-repeat;
	border: 0pt none;
	vertical-align: top;
	padding: 0;
}

button.rating-00 {
	background-position: -65px 0 !important;
}

button.rating-05 {
	background-position: -52px -11px !important;
}

button.rating-10 {
	background-position: -52px 0 !important;
}

button.rating-15 {
	background-position: -39px -11px !important;
}

button.rating-20 {
	background-position: -39px 0 !important;
}

button.rating-25 {
	background-position: -26px -11px !important;
}

button.rating-30 {
	background-position: -26px 0 !important;
}

button.rating-35 {
	background-position: -13px -11px !important;
}

button.rating-40 {
	background-position: -13px 0 !important;
}

button.rating-45 {
	background-position: 0 -11px !important;
}

button.rating-50 {
	background-position: 0 0 !important;
}

#unit-rating{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 85px;
	height: 16px;
	position: relative;
	background: transparent url('/images/rating.gif') 0 0 repeat-x;
}

#unit-rating:hover, .unit-rating-voted{
	background: transparent url('/images/rating.gif') 0 50% repeat-x !important;
}

#unit-rating li{
	float: left;
  text-indent: -90000px;
	padding: 0;
	margin: 0;
}

#unit-rating li a{
	display: block;
	position: absolute;
	width: 17px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 17;
	padding: 0px;
}

#unit-rating li a:hover{
	background: transparent url('/images/rating.gif') 0 100% repeat-x;
	z-index: 2;
	left: 0px;
}

.unit-rating-voted li a:hover{
	background: none !important;
}

#unit-rating a.r1-unit{
	left: 0;
}

#unit-rating a.r1-unit:hover{
	width: 17px;
}

#unit-rating a.r2-unit{
	left: 17px;
}

#unit-rating a.r2-unit:hover{
	width: 34px;
}

#unit-rating a.r3-unit{
	left: 34px;
}

#unit-rating a.r3-unit:hover{
	width: 51px;
}

#unit-rating a.r4-unit{
	left: 51px;
}

#unit-rating a.r4-unit:hover{
	width: 68px;
}

#unit-rating a.r5-unit{
	left: 69px;
}

#unit-rating a.r5-unit:hover{
	width: 85px;
}

#unit-rating li#current-rating{
	background: transparent url("/images/rating.gif") 0 100% repeat-x;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
}

table{
  border: none;
}

table tr th{
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
}

table tr td {
  font-size: 14px;
}

.file-control{
	padding: 5px 0;
}

.file-control a{
	margin-right: 20px;
}

.file-code-form{
	overflow: hidden;
	color: #4e4e4e;
	background: #99cc99 url("/images/file-code-form-green-bg.gif") 0 0 no-repeat;
}

.file-code-form-inner{
	background: transparent url("/images/file-code-form-green-bg.gif") 100% 0 no-repeat;
}

.file-code-form-mini{
	color: #4e4e4e;
	background: #99cc99 url("/images/file-code-form-mini-green-bg.gif") 0 0 no-repeat;
}

.file-code-form-mini-inner{
	background: transparent url("/images/file-code-form-mini-green-bg.gif") 100% 0 no-repeat;
}

#file-code-menu a{
	margin-right: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	text-decoration: none;
	color:#ccffcc;
}

#file-code-menu a.active{
	color: #4e4e4e;
	border-bottom: none;
	text-decoration: none;
}

.file-description{
	background: #00a8ec url("/images/file-description-blue-bg.gif") 100% 0 no-repeat;
}

.file-description-inner{
	background: transparent url("/images/file-description-blue-bg.gif") 0 0 no-repeat;
	padding-top: 25px !important;
	color: #fff;
	overflow: hidden;
}

.file-rank{
	height: 18px;
}

.file-rank *{
  display: block;
  float: left;
}

.file-rank a{
  text-decoration: none;
  width: 18px;
  height: 18px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.file-rank a:link, .file-rank a:visited, .file-rank a:active{
  text-decoration: none;
}

.rank-plus{
	background-image: url("/images/buttons/arrow-plus.gif");
}

.rank-minus{
	background-image: url("/images/buttons/arrow-minus.gif");
}

.main-lt{
	background: #fff url("/images/form-white-bg.gif") 0 0 no-repeat;
}

.main-rt{
	background: transparent url("/images/form-white-bg.gif") 100% 0 no-repeat;
}

.main-lb{
	background: transparent url("/images/form-white-bg.gif") 0 100% no-repeat;
}

.main-rb{
	background: transparent url("/images/form-white-bg.gif") 100% 100% no-repeat;
}

.footer-lt{
	background: transparent url("/images/form-light-gray-bg.gif") 0 0 no-repeat;
}

.footer-rt{
	background: transparent url("/images/form-light-gray-bg.gif") 100% 0 no-repeat;
}

.footer-lb{
	background: #ddd url("/images/form-light-gray-bg.gif") 0 100% no-repeat;
}

.footer-rb{
	background: transparent url("/images/form-light-gray-bg.gif") 100% 100% no-repeat;
}

#related-files{
	background: transparent url("/images/related-files-bg.gif") 0 0 repeat-x;
	padding: 20px 0 20px 136px;
}

#related-files-inner{
	overflow: hidden;
	white-space: nowrap;
}

a#left-scroll-arrow{
 background: #ccc url("/images/buttons/left-scroll-arrow.gif") 50% 50% no-repeat;
}

a#left-scroll-arrow:hover{
 background-image: url("/images/buttons/left-scroll-arrow-hover.gif");
}

a#right-scroll-arrow{
 background: #ccc url("/images/buttons/right-scroll-arrow.gif") 50% 50% no-repeat;
}

a#right-scroll-arrow:hover{
 background-image: url("/images/buttons/right-scroll-arrow-hover.gif");
}

span#new-count{
	float: left;
  display: block;
  height: 20px;
}

a#prev-button{
	margin-left: 2px;
	float: left;
  display: block;
  width: 15px;
  height: 20px;
  background: transparent url("/images/buttons/prev.gif") 0 50% no-repeat;
  text-decoration: none;
}

a#prev-button:hover{
 background-image: url("/images/buttons/prev-hover.gif");
}

a#next-button{
	margin-left: 2px;
	float: left;
  display: block;
  width: 15px;
  height: 20px;
  background: transparent url("/images/buttons/next.gif") 0 50% no-repeat;
  text-decoration: none;
}

a#next-button:hover{
 background-image: url("/images/buttons/next-hover.gif");
}

a#prev-button.end{
 background-image: url("/images/buttons/prev-inactive.gif");
}

a#next-button.end{
 background-image: url("/images/buttons/next-inactive.gif");
}

a#prev-file{
  float: left;
  display: block;
  width: 25px;
  background: transparent url("/images/buttons/prev-file.gif") 50% 50% no-repeat;
  text-decoration: none;
}

a#next-file{
  float: left;
  display: block;
  width: 25px;
  background: transparent url("/images/buttons/next-file.gif") 50% 50% no-repeat;
  text-decoration: none;
}

a#prev-file:hover, a#next-file:hover{
	background-color: #fff !important;
}

.step{
  padding: 0 5px;
  width: 100px;
  height: 60px;
  border-bottom: 2px solid #00455b;
}

.step h3{
  color: #00455b;
	line-height: 22px;
}

.step-active{
  padding: 0 5px;
  width: 100px;
  height: 60px;
  color: #fff;
  border-bottom: 2px solid #c70e21;
}

.step-active h3{
	color: #fff;
	font-size: 22px;
  line-height: 22px;
	font-weight: bold;
}

.padding{
	padding: 10px;
}

.content-cell{
	clear: both;
	padding: 10px;
}

.block-text-top{
	padding-bottom: 10px;
}

.block-text-middle{
	padding: 10px 0;
}

.block-text-bottom{
	padding-top: 10px;
}

.c-align{
	text-align: center;
}

.l-align{
	text-align: left;
}

.r-align{
	text-align: right;
}

.j-align{
	text-align: justify;
}

.no-wrap{
	white-space: nowrap;
}

.wrap{
	white-space: normal;
}

form{
	margin: 0;
	padding: 0;
}

input{
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

.std-input{
	border: 1px solid #aaa;
	background-color: #f5f5f5;
	outline: none;
}

.std-input:focus{
	border: 1px solid #999;
	background-color: #fff;
}

.std-button{
	border: none;
	margin: 0px;
	padding-left: 11px;
	font-weight: bold;
	background: #d6d6d6 url("/images/arrow-button.gif") 0 50% no-repeat;
	cursor: pointer;
}

.fake{
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

.flick-button{
	border: none;
	background-color: #c70e21;
	color: #ffffff;
	font-weight: bold;
}

.flick-button:hover{
	background-color: #f0919a;
	cursor: pointer;
}

#tyle-selector{
	top: 0;
	right: 5px;
	width: 70px;
	margin: 1px 5px 0 0;
	padding: 6px 15px 6px 5px;
	text-align: right;
	border: none;
	font-weight: bold;
	cursor: pointer;
	background: transparent url("/images/arrow-drop-down-black.gif") 100% 50% no-repeat;
}

#type-list{
	background-color: #fff;
	margin: -55px 0 0 -10px;
	border: 1px solid #999;
	padding: 5px;
	z-index: 1000;
}

#search-container{
	padding: 6px 105px 6px 26px;
	background: #fff url("/images/buttons/search.gif") 5px 50% no-repeat;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
  box-shadow:  0 1px 3px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.9);
	zoom: 1;
}

#search-input{
	border: none;
	background-color: transparent;
}

.cm_results{
  margin: 7px 0 0 -26px;
	background-color: #fff;
  border: 1px solid #999;
  overflow: hidden;
  padding: 0;
  z-index: 99999;
}

#search-button{
	width: 16px;
	height: 16px;
	border: none;
	margin: 0;
	padding: 0;
	background: transparent url("/images/buttons/search-submit.gif") 50% 50% no-repeat;
}

#global-search{
	background-image: url("/images/buttons/search.gif");
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;
}

.cool-button, .warn-button{
	background: transparent url("/images/button-gray-bg.gif") 0 0 no-repeat;
	height: 23px;
	display: block;
	float: left;
	padding-left: 10px;
	text-decoration: none;
	color: #000;
}

.warn-button {
	background-image: url("/images/button-red-bg.gif") !important;
}

.cool-button b, .warn-button b{
	display: block;
	float: left;
  padding-right: 10px;
	height: 23px;
	line-height: 23px;
	font-weight: normal;
	background: #d3d3d3 url("/images/button-gray-bg.gif") 100% 0 no-repeat;
}

.warn-button b{
	background-image: url("/images/button-red-bg.gif") !important;
}

.drop-down-white{
	padding-right: 10px;
	background: transparent url("/images/arrow-drop-down-black.gif") 100% 50% no-repeat;
}

.stretched{
	width: 100%;
}

#top td{
	border-bottom: 1px solid #eee;
}

#top img{
	margin-left: 5px;
}

.table-fullscreen{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: table;
}

.table-row{
	position: relative;
	display: table-row;
}

.table-cell{
	display: table-cell;
	vertical-align: middle;
	margin: 0 auto;
}

.pager a{
	padding: 2px 4px;
	margin: 0;
	text-decoration: none;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	!border: none;
}

.p-gray a{
  color: #777 !important;
}

.pager a:hover{
	background-color: #fff;
	border: 1px solid #fff;
	color: #000;
}

.p-gray a:hover{
	background-color: #777 !important;
	border-color: #777 !important;
	color: #fff !important;
}

.pager a.active-page{
	border: 1px solid #fff;
}

.p-gray a.active-page{
	border-color: #777 !important;
}

#top-logo{
	padding: 10px;
	background: transparent url("/images/upload-form-gray-bg.gif") 0 0 no-repeat;
}

#user-box{
	background-color: #999;
	color: #fff;
}

#user-box a{
  color: #fff;
}

#user-box .user-info .user-name{
	height: 16px;
	line-height: 16px;
}

#user-box	.user-name a{
	font-size: 16px;
	font-weight: bold;
}

#user-box .user-name .rank{
	padding: 0 3px;
	font-weight: bold;
	color: #fff;
	background-color: #FF2AD4;
}

#welcome-box{
	text-align: center;
	font-size: 24px;
	line-height: 100px;
}

#upload-box{
	color: #00455b;
	background: #00a8ec url("/images/upload-form-blue-bg.gif") 0 100% repeat-x;
}

#upload-box a{
	color: #00455b;
}

#nav-bar{
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
}

#nav-bar a, .extra-link{
  color: #006697 !important;
}

#upload-form{
	text-align: left;
	background: #d3d3d3 url("/images/upload-form-gray-bg.gif") 0 100% no-repeat;
}

#sticker-body{
	width: 250px;
	border: 1px solid #666;
	background-color: #E4EAF2;
}

#simplemodal-overlay{
	background-color: #000;
}

#simplemodal-container{
	border: 5px solid #777;
	background-color: #d3d3d3;
	padding: 10px;
}

#preview_text{
	padding: 10px;
	border: 1px solid #000;
	background-color: #fff;
}

#palette div{
	width: 40px;
	height: 20px;
	cursor: pointer;
}

#palette #bw255{
	background-color: rgb(255, 255, 255);
}
#palette #bw225{
	background-color: rgb(225, 225, 225);
}
#palette #bw200{
	background-color: rgb(200, 200, 200);
}
#palette #bw175{
	background-color: rgb(175, 175, 175);
}
#palette #bw150{
	background-color: rgb(150, 150, 150);
}
#palette #bw125{
	background-color: rgb(125, 125, 125);
}
#palette #bw100{
	background-color: rgb(100, 100, 100);
}
#palette #bw75{
	background-color: rgb(75, 75, 75);
}
#palette #bw50{
	background-color: rgb(50, 50, 50);
}
#palette #bw25{
	background-color: rgb(25, 25, 25);
}
#palette #bw0{
	background-color: rgb(0, 0, 0);
}

.post-box{
	width: 50px;
	margin: 0 10px 0 0;
}

.post-time{
	text-align: center;
	color: #ffffff;
	background-color: #e24220;
}

.post-comments{
	text-align: center;
	color: #ababab;
	background-color: #e5e5e5;
}

fieldset.simple-form {
  width: 100%;
	margin: 0;
	padding: 0;
  border: none;
  overflow: hidden;
}

fieldset.simple-form div {
	float:left;
	display:inline;
}

form fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

.one-column{
  width: 100%;
}

fieldset label{
  margin-right: 10px;
}

fieldset dl{
  margin: 0;
  padding: 0;
}

fieldset dl dt {
  clear: left;
	float: left;
	margin: 2px 0;
	padding: 0;
  width: 35%;
}

fieldset dl dt label{
  font-weight: bold;
}

fieldset dl dd {
  float: left;
	margin: 2px 0;
	padding: 0;
  width: 64%;
}

ul.cat-list{
	margin: 0;
	padding: 1px 0;
}

ul.cat-list li{
	margin: 0;
	padding: 0 1px;
  list-style: none;
	display: block;
	position: relative;
	height: 20px;
	line-height: 20px;
}

ul.cat-list li a{
	display: block;
	padding-left: 10px;
	text-decoration: none;
}

ul.cat-list li a.active{
	background: transparent url("/images/arrow-nav.gif") 0 50% no-repeat;
	font-weight: bold;
}

ul.cat-list li a:hover{
	background: #999 url("/images/arrow-nav.gif") 0 50% no-repeat;
	color: #fff;
}

.cat-selector{
  background-color: #fff;
  border: 1px solid #aaa;
}

.tb-t-l{
  width: 100%;
  height: 27px;
  padding: 10px 0 0 20px;;
  line-height: 27px;
  background: transparent url("/images/tb-top-left-white.png") 0 0 no-repeat;
}

.tb-t-r{
  width: 20px;
  height: 37px;
  background: transparent url("/images/tb-top-right-white.png") 100% 0 no-repeat;
}

.tb-b-l{
  width: 100%;
  height: 27px;
  padding: 0 10px 10px 20px;;
  background: transparent url("/images/tb-bottom-left-white.png") 0 0 no-repeat;
}

.tb-b-r{
  width: 20px;
  height: 37px;
  background: transparent url("/images/tb-bottom-right-white.png") 100% 0 no-repeat;
}

.tb-m-l{
  padding: 0 0 0 20px;
  background: transparent url("/images/tb-middle-left-white.png") 0 0 repeat-y;
}

.tb-m-r{
  background: transparent url("/images/tb-middle-right-white.png") 0 0 repeat-y;
}

.tb-content{
  background-color: #fff;
}