/* Important colors */

.blue_mode{
    color: #fff;
    background-color: #081734;
}

.interesting{
    color: #fff;
}

.blue_mode #switchers .language,
.interesting #switchers .language{
	color: #fff;
}

.blue_mode #switchers #sites_link,
.interesting #switchers #sites_link{
	color: #007AC2;
}

.blue_mode #switchers #sites_link .small_arrow,
.interesting #switchers #sites_link .small_arrow{
	background-position: -193px -6px;
}

.blue_mode h1,
.blue_mode h2,
.blue_mode h3,
.interesting h1,
.interesting h2{
	color: #e0ffce;
}

.blue_mode #main_navigation ul li a,
.blue_mode #main_navigation ul li b,
.interesting #main_navigation ul li a,
.interesting #main_navigation ul li b {
	color: #c2c2c2;
}

.blue_mode #main_navigation ul li.selected,
.interesting #main_navigation ul li.selected{
	background-color: #ffffff;
}

.interesting #main_navigation ul li.selected a,
.interesting #main_navigation ul li.selected b {
	color: #000000;
}

.interesting #main_navigation ul li.selected a:hover{
	color: #000000 !important;
}

.gray{
	color: #b3b3b3;
}

/* Icons */

ins.icon,
ins.icon24{
	position: relative;
	display: -moz-inline-stack;
	display: inline-block;
	text-decoration: none;
	overflow: hidden;
}

ins.icon .a,
ins.icon24 .a{
	position: relative;
	width: 200px;
	height: 200px;
	display: block;
	text-decoration: none;
	background-image: url(/f/1/global/i/icons.png);
}

ins.icon24 .a{
	background-image: url(/f/1/global/i/icons24.png);
}

/* Corners */


/**
 * Layout
 */

html, body {
	height: 100%;
}

body {
	text-align: center;
}

#measurer {
	position: absolute;
	top: -1em;
	left: 0;
	visibility: hidden;
	width: 100%;
	height: 1em;
	line-height: 1em;
}

#outer {
	min-height: 100%;
	position: relative;
	z-index: 21;
}

#outer, #footer {
	min-width: 950px;
	/*max-width: 1600px;*/
	margin: auto; /* center it */
	text-align: left;
}

.interesting #outer,
.interesting #footer {
	margin: 0;
}


#header, #content {
	margin-left: 2%;
	width: 96%;
}

#header{
    height: 7em;
	z-index: 600;
	position: relative;
}

/**
 * Header
 */

#switchers{
	position: relative;
    height: 1.75em;
	z-index: 20;
	width: 100%;
}

#switchers form{
	position: relative;
	width: auto;
}

#switchers .search_form{
	float: right;
	margin-left: 1em;
	margin-top: 0.2em;
	width: 17em;
}

#switchers .search_form ins.icon{
	left: 0.5em;
	width: 10px;
	height: 10px;
	cursor: pointer;
	vertical-align: middle;
}

#switchers .search_form ins.icon .a{
	left: -14px;
}

.blue_mode .search_form ins.icon .a,
.interesting .search_form ins.icon .a{
	top: -10px;
}

#switchers .language{
	float: right;
	color: #000;
	margin: 0.4em 0 0 1.2em;
	z-index: 4;
}

#switchers .language a:visited{
	color: #000000;
}

.blue_mode #switchers .language a:visited,
.interesting #switchers .language a:visited{
	color: #ffffff;
}

#switchers .language p{
	font-size: 0.7em;
	margin: 2px 0 2px 0;
	position: relative;
	z-index: 4;
}

#switchers .sitemap{
	float: right;
	font-size: 0.7em;
	margin: 0.7em 0 0 1.5em;
}

#switchers .language p .icon24{
	position: absolute;
	top: 0;
	left: -20px;
	width: 17px;
	height: 17px;
}

#switchers .language p .a{
	left: -52px;
	top: -2px;
}

#switchers .allsites{
	position: relative;
	float: right;
	margin: 0.6em 0 0 0;
}

#switchers .allsites .small_arrow{
	display: inline-block;
	position: relative;
	width: 7px;
	height: 4px;
	right: -4px;
	margin-right: -7px;
	top: 0.1em;
	background: url(/f/1/global/i/icons.png) no-repeat -193px 0;
}

#switchers .allsites a{
	color: #000;
}

.feedback{
	position: relative;
	float: right;
	margin: 0.4em 0 0 1em;
	z-index: 905;
}

.feedback .feedback_icon{
	display: block;
	margin: -0.1em 0 0 0;
	position: relative;
	z-index: 920;
	outline: none;
	text-decoration: none;
	cursor: pointer;
}

.feedback .feedback_icon .icon{
    width: 12px;
	height: 10px;
	display: block;
	top: 0.45em;
}

.blue_mode .feedback .feedback_icon .a,
.interesting .feedback .feedback_icon .a{
	top: -32px;
}

.feedback .feedback_icon span{
	position: absolute;
	display: none;
	color: #007ac2;
	font-size: 10px;
	/*width: 8em;*/
	border-bottom: 1px dashed #007ac2;
	left: -8.5em;
	top: 4px;
}

.feedback div.hover .a,
.blue_mode .feedback div.hover .a,
.interesting .feedback div.hover .a{
	top: -10px;
}

.feedback div.active .a,
.blue_mode .feedback div.active .a,
.interesting .feedback div.active .a{
	top: -20px;
}

.feedback .active span{
	display: block;
}

.feedback .feedback_form{
	position: absolute;
	display: none;
	top: -0.55em;
	right: -150px;
	padding: 0 0 60px 0;
	font-family: Times New Roman;
	font-size: 0.9em;
	color: #7f7f7f;
	z-index: 910;
}

.feedback .feedback_form form{
	padding: 45px 31px 0 40px;
	background-color: #fff;
	width: 315px !important;
}

.feedback .feedback_form .feedback_background{
	position: absolute;
	left: -14px;
	bottom: 40px;
	width: 423px;
	height: 1000px;
	background: transparent url(/f/1/global/i/feedback_bg_body.png) left bottom repeat-y;
}

.feedback .feedback_form .feedback_background_bottom{
	position: absolute;
	left: -14px;
	bottom: 0;
	width: 423px;
	height: 40px;
	background: transparent url(/f/1/global/i/feedback_bg_down.png) left bottom no-repeat;
}

.feedback .feedback_form label{
	display: block;
	width: 14em;
	margin-bottom: 0.3em;
}

.feedback .feedback_form .wide{
	width: 100%;
}

.feedback .feedback_form .submit_button{
	text-align: center;
	margin: 0.5em 0 0 0;
}

.feedback_form .message{
	height: 7.5em;
}

.feedback_form .from_name,
.feedback_form .from_email{
	font-size: 1em;
}

#logo {
	float: left;
	width: 25%;
}

#logo img{
	position: relative;
}

#logo a,
#logo b{
	display: block;
	width: 172px;
	height: 82px;
	position: relative;
	margin-left: 16px;
}

/* Main navigation */

#main_navigation {
	float: left;
	margin: 23px 0 0 -0.5em;
}

#main_navigation ul {
	margin: 0;
}

#main_navigation ul li {
	display: inline;
	margin: 0 0.5em;
	font-weight: bold;
}

#main_navigation ul li a,
#main_navigation ul li b {
	font-size: 0.9em;
	color: #595959;
	position: relative;
	z-index: 2;
}

#main_navigation ul li.selected{
	display: -moz-inline-stack;
	display: inline-block;
	background-color: #007AC3;
	margin: 0;
	padding: 0 0.5em;
}

#main_navigation ul li.selected a,
#main_navigation ul li.selected b {
	color: #ffffff;
	position: relative;
	z-index: 2;
}

/**
 * Content
 */

#content {
	clear: both;
	position: relative;
	padding-bottom: 9em;
	z-index: 500;
}


/* Search form */

#search_form {
	position: absolute;
	top: 0.2em;
	right: 0;
	font-size: 0.8em;
	background-color: #dbdbda;
	padding: 4px 7px 4px 15px;
	z-index: 2;
}

#search_form input {
	vertical-align: middle;
}

.search_form .search{
	font-size: 0.8em;
}


/* Thermometer (navigation path) */

#thermometer{
	position: relative;
	height: 2em;
	overflow: hidden;
}

#thermometer ul{
	margin: 1em 0 0 25%;
	line-height: 1;
}

#thermometer ul li{
	display: inline;
	font-size: 0.7em;
	color: #000;
	margin: 0;
}

.interesting #thermometer ul li,
.interesting #thermometer ul li a{
    color: #fff;
}

#thermometer ul li a{
	color: #000;
}


/* Sub menu */

.left_column{
    position: absolute;
	top: 2em;
	width: 17%;
	left: 16px;
	z-index: 600;
}

.round_technology{
	position: relative;
	top: 5em;
}

.round_technology a{
	display: block;
	width: 153px;
	padding: 153px 0 0 0;
	text-align: center;
	font-size: 0.7em;
	font-style: italic;
}

.round_technology img{
	position: absolute;
	left: 0;
	top: 0;
}

.sub_menu{
	position: relative;
}

.sub_menu ul{
    position: relative;
	z-index: 5;
	/*padding-left: 1em;*/
	margin: 0.5em 0;
}

.sub_menu li{
	line-height: 1.4;
}

.sub_menu ul ul{
	padding-left: 0;
	padding-right: 1em;
	margin-left: 1em;
}

.sub_menu ul ul ul{
	padding-right: 0;
}

.sub_menu ul li a,
.sub_menu ul li b{
	position: relative;
	overflow: hidden;
	display: block;
	font-size: 0.8em;
	padding: 0 0.5em;
}

.sub_menu ul li a:visited{
	color: #007AC2;
}

.tech_page .sub_menu ul li a,
.tech_page .sub_menu ul li b{
	font-size: 0.7em;
}

.tech_page .sub_menu ul li a:visited{
	/*color: #EDE783;*/
}

.sub_menu ul li a span{
	position: relative;
	z-index: 10;
}

.interesting .sub_menu ul li b.selected{
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
}

.sub_menu ul li b.selected{
	background-color: #007AC3;
	color: #ffffff;
	font-weight: normal;
}

.sub_menu ins{
    position: absolute;
	width: 100%;
	height: 100%;
	background-color: #fff;
	opacity: 0.8;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=80)";
}

.interesting .sub_menu ins{
    display: none;
}


/* Columns */

.columns{
    clear: left;
	width: 100%;
	margin-bottom: 1.75em;
}

.main_content{
	position: relative;
}

.extra_content{
    position: relative;
}

.extra_content .columns{
	margin-bottom: 0;
}

.col_75{
	float: left;
    width: 75%;
	margin: 0 !important;
}

.col_70{
	float: left;
    width: 70%;
	margin: 0 !important;
}

.col_50{
	float: left;
    width: 50%;
	margin: 0 !important;
}

.col_30{
	float: left;
    width: 30%;
	margin: 0 !important;
}

.col_25{
	float: left;
    width: 25%;
	margin: 0 !important;
}


/**
 * Footer
 */

#footer {
	clear: both;
	height: 9em;
	margin-top: -9em;
	position: relative;
	z-index: 100;
}

.copyright_container{
	width: 96%;
	margin-left: 2%;
	position: relative;
}

#copyright {
	position: absolute;
	color: #000000;
	left: 25%;
	margin: 45px 0 0 0;
	width: 30%;
	font-size: 0.7em;
}

#copyright p {
	margin: 0;
}

#copyright img {
	margin-bottom: -11px;
	position: relative;
}

#copyright .vbar {
	margin: 0 1em;
}

#footer #pdf{
	position: absolute;
	font-size: 0.7em;
	top: 45px;
	left: 16px;
	padding-left: 55px;
	width: 14em;
}

#footer #pdf .icon24{
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 62px;
}

#footer #pdf .icon24 .a{
	left: 0px;
}

#footer #pdf a{
	font-style: italic;
}

#footer #pdf span{
	display: block;
}


/**
 * For fading content
 * Used when displaying popup blocks
 */

#fader {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.5;
}

/**
 * Flame effect on hover links
 */

.flame{
	position: absolute;
	left: -993px;
	bottom: 0;
	width: 993px;
	height: 104px;
	background: url(/f/1/global/i/flame.png) left bottom no-repeat;
}

.error_center{
	position: relative;
	margin-left: 50%;
	padding-top: 2em;
	left: -6em;
}


/**
 * All sites link
 */

.pseudo_link {
	text-decoration: none;
	color: #2e4f9d;
	border-bottom: 1px dashed;
	cursor: pointer;
}

.pseudo_link:hover {
	color: #00adef !important;
}

.allsites{
	float: right;
	font-size: 0.7em;
}

.allsites .pseudo_link{
	color: #000;
	position: relative;
	z-index: 901;
}

.allsites .pseudo_link .icon{
	position: absolute;
	height: 4px;
	right: -1em;
	top: 0.6em;
	vertical-align: middle;
	width: 7px;
}

#sites_list{
	position: absolute;
	border: 1px solid #878787;
	padding: 3em 1.5em 1.5em 1.5em;
	background-color: #fff;
	z-index: 900;
	top: -0.5em;
	left: -1.5em;
}

#sites_list .closer{
	position: absolute;
	top: -0.1em;
	right: 0;
	font-size: 2em;
	height: 1em;
	width: 1em;
	cursor: pointer;
}

#sites_list .active{
	color: #00ADEF;
}

#sites_list ul{
	margin-bottom: 0;
}

#sites_list ul li{
	margin-bottom: 0.85em;
}

#sites_list .chooser{
	position: relative;
	margin-bottom: 0.6em;
}

#sites_list .chooser div{
	display: inline;
	font-weight: bold;
	margin-right: 1em;
	white-space: nowrap;
	color: #007AC2;
	padding: 0.2em;
	padding-bottom: 0;
}

#sites_list .chooser div.selected{
	background-color: #007AC2;
	color: #fff;
	padding: 0.2em;
}

.allsites_list{
	width: 25em;
}

.subs_sites_list{
	position: relative;
	width: 42em;
	overflow: auto;
	height: 30em;
}

.subs_sites_list ul{
	float: left;
	width: 20em;
}

#sites_link.active{
	z-index: 951;
}

#sites_list.active{
	z-index: 950;
}
.blue_mode .allsites_list a:hover,
.blue_mode .subs_sites_list a:hover {
	color: #00adef !important;
}