/** orion.lt, 2008 */

* { padding: 0; margin: 0; }
body, table, td, th { font-family: arial, helvetica; font-size: 12px; }
body {  background: url(images/top-bar-gradient.png) top center repeat-x;  text-align: center; }
body, html { width: 100%; height: 100%; }

img {border: 0px;}

.container { width: 923px; margin-left: auto; margin-right: auto;
	text-align: left; }
.clearl { clear: left; }

/* drawer; yes, fixed position (height rather) sucks so much. thanks, ie. */
#drawer { position: absolute; left: 0; top: 0; width: 100%; height: 53px;
}
#drawer #top-wrapper { margin-left: 263px; width: 660px; }
#drawer #languages { float: left; padding: 21px 0 21px 44px; }
#drawer #client-zone { float: right; display: block; }
#drawer #client-zone a { float: left; display: block; margin: 15px 0 15px 0; 	line-height: 24px;}
#drawer #client-zone a:hover {color: #c2cedc;}
#drawer #client-zone a.button {
	color: #1e406d;
    margin: 15px 0 0 10px;
    padding: 0;
	width: 94px;
	text-align: center;
	display: block;
	line-height: 24px;
    background-image: url(images/top-bar-login.png);
    background-repeat: no-repeat;
    background-position: top center; }

#drawer #client-zone a.button:hover {
	color: #ffffff;
    background-position: bottom center; }

#drawer .line { clear: right; }
#drawer .light { width: 0px; height: 0px;
    padding: 0 362px 53px 438px; margin: 0 0 -53px -438px;
    background: url(images/top-bar-light.png) no-repeat left top; }
#drawer a { color: #FFF; text-decoration: none; font-size: 11px; font-weight: bold; }
#drawer li { list-style-type: none; display: inline; padding-right: 4px; color: #6782a4; }
#drawer li a { color: #6782a4; }
#drawer li a:hover {color: #c2cedc;}
#drawer li.active a { color: #FFF; }
#drawer li.active a:hover {color: #c2cedc;}

/* left bar */
#left-bar { float: left; width: 263px; background-color: #FFF;
    margin: -1px 0 0 0; position: relative; }
#left-bar h1 { background-image: url(images/left-bar-gradient.png);
	background-repeat: repeat-y;
	padding: 0; }
#left-bar h1 a { display: block;
	background-image: url(images/left-bar-logo.png);
	background-repeat: no-repeat;
	width: 263px; padding-top: 146px; height: 0px;
	overflow: hidden; }

#left-bar #menu { background-image: url(images/left-bar-gradient.png);
	background-repeat: repeat-y; }
#left-bar #menu span { padding: 8px 50px 4px 40px; display: block; }
#left-bar #menu span span { display: block; padding: 0; height: 26px; }
#left-bar #menu a { font-size: 14px; line-height: 24px; 
    text-decoration: none; color: #1e406d; font-weight: bold; }
#left-bar #menu li { list-style-type: none;
	background-image: url(images/menu-split.png);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative; /* fix pekaboo bug */ }
#left-bar #menu ul { background-image: url(images/menu-split.png);
	background-position: left bottom;
	background-repeat: no-repeat; }
#left-bar #menu ul ul { margin-left: 40px; list-style-type: square;
	background: none; padding-bottom: 10px; }
#left-bar #menu li li { background-image: url(images/menu-bullet.png);
	background-repeat: no-repeat;
	background-position: left center;}
#left-bar #menu li li#third {background: url(images/menu-bullet-gray.png) no-repeat left center; margin-left: 15px;}

#left-bar #menu li li a { font-size: 11px; font-weight: normal; line-height: 14px;
	padding: 3px 3px 3px 15px; display: block;}
	
	#left-bar #menu li.active span { 
		background-image: url(images/menu-submenu-active.png);
		background-repeat: no-repeat;
		background-position: 215px 14px; }
	#left-bar #menu li span:hover { 
		background-image: url(images/menu-submenu-hover.png);
		background-repeat: no-repeat;
		background-position: 215px 14px; }
		
	
	#left-bar #menu li li a { background-image: url(images/menu-bullet.png);
		background-repeat: no-repeat;
		background-position: left center; }
		
		#left-bar #menu li li#third a { background-image: url(images/menu-bullet-gray.png);
			background-repeat: no-repeat;
			background-position: left center; }
	
	url(images/menu-bullet.png)
	#left-bar #menu li li.active a { 
		background-image: url(images/menu-submenu-hover.png);
		background-repeat: no-repeat;    
	    background-position: 160px center; }
	#left-bar #menu li li a:hover { 
		background-image: url(images/menu-submenu-hover.png);
		background-repeat: no-repeat;    
	    background-position: 160px center; }
	
		#left-bar #menu li li#third.active a { 
			background-image: url(images/menu-submenu-hover.png);
			background-repeat: no-repeat;    
		    background-position: 160px center; }
		#left-bar #menu li li#third a:hover { 
			background-image: url(images/menu-submenu-hover.png);
			background-repeat: no-repeat;    
		    background-position: 160px center; }
	
#left-bar #menu li:hover div { 
    background: url(images/menu-active-top.png) no-repeat top left; }

/* contact form. */
#contact-form { background-image: url(images/left-bar-gradient-end.png);
	background-repeat: no-repeat; padding: 30px 50px 50px 40px; }
#contact-form p { font-size: 11px; line-height: 16px; color: #8e9fb6; }
#contact-form:hover p, #contact-form:hover input,
    #contact-form:hover textarea, #contact-form:hover button span,
    #contact-form.active p, #contact-form.active input,
    #contact-form.active textarea, #contact-form.active button span 
    { color: #1e406d; }
#contact-form p.phone { display: block; padding: 15px 0 15px 25px;
    background-image: url(images/contact-phone.png);
    background-repeat: no-repeat; background-position: 0 center; font-size: 17px;
	font-weight: bold; }
#contact-form form p { margin: 0 0 8px 0;  }
#contact-form input, #contact-form textarea {
    padding: 4px 9px 4px 9px; width: 152px; border: 1px solid #d5dbe3;
    color: #8e9fb6; font-size: 11px; font-family: arial, helvetica; }
#contact-form textarea { height: 100px;
    width: 156px; /* safari */
    padding: 4px 7px 4px 7px;
}



/* content */
#content h1 { font-size: 18px; line-height:30px; height: 44px; 
    color: #323232; font-weight: bold; }

#content-wrapper { padding: 53px 0 0 0; }
#content-wrapper .end { clear: both; padding-bottom: 85px; }
#content { margin: 43px 0 0 310px; width: 370px; color: #585858; }
#content.front { margin: 25px 0 0 301px; width: 380px; }
#content.credentials { width: 660px; margin: 43px 0 0 312px; }
#content p { margin: 0 0 15px 0; line-height: 19px; }
#content h2 { font-size: 16px; color: #303030; margin: 15px 0 10px 0; }
#content h3 { font-size: 14px; color: #303030; margin: 13px 0 8px 0; }
#content.front h2, #content.front h3 { margin: 10px 0 8px 0; padding: 0; }
#content a { color: #224571; }
#content a:hover { color: #ff9900; }
#content ol, #content ul { margin: 0 0 25px 15px; padding: 0;}
#content ol li, #content ul li { margin: 10px 0; line-height: 18px; }

#content button, #contact-form button, #sidebar button { border: 0; padding: 0;
    /* normal sliding doors with single image doesn't work on firefox */
    background: url(images/button2.png) no-repeat top left; overflow: visible; outline: none; font-family: arial;
    text-align: center; line-height: 24px; height: 24px; width: 72px; font-size: 11px; font-weight: bold; color: #666; cursor: pointer;}

#content button:hover, #contact-form button:hover, #sidebar button:hover { /* rollover */
    background: url(images/button2.png) no-repeat bottom left; color: #ffffff
}


/* news */
#content .date { color: #888; font-weight: normal; }
#content .more { color: #333; margin-left: 10px; font-size: 90%;}

#content table, #content tr, #content td {
font-size: 11px;  line-height: 16px; vertical-align: top; }

#content td
{border-top: 1px solid #ddd;padding: 7px 10px 7px 0; }

#content table

{border-bottom: 1px solid #ddd;}


/* front page. */
.front-offer { width: 660px; height: 332px;
    background-image: url(images/front-work-with-you.jpg);
    background-repeat: no-repeat;
    margin: 0 0 0 263px;
}
.lang-en .front-offer { background-image: url(images/front-work-with-you-en.jpg); }
.front-offer a.bottom-link { display: block; float: left; position: relative;
    margin-top: 243px; left: 0; background: url(images/front-bar.jpg) no-repeat;
    width: 660px; height: 39px; line-height: 40px; text-align: center;
    text-decoration: none; color: #FFF; font-size: 11px;
    font-weight: bold; z-index: 1000;
}
.front-offer a.bottom-link:hover { color: #bbbbbb; }
.front-offer a.button-link { display: block; float: right; position: relative;
    left: 0; top: 290px; margin: -14px 0 0 0;
    width: 0; height: 0; padding-top: 64px; padding-left: 64px;
    font-size: 0; line-height: 0; overflow: hidden;
    background: url(images/front-risktest.png) no-repeat;
    z-index: 2000;
}
.front-offer a.button-link:hover {
    background: url(images/front-risktest-active.png) no-repeat;    
}
.front-offer a.empty { background: none; }
.front-offer a.empty:hover { background: none; }
.front-offer a.link1, .front-offer a.link2, .front-offer a.link3 {
    width: 0; height: 0; font-size: 0; line-height: 0;
    overflow: hidden; position: absolute;
    padding-left: 130px; padding-top: 20px;
}
.front-offer a.link1 { margin: 36px 0 0 100px; }
.front-offer a.link2 { margin: 28px 0 0 280px; }
.front-offer a.link3 { margin: 46px 0 0 515px; }

/* risk test */
.question-image img {margin-top: 20px; }
.question { font-weight: bold; color: #000;}
ul.answers { margin: 0;  padding: 0;}
.answers li { list-style-type: none; margin:0; padding: 0;}
.error { color: #CC0000; font-weight: bold; }

/* sidebar */
#sidebar { margin: 43px 0 15px 20px; width: 195px; float: right; }
#sidebar.front { margin: 0; }
#sidebar.credentials { margin: 0; width: 0; height: 0; }
#sidebar h2 { font-size: 14px; color: #303030; margin: 0; }
#sidebar p { margin: 15px 0 15px 0; line-height: 19px; }

#sidebar a.rss {font-size: 11px; color: #666; text-decoration: none; padding: 0 0 0 50px;}
#sidebar a.rss:hover {color: #222}

/* sidebar contact field. */
#sidebar #contact {
    margin: 0; font-size: 11px; color: #9b9b9b;
    line-height: 16px; width: 155px;
	border-left: 1px solid #dbdbdb;
	margin-bottom: 60px;
    padding: 0 0 0 35px;
}
#sidebar #contact h1 {color: #838383; font-size: 18px; line-height: 30px; height: 40px; }
#sidebar #contact:hover {color: #646464; border-left: 1px solid #cccccc; }

/* votes. */
#sidebar .votes .vote-question { margin: 10px 0 10px 0; color: #666; font-weight: bold; }
#sidebar .votes .vote-active { margin: 7px 0 7px 0;  color: #666; }
#sidebar .votes .vote-inactive { margin: 3px 0;  color: #666; }
#sidebar .votes .vote-result { width: 175px; margin: 0 0 7px 0;}
#sidebar .votes .vote-result div { background-color: #bdbebe; height: 5px; font-size: 5px; }

/* market data */
#market-scriptlet { float: left; width: 380px; }
#market-scriptlet div.up, #market-scriptlet div.down {
    margin: 0 0 8px 0; }
#market-scriptlet div.up h2, #market-scriptlet div.down h2 {
	width: 150px; font-size: 14px; 
    margin: 0 0 10px 0; padding: 0; float: left; height: 30px; line-height: 22px; }
#market-scriptlet div.up div, #market-scriptlet div.down div {
    float: left; background-repeat: no-repeat;
    width: 25px; height: 25px;
    background-image: url(images/index-up.png);
	background-position: 0px 3px;
}
#market-scriptlet div.down div {
    background-image: url(images/index-down.png);
}
#market-scriptlet #market-table { margin: 10px 0 30px 0; clear: both;
    padding: 0 0 0 196px; height: 130px;
    background-image: url(images/market/omxbbgi-index.png);
	background-position: -4px -4px;
    background-repeat: no-repeat; }
#market-scriptlet #market-table #index-month {
    position: absolute;
    background: url(images/menuo.gif) no-repeat;
    width: 0; height: 0; padding: 0 100px 20px 0;
    margin: -10px 0 0 -195px;
}
.lang-en #market-scriptlet #market-table #index-month {
    background: url(images/month.gif) no-repeat;    
}
#market-scriptlet table { border-collapse: collapse; width: 190px;
    background-color: #e7ecf1; border-top: 1px solid #c6ccd8;
}
#market-scriptlet tr { border-bottom: 1px solid #ced5dd; }
#market-scriptlet td { font-size: 11px; color: #6b7a80; padding: 2px 5px 2px 5px; }
#market-scriptlet td.num { text-align: right; color: #929ea5; }
#market-scriptlet td.up { color: #2ab03d; }
#market-scriptlet td.down { color: #f00101; }

/* ticker */
#ticker-title a { float: left; font-size: 11px; color: #666; width: 100px;
    padding: 14px 0 0 40px; text-decoration: none;}
#ticker { float: left; width: 510px; }
#ticker div { width: 480px; height: 31px; margin: 5px 0 18px 10px;
    overflow: hidden; position: relative; }
#ticker ul { position: relative; overflow: hidden; width: 1000px; }
#ticker li { padding: 0 12px 0 0; margin: 10px 0 10px 20px;
    list-style-type: none; font-size: 11px; color: #666;
    background: url(images/ticker-constant.png) no-repeat right center;
    float: left;
}
#ticker li.down { background-image: url(images/ticker-down.png); }
#ticker li.up { background-image: url(images/ticker-up.png); }

/* aggregated news */
#content ul#news-aggregated { margin: 0 0 7px 0; float: left; width: 370px; }
#news-aggregated li { list-style-type: none; clear: left; }
#news-aggregated li a { float: left; display: block; margin: 0;
    padding: 0; line-height: 25px; text-decoration: none; color: #666 }



#news-aggregated a.button, #content a.button {
	color: #585858;
    padding: 0;
	margin: 0;
	width: 72px;
	text-align: center;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
    background-image: url(images/button2.png);
    background-repeat: no-repeat;
    background-position: top left; }
#sidebar a.button {
	color: #585858;
    padding: 0;
	margin: 0;
	width: 130px;
	text-align: center;
	display: block;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	text-decoration: none;
    background-image: url(images/button3.png);
    background-repeat: no-repeat;
    background-position: top left; }

#news-aggregated a.button:hover, #sidebar a.button:hover, #content a.button:hover {
	color: #ffffff;
    background-position: bottom left; }



/* banners */
#banners { margin: 0 0 10px 0; width: 190px; }
#banners #banner-container {margin: 38px 0 50px 0;}
#banners h2 { width: 100px; height: 30px; line-height: 22px;}
#banners span { float: right; }
#banners a { text-decoration: none; font-weight: bold; color: #a9a9a9;
    margin-left: 3px; font-size: 11px; }
#banners a.active { color: #333; }
#banners a img { border: 0; }

#banners2 { float: right; margin: 0 0 0 50px; width: 190px; }
#banners2 #banner-container {margin: 0; float: right;}


/* credentials */
div.credential { float: left; margin: 0 15px 30px 0;
    width: 190px; height: 290px; padding: 10px 5px 10px 5px;
    background: url(images/credentials-bg.png) no-repeat;
    text-align: center; }
div.credential div.icon { 
    height: 0; font-size: 0; line-height: 0; 
    overflow: hidden; padding-top: 110px;
    background-repeat: no-repeat;
    background-position: center center; }
div.credential h3 { height: 30px; padding: 0 10px 0 10px; }
div.credential div.info { margin: 15px 0 0 0; }
div.credential div.info div { margin: 0 0 5px 0; font-size: 11px; 
    color: #808080; }

/* beclient form. */
.beclient span.field { display: block; }
.beclient input.text { width: 300px; padding: 2px; }
.beclient textarea { width: 300px; height: 80px; }

/* footer */
.footer-above { 
	background: url(images/footer-above-bg.gif) top center no-repeat;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -41px 0;
}
.footer-above-breaker { height: 41px; /* sticky footer */ }
#footer { background-image: url(images/footer-gradient.png);
	background-repeat: repeat-x; clear: both;
	padding: 15px 0 15px 0; font-size: 11px; line-height: 11px;
	height: 11px; color: #757575;}
#footer div { text-align: left; width: 820px; margin-left: auto;
	margin-right: auto;  }
#footer strong { font-weight: normal; 
	padding-right: 10px; }
#footer addr { padding-right: 30px; }
#footer .mediapark { float: right; }
#footer .mediapark a { color: #757575; text-decoration: none; }
#footer .mediapark a:hover { text-decoration: underline; }
#footer addr, #footer .mediapark { color: #757575; }

/* sIFR screen. */
.sIFR-flash {
  visibility: visible !important; margin: 0; padding: 0;
}
.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}
.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}
.sIFR-alternate {
  position: absolute; left: 0; top: 0; width: 0;
  height: 0; display: block; overflow: hidden;
}
.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; padding: 0pt; overflow: auto; 
  letter-spacing: 0px; float: none;
}
.sIFR-dummy { 
  width: 0px; height: 0px; margin-left: 42px; z-index: 0;
}

/* sIFR site-specific. */
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h4,
.sIFR-active h5#pullquote,
.sIFR-active #menu ul li div span span {
    visibility: hidden;
    line-height: 1em;
    padding: 0;
}
.sIFR-active #content h1 {
    visibility: hidden;
    line-height: 20px;
}