﻿/*PopUp fönster*/
.PopUpCover { background-color: Black; z-index:21000; position: fixed; top:0px; }
/* PopUp background with shadows
-----------------------------------------------*/
.PopUp { position: fixed; padding: 45px 44px 45px 44px; z-index:21001; }
.PopUpHelp { position: absolute; padding: 10px 10px 10px 10px; z-index:21002; }
.HelpDiv {background-color: #b5b5b5; border: 1px solid black;}
.PopUpInner { position: relative; width:100%; height:100%; background: #FFF; }

.PopUpBackground { position: absolute; top: 0; left: 0; width: 100%; height: 100%; /*z-index: 70;*/ border: 0; padding: 0; margin: 0; }	
.PopUpBg { position: absolute; display: block; /*z-index: 70;*/ border: 0; padding: 0; margin: 0; }
.PopUpTopLeft { top: -45px; left: -44px; width: 44px; height: 45px; background: transparent url('../../Content/images/PopUp/popup_top_left.png') no-repeat; }
.PopUpTopMiddle { top: -45px; width: 100%; height: 45px; background: transparent url('../../Content/images/PopUp/popup_top_middle.png') repeat-x; }
.PopUpTopRight { top: -45px; right: -44px; width: 44px; height: 45px; background: transparent url('../../Content/images/PopUp/popup_top_right.png') no-repeat; }
.PopUpMiddleRight { right: -44px; height: 100%; width: 44px; background: transparent url('../../Content/images/PopUp/popup_middle_right.png') repeat-y; }
.PopUpMiddleLeft { left: -44px; height: 100%; width: 44px; background: transparent url('../../Content/images/PopUp/popup_middle_left.png') repeat-y; }
.PopUpBottomRight { bottom: -45px; right: -44px; width: 44px; height: 45px; background: transparent url('../../Content/images/PopUp/popup_bottom_right.png') no-repeat; }
.PopUpBottomMiddle { bottom: -45px; width: 100%; height: 45px; background: transparent url('../../Content/images/PopUp/popup_bottom_middle.png') repeat-x; }
.PopUpBottomLeft { bottom: -45px; left: -44px; width: 44px; height: 45px; background: transparent url('../../Content/images/PopUp/popup_bottom_left.png') no-repeat; }

.PopUpContent { /*margin: 0; z-index: 100; position: absolute;*/ /*padding: 5px 0 0 0;*/ width: 100%; clear:both; position:relative; /*z-index: 75; */}

.PopUp .Navigation { position:absolute; top: -28px; left: -21px; width:100%; /*z-index: 100;*/ }
.PopUp .Navigation table.Tabs { /*width: 100%; table-layout:fixed;*/ display:block; }
.PopUp .Navigation .Tabs tr { /*width: 760px;*/ }
.PopUp .Navigation .Tabs td { text-align:left; height: 26px; background: url('../../Content/images/PopUp/popup_tab.png') no-repeat scroll top left; padding: 0 0 0 5px; }
.PopUp .Navigation .Tabs td div { overflow:hidden; background: url('../../Content/images/PopUp/popup_tab.png') no-repeat scroll top right; height: 26px; padding: 0 5px 0 0; position:relative; }
.PopUp .Navigation .Tabs td.Active { background: url('../../Content/images/PopUp/popup_tab_active.png') no-repeat scroll top left; }
.PopUp .Navigation .Tabs td.Active div { overflow:hidden; background: url('../../Content/images/PopUp/popup_tab_active.png') no-repeat scroll top right; }

.PopUp .Navigation .Tabs td div a { font-size:1.1666em; text-align:left; overflow:hidden; line-height: 28px; color: Black; text-decoration:none; padding: 0px 10px 0px 10px; display:block; float:left; clear:both; position:relative;}
.PopUp .Navigation .Tabs td div a img { position:absolute; top: 3px; left: 0px; margin: 0 3px 0 0; display:block; float:left; }


.PopUp .Navigation .DragHandle { width: 120px; height: 25px;  position:absolute; top: 3px; right: -15px; cursor:move; background: url('../../Content/images/PopUp/DragHandle.png') repeat;}
.PopUp .Navigation .PopUpClose { width: 20px; height: 20px;  position:absolute; top: 7px; right: -40px; }
.PopUp .Navigation .PopUpClose a { background: url('../../Content/images/PopUp/popup_close.png') no-repeat scroll top right; width: 18px; height: 18px; float:left; display:block; text-indent: -99999px; }
.PopUp .Navigation .PopUpClose a:hover { background: url('../../Content/images/PopUp/popup_close.png') no-repeat scroll top left;  }
/*#PopUpHeader {margin-top: 20px; margin-bottom: 20px; padding-top:10px;}*/
div.PopUpContent div.ButtonRow { position:absolute; bottom:5px; right:-1px;}
div.PopUpContent { padding-bottom:40px; top:10px;} /*Skapar marginal till knapparna*/
span.PopUpLabel { margin-top: 5px; font-size:1.1666em; font-weight:bold; color:#333;}

.PopUpTable thead { background-color: #999; color: White; font-size: 1.0em; font-weight:bold; border-collapse:collapse;}
.PopUpTable thead th {text-align:left; }
.PopUpTable table, .PopUpTable th, .PopUpTable td { border: 1px solid #ccc;}
.PopUpTable tbody { color:#333;}
.PopUpTable td, .PopUpTable th { padding: 4px;}
table.PopUpTable tbody tr:hover { background: #e3e3e3; }