@media only screen and (max-width: 850px) {
	body, html{margin:0;padding:0;background-color:#fff;color:#000;font-family:Arial;font-size:13px;}
	.wrapper{max-width:965px;width:95%;margin:0 2.5%;position:relative;}
	#header{background:url(../images/header_top_bg.gif) repeat-x;width:100%;height:130px;background-position:0 -40px;position:relative;}
	#menu{margin:0;padding:0;list-style:none;display:block;position:absolute;top:88px;height:42px;width:100%;overflow:hidden;}
	.languageMenu{display:none}
	#mobileMenuIcon{display:block;width:40px;height:40px;background:url(/images/icon-top-menu.png) 11px 12px no-repeat;position:absolute;right:0;top:89px;cursor:pointer;display:none;}
	#mobileMenu{margin:0;padding:0;list-style:none;display:none;position:absolute;top:124px;right:0;z-index:200;background:#231f20;}
	#content{color:#000;}
	#content h1{margin: 30px 0 30px; color:#000;font-family:Verdana;font-size:22px;font-weight:bold;letter-spacing:0.3px;}
	#logoMobile{background:url(../images/logo_mobile.gif) no-repeat;float:left;width:300px;height:25px;display:none;position:absolute;top:31px;left:0;}
	#filtersHolder { float: left;}
	#literGalon, #currency, #customers { margin: 0 5% 0 0; }
	#topLinks {display:none;}
	#topLinks2{display:block;}
	#graphPageRight,#articlePageRight,#digestPageRight, #additionalResourcesPageRight{width:100%;float:left;padding:30px 0 0 0;}
	#subscribtionEmail{border:1px solid #D3D3D3; padding: 0 1%; width:100%;height:30px;color:#CCCCCC; border-radius: 3px; box-sizing: border-box;}
	#submitSubscribtion{width:100%; height:30px; border-radius: 3px; box-sizing: border-box;}
	.selectMenu { display:block;width:30%;height:26px;font-size:14px; }
	
	.currencyCountry { display:block;width:60%;height:26px;font-size:14px; }
	.currencyLiterGalon{ display:block;width:30%;height:26px;font-size:14px; }
	
	.fb_margins{width: 50%; margin-bottom: 30px; text-align:center; float:left;}
	.share_margins{width: 50%; margin-bottom: 20px; text-align:center; float:left;}
	.follow_btn{width: 33%; text-align:center; display:block; float: left; margin-bottom: 10px;}
	.newsletterTpl{margin: 0 0 30px 0}
	#likeUsTitle {color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:17px;margin-bottom:10px;text-transform:uppercase;padding: 2px 2%;}
	.outsideTitleNarrow{height:14px;text-align:right;overflow:hidden;margin:0 0 7px 0;padding:6px 0 7px 0; font-size: 15px; }
	.tipInfo{text-align:justify;display:block;margin:20px 0 30px 0; text-decoration: none; letter-spacing:0.1px;}
	#bottomText { margin: 30px 0; text-align: justify}
	#graphicBottomItems{width: 100%; max-width: 550px; padding: 0; font-size: 15px;}
	#titleGraphic {width: 100%; max-width: 600px; font-weight: bold;}
}

/*===========================================================================*/
@media only screen and (min-width: 851px) {
	body, html{margin:0;padding:0;background-color:#fff;color:#000;font-family:Arial;font-size:13px;}
	.wrapper{max-width:965px;width:95%;margin:0 auto;padding:0;position:relative;}
	#header{background:url(../images/header_top_bg.gif) repeat-x;width:100%;height:170px;background-position:0 0px;position:relative;}
	#menu{margin:0;padding:0;list-style:none;display:block;position:absolute;top:128px;height:42px;width:100%;overflow:hidden;}
	.languageMenu{position:absolute;font-family:Calibri;top:77px;right:0px;z-index:2000;color:#E3E5DB;font-size:14px;margin-top:0px;}
	#mobileMenuIcon{display:block;width:40px;height:40px;background:url(/images/icon-top-menu.png) 11px 12px no-repeat;position:absolute;right:0;top:129px;cursor:pointer;display:none;}
	#mobileMenu{margin:0;padding:0;list-style:none;display:none;position:absolute;top:164px;right:0;z-index:200;background:#231f20;}
	#content{color:#000;}
	#content h1{margin: 20px 0 30px; color:#000;font-family:Verdana;font-size:22px;font-weight:bold;letter-spacing:0.3px;}
	#topLinks {display:block;}
	#topLinks2{display:none;}
	#literGalon, #currency, #customers { margin: 0 5px 0 0; }
	#highlightCountry {float: left;}
	#graphPageRight,#articlePageRight,#digestPageRight, #additionalResourcesPageRight{width:205px;float:left;padding:20px 0 0 0;}
	#subscribtionEmail{border:1px solid #D3D3D3;width:200px;height:22px;color:#CCCCCC;}
	#submitSubscribtion{width: 194px; padding:3px 5px 5px 5px !important;height:16px;}
	.selectMenu {display:block;width:162px;height:26px;font-size:14px;}
	.fb_margins{margin:0px 30px 40px 0px;float:left;}
	.share_margins{margin:0px 0px 20px 0px;float:left;}
	.follow_btn{margin:0 10px 0 0;text-decoration:none;}
	.newsletterTpl{margin:0 0 35px 0;}
	.tipInfo{text-align:justify;color:#000;display:block;letter-spacing:0.1px;line-height:19px;margin:20px 0 30px 0;text-decoration:none;}
	#graphicBottomItems{width:100%; max-width:550px; padding:20px 0 0 150px;}
	#titleGraphic {width: auto; max-width: 600px;}
	.rankingsBottomMarginer { height: 30px; width: 300px;}
	#graphPageLeft{text-align:justify;width:100%;max-width:730px;margin:0 30px 0 0;padding:10px 0 0 0;float:left;}
}
/*===========================================================================*/





form{margin:0;padding:0;}
.fl{float:left;}
.fr{float:right;}
.bold{font-weight:bold;}
.boldOrange{font-weight:bold;color:#ff8409 !important;}
.clearer{clear:both;}
.red,
.error{color:#f00;}
#header .wrapper{height:170px;}


#mainLanguages a{color:#000;display:block;text-decoration:none;margin:0px;float:left;}
#mainLanguages .landSeparator{float:left;border-right:1px solid #000;height:15px;margin:2px 0 0 0;}
#moreLanguagesMenu{float:left;padding:0px 4px 0px 4px;color:#222;background-color:#e2bb04;cursor:pointer;height:15px;overflow:hidden;position:relative;z-index:2000;}
#moreLanguagesMenu a{color:#222;text-decoration:none;margin:4px 0 0 0;padding:0px 4px 4px 0;display:block;}
#logo{background:url(../images/logo.gif) no-repeat;background-size:419px 35px;float:left;width-max:590px;width:100%;height:50px;display:block;position:absolute;top:60px;left:0;}

#menu li{float:left; display: block; height: 42px;}
#menu li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 4px 15px;font-size:14px;}
#menu .first a{padding:12px 3px 4px !important;}
#menu li .selected{color:#e2bb04;}
.marker{width:45px;height:3px;background:#e2bb04;margin:0 auto;}

#mobileMenu li{height:4opx;}
#mobileMenu li a{text-decoration:none;color:#fff;display:block;padding:12px 15px 10px 15px;font-size:14px;border-bottom:2px solid #231f20;}
#mobileMenu li .selected{color:#e2bb04;border-bottom:2px solid #e2bb04;}

#mobileMenuIconAPI{display:block;width:40px;height:40px;background:url(/images/icon-top-menu.png) 11px 12px no-repeat;position:absolute;right:0;top:5px;cursor:pointer;display:none;}
#menuIcon{display:block;width:40px;height:40px;background:url(/images/icon-top-menu.png) 11px 12px no-repeat;cursor:pointer;float:left;}
#contentHolder{}


#content .bottomBorder{padding:0 0 20px 0;margin:0 0 20px 0;}
#homeContent{padding:28px 0 0 0;min-height:320px;}
#homeLeftBox{margin:0 30px 30px 0;min-width:280px;max-width:380px;width:40%;float:left;}
#homeRightBox{margin:0 30px 0 0;min-width:280px;max-width:350px;width:40%;float:left;overflow:hidden;}
#homeShareBox{width:175px;float:left;}
#homeContent .homeBoxHeader{display:block;font-family:verdana;font-size:22px;font-weight:bold;padding:0 0 30px 0;}
#homeRightBox .homeBoxHeader{width:180px;float:left;}
#outsideLinks .innerHeader{display:block;font-family:verdana;font-size:15px;font-weight:bold;padding:0 0 7px 0;margin:16px 0 0 0;text-align:right;}
#homeLeftBox a{display:block;text-decoration:none;color:#000;margin:15px 0 0 0;font-size:14px;}
#homeSelectHolder,
.selectHolder{width:140px;height:26px;padding:0px 22px 0px 0px;overflow:hidden;}
#homeSelectCountry,
.formSelectCountry{display:block;width:162px;height:26px;font-size:14px;}
#footer{color:#fff;background:#231f20;border-top:7px solid #e2bb04;padding:10px 0 10px 0;}
#footer a{color:#fff;display:block;float:left;margin:0 10px;text-decoration:none;}
#outsideLinks{width:130px;float:left;}
.outsideTitle{height:19px;text-align:right;overflow:hidden;margin:0 0 2px 0;}
#settingsMenu{padding:0 5px 0 0px;font-size:15px; margin: 0 0 30px 0;}
#graphic{float:left;background-color:#FFFFFF;}
#HomeContent{background:#f5f5f5;}
#bottomLinks { margin: 30px 0; }
#ddPageLeft {width: 100%; max-width:465px;margin:0 30px 0 0; padding: 10px 0 0 0; float:left;}
#ddPageRight {width: 100%; max-width:465px; padding: 10px 0 0 0; float:left;}
.ddSectionTitle { border-bottom: 1px solid #555; border-top: 1px solid #555; background: #e2bb04; margin: 20px 0; padding: 7px 20px; font-weight: normal; font-size: 14px;}
#selectAllCoutries, #selectAllRegions, #selectAllCities { position: absolute; top: 7px; right: 20px; color: #222; cursor: pointer; }
#deselectAllCoutries, #deselectAllRegions, #deselectAllCities { position: absolute; top: 7px; right: 85px; color: #222; cursor: pointer; }
.ddInput {width: 186px; height: 30px; border-bottom: 1px solid #444; border-top: 0; border-left: 0; border-right: 0;}
.ddCountry { height: 23px; padding: 5px 10px 0; border-bottom: 1px solid #eee; margin: 0px; }
.ddCity { height: 23px; padding: 5px 10px 0 25px; border-bottom: 1px solid #eee; margin: 0px; }
.ddFuelType,.ddElectricityFor,.ddNaturalGasFor { float: left; height: 23px; padding: 20px 0px 0; width: 186px; margin: 0 20px 0 0; cursor: pointer; border-bottom: 1px solid #444; border-top: 0px solid #444; position: relative;}
.ddFuelType input,.ddElectricityFor input { margin: 0 10px 0 0; padding: 0;}
.ddWhat { float: left; height: 23px; padding: 20px 0px 0; width: 120px; margin: 0 20px 0 0; cursor: pointer; border-bottom: 1px solid #444; border-top: 0px solid #444;  position: relative;}
.ddFrequency { float: left; height: 23px; padding: 10px 0px 0; width: 85px; margin: 0 20px 0 0; cursor: pointer; border-bottom: 1px solid #444; border-top: 0px solid #444; }
.ddFrequency input { margin: 0 10px 0 0; padding: 0;}
.inactive {opacity: 0.1;filter: alpha(opacity=10);}
.download_data_btn { border-radius: 3px; background: #e4dfc6; border: 1px solid #ccc; padding: 10px 20px; margin: 0 auto 50px; cursor: pointer; }
.informationIcon {display: block; position: absolute; right: 5px; bottom:5px; cursor: pointer; font-size: 17px; font-style: italic; font-family: TimesNewRoman; width: 18px; text-align: center;}
.informationBox {display: none; position: absolute; left: 0; top:40px; z-index: 5; background: #fff; border: 1px solid #666; padding: 10px; width: 200px;}
#printReceipt, .printReceipt {color: #00f; display: inline-block; cursor: pointer;}

#articlePageLeft, #digestPageLeft, #allFielsPageleft, #additionalResourcesPageLeft{text-align:justify;width:100%;max-width:730px;margin:0 30px 0 0;float:left;}

.graphPageRightTitle{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:17px;margin-bottom:10px;padding:0 0 0 0;text-transform:uppercase;}

.graph_bottom_links{background:url("/images/bullet_list.png") no-repeat scroll 0 7px;color:#000;font-size:14px;padding-left:20px;padding-top:3px;text-decoration:none;}
.common_btn{background-color:#e2bb04;color:#000;cursor:pointer;display:block;height:14px;margin-top:13px;padding:5px;text-align:center;text-decoration:none;width:75px;}
.redBorder{border:1px solid #f00 !important;}

.graph_outside_link{color:#000;}


#graphic h2{color:#000;font-family:Arial;font-size:13px;font-weight:bold;letter-spacing:0.2px;padding:0;}
#digestPageLeft h2{font-size:13px;margin:0;}
#mediaElement{margin:0 0 40px 0;}
#mediaElement .mediaElementTitle{display:block;color:#5151ff;margin:0 0 5px 0;}
#textContent{margin:20px 0 20px 0;padding:0px 0 0 0;}
.tipHeader{text-decoration:none;color:#000;font-size:22px;font-weight:bold;letter-spacing:0.3px;/**/font-family:Verdana;line-height:24px;width:auto;margin:20px 0;}
.requestBox ul{margin:0;padding:0;list-style:none;}
#requestBox {width: 94%; max-width: 900px; padding: 30px 3%; background: #f8eec0; margin: 0 0 30px 0}
#requestBox ul{margin:0;padding:0;list-style:none;}
#requestBox input {border: 1px solid #eee; font-family: Arial; font-size: 14px;}
#requestBox .input {width: 98%; max-width: 416px; height: 25px; margin: 20px 0 0; padding: 5px 1%;}
#requestBox textarea {border: 1px solid #eee; width: 98%; max-width:875px; height:150px; margin: 20px 0; padding: 5px 1%; font-family: Arial; font-size: 14px;}
.changeImage {display: block; padding: 6px 0 0 5px; color: #00b; text-decoatrion: underline;}
.home_title{color:#000;font-family:Verdana;padding-bottom:7px;margin:0 0 8px 0;font-size:22px;font-weight:bold;}
.list_article_title,
.list_digest_title,
.additional_resorces_title,
.list_fuel_title,
.list_company_title{background:url("/images/bullet_list.png") no-repeat scroll 0 7px #ffffff;color:#000;font-family:Verdana;font-size:15px;padding-bottom:9px;padding-left:12px;}
.list_article,
.list_digest,
.list_fuel,
.list_company{margin:20px 0}
.list_article,
.list_article a,
.list_digest,
.list_digest a,
.additional_resorces,
.additional_resorces a,
.list_company,
.list_company a {color:#000;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration:none;}
.more_info{color:#e2bb04;display:block;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-style:italic;margin-top:4px;}
#debug{position:absolute;top:0;left:0;width:200px;height:20px;background:#ff80ff;display:none;}
.digestTpl{margin:0 0 35px 0;}
.adsenceLargeRectbelowChart{border:0px solid #000;font-size:11px;padding:0px 0 0 0px;width:336px;height:280px;float:center;margin:15px 0px 100px 151px;}
.adsenceLeaderboard{border:0px solid #000;font-size:11px;padding:0px;width:auto;height:auto;float:center;margin:0px 0px 20px 0px;}
#clickoff{position:fixed;left:0px;top:0;width:100%;height:1500px;display:none;filter:alpha(opacity=50);opacity:0.5;}
#errorMessage{display:none;color:#f00;}
#benchmarkTable{width:710px;}
#benchmarkTableSmall{width:320px;}
#benchmarkTable td,
#benchmarkTableSmall td{text-align:right;}
#benchmarkTable .benchmarkTableCountry{text-align:left;}
#benchmarkTable .benchmarkTableCountry a,
#benchmarkTableSmall .benchmarkTableCountry a{color:#000;}
#benchmarkTableSmall .benchmarkCountryContainer{display:block;width:80px;margin:5px 0;overflow:hidden;}
#benchmarkTable .benchmarkTableHeader,
#benchmarkTableSmall .benchmarkTableHeader{font-size:15px;font-weight:bold;}
#benchmarkTable .benchmarkTableTitle,
#benchmarkTableSmall .benchmarkTableTitle{font-weight:bold;}
#benchmarkTable .benchmarkTableSubtitle,
#benchmarkTableSmall .benchmarkTableSubtitle{font-size:11px;}
.less850px{display:none;}
.footer_begin{float:left;padding-top:3px;margin:0 0 20px 0;}
.footer_end{float:right;text-align:right;}
.first_lang{padding:0px 4px 0px 0px;}


.outsideLinks_margin{margin:78px 0 0 0;}
#articlesJumpLinks,
#digestCategories{margin:0 0 50px 0;}
.digestCategories{margin:0 0 50px 0;width:200px;float:left;}
#articlesJumpLinks a,
.digestCategories a{color:#e2bb04;}
.read_next_title_big{color:#404040;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;line-height:17px;margin-bottom:10px;padding:5px 0 8px;text-transform:uppercase;}
.title_text_art{background:#ffffff url("/images/bullet_list.png") no-repeat scroll 0 7px;color:#000;font-size:14px;padding-left:20px;padding-top:3px;text-decoration:none;}
.breadcrumbs a{color:#4e4e4e;font-size:11px;font-style:italic;font-weight:bold;margin-bottom:24px;margin-top:6px;text-decoration:none;}
#fuelPricesForm input{width:200px;margin-top:5px;}
#fuelPricesForm select{width:243px;mrgin-top:5px;}
.formUserFuelPricesTpl .selectMenu,
.formUserFuelPricesTpl .formSelectCountry{background:url(../images/fuel_combo_bg.png) no-repeat;font-size:13px;}
.formUserFuelPricesTpl .selectHolder{width:203px;}
#fuelPricesForm #last_price{font-size:12px;font-style:italic;}
.ui-autocomplete-loading{background:white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;}
.payment_status.processing{background:transparent url("../images/processing.gif") 20% 20% no-repeat;background-size:contain;height:100px;}
#downloadDataTable{border-left:1px solid #cac3c3; border-bottom:1px solid #cac3c3;}
#downloadDataTable td{border-top:1px solid #cac3c3;border-right:1px solid #cac3c3; padding: 2px 3px;}
#cookies { position: fixed; bottom: 20px; left: 20px; width: 280px; height: 90px; background: #20233c; color: #fff; padding: 20px; font-size: 16px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0px 5px 20px 0px rgba(0, 0, 0, 0.19);}
#cookies #acceptCookies { position: absolute; width: 260px; right: 20px; bottom: 20px; background: #05498d; padding: 5px 10px; cursor: pointer; text-align: center; color: #fff;}

#adminHeader { height: 43px; padding: 4px 0 0 0; width: 100%; background: url(/images/header_top_bg.gif) 0 -125px repeat-x; }
#adminHeader ul { margin: 0; padding: 0; list-style: none; }
{*#adminHeader ul li { display: block; float: left; }*}
#adminHeader ul .navigationLink { display: block; padding: 13px 10px 4px 10px; color: #fff; text-decoration: none; }
#adminHeader ul .navigationHomeLink { background: url("../images/home_ico.png") 10px 4px no-repeat; display: block; padding: 13px 10px 13px 45px; color: #fff; text-decoration: none; }
#loginForm input[type=text], #loginForm input[type=password], #registrationForm input[type=text], #registrationForm input[type=password], #forgotForm input[type=text], #forgotForm input[type=password] { border: 1px solid #666; width: 187px; }
.common_input_btn {   background-color: #e2bb04;   color: #000;   cursor: pointer;   display: block;   height: 24px;   margin: 0 0 5px;   padding: 3px 5px 5px 5px;   text-align: center;   text-decoration: none;   width: 190px; border: none; border-radius: 2px; }
.registrationLink {   cursor: pointer;   text-decoration: underline; color: #e2bb04; }

#miniTabs { border-bottom: 1px solid #555; margin: 0 0 0px 0; height: 23px; font-weight: normal; font-size: 13px;}
#showCountries, #showRegions, #showCities { cursor: pointer; float: left; height: 16px; margin: 0 0 0 6px; padding: 3px 18px; }
.showCountries {margin: 0 0 0 90px !important;}
#miniTabs .selected { height: 17px; background: #fff; border-top: 1px solid #555; border-right: 1px solid #555; border-left: 1px solid #555; }
#miniTabs .deselected{ height: 16px; background: #fff; border: 1px solid #555;}

#tabsButtons { border-bottom: 1px solid #555; border-top: 1px solid #555; background: #e2bb04; margin: 0 0 20px 0; height: 31px; font-weight: normal; font-size: 14px;}
#tabButtonLatestUrl, #tabButtonUrl, #tabButtonTable { cursor: pointer; float: left; height: 20px; margin: 5px 0 0 6px; padding: 3px 18px; }

#tabsButtons .selected { background: #fff; border-top: 1px solid #555; border-right: 1px solid #555; border-left: 1px solid #555; }
#tabsButtons .deselected{ height: 19px; background: #e2bb04; border: 1px solid #555;}

#tabURL { display:none; }