body {
/* IE6 3px gap */
	width: 100%;
	background: #000;
	background-image: url(../img/background.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	overflow-x: hidden;
	color: #bcbec0;
	font-size: 14px;
	font-family: Arial;

}
h1 {
	color: #e9b01c;
	font-size: 20px;
	margin: 16px 0 23px 0;
	font-weight: bold;
}
h2 {
	font-size: 18px;
	color: #e9b01c;
	font-weight: bold;
	margin: 10px 0;
}
h3 {
	font-size: 16px;
	font-weight: bold;
	color: #bcbec0;
	margin: 7px 0px 5px 0px;
}
a {
	color: #eada8f;
	font-size: 14px;
	text-decoration: underline;
}
a:hover {
	color: #fff;
}
a.small {
	font-size: 11px;
	line-height: 11px;
}
b, strong {
	font-weight: bold;
}
i, em {
	font-style: italic;
}
div.right {
	text-align: right;
}
div.preload {
	display: none;
}
div#wrapper {
	margin: 0 auto;
	width: 950px;
	height: 100%;
}
div#topwrap {
	width: 100%;
	height: 50px;
	background: #000;
	background: url(../img/border_top_left.png) no-repeat 0 0;
	text-align: right;
	position: relative;
}
div#oilrush-logo {
	position: absolute;
	left: 20px;
	width: 385px;
	height: 150px;
	z-index: 200;
}
div#top {
	position: absolute;
	left: 404px;
	width: 546px;
	height: 50px;
	background: url(../img/border_top_right.png) no-repeat 0 0;
	padding-top: 9px
}
div#user_navigation {
	position: absolute;
	top: 2px;
	right: 180px;
}
div#user_navigation a {
	text-decoration: none;
	color: #fff;
	font-size: 11px;
}
div#user_navigation a#user_link {
	font-size: 12px;
	position: relative;
	display: inline-block;
	line-height: 36px;
	padding: 1px 12px;
	text-align: left;
}
div#user_navigation a#user_link:hover {
	padding: 0px 11px;
	border: 1px solid #616161;
}

/* login form */
div#registration-wrap {
	position: absolute;
	left: 200px;
	top: 14px;
	z-index: 500;
	width: 165px;
	height: 20px;
}
div#registration-wrap a {
	text-decoration: none;
}
a#registration {
	display: block;
	background: url(../img/top_registration.png) no-repeat 0 7px;
	width: 85px;
	height: 20px;
	float: left;
}
img.dots {
	float: left;
	margin: 4px 9px;
}
a#sign_in {
	float: left;
	display: block;
	width: 58px;
	height: 20px;
	background: url(../img/button_sign_in.png) no-repeat 0 0;
}

div#sign_in_wrapper {
	background-color: #464646;
	background-color: rgba(70, 70, 70, 0.6);
	padding: 4px;
	-webkit-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 12px 25px rgba(0, 0, 0, 0.7 );
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	position: fixed;
	z-index: 9999;
	display: none;
	width: 600px;
}
div.popupInner {
	background: #000;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: left;
	font-size: 13px;
}
div.popupInner a {
	font-size: 13px;
}
div.popupClose {
	position: absolute;
	right: 16px;
	top: 12px;
}
div.popupClose:hover {
	cursor: pointer;
}
form#login-top {
}
.popupInner h3 {
	background: #191919;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	padding: 8px 10px 9px;
	margin: 0;
}
.popupInner #ips_username, .popupInner #ips_password {
	width: 315px;
	font-size: 18px;
	background: #fff;
	color: #000;
	padding: 4px;
	border-width: 1px;
	border-color: #454545;
	border-style: solid;
}
.ipsField_content {
	margin-left: 200px;
}
li.ipsField {
	margin-bottom: 15px;
}
li.ipsField_checkbox {
	margin: 0 0 5px 200px;
}
.ipsField_checkbox input {
	float: left;
	margin-top: 3px;
}
.ipsField_checkbox .ipsField_content {
	margin-left: 25px;
}
.ipsForm_center {
	text-align: center;
}
.ipsForm_submit {
	background: #000;
	border-top: 1px solid #454545;
	margin-top: 25px;
	padding: 5px 10px;
}
.ipsButton {
	background: #000;
	border: 1px solid #454545;
	color: #a1a1a1;
	cursor: pointer;
	display: inline-block;
	font: 300 12px/30px Helvetica,Arial,sans-serif;
	height: 30px;
	min-width: 125px;
	padding: 0 10px;
	text-align: center;
}
.ipsButton:hover {
	border-color: #e9b01c;
	color: #e9b01c;
}
label.ipsField_title {
	float: left;
	line-height: 1.8;
	padding-right: 15px;
	text-align: right;
	width: 185px;
	font-size: 15px;
	font-weight: bold;
}
.desc.lighter {
	color: #646464;
	font-size: 12px;
}
.modal {
	background: #3e3e3e;
	opacity: 0.4;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 8888;
}
a#unigine {
	display: block;
	position: absolute;
	top: 0px;
	left: 389px;
	width: 153px;
	height: 43px;
	background: url(../img/top_logo_unigine.png) no-repeat 0 0;
}
a#unigine:hover {
	background: url(../img/top_logo_unigine_selected.png) no-repeat 0 0;
}
div#main {
	clear: both;
	margin-top: 38px;
}
div.clear {
	clear: both;
}
div#left {
	width: 663px;
	background: url(../img/border_main_top.png) no-repeat 0 0;
	margin-right: 10px;
	float: left;
}
div#wide_left {
	width: 100%;
	background: url(../img/border_main_top_wide.png) no-repeat 0 0;
	float: left;
	position: relative;
}
div#contentwrapperleft {
	background: url(../img/border_main_left.png) no-repeat 0 0;
	min-height: 513px;
}
div#contentwrapperright {
	background: url(../img/border_main_right.png) no-repeat 100% 0;
	min-height: 513px;
}
div#imageroulette {
	position: relative;
	width: 629px;
	height: 238px;
	margin-left: 19px;
}
div#imageroulette_bg {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: -1;
}
div#imageroulette img, div#imageroulette object {
	position: relative;
	z-index: -1;
}
div#indicator {
	position: absolute;
	right: 20px;
	bottom: 15px;
}
div#indicator div.square {
	float: left;
	width: 11px;
	height: 19px;
	padding-right: 4px;
	background: url(../img/roulette/indicator/square_simple.png) no-repeat 0 0;
	cursor: pointer;
}
div#indicator div.before {
	padding-right: 0;
}
div#indicator div.active {
	padding-right: 0;
	width: 19px;
	background: url(../img/roulette/indicator/square_selected.png) no-repeat 0 0;
}

div#indicator div#indicator-progress-empty {
	clear: both;
	width: 100%;
	height: 2px;
	background: url(../img/roulette/indicator/progress_bar_bg.png) repeat-x 0 0;
	margin-left: 4px;
}
div#indicator div#indicator-progress {
	width: 0;
	background: #ffc002;
	height: 2px;
	line-height: 0;
}
div#contetwraptileright {
	background: url(../img/border_main_tile_right.jpg) repeat-y 100% 0;
}
div#content {
	background: url(../img/border_main_tile_left.jpg) repeat-y 0 0;
	background-color: #000;
	margin: 0px 15px 0 0px;
	padding: 23px 48px 23px 63px;
	line-height: 1.5;
	min-height: 550px;
}
div#content.wide {
	padding: 23px 48px 23px 63px;
}
div#content ul {
	margin: 0px 23px;
}
div#content ul li {
	line-height: 1.2;
	list-style-type: square;
    margin-top: 5px;
}
div#content p {
	line-height: 1.2;
	margin-top: 5px;
}
/* hack wide version borders */
div#wide_leftborder_hack {
	position: absolute;
	left: 0px;
	top: 109px;
	background: url(../img/border_main_left.png) no-repeat 0 0;
	height: 513px;
	width: 35px;
}
div#wide_rightborder_hack {
	position: absolute;
	left: 927px;
	top: 109px;
	height: 513px;
	width: 24px;
	background: url(../img/border_main_right.png) no-repeat 0 0;
}
/* left block bottom */
div#leftbottom {
	position: relative;
	top: 20px;
	width: 623px;
	height: 43px;
	background: url(../img/border_main_bottom.png) no-repeat 40px 0; 
}
div#leftbottom.wide {
	width: 911px;
	background: url(../img/border_main_bottom_wide.png) no-repeat 40px 0; 
}
div#leftbottomleft {
	position: absolute;
	top: -175px;
	left: 0;
	height: 202px;
	width: 40px;
	background: url(../img/border_main_bottom_left.png) no-repeat 0 0px;
	float: left;
}
div#leftbottomright {
	position: absolute;
	top: -175px;
	left: 623px;
	height: 218px;
	width: 97px;
	background: url(../img/border_main_bottom_right.png) no-repeat 0 0px;
	display: inline;
}
div#leftbottomright.wide {
	left: 910px;
}
/* IE6 3px gap */
* html div#leftbottomright {
	margin-left: 563px;
}

div#right {
	float: left;
	margin-top: 11px;
}
div#right div.infowrap {
	position: relative;
	width: 277px;
	background: url(../img/border_small_top.png) no-repeat 0 0;
}
div#right div.infobg {
	position: relative;
	top: 85px;
	width: 277px;
	background: url(../img/border_small_tile.png) repeat-y 0 0;
	min-height: 200px;
}
div#right div.info {
	padding: 0 40px;
}
div#right div.info a {
	color: #bcbec0;
}
div#right div.info a.readmore {
	color: #eada8f;
	text-decoration: underline;
}
div#right div.info a.readmore:hover {
	color: #fff;
}
div#right div#newsblock div.info {
	padding: 0 34px;
}
div#newsblock div.news {
	margin-bottom: 16px;
}
div#right div.small_left_top {
	position: absolute;
	top: 85px;
	left: 0;
	width: 39px;
	height: 270px;
	background: url(../img/border_small_top_l.png) no-repeat 0 0;
}
div#right div.small_right_top {
	position: absolute;
	top: 85px;
	left: 238px;
	width: 39px;
	height: 270px;
	background: url(../img/border_small_top_r.png) no-repeat 0 0;
	background: url(../img/border_small_top_r.png) no-repeat 0 0;
}
div#right div.small_left_bottom {
	position: absolute;
	top: -66px;
	left: 0;
	height: 66px;
	width: 20px;
	background: url(../img/border_small_bottom_l.png) no-repeat 0 0;
}
div#right div.small_right_bottom {
	position: absolute;
	top: -66px;
	left: 241px;
	height: 66px;
	width: 37px;
	background: url(../img/border_small_bottom_r.png) no-repeat 0 0;
}

div#right div.infobottom {
	position: relative;
	top: 85px;
	width: 277px;
	height: 56px;
	margin: 0 0 84px -1px;
	background: url(../img/border_small_bottom.png) no-repeat 0 0;
}
div#right div.infobottomtext {
	position: absolute;
	width: 197px;
	bottom: 45px;
	text-align: right;
	margin: 0 40px;
}
div#right div.infotitle {
	position: absolute;
	top: 30px;
	margin: 0 40px;
	text-align: center;
}

div#footer-up {
	padding-top: 28px;
	width: 100%;
	clear: both;
	text-align: center;
	color: #858585;
}
div#social {
	font-size: 13px;
	padding: 40px 0;
	position: relative;
	text-align: left;
	margin-left: 121px;
}
div#social-buttons {
	position: absolute;
	top: 40px;
	right: 210px;
	margin-top: 3px;
}
div#social-buttons a {
	position: absolute;
	top: -7px;
	display: block;
	width: 28px;
	height: 28px;
}
img#bottom-dots {
	margin-right:25px;
}
div#social-buttons a#social-facebook {
	left: 130px;
	background: url(../img/twitter_facebook.jpg) no-repeat -28px 0;
}
div#social-buttons a#social-facebook:hover {
	background: url(../img/twitter_facebook.jpg) no-repeat -28px -28px;
}
div#social-buttons a#social-twitter {
	left: 163px;
	background: url(../img/twitter_facebook.jpg) no-repeat 0 0;
}
div#social-buttons a#social-twitter:hover {
	background: url(../img/twitter_facebook.jpg) no-repeat 0 -28px;
}
form#mailman-form input#email {
	width: 200px;
	height: 14px;
	font-size: 9px;
	color: #858585;
	margin: 0;
	padding: 2px 3px 0 3px;
	border: 1px solid #858585;
	background: #000;
}
form#mailman-form label {
	color: #fff
}
form#mailman-form input#mailman-submit {
	font-size: 13px;
	width: 76px;
	height: 18px;
	border: 1px solid #858585;
	color: #fff;
	background: #3b3b3b;
	padding-bottom: 2px;
	vertical-align: bottom;
	cursor: pointer;
}
form#mailman-form input#mailman-submit:hover {
	background: #696969;
}
div#platforms {
	text-align: center;
	position: relative;
	margin-bottom: 15px;
	color: #383838;
	font-size: 14px;
	margin-left: 21px;
}
div#platforms img {
	margin-right: 25px;
	margin-top: 10px;
}
div#platforms .game-platforms {
	line-height: 66px;
	display: inline-block;
	height: 43px;
	vertical-align: top;
	margin-right: 25px;
}
div#footer-down {
	text-align: center;
	border-top: 1px solid #858585;
	height: 50px;
	padding-top: 15px;
	font-size: 11px;
	line-height: 14px;
}
div#footer-down a {
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}


div.header {
	height: 19px;
	margin: 0 0 23px 0;
}
div.news {
	margin-bottom: 18px;
	line-height: 1.2;
}
div.news-title {
	color: #e9b01c;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
h1.widget {
	margin: 7px 0px;
	width: 197px;
	padding: 2px 0;
}
h1#oilprice-header {
	background: #323031;
	color: white;
}
h1#last-news {
	margin-top: 14px;
}
h2.last-news {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 2px;
}
span.news-date {
	margin-right: 3px;
	font-weight: normal;
	font-size: 12px;
}
h1 span.news-date {
	font-size: 15px;
	margin-left: 3px;
}
div#oilprice-summary {
	text-align: left;
}
div#oilprice-buttons {
	margin: 8px 0px 20px 1px;
	text-align: center;
}
a.oilprice-button {
	display: inline-block;
	width: 44px;
	height: 20px;
	color: #bcbec0;
	font-size: 15px;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
}
div#right div.info a.oilprice-selected {
	color: #000;
	background: url(../img/button_selected.png) no-repeat 0 0;
}
span.oilprice {
	color: white;
	font-size: 18px;
}
span.oilchange {
	font-size: 15px;
	color: #E9B01C;
	font-weight: bold;
	margin-left: 15px;
}
div.oilprice-date {
	padding: 7px 0;
	font-size: 10px;
	color: #fff;
}
table#oiltable caption {
	color: #E9B01C;
	font-size: 16px;
	border-top: 1px solid #E9B01C;
	padding-top: 15px;
	font-weight: bold;
	text-align: center;
}
table#oiltable td {
	color: #8f8e8e;
	font-size: 14px;
	padding: 17px 0 10px 0;
}
table#oiltable tr#oiltable-gas td {
	border-top: 1px solid #5c5b58;
	padding: 10px 0 0 0;
}
table#oiltable td.priceup {
	color: #199a00;
	text-align: right;
}
table#oiltable td.pricedown {
	color: #d60000;
	text-align: right;
}
div.preview_wrap {
	float: left;
	width: 256px;
	height: 144px;
	margin: 2px 28px 31px 0px;
	position: relative;
}
div.preview_wrap_last {
	margin: 2px 0px 31px 0px;
}
div.preview_bg {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 256px;
	height: 144px;
	background: url(../img/screenshots_bg.png) no-repeat 0 0;
	z-index: 100;
	cursor: url(../img/zoomin.cur), pointer !important;
}
div.preview_bg:hover {
	background: url(../img/screenshots_bg_selected.png) no-repeat 0 0;
}
div.screenshot-title {
	text-align: center;
	font-size: 12px;
	color: #333333;
}
div.preview_wrap a {
	text-decoration: none;
}
div.preview_wrap div.hover {
	color: #e9b01c;
}
div.breadcrumbs {
	color: #eada8f;
	margin-bottom: 23px;
}
span.inactive {
	color: #bcbec0;
}
a#preorder-button {
	display: block;
	height: 132px;
	width: 277px;
	margin-bottom: 10px;
	background: url(../img/button_preorder.png) no-repeat 0 0;
}
a#preorder-button:hover {
	background: url(../img/button_preorder.png) no-repeat -277px 0;
}
div.quote {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
	color: #E9B01C;
}
span.quote_author {
	color: #BCBEC0;
	font-weight: bold;
}

div.collapsible span:before {
	content: '+';
	position: absolute;
	height: 13px;
	width: 13px;
	border: 1px solid #ccc;
	top: 2px;
	left: 0;
	text-align: center;
	display: block;
	line-height: 13px;
	font-size: 14px;
	font-family: Serif, serif;
}

div.collapsible span.opened:before {
	content: '-';
}

div.collapsible span {
	text-decoration: underline;
	cursor: pointer;
	position: relative;
	padding-left: 19px;
}