/*general styles*/
HTML,BODY {height:100%;}

BODY, TD, P, DIV, SELECT, INPUT, TEXTAREA { 
	font-family: Tahoma, Arial, Helvetica; font-size: 12px; color: #465058;}

body {
	background-color: #dae2e9;
	margin: 0px;
	padding: 0px;
}
table {border-collapse: collapse;}

STRONG, .calcblue {color: #22859a;}
B, div.errors strong {color: #fc032d;}
P {line-height: 16px;}

.calcblue {font-weight: bold;}

B.hot {font-size: 13px; color: #465058; font-family: Georgia, "Times New Roman", Times, serif}
B.hotnumber {font-size: 26px; letter-spacing: -1px;}

A {text-decoration: none;}
A IMG {border: none;}

A:link, A:active, A:visited {COLOR: #22859a;}
A:hover {COLOR: #134b57;}

H1, H2, H3, H4, H5, H6 {
	font-weight: bold;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

H1 {color: #fc032d; font-size: 16px; font-weight: normal;}

/*  design styles  */
#toplr {
	background-image: url(images/top_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#top {
	background-image: url(images/top_center.gif);
	background-repeat: repeat-x;
	background-position: left top;
	width: 886px;
}

#center {
	background-image: url(images/header_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#center2 {
	background-image: url(images/flash_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#bottom {
	background-image: url(images/bot_center.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#botlr {
	background-image: url(images/bot_bg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#bottom A:link, #bottom A:active, #bottom A:visited {COLOR: #22859a;}
#bottom A:hover {COLOR: #FFFFFF;}

.menu {margin-top: 22px;}
.menu td.menu-selected {background-image: url(images/menu_center_active.gif);
}

.menu tr td {
	font-size: 13px;
	background-image:url(images/menu_center.gif);
	background-repeat:repeat-x;
	background-position: center center;
	}

.menu tr td div, .menu tr td.menu-selected div {
	background-repeat: no-repeat;
	background-position: right center;
}
.menu tr td div div, .menu tr td.menu-selected div div {
	background-repeat: no-repeat;
	background-position: left center;
	height: 50px;
	line-height: 50px;
	font-size: 13px;
	padding-left: 0px; padding-right: 0px;
	
}
.menu tr td div {background-image:url(images/menu_right.gif);}
.menu tr td div div {background-image:url(images/menu_left.gif);}
.menu tr td.menu-selected div {background-image:url(images/menu_right_active.gif);}
.menu tr td.menu-selected div div {background-image:url(images/menu_left_active.gif);}

.menu tr td A, .menu tr td.menu-selected A {padding-left: 9px; padding-right: 9px;}
.menu tr td div div A:link, .menu tr td div div A:active, .menu tr td div div A:visited {COLOR: #134b57;}
.menu tr td div div A:hover {COLOR: #3ab7d0;}

.menu tr td.menu-selected div div A:link, .menu tr td.menu-selected div div A:active, .menu tr td.menu-selected div div A:visited {COLOR: #FFFFFF;}
.menu tr td.menu-selected div div A:hover {COLOR: #dae2e9;}

#head {margin-bottom: 30px;}

/*  inside styles  */

#left, #lefto {
	border: 0px solid #c7cfd5;
	padding-right: 20px;
	padding-left: 7px;
}
#left {border-right-width: 1px;}

#left P, #leftin P {margin-top: 5px;}

#leftin {
	padding-left: 8px;
	padding-right: 8px;
}

ul.menu, ul.menu li, ul.menu li ul, ul.menu li ul li{padding: 0px;}
ul.menu {margin: 10px 0px 10px 0px;}
ul.menu li { font-size:11px; list-style-type: none; margin-left: 10px; font-weight: bold; line-height: 12px; padding-bottom: 6px; padding-top: 3px;}
ul.menu li ul {margin: 0px;  margin-left: 15px;}
ul.menu li ul li {list-style-type: none; list-style-image: url(images/li.gif); margin-left: 10px; font-weight: normal; padding-top: 7px; }

ul.menu li ul li A:link, ul.menu li ul li A:active, ul.menu li ul li A:visited {COLOR: #465058;}
ul.menu li ul li A:hover {COLOR: #3ab7d0;}

ul.menu li.selected A:link, ul.menu li.selected A:active, ul.menu li.selected A:visited {COLOR: #fc032d;}
ul.menu li.selected A:hover {COLOR: #465058;}

ul.menu li.selected ul li A:link, ul.menu li.selected ul li A:active, ul.menu li.selected ul li A:visited {COLOR: #465058;}
ul.menu li.selected ul li A:hover {COLOR: #fc032d;}


#content {padding-left: 10px; padding-right: 10px;}
#content P {text-align: justify;}
#content table.MsoNormalTable tr td {text-align: center;}

.pic {border: 1px solid #bbc6cf; background-color: #EFF3F6; padding: 3px;}

/* title blue red white styles */

.blue, .red, .white {
	background-repeat: repeat-x;
	background-position: left top;
}
.blue {background-image: url(images/tab/blue_bg.gif);}
.red {background-image: url(images/tab/red_bg.gif);}
.white {background-image: url(images/tab/white_bg.gif);}

.blue div, .red div, .white div {
	background-repeat: no-repeat;
	background-position: right top;
}
.blue div {background-image: url(images/tab/blue_right.gif);}
.red div {background-image: url(images/tab/red_right.gif);}
.white div {background-image: url(images/tab/white_right.gif);}

.blue div div, .red div div, .white div div {
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	padding-left: 10px;
	font-size: 13px;
	height: 34px;
	line-height: 32px;
}
.blue div div {background-image: url(images/tab/blue_left.gif);}
.red div div {background-image: url(images/tab/red_left.gif);}
.white div div {background-image: url(images/tab/white_left.gif); color: #fc032d; font-weight: bold;}

.blue div div A:link, .blue div div A:active, .blue div div A:visited {COLOR: #dae2e9;}
.blue div div A:hover {COLOR: #FFFFFF;}

.blue div div A.blink:link, .blue div div A.blink:active, .blue div div A.blink:visited {
	COLOR: #FFFFFF;
	text-decoration: blink;
}
.blue div div A.blink:hover {COLOR: #dae2e9;}

.white div div A:link, .white div div A:active, .white div div A:visited {COLOR: #fc032d;}
.white div div A:hover {COLOR: #22859a;}

/* tab online styles */

.bluetab, .bluetab-nonf {background-image: url(images/tabo/blue_bg.gif);}
.silvertab {background-image: url(images/tabo/silver_bg.gif);}
.redtab {background-image: url(images/tabo/red2_bg.gif);}

.bluetab div, .silvertab div, .bluetab-nonf div, .redtab div {
	background-repeat: no-repeat;
	background-position: right top;
}
.bluetab div, .bluetab-nonf div {background-image: url(images/tabo/blue_right.gif);}
.silvertab div {background-image: url(images/tabo/silver_right.gif);}
.redtab div {background-image: url(images/tabo/red_right.gif);}
.bclose div {background-image: url(images/tab/blue_right.gif);}

.bluetab div div, .silvertab div div, .bluetab-nonf div div, .redtab div div {
	background-repeat: no-repeat;
	background-position: left top;
	color: #FFFFFF;
	font-size: 13px;
	height: 34px;
	line-height: 32px;
}
.bluetab div div, .silvertab div div, .bluetab-nonf div div, .redtab div div {text-align: center; padding-left: 10px; padding-right: 10px;}
.redtab div div {text-align: left;}

.bluetab div div {background-image: url(images/tabo/blue_left.gif);}
.bluetab-nonf div div {background-image: url(images/tabo/blue_left_nonf.gif);}
.redtab div div {background-image: url(images/tabo/red_left.gif);}
.silvertab div div {background-image: url(images/tabo/silver_left.gif); color: #465058;}

.bclose div div {text-align: left;}

.bluetab div div A:link, .bluetab div div A:active, .bluetab div div A:visited {COLOR: #FFFFFF;}
.bluetab div div A:hover {COLOR: #dae2e9;}

.bluetab-nonf div div A:link, .bluetab-nonf div div A:active, .bluetab-nonf div div A:visited {COLOR: #FFFFFF;}
.bluetab-nonf div div A:hover {COLOR: #dae2e9;}

.silvertab div div A:link, .silvertab div div A:active, .silvertab div div A:visited {COLOR: #465058;}
.silvertab div div A:hover {COLOR: #22859a;}

.redtab div div A:link, .redtab div div A:active, .redtab div div A:visited {COLOR: #FFFFFF;}
.redtab div div A:hover {COLOR: #dae2e9;}

.silver {
	background-color: #FFFFFF;	
	background-image: url(images/tabo/silver_bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 0px solid #c9d3da;
	border-bottom-width: 1px;
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.silver table tr td {color: #22859a;}

.silverless {
	background-color: #FFFFFF;	
	background-image: url(images/tabo/silver_bottom_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border: 0px solid #c9d3da;
	border-bottom-width: 1px;
	padding-top: 7px;
	padding-bottom: 7px;
}


#leftsubmenu {padding: 7px;}

.silverline {
	background-color: #c9d3da;
	background-image: url(images/tabo/silver_bottom_line.gif);
	background-repeat:no-repeat;
	background-position:left top;
}
.redo {
	background-image: url(images/tabo/red_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
}

#banner {
}

/* end tab online styles */

.hot {margin-right: 10px; margin-left: 10px;}

div.numberb {float: left;}
.number {margin-right: 10px;}

#onlineshort {
	background-image: url(images/onlineshort.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	width: 291px;
	height: 118px;
}
#onlineshort P {padding-left: 10px; padding-right: 10px; margin-top: 5px;}

#copy {float: left; color: #22859a; padding-left: 40px;}
#design {float: right; color: #22859a; padding-right: 20px;}

table#monthlyCalc tr td {padding: 4px; text-align: right;}

/*forms & button */
FORM {padding: 0px; margin: 0px;}

INPUT.small, INPUT.normal, INPUT.middle, TEXTAREA.middle {
	border: 1px solid #bbc2c8;
	background-image:url(images/in_shad.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	font-weight: normal;
	padding-left: 3px;
	color: #465058;
}
SELECT.small, INPUT.small {width: 60px; font-weight: normal;}
INPUT.normal {width: 110px; font-weight: normal;}
SELECT.normal {width: 118px; font-weight: normal;}
INPUT.middle, SELECT.middle, TEXTAREA.middle {width: 300px; font-weight: normal;}
INPUT.small, INPUT.normal, INPUT.middle {height: 17px;line-height: 17px;}
SELECT.middle {width: 307px;}

option.highlight {background-color: #EEF3F5;}

INPUT.buts,INPUT.butt, INPUT.butm, INPUT.butb, INPUT.butbw, INPUT.butmega, input#easypollsubmit, input#easypollresult {
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	border: 0px solid #FFFFFF;
	height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica;
}

INPUT.buts {
	background-image: url(images/but0.gif);
	width: 30px;
}
INPUT.butt {
	background-image: url(images/but0t.gif);
	background-color: #6dbfd0;
	width: 75px;
}

INPUT.butm {
	background-image: url(images/but1.gif);
	width: 85px;
}
INPUT.butb, input#easypollsubmit, input#easypollresult {
	background-image: url(images/but2.gif);
	width: 110px;
    background-color: #A7C8ED;
}
INPUT.butbw {
	background-image: url(images/but3.gif);
	width: 110px;
    background-color: #dae2e9;
}
INPUT.butmega {
	background-image: url(images/but4.gif);
	width: 260px;
    background-color: #dae2e9;
}

.linkbut {
	background-repeat: no-repeat;
	background-image: url(images/but130.gif);
	border: 0px solid #FFFFFF;
	height: 23px;
	line-height: 23px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	width: 130px;
	text-align:center;
	
}
.linkbut A:link, .linkbut A:visited {color: #FFFFFF;}

/*developer's styles */

.tabcontent {
}

.tabcontentInvisible {
	display: none;
	visibility: hidden;
}

/* new design styles */

#topbanc {
	background-color: #9bcfda;
	height: 90px;
}
#topbanlr {
	background-color: #74bdcc;
}

#leftblock {
	width: 175px;
	text-align: left;
}

div.info {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	font-size: 13px;
	height: 57px;
	border: 0px solid red;
	
}
div.info h1 {
	color: #FFFFFF;
	font-size: 26px;
}

div.valuta {
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	font-size: 13px;
	text-align:left;
	height: 195px;
}
.valtitle {
	height: 48px;
	color: #FFFFFF;
}
.valbg {
	background-image:url('images/valbg.gif');
	background-repeat:no-repeat;
	background-position: left top;
	height: 52px;
	width: 152px;
}

.valbg div#five {padding-top: 5px;}

.valbg table tr td {
	font-weight: normal;
	color: #FFFFFF;
}
.valbg table tr td b, .valbg table tr td strong {color: #FFFFFF;}

.newsparser {
	text-align: justify;
}

.mm {
	padding-left: 14px;
	padding-right: 14px;
}

.login {
	padding-top: 2px;
	height: 110px;
	margin-bottom: 30px;
	border: 0px solid green;
}
.login table tr td, .login table tr td div {
	color: #FFFFFF;
}

.login table tr td A:link, .login table tr td A:active, .login table tr td A:visited {COLOR: #FFFFFF; text-decoration:underline;}
.login table tr td A:hover {COLOR: #FFFFFF; text-decoration:none;}


.floatl {	
	float:left;
	margin-top: 3px;
}

A.rssItemLinkMain {font-size: 11px;}
A.rssItemLinkMain:link, A.rssItemLinkMain:active, A.rssItemLinkMain:visited {COLOR: #134b57; text-decoration:underline;}
A.rssItemLinkMain:hover {COLOR: #22859a; text-decoration: none;}

.newslist {
 padding: 0px; margin: 0px;
 margin-left: 8px; 
}
.newslist li {
 margin: 10px 0px 5px 10px;
 list-style-type: none; 
 list-style-image: url(images/li.gif); 
}

#newsb {
	font-weight: bold;
}

#online {
	padding-left: 30px;
	padding-right: 30px;
}

.pim {
	border: 0px;
	background-color: #dae2e9;
	margin-right: 7px;
}

table#scoreTable tr td i {
	font-size: 11px;

}

.smaller, .smaller p, .smaller div {
	font-size: 11px;
}

fieldset {
	border: 0px solid #FFFFFF;
}

#calcu {
	background-image:url('images/calc3.gif');
	background-repeat:no-repeat;
	background-position:center top;
	padding-top: 15px;
	line-height: 38px;
	height: 140px;
	text-align: center;
	font-weight: bold;
}

ol#numeric {
	list-style-type:decimal;
	padding-left: 30px;
	margin-left: 0px;
	text-align: justify;
}

table.data, table.data tr td, table.data tr th  {
	border: 1px solid #FFFFFF;
	text-align: justify;
}

table.data tr th {
	background-color: #f1f4f7;
	height: 25px;
}

table.datacenter, table.datacenter tr td, table.datacenter tr th {
	border: 1px solid #FFFFFF;
	text-align: center;
}

table.datacenter tr th {
	background-color: #f1f4f7;
	height: 25px;
}

table#dataj {text-align: center;}

.tyellow {background-color: #fffee3;}
.tgrey {background-color: #e2e8ee;}
.tblue {background-color: #d8f0f4;}

.dt1 td {background-color: #f1f4f7;}
.dt2 td {}

div.hscroll {
	overflow: auto;
	padding: 0px;
	width: 615px;
	height: 445px;
}

div#onlinefillblock {
	clear:both;
}
ul#onlinefill {
	padding:0px; margin:0px;
	/*padding-left: 30px;*/
	height: 30px;line-height: 30px;
}

ul#onlinefill li {
	list-style-type:none;
	float:left; 
	padding:0px; margin:0px;
	margin-right: 1px; 
	color: #FFFFFF;
	background-image: url(images/fill/bg_w.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	}

ul#onlinefill li:hover, ul#onlinefill li#zero  {
	background-image: url(images/fill/bg_b.gif);
	background-repeat: repeat-x;
	background-position: left top;
	cursor: pointer;
	color: #FFFFFF;
}

ul#onlinefill li#zero div div {cursor:default;}
ul#onlinefill li:hover div div a:link, ul#onlinefill li div div a:hover {color: #FFFFFF; cursor: pointer;}

ul#onlinefill li div {
	background-image: url(images/fill/w1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
ul#onlinefill li div div {
	height: 30px;
	line-height: 30px;
	padding-left: 19px;
	padding-right: 19px;
	COLOR: #22859a;
	cursor: pointer;
	background-image: url(images/fill/w2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

ul#onlinefill li:hover div, ul#onlinefill li#zero div {background-image: url(images/fill/b1.gif); color: #FFFFFF;}
ul#onlinefill li:hover div div, ul#onlinefill li#zero div div {background-image: url(images/fill/b2.gif); color: #FFFFFF;}

/* drop menu */

.preload2 {background: url(images/drop/button4.gif);}
.menu2 {padding:0 0 0 0px; margin:0; list-style:none; height:30px; width:175px; background: url(images/drop/button1a.gif) no-repeat; position:relative;}
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:30px; line-height:30px; color:#FFFFFF; text-decoration:none; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 12px 0 12px; height:30px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 12px 0 12px; height:30px; width:140px; background:url(images/drop/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(images/drop/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(images/drop/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(images/drop/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#22859a; background: url(images/drop/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/drop/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(images/drop/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:0px; top:30px; background: #fff; padding:0px 0; border:1px solid #c0cbd4; white-space:nowrap; width:173px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:23px; position:relative; float:left; width:173px;}
.menu2 :hover ul.sub li a {display:block; font-size:12px; height:23px; width:173px; line-height:23px; text-indent:10px; color:#22859a; text-decoration:none; border:0px solid #fff;}
.menu2 :hover ul.sub li a.fly {background:#fff url(images/drop/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#4ab; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#4ab url(images/drop/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#4ab url(images/drop/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:0px; border:1px solid #4ab; white-space:nowrap; width:173px; z-index:200; height:auto;}