﻿/*/////////////////////////////////////////////////////////////////////////
Description: Global styles

Content in this CSS-file:
    - Overall settings
    - Portal.Master DIVS
    - Header
    - Small menu
    - Master menu
    - Footer
    - Error page

/////////////////////////////////////////////////////////////////////////*/

/*====================================================
    GLOBAL.CSS
====================================================*/
* {
    margin: 0; padding: 0;
}
html,body {
    height: 100%;
}
body {
    margin: 0; padding: 0; text-align: center; font: 11px/1.4em arial; color: #25272a; background: #f9f9f9 url(Images/layout/body_bg.gif) repeat-x;
}

/*
	##### GLOBAL SETTINGS #####
*/
img, img a, img a:hover {
    border: 0; display: block;
}
input, select, textarea {
    font-size: 1em; font-family: Arial;
}
a {
    color: #3C6980; text-decoration: underline;
}
a:hover {
    color: #3C6980; text-decoration: none;
}
div#shadow100 {
    width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; z-index: 30; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6;
    display: none;
}
.left { float: left; }

/*
	##### GLOBAL LAYOUT #####
*/
div#master_wrapper {
    width: 826px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; text-align: left; background: url(Images/layout/master_bg.gif) repeat-y;
}
div#content_wrapper {
    width: 818px; min-height: 100%; height: 100%; height: auto !important; margin: 0 4px;
}

div#header_wrapper {
    width: 826px; height: 200px; background: url(Images/layout/header_bg.jpg) no-repeat; position: relative;
}
div#header_logo {
    width: 826px; height: 123px; float: left; margin: 35px 0 0 0; display: table; #position: relative; overflow: hidden;
}
div.header_logo_tbl {
    #position: absolute; #top: 50%; display: table-cell; vertical-align: middle;
}
div.header_logo_td {
    width: 253px; #position: relative; #top: -50%; text-align: center;
}
div.header_logo_td img {
    margin: 0 auto;
}
div.topborder {
    display: none;
}

/*
	##### SMALL MENU #####
*/
div#smallmenu_wrapper {
    width: 560px; height: 1px; float: left; text-align: right; position: relative;
}
div#smallmenu_wrapper ul {
    width: 560px; float: right; list-style-type: none; position: absolute; top: -149px; left: 262px;
}
div#smallmenu_wrapper ul li {
    height: 16px; float: right; padding: 0px 10px 0px 10px;
}
div#smallmenu_wrapper ul li a {
    height: 16px; display: block; color: #ffffff; text-decoration: none;
}
div#smallmenu_wrapper ul li a:hover, div#smallmenu_wrapper .active a {
    height: 16px; display: block; color: #ffffff; text-decoration: underline;
}

/*
	##### SHOWING NEW SMALL MENU #####
*/

#Li1, #Li2, #Li5 { display: block !important; }

/*
	##### HIDING OLD SUBMENU #####
*/


#navID_logout {display: none; }

/*
	##### CHANGE COUNTRY #####
*/
div#change_country { display: none !important;
    width: 73px; height: 16px; float: right; margin: 0 10px 0 0; display: inline; text-align: left; position: absolute; top: -149px; left: 559px;
}
div#change_country a, div#change_country a:hover {
    width: 73px; height: 16px; display: block; text-indent: -100000px; background: url(Images/icons/change_country.gif) no-repeat;
}

div#country_flags_position {
    width: 0; height: 0;
}
div#country_flags {
    width: 200px; background: #fff; border: #333 2px solid; padding: 0 0 10px 0; position: absolute; z-index: 50; top: 40px; left: 600px; display: none;
}
div.flags_header {
    width: 155px; height: 20px; line-height: 20px; float: left; padding: 0 0 0 27px; font-size: 1.4em; color: #fff; font-weight: bold;
    background: #000 url(../Global/Images/icons/globe.gif) 5px 2px no-repeat; margin: 0 0 10px 0;
}
div.flags_close {
    width: 16px; height: 20px; float: left; padding: 0 2px 0 0; background: #000;
}
div.flags_close a {
    width: 16px; height: 16px; display: block; background: url(../Global/Images/icons/delete.gif) 0 2px no-repeat;
}
div.flag {
    width: 69px; height: 22px; float: left; margin: 0 0 0 10px; display: inline;
}
div.flag a {
    height: 22px; line-height: 22px; display: block; padding: 0 0 0 30px; color: #000; font-weight: bold; text-decoration: none;
}
div.flag a:hover {
    height: 22px; line-height: 22px; display: block; padding: 0 0 0 30px; color: #000; font-weight: bold; text-decoration: underline;
}
div.dk a {
    background: url(Images/flags/dk.gif) 5px 6px no-repeat !important;
}
div.dk a:hover {
    background: url(Images/flags/dk.gif) 5px 6px no-repeat !important;
}
div.se a {
    background: url(Images/flags/se.gif) 5px 6px no-repeat !important;
}
div.se a:hover {
    background: url(Images/flags/se.gif) 5px 6px no-repeat !important;
}
div.uk a {
    background: url(Images/flags/gb.gif) 5px 6px no-repeat !important;
}
div.uk a:hover {
    background: url(Images/flags/gb.gif) 5px 6px no-repeat !important;
}


/*
	##### MAIN MENU #####
*/
div#menu_wrapper {
    width: 818px; height: 38px; float: left; margin: 0 4px; display: inline; background: #f9f9f9 url(Images/layout/menu_bg.gif) repeat-x;
}
div#topNav ul {
    float: left; list-style-type: none; margin: 0 0 1px 0;
}
div#topNav ul li {
    height: 38px; display: inline; float: left;
}
div#topNav ul li a {
    height: 38px; line-height: 33px; display: block; padding: 0 19px; color: #000000; font-weight: bold; font-size: 1.1em; text-decoration: none;
    background: transparent url(Images/layout/tab_off.gif) right 0 no-repeat; float: left;
}
div#topNav ul li a:hover {
    height: 38px; line-height: 33px; display: block; padding: 0 19px; color: #3C6980; font-weight: bold; font-size: 1.1em; text-decoration: none;
    background: url(Images/layout/tab_on.gif) center 0 no-repeat; float: left;
}



/*li#topNav6 a:hover {
    background: url(../Global/Images/layout/tab_hover_xmas.gif) right 0 no-repeat !important;
}*/

div#subNav {
    width: 818px; height: 22px; clear: both;
}
div#subNav ul {
    height: 22px; list-style-type: none; padding: 5px 0 4px 1px; display: none; border-bottom: 1px solid #ededed;
}
div#subNav ul li {
    float: left;
}
div#subNav ul li a {
    height: 22px; line-height: 18px; float: left; display: block; padding: 0 19px; color: #000000; text-decoration: none;
}
div#subNav ul li a:hover {
    height: 22px; line-height: 18px; float: left; display: block; padding: 0 19px; color: #000000; text-decoration: underline;
}

/*
	##### FOOTER #####
*/
div#clear_footer {
	width: 826px; height: 64px; clear: both;
}
div#footer_wrapper {
    width: 818px; height: 61px; color: #fff; text-align: left; margin: 0 auto; margin-top: -64px; background: #25272a; border-top: #3C6980 3px solid;
}
div#footer_menu {
    width: 569px; height: 20px; float: left; padding: 10px 0 0 15px; border-top: #fff 1px solid;
}
div#footer_menu ul {
    width: 539px; list-style-type: none;
}
div#footer_menu ul li {
    display: inline; float: left; margin-right: 1px;
}
div#footer_menu ul li a {
    text-decoration: underline; padding: 1px 4px;
}
div#footer_menu ul li a:hover, div#footer_menu .active a {
    color: #fff; text-decoration: none; padding: 1px 4px;
}
div.footer_copy {
    width: 535px; height: 20px; margin-top: 5px; float: left; color: #fff; padding-left: 4px;
}
div#footer_logo {
    width: 234px; height: 60px; float: right; background: url(Images/layout/footer_logo.gif) 60px center no-repeat; border-top: #fff 1px solid;
}
div#footer_logo a {
    width: 234px; height: 60px; display: block;
}
/*
	##### ERROR PAGE #####
*/
div#error_wrapper {
    width: 510px; height: 146px; margin: 0 auto; text-align: left; margin-top: 65px; background: url(Images/icons/error.gif) 20px 0px no-repeat;
}
div#error_wrapper h1 {
    font-size: 2.0em; padding: 2px 0 15px 115px; color: #3C6980;
}
div#error_wrapper p {
     padding: 0 0 0 120px;
}