@charset "utf-8";

/* font color variants */
.gray 		{color: #818181;}
.light-gray {color: #EAEAEA;}
.dark-gray 	{color: #424242;}
.white 		{color: #FFFFFF;}
.dark-red 	{color: #CC0000;}
.red 		{color: #FF0000;}
.orange 	{color: #FF9C00;}
.light-blue {color: #37B1FF;}
.blue 		{color: #0055C1;}
.light-green {color: #F0FF10;}

/* font weight variants */
.bold 	{font-weight:bold;}
.italic {font-style:italic;}
.normal {font-weight:normal;}

/* bgr colors */
.white-bgr {background-color: #FFFFFF;}
.black-bgr {background-color: #000000;}

/* font size variants */
.xxxsmall 	{font-size: 8px;}
.xxsmall 	{font-size: 9px;}
.xsmall 	{font-size: 10px;}
.small 		{font-size: 11px;}
.normal 	{font-size: 12px;}
.medium 	{font-size: 13px;}
.large 		{font-size: 14px;}
.xlarge 	{font-size: 15px;}
.xxlarge 	{font-size: 16px;}
.xxxlarge 	{font-size: 17px;} 

div.half 	{line-height: 50%}
div.quarter {line-height: 25%}
div.mini 	{line-height: 5%}

/*table {font-size: 11px;}*/

.gray-grad-bgr
{
	color: #000000;
	background-color: #777777;
	background-image: url("gray_gradient_bgr.png");
	background-repeat: repeat-x;
	height: 180px;
	border: 1px dotted gray;
}

/*
.black-grad-header
{
	background-image: url("black_grad_header2.gif"); background-repeat: repeat-x; height: 25px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0px;
}
*/

a:link 		{color: #FF0000;font-weight: bold;text-decoration: none;}
a:visited 	{color: #FF0000;font-weight: bold;text-decoration: none;}
a:active 	{color: #FFFF00;font-weight: bold;text-decoration: none;}
a:hover 	{color: #FFFF00;font-weight: bold;text-decoration: none;}
a:focus 	{color: #FFFF00;font-weight: bold;text-decoration: none;}

.xa:link 		{color: #aaaaaa;font-weight: bold;text-decoration: none;}
.xa:visited 	{color: #aaaaaa;font-weight: bold;text-decoration: none;}
.xa:active 	{color: #FFFF00;font-weight: bold;text-decoration: none;}
.xa:hover 	{color: #FFFF00;font-weight: bold;text-decoration: none;}
.xa:focus 	{color: #FFFF00;font-weight: bold;text-decoration: none;}

a img {border: 0px;}

a img.dark-border { border: 1px solid #424242; }

a.white-lnk:link 		{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.white-lnk:visited 	{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.white-lnk:active 		{color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.white-lnk:hover 		{color: #FFFFFF; font-weight: bold; text-decoration: none;} 
a.white-lnk:focus 		{color: #FFFFFF; font-weight: bold; text-decoration: none;} 

a.green-lnk:link 		{color: #9B9D0F; font-weight: bold; text-decoration: underline;}
a.green-lnk:visited 	{color: #61710F; font-weight: bold; text-decoration: underline;}
a.green-lnk:active 		{color: #FF9500; font-weight: bold; text-decoration: underline;}
a.green-lnk:hover 		{color: #FF9500; font-weight: bold; text-decoration: underline;}
a.green-lnk:focus 		{color: #FF9500; font-weight: bold; text-decoration: underline;}

a.green-lnk-clean:link 		{color: #9B9D0F; font-weight: bold; text-decoration: none;}
a.green-lnk-clean:visited 	{color: #61710F; font-weight: bold; text-decoration: none;}
a.green-lnk-clean:active 	{color: #FF9500; font-weight: bold; text-decoration: none;}
a.green-lnk-clean:hover 	{color: #FF9500; font-weight: bold; text-decoration: none;}
a.green-lnk-clean:focus 	{color: #FF9500; font-weight: bold; text-decoration: none;}

body {
	margin: 0px;
	padding: 0px;
	background-color: #131313;
	background-image: url("page_bgr.gif");
	background-repeat: repeat-x;
	background-position: top;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
#page-container {
	margin: 0px auto 0px auto;
	padding: 24px 0px 0px 0px;
	text-align: center;
	width: 950px;
	background: #000000;
}
#content-outer
{
	font-size: 13px;
	color: #F9F9F9;
	background-color: #000000;
	margin: 0px 46px 12px 46px;
	text-align: center;
}
.content
{
	/*font-size: 13px;*/
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
	text-align: left;
	
}
#logo
{
	width: 216px;
	text-align: right;
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-size: 0px;
}
#main-menu
{
	margin: 0px;
	vertical-align: top;
	padding: 3px 0px 0px 12px;
	background-image: url("main_menu_bgr.jpg");
	background-repeat: no-repeat;
	font-size: 0px;
}
#lang-menu
{
	padding-left: 12px;
	color: #818181;
	font-size: 10px;
	font-weight:bold;
	line-height: 20px;
}
#header
{
	height: 60px;
	margin: 0px;
	padding: 0px;
	margin-bottom: 31px;
}
#main-menu a, #logo a {font-size: 12px; font-weight: bold; text-decoration: underline;}
#main-menu a:link, #logo a:link			{color: #000000;}
#main-menu a:visited, #logo a:visited 	{color: #000000;}
#main-menu a:active, #logo a:active 	{color: #000000;}
#main-menu a:hover, #logo a:hover 		{color: #000000;}
#main-menu a:focus, #logo a:focus 		{color: #000000;}
/*#main-menu-lines { width: 564px; height: 9px; margin-top: 4px; background-image: url("main_mnu_lines.gif"); background-repeat: repeat-x; }*/
#footer-bgr
{
	width: 843px;
	height: 60px;
	margin: auto;
	background: #000000;
	background-image: url("footer_logo.jpg"); background-repeat: no-repeat;
}
#footer
{
	padding-top: 15px;
	text-align: center;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 19px;
	height: 28px;
}
#footer a:link 		{color: #FFFFFF; font-weight: normal; text-decoration: none;}
#footer a:visited 	{color: #FFFFFF; font-weight: normal; text-decoration: none;}
#footer a:active 	{color: #FF0000; font-weight: normal; text-decoration: none;}
#footer a:hover 	{color: #FF0000; font-weight: normal; text-decoration: none;} 
#footer a:focus 	{color: #FF0000; font-weight: normal; text-decoration: none;}
.article-content
{
	font-size: 13px;
	color: #FFFFFF;
	background: #000000;
	padding: 0px;
	margin: 0px;
}
.breadcrumb
{
	font-size: 14px;
	font-weight: bold;
	color: #212121;
}
.line-decor1
{
	background-image: url("line_decor5.gif"); background-repeat: repeat-x;
	height: 6px;
}
.gray-border
{
	border: 1px dotted #848484;
}
.padding-rgt-6px { padding: 0px 6px 6px 0px; }
.padding-lft-6px { padding: 0px 0px 6px 6px; }
.padding-rgt-12px { padding: 0px 12px 12px 0px; }
.padding-lft-12px { padding: 0px 0px 12px 12px; }

.margin-rgt-6px { margin: 0px 6px 6px 0px; }
.margin-lft-6px { margin: 0px 0px 6px 6px; }
.margin-rgt-12px { margin: 0px 12px 12px 0px; }
.margin-lft-12px { margin: 0px 0px 12px 12px; }

/* news box - home page - BEGIN */
.news-box
{
	width: 350px;
	font-size: 13px;
	vertical-align: top;
	padding-right: 6px;
	padding-top: 20px;
}
.news-box-item
{
	background-color: #1F1F1F;
	color: #FFF;
	float: left;
	width: 100%;
	vertical-align: top;
	margin-bottom: 12px;
	width: 326px;
	padding: 12px;
	background-image: url("news_box_item_bgr.gif");
	background-repeat: repeat-x;
}
.news-box-item-img
{
	float: left;
	border: 1px solid #141414;
	margin: 0px 8px 8px 0px;
}
.news-box-item-title
{
	font-weight: bold;
	color: #88dcff;
	margin-bottom: 6px;
}
.news-box-item-subtitle
{
	font-size: 11px;
	color: #6cafcc;
}
.news-box-item-lead
{
	margin-top: 12px;
	font-size: 11px;
	line-height: 15px;
	color: #FFF;
	font-weight: normal;
}
.news-box a:hover > div {color: #fff507;} /* link color for news-box */
.news-box a:hover > div.news-box-item-lead {color: #fff5A7;} /* link color for news-box */
/* news box - home page - END */
/* supported platforms box - home page - BEGIN */
.platform-box
{
	padding-left: 48px;
}
/* supported platforms box - home page - END */
/* article - BEGIN */
.article-title
{
	color: #88DCFF;
	font-size: 15px;
	font-weight: bold;
}
.article-subtitle
{
	color: #6CAFCC;
	font-size: 12px;
	font-weight: bold;
}
.article-image-primary
{
	margin: 0px 12px 12px 0px;
	border: 1px solid #141414;
}
.article-image
{
	margin: 0px 12px 12px 0px;
	border: 1px solid #141414;
	background-color: #000;
	color: #000;
}
/* article - END */