.gradualfader a img {
    opacity: 0.3; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -moz-opacity: 0.3; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 0.3; /* Konqueror 3.1, Safari 1.1 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE 5.5+*/
}

.gradualfader a:hover img {
    opacity: 1.0; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
    -moz-opacity: 1.0; /* Mozilla 1.6 и ниже */
    -khtml-opacity: 1.0; /* Konqueror 3.1, Safari 1.1 */
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE 5.5+*/
}

/*
+--------------------------------------------------------------------------
|   MkPortal "cs-blackdragon.org.ru" Portal Template C1.2
|   ========================================
|   by Sawyer
|   (c) 2009 www.cs-blackdragon.org.ru
|   http://cs-blackdragon.org.ru/
|   Email: bor94@mail.ru
|
+---------------------------------------------------------------------------
|
|   > MKPortal
|   > Written By Sawyer^^
|   > Date started: 22.05.2009
|
+--------------------------------------------------------------------------
*/

/*=============================
M
K  global styles
P
=============================*/
body {

   background-image: url(http://cs-blackdragon.org.ru/fon.gif);
   font-size: 10px;
   color: #666666;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px; /* Opera 0 margin */
   text-align: center; /* center in IE */
}

/* portal wrapper */
#mkwrapper {
	text-align:left; /* left-align text in IE */	
	margin: 0px auto 0px auto;
}

/* logostrip */
#mklogostrip {
	/* background-image: url(MKPORTALIMGDIR/sf_logo.jpg); */	
	background-color: #efefef;
	text-align: left;
}

/* global font formatting */
table,
tr,
td,
.tdglobal {
	font-size: 10px; 
	color: #eaeaea;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
}

/* main portal table */
.tabmain {
	margin:0px;
	padding:0px;	
}

/* images */
img { 		
	border: 0px;
	vertical-align: middle; /* Meo: Added in C1.2 */
}

/*=============================
M
K  LIGHT BACKGROUND
P
=============================*/
.modulecell,
.urlo2,
.tabnews,
.trattini,
.tabmain,
.tablemenu,
.taburlo {
    background-color: #2d2d2d;
	color: #eaeaea;
}

/*=============================
M
K  MEDIUM BACKGROUND
P
=============================*/
.navigatore,
.tdblock,
.moduleborder {
background: url(http://rostoffpro.org.ru/images/back.gif);
   background-color: #474747;
   color: #eaeaea;
}

/*=============================
M
K  DARK BACKGROUND
P
=============================*/
.urlo,
.sottotitolo {
   /* background-image: url(MKPORTALIMGDIR/m_sf.gif); */
   color: #c9c9c9;
}

/*=============================
M
K  border and divider styles
P
=============================*/
.tabmain,
.tablemenu, /* block wrapper, chat button strip */
.taburlo,
.urlo2,
.trattini,
.trattini2,
.trattini3 {
	border: 1px solid #ababab;	
}
	
.trattini {
	border-width: 1px 0 0 0;
	border-top-style: dashed;
}

/* blocks admin */
.trattini2 {
	border-width: 0 1px 0 0;
	border-right-style: dashed;
}

/* Quotes, Shoutbox */
.trattini3 {
	border-width: 0 0 1px 0;
	border-bottom-style: dashed;
}

/* deprecated - used only in tpl_main.php */
/* .vspacer
{
	background-image: url(MKPORTALIMGDIR/punto_vert.gif);
	background-repeat: repeat-y;
	background-color: transparent;	
} */

/*=============================
M
K  hyperlink styles
P
=============================*/
/* global links */
a:link, 
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eaeaea;	
	text-decoration: none;	
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eaeaea;	
	text-decoration: underline;
}

a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eaeaea;	
	text-decoration: none; 	
}

/* bold navbar, block, module links */
a.uno:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
	color: #eaeaea; 
	font-weight: bold;
	text-decoration: none
}

a.uno:visited {	
	font-size: 10px; 
	color: #eaeaea; 
	font-weight: bold;
	text-decoration: none
}


a.uno:hover {
	font-size: 10px; 
	color: #eaeaea; 
	font-weight: bold;
	text-decoration: underline;
}

/* block text links */
.tablemenu a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #eaeaea;	
	text-decoration: none;	
}

.tablemenu a:hover {
	text-decoration: underline;
}

.tablemenu a:active { 
	text-decoration: none; 	
}

/* global contrasting text and hyperlink color */
.mktxtcontr,
a.mktxtcontr:link, 
a.mktxtcontr:visited {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

a.mktxtcontr:hover {
	font-weight: bold;
	text-decoration: underline;
}

/* contrasting text and hyperlink color 2 (admin) */
.mktxtcontr2,
a.mktxtcontr2:link, 
a.mktxtcontr2:visited {
	color: #0000ff;
	font-weight: bold;
	text-decoration: none;
}

a.mktxtcontr2:hover {
	font-weight: bold;
	text-decoration: underline;
}

/*=============================
M
K  form styles
P
=============================*/
/* remove margin after closing "form" tag in MSIE */
form {
	margin: 0;
	padding: 0
}

input,
textarea,
select,
.bgselect, /* input fields */
.mkbutton /* global submit buttons */
{
	background-color: #ebebeb;		
	/* border: 1px solid #4C77B6; */	
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px; 
	color: #7f7f7f;
	vertical-align: middle;
}

/* button border - needed for blocks to display correctly in forum-view */	
.blsubmit,
.mkbutton {
	border: 1px solid #a3a3a3;
	color: #a3a3a3;
}

.mkbutton { /* Global submit buttons */
	padding: 3px;
}

.mkbbbutton { /* MKP BBcode editor buttons */
	margin: 0;
	padding: 0;
}

/* radio/checkbox buttons - remove background color and border in IE */	
.mkradio {
	background-color: transparent;
	border: 0px;		
}

/* configure blog textarea */
textarea.mkwrap1 {
	overflow: auto;
	/* width: 230px; */
	width: 100%;
}

/* edit blog textarea */
textarea.mkwrap2 {
	overflow: auto;
	width: 500px ;
}

/* block input */
.mkblkinput {
	background-color:#fff;
 	font-size: 9px;
	border: 1px dashed #a3a3a3;
	margin: 2px;
}

/*=============================
M
K  navstrip styles
P
=============================*/
/* top navstrip */
.navigatore {	
	vertical-align: bottom;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 9px;
}

/*=============================
M
K  block styles
P
=============================*/
/* used in functions.php (function main_page) */
.blocks {
	padding: 0px;
}

/* block header/footer corner images - portal skin only */
.tdmenblock {	
	font-size: 0px;	
	padding: 0px;  
	margin: 0px; 
	vertical-align: top;
	background-color:#a3a3a3;	
}

/* block td cell */
.tdblock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 2px;	
}

/* block title bar */
.sottotitolo {
	vertical-align: bottom;	
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	/* color: #666666; */		 
}

/* horizontal spacer between blocks */
.tdspacer {
	line-height: 3px;
}

/*=============================
M
K  module global styles
P
=============================*/

.moduleborder {
	background-color: #e8e8e8;
}

/* module table headings */
.modulex {	
	background-color: #8f8f8f;
	height: 25px;
}

th.modulex {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	background-color: #808080;
	background-image: none !important;
	height: 25px;
	/* font-weight: normal;*/
	white-space: nowrap;
}

/* Reviews description text */
.modulelite {
	font-size: 8pt;
	color:#d7d7d7;
}

/* center block padding (news, admin) */
.contents {
	padding: 10px;
}

/* module pagination links */
.mkpagelink {
	background-color: #f0f5fa;
	border: 1px solid #072a66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight: normal;
}

.mkpagelinklast {
	background-color: #dfe6ef;
	border: 1px solid #072a66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

.mkpagecurrent {
	background-color: #ffc9a5;
	border: 1px solid #072a66;
	padding:1px 3px 1px 3px;
	color: #000;
	font-weight:normal;
}

/* admin cp titles with top border - used in frontend and backend */
.titadmin {
	margin: 0px;
	font-weight: bold;
	font-size: 11px; 
	color: #7f7f7f;
	border-top: 1px dashed #a3a3a3;
}
/*=============================
M
K  shoutbox module styles
P
=============================*/
/* module table with border (shoutbox, news) */
div.taburlo {	
	width: 100%; /* center in IE */	
}

td.taburlo{
	margin:5px;
	padding:5px;
	border: 0;
}
	
/* shouter and date cell */
.urlo {
	line-height: 18px;
	vertical-align: bottom;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
	/* color: #666666; */
	padding: 4px;		 
}

/* shout cell */
.urlo2 {
	padding: 4px;	
	/* border-bottom: 1px solid #5c88c8; */
	border-width: 0 0 1px 0;
	border-style: solid;
	text-align: left;
	color: #7f7f7f;
	font-size: 11px;
	font-weight: bold;
}

/* white shouter text */
.urlocontrast {	
	color: #ffffff;
}

/*=============================
M
K  news module styles
P
=============================*/
/* news table with border */
.tabnews {
	border: 1px dashed #e8e8e8;
	margin:0px; 
	padding:0px;
	font-size: 10px;
	color: #666666;	
}

/*=============================
M
K  font styles
P
=============================*/
/* red error page text */
.mkerror {	
	font-size: 12pt;
	color: #ff0000;
	font-weight:bold;
}

/* MKPQuote quotation text */
.mkquote { 		
	color: #0000ff;	
}

/* MKPGallery module ecard, offline page */
.ecardtitle,
.offlinetxt {
	font-size: 10pt; 
	font-weight: bold;
	text-align: center;
}

/* MKPGallery slideshow caption text (modules/gallery/index.php function slide_update) */
/*
.mkslidecap {	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold; 
	color: #8f8f8f;
}
*/
/*=============================
M
K  BBcode quote styles
P
=============================*/
.mkquoteball {
	font-size: 9px; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #8f8f8f;	
	padding: 0;	
}

.mkquotetext {
	font-size: 10px; 
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color: #8f8f8f;
	margin: 0;
	padding: 0;	
}
table .mkquotetable{				
	width: auto; /* IE */	
	text-align: left;
}

/* Added in C1.2 */
/* Table background highlight */
.bghighlight1 {
	background-color: #EAF8EB;
}
/* Table background highlight 2 */
.bghighlight2 {
	background-color: #EFCBCB;
}
/* mkportal footer copyright - Do not remove, modify or obscure the copyright text */
.mkcopyright {
	font-size: 10px;
}
.mkcopyright a {
	text-decoration: none;
}
/* Calendar block current dau highlighting */
#mkcaltoday {
	border:2px;
	border-style:outset;
	background-color: #ffff00;
}






<script> 
//Hint Start 
// CLASS : MW_System_Load 
// Init 
function MW_System_Load(){ 
this.wib = screen.width; 
this.heb = screen.height; 
this.documes = (document.getElementById || document.createElement || document.getElementsByTagName) ? true : false; 
this.objects = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null; 
this.types = 'load'; 
} 
MW_System_Load.prototype.addsevent = function(func){ 
if(this.objects.addEventListener){ 
this.objects.addEventListener(this.types,func,false); 
return true; 
} else if (this.objects.attachEvent){ 
this.objects.attachEvent("on" + this.types,func); 
} else { 
return false; 
} 
} 
MW_System_Load.prototype.browser = function(){ 
this.ver = navigator.appVersion; 
this.agent = navigator.userAgent.toLowerCase(); 
this.dom = document.getElementById ? 1:0; 
this.all = document.all ? 1:0; 
this.ie5 = (this.ver.indexOf("MSIE 5")>-1 && this.dom) ? 1:0; 
this.ie6 = (this.ver.indexOf("MSIE 6")>-1 && this.dom) ? 1:0; 
this.ie4 = (document.all && !this.dom) ? 1:0; 
this.ie = this.ie4 || this.ie5 || this.ie6; 
this.opera = this.agent.indexOf("opera")>-1; 
this.gecko = (this.agent.indexOf("gecko")!=-1) ? 1:0; 
this.bw = (this.ie || this.opera || this.gecko); 
return this; 
} 
MW_System_Load.prototype.findobj = function(obj){ 
this.parent = window.document; 
if(this.parent[obj]){ return this.parent[obj]; } 
if(this.parent.all && this.parent.all[obj]){ return this.parent.all[obj]; } 
if(this.parent.layers && this.parent.layers[obj]){ return this.parent.layers[obj]; } 
if(this.parent.getElementById && this.parent.getElementById(obj)){ return this.parent.getElementById(obj); } 
return null; 
} 
var MW = new MW_System_Load(); 
function MW_System_Hint(){} 
MW_System_Hint.prototype.show = function(obj,str){ 
var hint = MW.findobj('hint'); 
if(!obj){ return; } 
if(!MW.documes){ return; } 
if(!hint){ return; } 
hint.className = 'hint'; 
hint.style.left = 15; 
hint.style.top = 50; 

obj.onmouseout = function(advance){ 
hint.style.width = ''; 
hint.style.visibility = 'hidden'; 
if(hint.firstChild) hint.removeChild(hint.firstChild); 
hint.appendChild(document.createTextNode(str)); 
}; 
obj.onmousemove = function(advance){ 
//str = str.replace(/</g,"<"); 
//str = str.replace(/>/g,">"); 
hint.style.width = ''; 
hint.innerHTML = str; 
vc = document.getElementsByTagName((document.compatMode && document.compatMode=="CSS1Compat") ? "HTML":"BODY")[0]; 
x = window.event ? event.clientX + vc.scrollLeft : advance.pageX; 
y = window.event ? event.clientY + vc.scrollTop : advance.pageY; 
vcwidth = vc.clientWidth ? vc.clientWidth + vc.scrollLeft : window.innerWidth + window.pageXOffset; 
vcheight = vc.innerHeight ? window.innerHeight + window.pageYOffset : vc.clientHeight + vc.scrollTop; 
    if(hint.offsetWidth>500){ hint.style.width = '200'; } 
    if((x + hint.offsetWidth + 15) > vcwidth){ 
     hint.style.left = x - hint.offsetWidth - 4; 
    } else { 
     hint.style.left = x + 15; 
    } 
    if((y + hint.offsetHeight + 19) > vcheight){ 
     hint.style.top = y - hint.offsetHeight; 
    } else { 
     hint.style.top = y + 25; 
    } 
    //if(typeof(hint.style.MozOpacity)!="undefined"){ 
    hint.style.opacity = '.91'; 
    hint.style.filter = "alpha(opacity:91)"; 
    //} 
    hint.style.visibility = 'visible'; 
}; 
} 
MW_System_Hint.prototype.initialize = function(){ 
var hint = document.createElement("DIV"); 
hint.setAttribute('id','hint'); 
document.getElementsByTagName('body')[0].appendChild(hint); 
hint.style.visibility = 'hidden'; 
var hintmarker = ['a','img','img','input','span','div','textarea']; 
var textmarker = ['title','alt','title','title','title','title','title']; 
var lenmarker = hintmarker.length; 
for(var i=0; i<lenmarker; i++) { 
atr = document.getElementsByTagName(hintmarker[i]); 
for(var j=0; j<atr.length; j++) 
if(viewhint=atr[j].getAttribute(textmarker[i])){ 
    atr[j].removeAttribute(textmarker[i]); 
    HINT.show(atr[j],viewhint); 
} 
} 
} 
var HINT = new MW_System_Hint(); 
if(MW.objects){ MW.addsevent(HINT.initialize); } 
//Hint End 
</script>


.navigator {
height: 16px;
line-height: 16px;
}

.navigator a:link, .navigator a:visited{
float: left;
text-align: center;
height: 18px;
line-height: 18px;
width: 80px;
background: #FFFFFF top center no-repeat;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}

.navigator a:hover{
background: #3f9bdd bottom center no-repeat;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #fff;
}

/* GALLERY */
ul#gallery { margin:0 0 0 20px; padding-top:20px; height:80px; list-style:none; position:relative; }
ul#gallery li { border-right:1px solid #ccc; width:103px; display:block; float:left; }
ul#gallery li#first { border-left:1px solid #ccc; }
ul#gallery li:hover ul, ul#gallery li.sfhover ul { top:auto; left:0; }
ul#gallery li a { display:block; width:100px; padding:15px 0 15px 3px; color:#000; text-decoration:none; }
ul#gallery li a:hover { background-color:#fafafa; }
ul#gallery li ul { padding:40px 20px 20px 20px; list-style:none; margin:0; width:350px; background-color:#fff; position:absolute; left:-999em; }
ul#gallery li ul li { display:inline; text-align:left; clear:none; float:none; border:0; }
ul#gallery li ul li a { margin:2px; border:1px solid #ccc; padding:4px; position:relative; float:left; display:block; width:100px; height:75px; }
ul#gallery li ul li a:hover { z-index:2; }
ul#gallery li ul li a img { position:absolute; width:100px; height:75px; }
ul#gallery li ul li a:hover img, ul#gallery li a:active img, ul#gallery li a:focus img { width:200px; height:150px; left:-50px; top:-37px; z-index:1; border:1px solid #000; }

/* LIGHTBOX CONTROL */
#lightbox { background-color:#000;padding:20px 20px 5px 20px; }
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:11px; }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
#overlay img { border:none; }