* { margin: 0; padding: 0; }
*:focus { outline: none; }
.hidden { display: none; }
.show { display: block!important; }
.no-margin { margin: 0!important; }
.no-padding { padding: 0!important; }
.no-bg { background: none!important; }
.no-border, a img { border: none!important; }
.container:after, .columns:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-repl { text-indent: -9999px; overflow: hidden; display: block; }
.cc { clear: both; }

html { height: 100%; color: #000; font: 0.75em/1.5 Arial, Helvetica, sans-serif; }
body { height: auto !important; height: 100%; min-height: 100%; } 
body{ background:#fff url(../images/ornament.png) repeat-x;	 margin:20px 0 0 0;}
table { border-collapse: collapse; width: 100%; margin: 10px 0;}

#container{	width: 1000px; margin: 0 auto; }
#header{ width:100%; height:120px; background-repeat: no-repeat; background-position: 596px bottom; }

#logo{ margin: 25px 5px 0 0; width:426px; height:75px; float: left; }
#lang{ color:#407f8f; margin: 10px 0 0 60px; float: left; height: 24px; padding: 0;}
#lang a{ font-size:11px; }
#lang a, #RSS a{ color:#407f8f; font-weight: bold; }
#lang a:hover, #RSS a:hover{ color:#e35624; }

#RSS{ margin: 10px 0 0 380px; float: left; width: 180px; }
#RSS span{ font-size:11px; color:#407f8f; }
#RSS a{font-size:16px; float:left; height: 40px; }
#feedburner{margin: 0 10px 10px 35px;}

#menu .leftcorner{ background: url(../images/menuleftcorner.gif) no-repeat; width: 12px; height: 24px; float:left; }
#menu .rightcorner{ background: url(../images/menurightcorner.gif) no-repeat; width: 12px; height: 24px; float:left; }

#menu ul li { float: left; display: block; position: relative; list-style: none; background: url(../images/separator.gif) no-repeat right; }
#menu ul a { text-decoration: none; display: block; color:#FFF; font-weight:bold; line-height: 24px; padding: 0 20px; }

#menu ul ul { display: none; position: absolute; top: 24px; left: -1px; width: 230px;  border: 0; border-bottom: 1px solid #ccc; z-index: 998;}
#menu ul ul ul {top: -2px; left: 100%; margin:1px 1px 1px 0; z-index: 999;}

#menu ul li li { float: none; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; background: #42919c;}
#menu ul li li:hover {background: #ffb940;}

#menu ul li:hover { background: url(../images/menuhoverbg.gif) repeat-x;}
#menu ul a:hover { color:#000; text-decoration:underline;}

#menu ul li:hover ul ul,
#menu ul li.hover ul ul,
#menu ul li:hover ul li:hover ul ul
#menu ul li.hover ul li.hover ul ul
{ display: none; }

#menu ul li:hover ul,
#menu ul li.hover ul,
#menu ul li:hover ul li:hover ul,
#menu ul li.hover ul li.hover ul,
#menu ul li:hover ul li:hover ul li:hover ul, 
#menu ul li.hover ul li.hover ul li.hover ul{ display: block; }

#body{margin-bottom: 20px}

#left{float:left; margin: 0 30px 0 0; width: 659px;}
#right{float:left}

#welcome{background: #fafafa;}
#step2{background: #f3f5f5;}
#step3{background: #fff; old-background:#e7efef;}

#welcome, #step2{ width: 100%; float:left; margin: 20px 0 0 0;}
#step3{ width: 306px; xfloat:left; margin: 20px 0 0 0; }
#welcome h1, #step2 h1, #step3 h1{ font-size: 24px; }
#welcome p:first-child, #step2 p:first-child{ font-size: 14px; margin: 10px 0 10px 20px; }
#welcome p, #step2 p{ font-size: 14px; margin: 10px 0 10px 20px }
#welcome ul, #step2 ul{ font-size: 14px; margin: 10px 0 10px 25px; list-style-position: inside; list-style-type: disc; }
#welcome ul li, #step2 ul li{ padding: 5px; }
#step3 h2{ background: url(../images/enter.png) no-repeat 0px 5px; padding: 23px 0 35px 70px; }
#step3 h2 a{ color:#FFF; text-decoration:none; background:#42919C; }
#step3 h2 a:hover{ text-decoration:underline; }
#step3 h3{ border-top: 1px dashed #000; padding: 10px 0; font-size:16px; }
#step3 h3 a{ color:#000; text-decoration:none; padding-left: 30px; }
#step3 h3 a:hover{ text-decoration:underline; }
#step3 p{ margin: 0 0 10px 50px; color: #000; }
#step3 li {list-style: none;}
#step3 li a{ margin: 0 0 10px 50px; color: #000; display: block; text-decoration:none; }
#step3 p a  { color:#000; float: right; text-decoration:none;}
#step3 p a:hover{ text-decoration:underline; }
#step3 li a:hover { color: #000; text-decoration:underline; }
#step3inner {background-color: #fff; margin: 2px;}

#container2{float:left; margin-top: 20px; color:#369;}

#container2 .topornament{ background-image: url(../images/topornament.gif); height: 16px; margin-bottom: 15px; }
#container2 .bottomornament{ background-image: url(../images/bottomornament.gif); height: 16px; margin-top: 15px; }
#container2{ width: 100%; background: #dfe6e7; float:left; }
#container2 h3{ color:#369; font-size:24px; }
#container2 #news{ float:left; width: 300px; padding: 0 15px 0 0; }
#container2 #news ul{ list-style-type: none; }
#container2 #news a{ color:#369; display: block; text-decoration: none; }
#container2 #news a:hover{ text-decoration: underline; }
#container2 #news span{ display: block; font-weight: bold; margin: 10px 0 0 0; }
#container2 #adv{ float:left; width: 300px; padding: 0 15px; }
#container2 #adv #contentSub{display:none;}

#container2 #stat{ float:left; width: 300px; padding: 0 0 0 15px; }
#container2 #stat table th, table td { padding: 2px 3px; vertical-align: top; }
#container2 #stat table th { background: #f4f4f4; }
#container2 #stat table tr.odd { background: #F9F9F9; }
#container2 #stat a{color:#369;}
#container2 #stat a:hover{ color:#1D4263;}

#container2 #newfaq{ float:left; width: 300px; padding: 0 0 0 15px; }
#container2 #newfaq p{ margin: 10px 0; }
#container2 #newfaq p span{ font-size: 20px; }
#container2 #newfaq ol{ list-style-position: inside; color: #336699;}
#container2 #newfaq li{ margin: 10px 0}
#container2 #newfaq a{ color:#369; text-decoration: none; }
#container2 #newfaq a:hover{ text-decoration: underline; }
#container2 #newfaq a span{ color:#369; display: block; font-weight: bold; margin: 10px 0 0 0; }

#addition{ width: 100%;	float: left;}
#addition h3{ color: #FFF; font-size: 24px; }

#addition p{ color: #FFF; font-size: 17px; margin: 0 0 8px 0; }
#addition a{ color: #FFF; }
#addition a:hover{ color: #DFE6E7; text-decoration:none; }
#addition .corners{ background: #4595a1 url(../images/additionbg.gif) repeat-x top; width: 960px; margin: 0 auto; }
#additioncont{ width: 1000px; margin: 20px auto 0 auto; }

#topbutton{ color:#FFF; }
#topbutton:hover{ color:#DFE6E7; text-decoration:underline; }
#topbuttoncont{ height:21px; background-image: url(../images/topbutton.gif); background-repeat: no-repeat;  background-color: #3A6E7F; margin: 0 58px 0 800px; padding: 4px 0 0 18px; }

#slide{ float:left; }
#progs{ border-right: 1px dashed #FFF; float: left; width: 270px; padding: 20px; }
#progs li{list-style-type: none;	 margin-left:20px;}
#progs li a{ padding: 0 0 0 40px; height: 40px; line-height: 30px; display: block; }
#progs a.ff{ background: url(../images/ff.png) no-repeat; }
#progs a.ie{ background: url(../images/ie.png) no-repeat;	}
#progs a.tumar{ background: url(../images/tumar.png) no-repeat; }
#progs a.java{ background: url(../images/java.png) no-repeat; }
#progs a.flash{ background: url(../images/flash.png) no-repeat; }
#faq{ border-right: 1px dashed #FFF; float: left; width: 300px; padding: 20px; }
#progs div.method{margin:20px 0 0 0}
#progs div.method li{list-style-type: none;	 margin-left:10px;}
#progs div.method li a{ padding: 0 0 0 15px; height: 25px; line-height: 30px; display: block; }

#faq ol{margin:0 0 0 25px; color:#fff;}
#faq li{list-style-type:decimal-leading-zero;margin:10px 0;}
#newsupport{ float: left; width: 260px; padding: 20px; }
#newsupport #bodyContent p {font-size: 1em;}



#footerin{ margin: 0 auto 10px auto; }
#footerin a{ color: #FFF; text-decoration:none; }
#footerin a:hover{ color: #DFE6E7; text-decoration:underline; }
#footerin a.minfin{ display:block; float: left; }
#footerin a.ecc{ display:block; float:right; }


blockquote { margin-left: 10em; padding-left: 1em; border-left: 2px solid #ccc; }
code, pre { font: 1.2em/1 "Courier New", Courier, monospace; padding: 1px 2px; background: #eee; }
pre { border: 1px dashed #aaa; line-height: 1.7em; padding: 5px; font-size: .9em; background: #eee; margin: 0; }
strong {  }
em {  }
sup, sub { vertical-align: baseline; position: relative; }
sup { top: -0.4em; }
sub { bottom: -0.3em; }

hr { color: #ccc; background-color: #ccc; height: 1px; border-width: 0px; }

.corners { position: relative; overflow: hidden; padding:20px;}
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }
.corners-2 em.tl, .corners-2 em.tr, .corners-2 em.bl, .corners-2 em.br { width: 4px; height: 4px; background: url(../i/corners/corners-2.png); }
.corners-2 em.tl { left: -2px; top: -2px; } 
.corners-2 em.tr { right: -2px; top: -2px; } 
.corners-2 em.bl { left: -2px; bottom: -2px; } 
.corners-2 em.br { right: -2px; bottom: -2px; }
.corners-3 em.tl, .corners-3 em.tr, .corners-3 em.bl, .corners-3 em.br { width: 6px; height: 6px; background: url(../i/corners/corners-3.png); }
.corners-3 em.tl { left: -3px; top: -3px; } 
.corners-3 em.tr { right: -3px; top: -3px; } 
.corners-3 em.bl { left: -3px; bottom: -3px; } 
.corners-3 em.br { right: -3px; bottom: -3px; }
.corners-4 em.tl, .corners-4 em.tr, .corners-4 em.bl, .corners-4 em.br { width: 8px; height: 8px; background: url(../i/corners/corners-4.png); }
.corners-4 em.tl { left: -4px; top: -4px; } 
.corners-4 em.tr { right: -4px; top: -4px; } 
.corners-4 em.bl { left: -4px; bottom: -4px; } 
.corners-4 em.br { right: -4px; bottom: -4px; }
.corners-5 em.tl, .corners-5 em.tr, .corners-5 em.bl, .corners-5 em.br { width: 10px; height: 10px; background: url(../i/corners/corners-5.png); }
.corners-5 em.tl { left: -5px; top: -5px; } 
.corners-5 em.tr { right: -5px; top: -5px; } 
.corners-5 em.bl { left: -5px; bottom: -5px; } 
.corners-5 em.br { right: -5px; bottom: -5px; }
.corners-6 em.tl, .corners-6 em.tr, .corners-6 em.bl, .corners-6 em.br { width: 12px; height: 12px; background: url(../i/corners/corners-6.png); }
.corners-6 em.tl { left: -6px; top: -6px; } 
.corners-6 em.tr { right: -6px; top: -6px; } 
.corners-6 em.bl { left: -6px; bottom: -6px; } 
.corners-6 em.br { right: -6px; bottom: -6px; }
.corners-7 em.tl, .corners-7 em.tr, .corners-7 em.bl, .corners-7 em.br { width: 14px; height: 14px; background: url(../i/corners/corners-7.png); }
.corners-7 em.tl { left: -7px; top: -7px; } 
.corners-7 em.tr { right: -7px; top: -7px; } 
.corners-7 em.bl { left: -7px; bottom: -7px; } 
.corners-7 em.br { right: -7px; bottom: -7px; }
.corners-8 em.tl, .corners-8 em.tr, .corners-8 em.bl, .corners-8 em.br { width: 16px; height: 16px; background: url(../i/corners/corners-8.png); }
.corners-8 em.tl { left: -8px; top: -8px; } 
.corners-8 em.tr { right: -8px; top: -8px; } 
.corners-8 em.bl { left: -8px; bottom: -8px; } 
.corners-8 em.br { right: -8px; bottom: -8px; }
.corners-9 em.tl, .corners-9 em.tr, .corners-9 em.bl, .corners-9 em.br { width: 18px; height: 18px; background: url(../i/corners/corners-9.png); }
.corners-9 em.tl { left: -9px; top: -9px; } 
.corners-9 em.tr { right: -9px; top: -9px; } 
.corners-9 em.bl { left: -9px; bottom: -9px; } 
.corners-9 em.br { right: -9px; bottom: -9px; }
.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(../images/corners/corners-10.png); }
.corners-10 em.tl { left: -10px; top: -10px; } 
.corners-10 em.tr { right: -10px; top: -10px; } 
.corners-10 em.bl { left: -10px; bottom: -10px; } 
.corners-10 em.br { right: -10px; bottom: -10px; }

.addcorners-10{background: #FFF url(../images/addcorners.gif); width: 960px;	margin: 0 auto;	}
.addcorners-10 em.tl, .addcorners-10 em.tr, .addcorners-10 em.bl, .addcorners-10 em.br { width: 20px; height: 20px; background: url(../images/corners/addition.png); }
.addcorners-10 em.tl { left: -10px; top: -10px; } 
.addcorners-10 em.tr { right: -10px; top: -10px; } 
.addcorners-10 em.bl { left: -10px; bottom: -10px; } 
.addcorners-10 em.br { right: -10px; bottom: -10px; }

.printfooter{display:none;}
#jump-to-nav{display:none;}
#siteSub{display:none;}
span.editsection{display:none;}
#toc{display:none;}

.nth-corners { border:1px solid #E9ECF2; position:relative }
.nth-corners em {display:block; position:absolute; width:10px; height:10px; background-image:url(../images/corners.png)}
.top-right {top:-1px; right:-1px; background-position:100% 0}
.top-left  {top:-1px; left:-1px}
.bot-right {bottom:-1px; right:-1px; background-position:100% 100%}
.bot-left  {bottom:-1px; left:-1px; background-position:0 100%}

* html .top-right {right: expression( this.parentNode && this.parentNode.offsetWidth % 2 ? -2 : -1 );}

.gritter-close {
	position:absolute;
	top:5px;
	right:5px;
	background:url(../images/gritter.png) no-repeat left top;
	cursor:pointer;
	width:30px;
	height:30px;
}

#l { min-height: 24px; float:left; width:862px; background: url(../images/menubg.gif) repeat-x #42919c;}
#r { min-height: 24px; float:left; width:111px; background: url(../images/menubg.gif) repeat-x #42919c;}
#r a { text-decoration: none; display: block; color:#FFF; font-weight:bold; line-height: 24px; padding: 0 20px; }

#jarnama{
    padding-top: 15px;
    padding-left: 20px;
}

#jarnama img{
    border: 0;
}