@charset "windows-1251";
/* CSS Document. Ver. 1.0 (19.03.2007)*/



@import url("hack.css"); /* for Opera and Safari

/* for IE5
-----------------------------------------------------------------------------*/
@media tty {
 i{content:"\";/*" "*/}} @import 'ie5.css'; /*";}
}/* */



/* Default
-----------------------------------------------------------------------------*/

* {padding:0; margin:0; font-size:100%; line-height:100%; text-align:left}
html, body {background:#FFF; color:#000; cursor:default; font-family:Verdana, Arial, Helvetica, sans-serif}
body {text-align:center; padding-bottom:30px; font-size:9pt}
table, td, th, img {border:0; vertical-align:top; border-spacing:0; border-collapse:collapse}
table {empty-cells:show}

h1 {color:#454545; font-size:17pt; letter-spacing:-1px; font-weight:normal; padding-bottom:20px}
h2 {color:#9B9DA0; font-size:16pt; letter-spacing:-1px; font-weight:normal; padding-bottom:4px}
h3 {font-size:12pt; line-height:13pt; color:#A3A3A3; letter-spacing:-1px; font-weight:normal; padding-top:6px}
h3.red {font-size:12pt; line-height:13pt; color:#F00; letter-spacing:-1px; font-weight:bold; padding-top:6px}
h4 {color:#699dce; font-size:15pt; letter-spacing:-1px; font-weight:normal; padding-bottom:4px}
h5 {font-size:10pt; line-height:11pt}
h6 {color:#699dce; font-size:11pt; padding-bottom:3px}


hr {color:#E3E4E4; border:none; border-top:1px solid #E3E4E4; height:1px; line-height:1px; font-size:1px}


p {padding-bottom:14px; line-height:10pt}
p.indent {margin:0 0 30px 20px; padding-bottom:0}
.indent {margin-left:20px}
p.comment {font-size:8pt; color:#999; line-height:8pt; padding:4px 0}

textarea, input, select {padding:0 1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%}
input[type=button] {cursor:pointer}

a {text-decoration:none; cursor:pointer; color:#334C62}
a:hover {text-decoration:underline;}
a:visited {}
a:visited:hover {}

a.red,
.red a {text-decoration:none; cursor:pointer; color:#8B0125}
a.red:hover,
.red a:hover {text-decoration:underline}

ul {list-style:none}

input.btn {text-align:center; cursor:pointer}

.temporary {position:absolute; right:6px; top:100px}
.temporary a, .temporary span {display:block; color:#FFF; background:#A6405C; padding:0 2px 2px 2px; margin:1px 0; text-decoration:none}
.temporary span {color:#000; background:#FFF}





table.main {width:94%; margin:0 auto; max-width:1180px; min-width:860px}
td.left {width:240px; border-right:1px solid #E3E4E4; padding-bottom:50px}

/* Header
-----------------------------------------------------------------------------*/

.head {background:url(/img/head.jpg) 50% 0 repeat-x; padding-bottom:20px}
.head div {height:173px; width:286px; background:url(/img/logo.png) top left no-repeat; position:relative; float:left}
.head div.home {position:relative;width:0px;height:0px;background:none;z-index:100;}
.head a.home {position:absolute;height:70px; width:228px; top:102px; left:0; display:block;}
.head div.right_side {width:526px; height:173px; background:url(/img/head2.png) top right no-repeat; float:right; position:relative; overflow:visible}
.head p {position:absolute; right:130px; top:16px; height:13px; width:105px; font-size:1px; line-height:1px}
.head p span, .head p a {height:13px; width:35px; float:left; background-repeat:no-repeat; background-position:top left}
.head p span {background-position:bottom left}
.head p.phone {position:absolute; right:270px; top:11px; height:18px; font-size:17px; line-height:17px; color:#8B0125;}
.head div.right_side h3 {font-size:24px; letter-spacing:-1px; white-space:nowrap;font-weight:normal; color:#FFF; position:absolute; right:40px; bottom:40px;line-height:26px}
.head h6 {font:normal 14px Verdana, Geneva, Arial, Helvetica, sans-serif; white-space:nowrap; color:#aaa; position:absolute; top:14px; z-index:4000}


/* Left column
-----------------------------------------------------------------------------*/

.finder {text-align:center}

.menu1 {background:url(/img/menu_btm.jpg) bottom left no-repeat #8B0125; margin:20px 11px 0 0; padding-bottom:16px; color:#B0B3B5; width:229px}
.menu1 li {padding:7px 10px 7px 20px; border-top:1px solid #A6405C; font-weight:bold}
.menu1 li a, .menu1 li a:visited {color:#FFF; text-decoration:none}
.menu1 li ul {padding-top:5px}
.menu1 li ul li {list-style:none; margin-left:20px; padding:4px 10px 4px 0; font-size:8pt; border:none; font-weight:normal}
.menu1 li.first {padding:10px 10px 12px 20px; background:url(/img/menu_top.jpg) top left no-repeat; border:none; margin-bottom:-1px; position:relative; z-index:10; border-bottom:1px solid #8B0125; font-weight:normal}
.menu1 li.second {padding:10px 10px 12px 20px; top left no-repeat; border:none; margin-bottom:-1px; position:relative; z-index:10; border-bottom:1px solid #8B0125; font-weight:normal}

.menu2,
.menu3 {margin:30px 0 5px 20px}
.menu2 li {padding:0 0 6px 14px; background:url(/img/dash_blue.gif) 0 6px no-repeat}
.menu2 .first,
.menu3 .first {font-size:11pt; color:#868686; padding:0 0 12px 0; background:none}

.menu0 {position:relative; border:1px solid #DBDBDB; margin:20px 11px 0 0; padding-bottom:16px; color:#B0B3B5; width:229px}
.menu0 em.first,
.menu0 em.second,
.menu0 em.third,
.menu0 em.fourth {position:absolute; height:7px; width:7px; background-repeat:no-repeat; background-image:url(/img/r_corner_1.gif); z-index:10; font-size:1px; line-height:1px}
.menu0 em.first {background-position:top left; top:-1px; left:-1px}
.menu0 em.second {background-position:top right; top:-1px; right:-1px}
.menu0 em.third {background-position:bottom left; bottom:-1px; left:-1px}
.menu0 em.fourth {background-position:bottom right; bottom:-1px; right:-1px}
.menu0 li {padding:7px 10px 7px 20px; border-top:1px solid #EBEBEB; font-weight:bold}
.menu0 li a, .menu0 li a:visited {color:#8B0125; text-decoration:none}
.menu0 li ul {padding-top:5px}
.menu0 li ul li {list-style:none; margin-left:20px; padding:4px 10px 4px 0; font-size:8pt; border:none; font-weight:normal}
.menu0 li.first {padding:10px 10px 12px 20px; border:none; margin-bottom:-1px; border-bottom:1px solid #8B0125; font-weight:normal}

/*  voting  */
.menu3 li {padding:0 0 8px 2px}
.menu3 li input {margin-right:6px}
.menu3 li.last {font-size:8pt; padding-left:21px}
.menu3 li.last input {font-size:9pt; margin-top:3px}

/*  banner  */
a.add {display:block; text-decoration:none; width:229px; height:54px; background:url(/img/add.jpg)}

/* Right column
-----------------------------------------------------------------------------*/

/* top menu */
.menu_top {margin-left:16px; position:relative; top:-30px}
.menu_top li {display:inline; float:left; font-size:10pt; font-weight:bold; width:33%; letter-spacing:-1px}
.menu_top li ul {padding-top:10px; font-weight:normal; margin-left:10px}
.menu_top li ul li {display:block; font-size:9pt; float:none; width:auto; padding:2px 0; font-weight:normal}

/*  middle layer  */
.content {margin-left:16px}
.content.one_col {width:100%}

.fla {height:215px; background:url(/img/il_map.jpg) center no-repeat; margin:25px 0}


.two_column .left {width:70%; float:left; border-right:1px solid #E3E4E4; margin-right:-1px}
.two_column .right {margin-left:70%; border-left:1px solid #E3E4E4}
.two_column .left .box {margin-right:10px}
.two_column .right .box {margin:0 8px 0 8px;}
.two_column .left h3 a {font-weight:bold}

.center {margin-right:230px; border-right:1px solid #E3E4E4}
.center p,
.center h1,
.center hr {margin-right:16px; margin-bottom:16px; padding-bottom:0}
.center h1 {color:#606060; line-height:21pt; margin-bottom:10px}
.center h5 {margin-right:16px}

.content .right_column {float:right; width:230px; border-left:1px solid #E3E4E4; margin-left:-1px}
.content .right_column h2,
.content .right_column p,
.content .right_column .grc,
.content .right_column .box {margin-left:8px; margin-right: 8px;}
.content .right_column h2 {padding:2px 0 10px 0}
.content .right_column .box p {margin-left:0; color:#777; font-weight:bold}

.content ul,
.content ol {padding:6px 0}
.content ul li {margin-bottom:8px; padding-left:35px; background:url(/img/dash_black.gif) 20px 6px no-repeat}
.content ol li {margin-bottom:8px; list-style-position:outside; margin-left:35px}

/*  banners  */

.banners td {padding:60px 0 0 16px; height:82px; vertical-align:bottom}
.banners em {font-weight:bold; display:block}
.banners a,
.banners a:hover,
.banners a:visited {text-decoration:none; float:left; width:32%; margin-right:8px; background-position:left; background-repeat:no-repeat; height:82px}
.banners a small {margin:9px 10px 0 60px; display:block; color:#FFF; font-size:8pt}
.banners a span {float:right; height:82px; width:7px; background-position:right}
.banners #sea_blue span {background-image:url(/img/sea_blue_r.jpg)}
.banners #blue span {background-image:url(/img/blue_r.jpg)}
.banners #red span {background-image:url(/img/red_r.jpg)}
.banners small em {font-size:9pt; margin-bottom:2px}
.banners #sea_blue em {color:#AABBD9}
.banners #blue em {color:#365672}
.banners #red em {color:#FC86A6}

.banners td.left {padding:0; height:auto}
.banners td.left div {width:229px; margin-top:-50px; padding:16px 0 6px 0}
.banners td.left a,
.banners td.left a:hover,
.banners td.left a:visited {float:none; display:block; width:auto; margin:0; height:auto; padding:6px 10px 6px 72px; background-position:left center; background-repeat:no-repeat; min-height:58px}


/*   footer  */

.foo td {text-align:right; vertical-align:bottom; color:#7D7D7D; padding:35px 12px 0 0; letter-spacing:-1px}
.foo a, .foo span {padding:12px 0 0 30px; background-position:bottom left; background-repeat:no-repeat}
.foo a {padding-right:30px}
.foo span {font-size:14pt}
.foo span strong {font-size:24pt; font-weight:normal; padding-left:4px}

.foo td.left { border:none}
.foo td.left span {color:#999; font-size:7pt; padding:0 0 15px 20px; white-space:nowrap; background:url(/img/copy.gif) -3px 0 no-repeat; display:block}

.foo div.counters {width:50%; float:left; text-align:left; padding-left: 4px}
.foo div.counters a {padding:0;}

/* Elements
-----------------------------------------------------------------------------*/

.index {padding-bottom:30px}
.index .grc {margin:0 0 4px 0}

.news { float:none;}
.news p.head { padding: 10px 0 4px 20px; background:url(/source_files/images/bird.png) top left no-repeat; position:relative; height=25px; font-weight:bold;}
.news p.desc { padding: 4px 0 10px 20px;}
.news span.title {color:#8B0125;}

.blogposts { float:none;}
.blogposts p.head { padding-bottom: 2px;}
.blogposts p.desc { padding-top: 2px; font-style:italic;}
.blogposts span.title {font-weight:bold;}
.blogposts span.plink {font-style:normal;}

.extra a {display:block; margin-bottom:4px; font-size:8pt}


.sum {padding-top:10px; font-weight:bold; font-size:13pt}

.loading {background:url(/img/indicator_white.gif) no-repeat center center; height:100px; width:100%}


/* tabs for indexes
-----------------------------------------------------------------------------*/

.tabs {background:#FFF; margin:10px 0 0 9px; letter-spacing:-1px; width:93%; font-size:8pt}
.tabs span {text-decoration:none; display:block; line-height:24px; white-space:nowrap; font-style:normal; text-align:center}
.tabs td.on {cursor:pointer; background:url(/img/blue_tab.jpg) top left no-repeat; color:#FFF}
.tabs td.on span {background:url(/img/blue_tab_r.jpg) top right no-repeat}
.tabs td.off {color:#999; background:url(/img/grey_tab.jpg) top left no-repeat}
.tabs td.off span {background:url(/img/grey_tab_r.jpg) top right no-repeat}


/* archive grid
-----------------------------------------------------------------------------*/
.archive {padding:10px 0 20px 0}
.archive table {margin:0 20px 0 auto}
.archive td {padding:2px 0 2px 0; font-size:8pt}
.archive span,
.archive a {padding-left:19px; letter-spacing:-1px}
.archive span {color:#999; background:url(/img/gr_arrow.jpg) left no-repeat}
.archive .year {width:55px; position:absolute; left:10px}
.archive h5 {font-weight:normal; margin-bottom:3px}


/* table layout
-----------------------------------------------------------------------------*/
.grc.table {padding:10px 0 10px 14px}
.table table {width:96%; margin-right:auto}
.table th,
.table td {padding:6px}
.table th {border-bottom:1px solid #D5D7D8}




/* form blue rounded corners
-----------------------------------------------------------------------------*/
.order {padding-top:6px}
.order table {background:#81BDEE; width:100%}
.order table td {padding:3px 0}
.order table td.label {text-align:right; padding:4px 10px 4px 0}
.order table td.first {background:url(/img/form_t_l.jpg) top left no-repeat #81BDEE; width:36%; padding-top:14px}
.order table td.second {background:url(/img/form_t_r.jpg) top right no-repeat #81BDEE; padding-top:14px}
.order table td.third {background:url(/img/form_b_l.jpg) bottom left no-repeat #81BDEE; padding-bottom:14px}
.order table td.fourth {background:url(/img/form_b_r.jpg) bottom right no-repeat #81BDEE; padding-bottom:14px}
.order input,
.order textarea {width:80%}
.order input.radio {width:auto;margin-top:3px;}
.order .btn {width:auto; background:none; border:none; color:#5997C4; font-size:12pt; margin:10px 0 0 6px}


/* indexes
-----------------------------------------------------------------------------*/

.indexes {max-width:750px}
.indexes td {padding:6px 0 24px 0}
.indexes td div,
.indexes td p {margin-right:15px}

.indexes td div {padding:116px 0 35px}

.indexes td div {background-image:url(/img/graph.gif); background-position:10px 10px; background-repeat:no-repeat}
.indexes td div strong {display:block; margin:0 0 0 20px; position:relative}
.indexes td div .data {font-size:7pt; font-weight:normal; position:absolute; top:0; z-index:10}
.indexes td div .btn {left:190px; position:absolute; top:0; z-index:20; border:none; -moz-border-radius:12px; padding:0 4px}
.indexes td div.grc .btn {color:#EEE; background:#CCCDCF}
.indexes td div.brc .btn {color:#D5DCE7; background:#B3C0C9}


/* grey rounded corners
-----------------------------------------------------------------------------*/

.grc {background:#EEE; position:relative}
.brc {background:#D5DCE7; position:relative}
.grc em.first,
.grc em.second,
.grc em.third,
.grc em.fourth,
.brc em.first,
.brc em.second,
.brc em.third,
.brc em.fourth {position:absolute; height:9px; width:9px; background-repeat:no-repeat; background-image:url(/img/r_corner_2.jpg); z-index:10; font-size:1px; line-height:1px}
.brc em.first,
.brc em.second,
.brc em.third,
.brc em.fourth {background-image:url(/img/r_corner_3.jpg)}
.brc em.first,
.grc em.first {top:0; left:0; background-position:top left}
.brc em.second,
.grc em.second {top:0; right:0; background-position:top right}
.brc em.third,
.grc em.third {bottom:0; left:0; background-position:bottom left}
.brc em.fourth,
.grc em.fourth {bottom:0; right:0; background-position:bottom right}

/* 1px grey rounded corners
-----------------------------------------------------------------------------*/
.grc1px {position:relative; border:1px solid #DBDBDB}
.grc1px em.first,
.grc1px em.second,
.grc1px em.third,
.grc1px em.fourth {position:absolute; height:7px; width:7px; background-repeat:no-repeat; background-image:url(/img/r_corner_1.gif); z-index:10; font-size:1px; line-height:1px}
.grc1px em.first {background-position:top left; top:-1px; left:-1px}
.grc1px em.second {background-position:top right; top:-1px; right:-1px}
.grc1px em.third {background-position:bottom left; bottom:-1px; left:-1px}
.grc1px em.fourth {background-position:bottom right; bottom:-1px; right:-1px}


.content .img_list {list-style:none}
.content .img_list li {margin:0 0 0 185px; position:relative; min-height:220px;  background-image:none; padding:0}
.content .img_list img {position:absolute; left:-185px; top:0}
.content .img_list li h6 {padding-top:16px}
.content .img_list li p,
.content .img_list li h6 {z-index:20; position:relative}


h5.partners {position:relative; border:1x solid green; padding:20px 150px 16px 0; line-height:14pt}
h5.partners img {position:absolute; right:0; top:16px; width:150px; height:40px}

.sorry {display:none}

/*bk*/
.graph {background-repeat:no-repeat; background-position:10px 10px; min-width:284px; height:114px; padding:10px 10px 0 10px; display:block;}
.loader, .indexes td div.loader {background:url('/img/loader.gif') no-repeat center center; }
.indexes table {width:100%;}
.indexes td div.loader {background-position:center 50px;}
.indexes td div.loader.grc, .grc.loader {background-color:#EEE;}
.indexes td div.loader.brc {background-color:#D5DCE7;}
.indexes td div {width:305px;}
.archive {padding:10px}
.archive .year {position:relative;left:0;}
.archive h5.selected a {color:#999; background:url(/img/gr_arrow.jpg) left no-repeat}

.box.news.loader {height:100px; width:200px}

.menu3.subscription {margin:0 0 0 10px; width: 229px;}

.errortext, .notetext {color:#8B0125;font-weight:bold;}
.content ul.menu3.subscription li {margin:0;padding:0;background:none;}
.content ul.menu3.subscription li {padding:0 0 8px 2px}
.content ul.menu3.subscription .first {padding:0 0 12px 0;}
.content ul.menu3.subscription li input {margin-right:6px}
.content ul.menu3.subscription li.last {font-size:8pt; padding-left:0; width:350px;}
.content ul.menu3.subscription li.last input {font-size:9pt; margin-top:3px}

form span.error {font-weight:bold;}

.search {padding-top:10px;}
.search p {padding-bottom:14px}
.search p b, b.search {color:#334C62}
.search span {display:block; font-size:8pt; color:#777; padding:2px 0 2px 16px}
.search h5 {padding-bottom:0}
.search h3 {float:right}

.nohref {cursor:auto;}

.indexes td div.grc .btn.active, .indexes td div.brc .btn.active {background:#5c97cf}

.fla {height:260px;  margin-top:15px}

#ie {max-width:1200px; margin:0 auto;}

.foo td.red {padding-bottom:15px;}
.foo td.left span {line-height:11pt;padding-top:5px;}
.foo td.left span a {padding:0;color:#8B0125}

h5.index_info, p.index_info {padding-top:14px;}
h1.index_info {margin-bottom:24px;}
.noborder {border:0;}

.tabs td.on.disabled {cursor:auto;visibility:hidden;}

.fuelservice .head {background:url(/img/fs/head.jpg) 50% 0 repeat-x;}
/*.fuelservice .head div {background:url(/img/fs/logo.png) top left no-repeat;}*/
.fuelservice .head div.right_side {background:url(/img/fs/head2.png) top right no-repeat;}


.fuelservice .banners #sea_blue span {background-image:url(/img/fs/first_r.jpg)}
.fuelservice .banners #blue span {background-image:url(/img/fs/second_r.jpg)}
.fuelservice .banners #red span {background-image:url(/img/fs/third-r.jpg)}

.fuelservice .banners #sea_blue em {color:#AABBD9}
.fuelservice .banners #blue em {color:#FC86A6}
.fuelservice .banners #red em {color:#365672}

/*======================================================================================================================*/
/*========================================= Calc =======================================================================*/
/*======================================================================================================================*/

.calc.collapse .exp,
.calc.collapse .selector,
.calc.expand .expand {visibility:hidden; display:none}
.calc.expand .exp,
.calc.expand .selector {display:block; visibility:visible}

.calc.collapse .expand {font-size:13pt; color:#8B0125; margin: 5px 0 0 35px}
.calc.collapse .right,
.calc.collapse .right_btm {background:none !important}

.calc {border:1px solid #CECFD1; margin:10px 0 26px 0; background:url(/img/calc/fon.jpg) repeat-x; width: 100%; min-width:800px}
.calc .top {background:url(/img/calc/fon2.jpg) no-repeat; margin:-1px 0 0 -1px; position:relative; padding:0 0 12px 0}
.calc .top dl {position:absolute; right:-1px; top:0; width:9px; height:149px; font-size:1px; line-height:1px; background:url(/img/calc/fon3.jpg)}
.calc a {color:#8B0125}
.calc .top h1 {padding:36px 0 12px 0; margin:0 48px 0 126px; color:#37658A; font:bold italic 16.5pt Arial, Verdana, Helvetica, sans-serif; letter-spacing:0.5px}
.calc table {margin:0 40px 0 126px}
.calc table td {border:none}
.calc table .left {padding:0 20px 0 0; width:100%}
.calc table .left div {margin:0 0 30px 0; white-space:nowrap; z-index:20}
.calc table .left div label {display:block; padding-bottom:4px; font-size:120%}
.calc table .left div div.noslider {float:right; position:relative}
.calc table .left div div em {position:absolute; right:-28px; bottom:0; height:23px; width:17px; background:url(/img/calc/blue_arrow.gif)}
.calc table .left div span {color:#8B0125; border-bottom:1px dashed #8B0125; cursor:pointer; margin:0 16px 0 6px}
.calc table .left div span.selected {color:#000; border-bottom:none; cursor:default; background:#DBE7F0; margin:0 10px 0 0; padding:4px 6px 8px 6px}
.calc table .left div.selector label {float:left; width:80px; height:20px}
.calc table .left div.selector div {float:none; background:#DBE7F0; margin-left:80px; padding:10px 0 10px 10px; margin-top:8px; position:relative}
.calc table .left div.selector div em {position:absolute; right:-20px; background:url(/img/calc/pink_arrow.jpg); height:24px; width:19px; top:25%}
.calc ul.line {border-bottom:1px solid #CCC; border-right:1px solid #CCC; height:4px; width:340px; display:block; margin:20px 0 60px 0; position:relative; font-size:1px; line-height:1px; padding:0}
.calc ul.line li {position:absolute; background:url(/img/calc/dot.gif) bottom center no-repeat; bottom:0; margin:0; padding:0 0 5px 0; font-size:9px; color:#7A7A7A}

.calc ul.line_new {border-right:1px solid #CCC; height:4px; width:340px; display:block; margin:20px 0 0 0; position:relative; font-size:1px; line-height:1px; padding:0}
.calc ul.line_new li {position:absolute; background:url(/img/calc/dot.gif) bottom center no-repeat; bottom:0; margin:0; padding:0 0 5px 0; font-size:9px; color:#7A7A7A}

.calc ul.line li.slider {position:relative; top:5px; height:6px; font-size:1px; line-height:1px; padding:0; float:none; background:#D8E6F0}
.calc ul.line li.slider em {position:absolute; left:-6px; top:0; height:17px; width:6px; background:url(/img/calc/slider.gif); cursor:pointer; font-size:1px; line-height:1px; margin-right:6px;}
.calc ul.line li.slider em.right {left:auto; right:-6px; background-position:right; margin-right:0px; margin-left:6px;}
.calc table .right {background:#EEE5E8}
.calc table .right table {margin: 4px 0 6px 0}
.calc table .right table .ileft {padding: 0 15px 0 0}
.calc table .right table .iright {padding: 0 0 0 15px}
.calc table .right div {background:#C3D9F0; margin:7px -11px 0 8px; padding:0 10px 10px 8px; position:relative}
.calc table .right div em {position:absolute; width:9px; height:9px; background:url(/img/calc/blue_rownd.gif); top:0; left:0; font-size:1px; line-height:1px}
.calc.expand table .right div em {background-image:url(/img/calc/blue_rownd.jpg)}
.calc table .right div em.lb {top:auto; bottom:0; background-position:right}
.calc.expand table .right div em.lb {background-image:url(/img/calc/blue_rownd.jpg)}
.calc table .right div em.rt {left:auto; right:0; top:0; background:url(/img/calc/blue_rownd2.jpg)}
.calc table .right div em.rb {left:auto; right:0; bottom:0; top:auto; background:url(/img/calc/blue_rownd2.jpg) right}
.calc table .right div em.tl {background:url(/img/calc/right_top.jpg); height:7px; width:8px; left:-8px; top:-7px}
.calc table .right div em.tr {background:url(/img/calc/right_top.jpg) right; height:7px; width:8px; right:11px; top:-7px; left:auto}
.calc table .right_btm {vertical-align:bottom; background:#EEE5E8}
.calc table .right_btm div {padding:0 20px 16px 16px; position:relative}
.calc table .right_btm em {position:absolute; bottom:0; left:0; background:url(/img/calc/right_btm.jpg); height:9px; width:9px; font-size:1px; line-height:1px}
.calc table .right_btm em.right {left:auto; right:0; background-position:right}
.calc table .right_btm div.pos {position:relative; padding-bottom:20px}
.calc table .right_btm strong {display:block; position:absolute; white-space:nowrap; background:url(/img/calc/pos_left.jpg) left no-repeat; min-height:22px; line-height:27px; color:#FFF; margin:6px 0 0 0; padding:0 10px; left:-10px; font-weight:normal; cursor:pointer}
.calc table .right_btm strong em {position:absolute; background:url(/img/calc/pos_right.jpg); width:8px; font-size:1px; line-height:1px; right:0; left:auto; top:1px; height:24px}
.calc table h2 {color:#A10020; padding:10px 0 5px 0; white-space:nowrap; word-spacing:-2px; font:normal 26pt Arial, Helvetica, sans-serif; letter-spacing:-2px; line-height:84%}
.calc table h4 {color:#4A96D0; font-size:12pt; margin:0; padding:12px 0 0 0; line-height:12pt}
.calc table h4 span {color:#A10020; border-bottom:1px dashed #A10020; cursor:pointer; position:relative; display:block}
.calc table h4 span strong {position:absolute; top:0px; left:-5px; border:1px solid #D0D0D0; background:url(/img/calc/fon5.jpg) bottom repeat-x #FFF; font-weight:normal; padding:0 4px 8px 4px; display:none}
.calc table h4 span label {color:#626768; font-size:11px; line-height:12px; display:block; margin:0 4px 0 4px}
.calc table h3 {color:#A10020; font-size:12pt; letter-spacing:-1px; word-spacing:-1px; white-space:nowrap}
.calc table h5 {color:#4A96D0; font:normal 14pt Arial, Helvetica, sans-serif; padding:6px 0 0 0; letter-spacing:-1px; word-spacing:-1px; white-space:nowrap}
.calc .btm {background:#EDEDED; position:relative; padding:20px 0 0 0; color:#8A8A8A}
.calc .btm dl {position:absolute; width:10px; height:10px; bottom:-1px; left:-1px; font-size:1px; line-height:1px; background:url(/img/calc/fon4.jpg) left}
.calc .btm dl.right {background:url(/img/calc/fon4.jpg) right; left:auto; right:-1px; z-index:10}
.calc .btm div {margin:0 48px 0 126px; padding:0 0 20px 0}
.calc .btm .links {padding:5px 0 5px 40px; margin:0 0 0 40%; background-repeat:no-repeat; background-position:left center; cursor:pointer; line-height:130%}
.calc .btm strong {color:#A10020; font-size:10pt}
.calc .btm .small {float:left; margin:0; padding:0; width:35%; _padding-bottom:2px !important}
.calc .btm .small a {font-size:8pt; margin:10px 0 0 20px; display:block}
.calc input.send {cursor:pointer; font-size:12pt; margin:5px 0 5px 0}

.calc table div.rates {padding:6px 0 0 0}
.calc table .rates h3 {display:inline; padding-top:0}

.calc table .right_btm div.fader {z-index:9999;position:absolute; left:0;top:0;width:85px;height:88%;background-color:#EEE5E8}
.form_holder {position:relative; height:100%;display:none;}
.form_holder div.fader {z-index:9999; position:absolute; left:0; top:0; width:95%; height:85%; background-color:#81BDEE; margin:6px; display:none;}

#dateday {text-align:right; line-height:16px;}
#price_dates select {display:none}
.calc table .left div.selector div.blank {background-color:#fff}

.calc.collapse .btm {padding-top:7px}
.calc.collapse .small {width:100% !important; _padding-bottom:2px !important}
.calc.collapse .btm .small a {display:inline; margin:0 14px 0 0}

.form_target {margin-bottom:26px}

/*========================================= for action =======================================================================*/

.calc table h2.reduce {color:#A10020; padding:7px 0 5px 0; white-space:nowrap; word-spacing:-2px; font:normal 16pt Arial, Helvetica, sans-serif; letter-spacing:-2px; line-height:70%}
.calc table h4.reduce {color:#4A96D0; font-size:12pt; margin:0; padding:6px 0 0 0; line-height:12pt}
.calc table h4.reduce span label {color:#626768; font-size:10px; line-height:12px; display:block; margin:0 4px 0 4px}
.calc table h3.reduce {color:#A10020; font-size:11pt; letter-spacing:-1px; word-spacing:-1px; white-space:nowrap}
.calc table h5.reduce {color:#4A96D0; font:normal 14pt Arial, Helvetica, sans-serif; padding:4px 0 0 0; letter-spacing:-1px; word-spacing:-1px; white-space:nowrap}

/*======================================================================================================================*/
/*========================================= form =======================================================================*/
/*======================================================================================================================*/


.order table .info {margin:0 10px 14px 40px; line-height:120%}
.order table .info h4 {color:#FFF; font-style:italic; font-weight:normal; padding:0 0 10px 0; margin-top:-10px; position:relative}
.order table .info strong {display:block}
.order table td.re {background:url(/img/form_arrow.jpg) top right no-repeat #FFF; height:40px; text-align:center; vertical-align:top}
.order table td.re span {color:#8B0125; float:right; margin:4px 40px 0 0; padding:0 0 2px 25px; background:url(/img/calc/arrow.jpg) left no-repeat; cursor:pointer}

.news.offers h3, .news.offers h5 {font-weight:bold;color:#8B0125}

h5.offers_news {color:#334C62;}

#fueltype {width:150px;}


/*======================================================================================================================*/
/*========================================= history =======================================================================*/
/*======================================================================================================================*/

ol.fuel_list li .fuel_name span {color:#8B0125; border-bottom:1px dashed #8B0125; cursor:pointer; margin:0 16px 0 6px}
ol.fuel_list li .fuel_name span.opened {color:#8B0125; border-bottom:none; cursor:pointer; margin:0 10px 0 0; padding:4px 6px 8px 6px}
ol.fuel_list {
	list-style: none;
}

div.fuel_prices ol.ndays_selector {
	margin: 0;
	padding: 0;
}

div.fuel_prices ol.ndays_selector li {
	display: inline;
 	padding: 4px;
	margin: 0px;
	font-size: 11px;
}

div.fuel_prices ol.ndays_selector li span {
	color:#8B0125; border-bottom:1px dashed #8B0125; cursor:pointer; margin:0;
}
div.fuel_prices ol.ndays_selector li span.selected {color:#000; border-bottom:none; cursor:pointer; background:#DBE7F0; margin:0; padding:4px}

ol.fuel_list li div.fuel_prices p.fuel_table {
	background:#fff;
	padding: 16px 5px;
	margin-left: 3px;
}

.fuel_div {
	margin-top: 10px;
}

.fuel_prices div.loader {background:url('/img/loader.gif') no-repeat center center; }
.fuel_prices div.loader {background-color:#EEE;}

.fuel_prices .loader .hidden {
	visibility: hidden;
}

.history_table .hidden {
	visibility: hidden;
}

.history_table {
	margin: 6px;
}

.history_table th {
	background-color:#EEE;
	text-align: center;
	vertical-align: middle;
	padding: 7px 12px;
	color:#454545;
	border-color:#454545;
	border-style: dashed;
	border-width: 1px;
}

.history_table td {
	text-align: center;
	vertical-align: middle;
	padding: 7px 12px;
	color:#334C62;
	border-color:#454545;
	border-style: dashed;
	border-width: 1px;
}

/*======================================================================================================================*/
/*========================================= new banners =======================================================================*/
/*======================================================================================================================*/

span.banners {margin-top: 15px;}
.banners span.left {padding:60px 0 0 16px; height:82px; vertical-align:bottom}

.banners span.left {padding:0; height:auto}
.banners span.left div {width:229px; margin: 30px 0px; padding:16px 0 6px 0}
.banners span.left a,
.banners span.left a:hover,
.banners span.left a:visited {float:none; display:block; width:auto; margin:0; height:auto; padding:6px 10px 6px 72px; background-position:left center; background-repeat:no-repeat; min-height:58px}

/*======================================================================================================================*/
/*========================================= new history =======================================================================*/
/*======================================================================================================================*/

div.fuel_list {
	padding: 20px;
}

.short_hist {
	margin-top:.3em
}

.short_hist th {
	border-bottom: 1px solid #aeaeae;
	font-size:.9em;
	font-weight: bold;
	text-align: left;
}

.short_hist td, .short_hist th {
	padding:.25em .75em .25em .1em
}

.short_hist td {
	font-weight:normal;
	text-align:right
}

.short_hist td.date {
	color:#666;
}

/*======================================================================================================================*/
/*========================================= dark oil =======================================================================*/
/*======================================================================================================================*/

table.dark {
	margin: 15px 0px;
}

table.dark th {
	text-align: left;
	padding:.25em .75em .25em .1em;
}

table.dark th, table.dark td {
	padding:.25em .75em .25em .25em;
	border: 1px solid #aeaeae;
}

table.dark td {
	text-align: right;
}

/*======================================================================================================================*/
/*========================================== tables =======================================================================*/
/*======================================================================================================================*/

table.centrified {
	border: 1px;
	border-color: #000;
	width:94%;
}

table.centrified td {
	text-align: center;
	padding: 2px 0px;
}

table.centrified td.short {
	width: 5%;
}

table.centrified td.normal {
	width: 15%;
}

table.centrified td.thead {
	font-weight:bold;
	padding: 4px 0px;
}

table.centrified td.long {
	text-align: left;
}

table.centrified td.underlined {
	border-bottom: 1px solid;
}


/*======================================================================================================================*/
/*========================================= delivery rates  =======================================================================*/
/*======================================================================================================================*/

table.delivery_rates {width: 500px}
table.delivery_rates td {
  text-align: left;
  padding: 15px 10px;
}

/*======================================================================================================================*/
/*========================================= vacanies  =======================================================================*/
/*======================================================================================================================*/

table.vacancy_table td {
	padding: 10px;
}

h3.vacation {
	font-size:12pt; 
	color:#8B0125; 
	margin: 2px 0 10px 7px;
	
}

span.closed {
	border-bottom: 2px dashed #8B0125;
	cursor: pointer;
}

span.open {
	border-bottom: none;
	cursor: pointer;
}

div.vacancy_hidden {
	display: none;
	visibility:hidden;
}

div.vacancy_full {
	display: block;
	visibility: visible;
}


/*======================================================================================================================*/
/*========================================= newsletters =======================================================================*/
/*======================================================================================================================*/

div.archieve ul {
	list-style: none; 
	margin-left: 15px;
}

div.archieve ul li {
	color:#334C62;
	cursor:pointer;
}

div.archieve ul li.active {
	color:#333;
}