/* global
----------------------------------------------------------------- */

* { border: 0; margin: 0; padding: 0; }

*:focus { outline:none; }

html { height: 100%; }

/*body { background-color: #2d465c; color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 30px; text-align: center; } */
body { color:#fff; font-family: Verdana, Arial, Helvetica, sans-serif; padding-bottom: 30px; text-align: center; }

a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

.empflink {color:#64a8d8;}

fieldset, img { border:0; }
select, input, textarea { font-size: 99% }

/* search
----------------------------------------------------------------- */

#search2 {
    position: absolute;
    margin-top:  112px;
    margin-left: 739px;
    z-index: 999;
    /**/
}
.searchinput2 {
    position: absolute;
    margin-left: 0px;
    margin-top: 0px;
    width: 160px;
    height: 16px;
    padding-left: 3px;
    padding-right: 3px;
    background-color: #D9EBFB;
    border-color: #2B68B5;
    color: #737373;
    font-size: 12px;
    font-family: Segoe UI,Arial,Verdana,Helvetica,sans-serif;
    /**/
}
.searchmessenger2 {
    position: absolute;
    margin-left: 171px;
    margin-top: 0px;
    width: 18px;
    height: 18px;
    border: 0px;
    background-image: url(/images/buttons/search_btn.png);
    /**/
}

/* clearfix
----------------------------------------------------------------- */
    
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.floatbox { overflow: hidden; }



/* helper classes
----------------------------------------------------------------- */
a.button { display: block; overflow: hidden; cursor:pointer; }
a.link_arrow { background: url(/images/navigation/arrow_nav.gif) no-repeat left 4px; margin-left: 15px; padding-left: 10px; }
a.link_arrow_box { background: url(/images/navigation/arrow-content-box.gif) no-repeat left 4px; margin-left: 15px; padding-left: 10px;}
a.link_arrow_empf { background: url(/images/navigation/arrow_nav_empf.gif) no-repeat left 4px; margin-left: 15px; padding-left: 10px; }
a.link_arrow_empf_black { background: url(/images/navigation/arrow_nav_empf_black.gif) no-repeat left 6px; margin-left: 8px; padding-left: 10px; }


.left { float: left; }
.tleft { text-align: left; }
.right { float: right; }
.tright { text-align: right; }
.behind { z-index: 1; }
.tcenter { text-align: center; }
.tsmall { font-size: 8px; }
.underline { text-decoration: underline; }
.left20 { margin-left: 20px !important; }

.searchtext { color: Black; }


/* general site structure // msn_header / msn_footer
----------------------------------------------------------------- */



/* Advertisment */
.MainContent { float:left; }
#adDiv { padding: 0 0 0 0; width: 160px; height: 600px; float:right; position:relative; left: 10px; top: 100px; }
.clearboth { clear: both }
/* End Advertisment */

#msn_header {background: #4595d0; height: 50px; font-size: 11px; position:absolute; top:0px; z-index:1000; width:972px; }
#msn_header .logo {margin: 12px 0 0 8px; float: left;}
#msn_header ul, #msn_footer ul {list-style: none; }
#msn_header ul { padding: 14px 0 0 0; }
#msn_header li { float: right; height: 22px; line-height: 22px;}
#msn_header li a { margin: 0 2px 0 2px; }
#msn_header input {float: right;}
#msn_header label { margin: 2px 4px 2px 20px; cursor: pointer; }
#msn_header .searchform { width: 270px; float:right; padding: 14px 14px 0 0; height: 22px; font-size: 11px; }
#msn_header .searchform input { float:left; }
#msn_header .searchinput { margin-right: 3px; width: 134px; line-height:15px; height: 16px; margin-top: 1px; padding-top:2px; background-color: #FFFFFF; border-top: solid 1px #b4bfae; border-right: solid 1px #b4bfae; border-bottom: solid 1px #FFFFFF;}
#msn_header .searchmessenger { background: url(/images/buttons/search_messenger.gif) no-repeat left top; border: none; cursor:pointer; font-size: 0px; height: 22px; margin: 0px 3px 0 0; width: 82px; text-indent:-2000px; line-height:0px; }
#msn_header .searchmessenger:hover { background-position: right top; }
#msn_header .searchweb { background: url(/images/buttons/search_web.gif) no-repeat left top; border: none; cursor: pointer; font-size: 0px; height: 22px; margin: 0px 0px 0 0; width: 46px; text-indent:-2000px; line-height:0px;  }
#msn_header .searchweb:hover { background-position: right top; }
.headernav img { }


/* #stage { background: url(/images/temp/stage_home.png) no-repeat left top; height: 344px; width: 972px; } */
#stage { height: 402px; width: 972px; position:relative; top:124px; z-index:500;  }
/*.footer { background-color: #4494cf; border-top: 1px solid #2d465b; width: 972px; }*/
.footer {width: 943px; }
#msn_footer { background-color: #4494cf; height: 28px; }
#msn_footer .logo {margin: 0px 8px 0 0; float: right;}
#msn_footer ul { margin: 8px 12px; }
#msn_footer li { float: left; font-size: 10px; margin-right: 2px;}
#msn_footer li a { margin-left: 2px;}




/* topnavigation
----------------------------------------------------------------- */
/*
#topnav { background: url(/images/navigation/nav_main_bg.png) no-repeat top left; width: 972px; position:absolute; top:50px; font-size:12px; z-index:500; height: 40px; list-style-type: none; margin-bottom: 14px; }
#topnav .wrapper {width: 777px; float:left; z-index:3; }
#topnav .select { margin:0; padding:0; list-style:none; display:table-cell; white-space:nowrap; }
#topnav li { margin:0; padding:0; height:auto; float:left; cursor:pointer; }
#topnav .select a { display:block;  height:40px; float:left; text-decoration:none; line-height:40px; white-space:nowrap; color:#fff; }
#topnav .select a strong { background: url(/images/navigation/arrow_nav.gif) no-repeat 15px 17px; padding: 0 15px 0 30px; float:left; font-weight:normal; }

#topnav .select li:hover strong, 
#topnav .select a:hover strong, 
#topnav .select.active li strong { background: url(/images/navigation/arrow_nav_down.gif) no-repeat 15px 17px; }

#topnav .select a:hover, 
#topnav .select li:hover a, 
#topnav .select.active a { cursor:pointer; color:#fff; background: url(/images/navigation/nav_main_bg_hover.png) repeat-x top left; text-decoration:none; }
#topnav .select li .border_left { width:2px; height:39px; float:left; }
#topnav .select li:hover .border_left, 
#topnav .select.active li .border_left { background:transparent url(/images/navigation/nav_main_bg_hover_left.png) no-repeat top left; }
#topnav .select li .border_right { width:2px; height:39px; float:left; }
#topnav .select li:hover .border_right, 
#topnav .select.active li .border_right { background:transparent url(/images/navigation/nav_main_bg_hover_right.png) no-repeat top right; }

#topnav .select_sub { display:none; width:auto; background:transparent url(/images/navigation/nav_sub_bg.gif) repeat top left;  }
#topnav .sub { margin:0 auto; padding:0; list-style:none; width: 972px;   }
 
#topnav .select :hover .select_sub{ display:block; position:absolute; width:792px; top:40px; padding:0; z-index:100; left:0; }
#topnav .select.active .select_sub {display:block; position:absolute; width:792px; top:40px; padding:0; z-index:10; left:0; }

#topnav .select :hover .sub li, 
#topnav .select.active .sub li { height:27px; line-height:27px; }
#topnav .select :hover .sub li a, 
#topnav .select.active .sub li a { height:27px; line-height:27px; background:none; text-decoration:none; color:#fff; }

#topnav .select :hover .sub li strong, 
#topnav .select.active .sub li strong  { height:27px; display:block; float:left; padding:0 15px 0 15px; margin:0; white-space:nowrap; background: url(/images/navigation/nav_sub_bg.png) repeat-x bottom left; }
#topnav .select :hover .sub li :hover strong, 
#topnav .select.active .sub li :hover strong,
#topnav .select.active .sub li.active strong { text-decoration:none; background: url(/images/navigation/nav_sub_bg_hover.png) repeat-x top left; }
#topnav .select :hover .sub li .border_right, 
#topnav .select.active .sub li .border_right { height:27px; background: url(/images/navigation/nav_sub_bg_right.png) no-repeat bottom left; width:3px; }
#topnav .select :hover .sub :hover .border_right, 
#topnav .select.active .sub :hover li .border_right,
#topnav .select.active .sub li.active .border_right { background: url(/images/navigation/nav_sub_bg_hover_right.png) no-repeat bottom left; }
#topnav .select :hover .sub li .border_left, 
#topnav .select.active .sub li .border_left { height:27px; background: url(/images/navigation/nav_sub_bg_left.png) no-repeat bottom left; }
#topnav .select :hover .sub :hover .border_left, 
#topnav .select.active .sub :hover .border_left,
#topnav .select.active .sub li.active .border_left { background: url(/images/navigation/nav_sub_bg_hover_left.png) no-repeat bottom left; }

#topnav a.download { background: url(/images/buttons/download_top.png) no-repeat left top; float: right; height: 27px; margin: 6px 15px 0 0; width: 180px; }
#topnav a.download:hover { background-position: right top; }
*/
/* homepage adjustments
----------------------------------------------------------------- */
/*
body.home { background: #2d465c url(/images/backgrounds/home_body_blue.jpg) repeat-x left top; }

body.green_home { background: #14502e url(/images/backgrounds/home_body_green.jpg) repeat-x left top; }
body.blue_home { background: #2d465c url(/images/backgrounds/home_body_blue.jpg) repeat-x left top; }
body.orange_home { background: #f4791c url(/images/backgrounds/home_body_orange.jpg) repeat-x left top; }
body.red_home { background: #6a3d3a url(/images/backgrounds/home_body_red.jpg) repeat-x left top; }
*/

/* body.home #subcontent { background: url(/images/backgrounds/home_subcontent.png) no-repeat left top; height: 299px;  padding: 96px 14px 15px; width: 944px; } */

body.home #subcontent { height: 199px;  padding: 96px 0px 15px; width: 944px; }

body.home #subcontent { position:relative; margin-top:26px; z-index:500; }



/* content page adjustments
----------------------------------------------------------------- */
/*
body.default { background: #2d465c url(/images/backgrounds/content_body_blue.jpg) repeat-x left top; }
body.default #subcontent { background: url(/images/backgrounds/content_subcontent.jpg) no-repeat left top; height: 231px; padding: 116px 14px 0; width: 944px; }

body.green_default { background: #14502e url(/images/backgrounds/content_body_green.jpg) repeat-x left top; }
body.blue_default { background: #2d465c url(/images/backgrounds/content_body_blue.jpg) repeat-x left top; }
body.orange_default { background: #f4791c url(/images/backgrounds/content_body_orange.jpg) repeat-x left top; }
body.red_default { background: #6a3d3a url(/images/backgrounds/content_body_red.jpg) repeat-x left top; }

*/

#content { color: #4c4c4c; width: 972px; padding-top:100px; }
#content a { color: #64a8d8; }
#content a.link_arrow { background: url(/images/navigation/arrow-content.png) no-repeat right top; line-height: 22px; margin: 0; padding: 0 20px 0 0; }
#content a.link_arrow_box { background: url(/images/navigation/arrow-content-box.gif) no-repeat right top; line-height: 22px; margin: 0; padding: 0 20px 0 0; }
#content a.link_arrow_left_box { background: url(/images/navigation/arrow-left-content-box.gif) no-repeat left top; line-height: 22px; margin: 0; padding: 0 0 0 20px; }

#content .header { background: url(/images/backgrounds/content_header.png) no-repeat; height: 167px; padding: 16px 0 0 0px; }
#content .header h1 { float: left; margin-top: 60px; }
#content .header .mood { float: right; margin-right: 66px; margin-top:7px; }


#content .body { background-color: #fff; clear: both; padding: 15px 0 0 0px; }
#content .body .leftcol { float: left; margin-right: 30px; width: 370px;  }
#content .body .rightcol { float: right; width: 479px; }


/**
  * We need more space for the "minimize-me-flash". 966px doesn't fit inside the 
  * default div.body, 'cause we have 48px padding on the left.
  *
  * @workaround
  * @affected        all
  * @css-for         all
  * @valid           yes
  */
#content #minimizeme {
	margin-left: 0px !important;
	margin-top:-40px;
}
	

/* content - subnavigation
----------------------------------------------------------------- */

#content #subnav { height: 63px; margin: 0 0 30px 0px; }
#content .subnav_372 { background: transparent url(/images/subnav/subnav_bg_372.gif) no-repeat top left; width:372px; }
#content .subnav_390 { background: transparent url(/images/subnav/subnav_bg_390.gif) no-repeat top left; width:390px; }
#content .subnav_414 { background: transparent url(/images/subnav/subnav_bg_414.gif) no-repeat top left; width:414px; }
#content .subnav_613 { background: transparent url(/images/subnav/subnav_bg_613.gif) no-repeat top left; width:613px; }
#content .subnav_621 { background: transparent url(/images/subnav/subnav_bg_621.gif) no-repeat top left; width:621px; }
#content .subnav_621_2 { padding-left: 20px; background: transparent url(/images/subnav/subnav_bg_842.gif) no-repeat top left; width:auto; }
#content .subnav_709 { background: transparent url(/images/subnav/subnav_bg_709.gif) no-repeat top left; width:709px; }
#content .subnav_752 { background: transparent url(/images/subnav/subnav_bg_752.gif) no-repeat top left; width:752px; }
#content .subnav_842 { background: transparent url(/images/subnav/subnav_bg_842.gif) no-repeat top left; width:auto; }
#content .subnav_897 { background: transparent url(/images/subnav/subnav_bg_897.gif) no-repeat top left; width:897px; }

#content .subnav_372 ul { width:auto; height:auto; list-style-type: none; padding:30px 0 0 65px ! important;}

#content #subnav ul { width:auto; height:auto; list-style-type: none; padding:30px 0 0 5px; }
#content #subnav ul li { height:auto; float:left; cursor:pointer; margin:0 1px 0 0;	padding:0; display:block; background:none; }

#content #subnav ul li .border_left, 
#content #subnav ul li .border_right { background:url(/images/subnav/subnav_item_left.png) no-repeat top left; float:left; width:3px; display:block; height:27px; }
#content #subnav ul li .border_left { background:url(/images/subnav/subnav_item_left.png) no-repeat top left; }
#content #subnav ul li a.first .border_left {	background:url(/images/subnav/subnav_item_left_first.png) no-repeat top left; width:12px; }
#content #subnav ul li :hover .border_left, 
#content #subnav ul li.active .border_left { background:url(/images/subnav/subnav_item_left_hover.png) no-repeat top left; }
#content #subnav ul li a.first:hover .border_left, 
#content #subnav ul li.active a.first .border_left { background:url(/images/subnav/subnav_item_left_hover_first.png) no-repeat top right; }
#content #subnav ul li .border_right { background:url(/images/subnav/subnav_item_right.png) no-repeat top right; }
#content #subnav ul li :hover .border_right, 
#content #subnav ul li.active .border_right { background:url(/images/subnav/subnav_item_right_hover.png) no-repeat top right; }
#content #subnav ul li a.last .border_right { background:url(/images/subnav/subnav_item_right_last.png) no-repeat top right; width:12px; }
#content #subnav ul li a.last:hover .border_right, 
#content #subnav ul li.active a.last .border_right { background:url(/images/subnav/subnav_item_right_hover_last.png) no-repeat top  right; }

#content #subnav ul li a { font-size:13px; color:#ffffff; display:block; float:left;  height:27px; line-height:27px; text-decoration:none;  }
#content #subnav ul li strong { background:#a2cbe8 url(/images/subnav/subnav_item.png) repeat top left; height:27px; display:block; float:left; padding:0 7px 0 5px; font-weight:normal; cursor:pointer;  }

#content #subnav:first-of-type ul li strong { padding:0 3px 0 5px; }
#content #subnav ul li a.first strong { padding:0 7px 0 0px; }
#content #subnav ul li a.last strong { padding:0 0px 0 6px; }
#content #subnav ul li a:hover strong, 
#content #subnav ul li.active strong { background:#4595d0 url(/images/subnav/subnav_item_hover.png) repeat top left; }

/* toolbar
----------------------------------------------------------------- */

/* #toolbar { height: 29px; padding: 7px 15px 0; } */
#toolbar { height: 29px; padding: 7px 0 0; }
#toolbar p,
#toolbar div.right { margin-top: 4px; }
#toolbar .left { margin-left: 8px;}
#toolbar .right { margin-right: 15px;}
#toolbar ul.bgswitch { background: url(/images/backgrounds/bgswitch.png) no-repeat right; float: left; height: 18px; list-style-type: none; margin: 0 22px 0 6px; padding: 4px 0 0 8px; width: 87px; }
#toolbar ul.bgswitch li { display: inline; float: left; margin-right: 6px; }


/* socialbar
----------------------------------------------------------------- */

#socialbar { background: url(/images/backgrounds/socialbar.png) no-repeat; height: 26px; margin-top: 12px; padding: 13px 15px 0; width: 913px; }
#socialbar a:hover {text-decoration: none;}
#socialbar span { float:left;}
#socialbar span img {float:none; height: 11px; margin:0 7px 0 7px; width: 11px; }
#bookmarks img { float: right; height: 14px; margin-left: 7px; width: 14px; }


/* iframes */
iframe#vizzCards {
	border: none; 
	margin-bottom:30px;
	/*margin-left: 100px;*/
}


/* ajax related
----------------------------------------------------------------- */

.ajaxLoading {
	background: #fff url(/images/ajax/loading.gif) center center no-repeat !important;
}

.ajaxLoadingToggleBox {
	background: #d9e6ee url(/images/ajax/loading.gif) center center no-repeat !important;
	display: none;
}

.gallery .ajaxLoading {
	min-height: 45px;
}

.modal .ajaxLoading { 
	background:#d9e6ee url(/images/ajax/loading.gif) no-repeat scroll center !important;
}

* html .gallery .ajaxLoading {
	height: 45px;
}

.ajaxError {
	background: #fff url(/images/ajax/error-904px.png) center center no-repeat!important;
	height: 230px !important;
	width: 904px !important;
}


.modal.wide .ajaxError { 
	background:#d9e6ee url(/images/ajax/error-modal-wide.png) 0 0 no-repeat  !important;
	width: auto !important;
}

.hide {
	display: none !important;
}