/*
        HUSK! HUSK! HUSK!
        
        Ved opdatering af CSS filer skal der ændres querystring el.l.,
        da de bliver bliver clientside-cached i 10 år.
*/

/* GLOBALS */
html, body, p
{
    margin: 0px;
    padding: 0px;
}
body 
{
    width: 768px;
    height: 520px;
    font-family: Arial;
    font-size: 11px;
    line-height: 140%;
    color: #333333;
    float: left;
}

div {float: left;}
img {border: 0px;}
input, textarea, select {font-family: Arial; font-size: 11px;}
.Bold, .bold {font-weight: bold;}
.italic {font-style: italic; }
a, a:link, a:visited, a:active {color: #333333; cursor: pointer;}
.swap_value {}
#jQueryAddress {display: none;}
.green {color: #008698;}
.pointer {cursor: pointer; }
.underline {text-decoration: underline}
h1
{
    font-size: 22px;
}
h2 
{
    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #008698;
    margin: 10px 0 0px 8px;    
}

h2.black { color: #333333; }

p { padding: 5px 10px 5px 8px; width: 390px; }

/* ARROWLINK */
.ArrowLink, a.ArrowLink
{
    float: left;
    background-image: url('../Images/arrowlink.gif');
    background-repeat: no-repeat;
    background-position: top right;
    padding: 0 18px 5px 0;
    text-decoration: none;
    cursor: pointer;
    color: #333333;
}

.ArrowLink:hover, a.ArrowLink:hover { background-image: url('../Images/arrowlink_mouseover.gif'); color: #008698; }

/* PRINT BUTTON */
span.PrintButton
{
    cursor: pointer;
    float: right;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 20px 3px 0;
    margin-right: 10px;
    background-image: url('/Images/icon_print.gif');
    background-repeat: no-repeat;
    background-position: right 0px;
}

span.PrintButton:hover
{
    background-image: url('/Images/icon_print_mouseover.gif');
    color: #008698;
}

/* LAYOUT */
div.Headline
{
    width: 100%;
    clear: both;
    height: 35px;
    font-size: 24px;
    font-weight: bold;
    color: #008698;
    padding: 0px 0 10px 5px;
    line-height: normal;
}

div.SubHeadline
{
    width: 100%;
    clear: both;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

div#Footer
{
    width: 100%;
    float: left;
}

/* DEVICE CONTAINER */
.ManualContainer
{
    background-image: url('/Images/box_bg_w768.gif');
    width: 768px;
    float: left;
    margin-bottom: 8px;
}

.ManualContainer .Top
{
    float: left;
    width: 762px;
    height: 1px;
    position: relative;
    left: 3px;
    padding: 0 0 0 0px;
    margin: 0;
    border-top: solid 1px #cccccc;
    _font-size: 0;
    _line-height: 0;
}

.ManualContainer .Content
{
    float: left;
    width: 761px;
    height: 409px;
    overflow: hidden;
    padding-left: 5px;
    
}

.ManualContainerBottom
{
    float: left;
    background-image: url('/Images/box_bottom_w768.gif');
    width: 100%;
    height: 7px;
    _font-size: 0;
}

div#ManualContent
{
    width: 421px;
    height: 409px;
    float: left;
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}


table.Image
{
    float: left;
    width: 340px;
    height: 390px;
}

/* MANUAL MENU */
div#ManualMenu
{
    width: 100%;
}

div#ManualMenu a
{
    display: block;
    float: left;
    background-color: #bad4da;
    text-decoration: none;
    margin-right: 1px;
    padding: 5px 9px;
}

div#ManualMenu a.Selected
{
    color: White;
    background-color: #008698;
}

/* SEARCH BOX */
div.SearchBox { float: right }
input.SearchButton { margin-right: 4px; float: right; }


/* DEVICE CONTAINER */
.DeviceContainer
{
    background-image: url('../Images/box_bg_w192.gif');
    width: 192px;
    float: left;
    padding: 0;
    margin: 0;
    margin-bottom: 8px;
}

.DeviceContainer .Top
{
    float: left;
    width: 186px;
    height: 1px;
    margin-left: 2px;
    border-top: solid 1px #cccccc;
}

.DeviceContainer .Topic
{
    float: left;
    width: 179px;
    height: 19px;
    background-color: #008698;
    margin-left: 4px;
    padding: 5px 0px 0px 5px;
    font-weight: bold;
    color: White;
}

.DeviceContainer .Content
{
    float: left;
    width: 172px;
    height: 145px;
    overflow: hidden;
    margin: 10px 0 0 10px; 
    padding: 0;
}

.DeviceContainer .Bottom
{
    float: left;
    background-image: url('../Images/box_bottom_w192.gif');
    width: 100%;
    line-height: normal;
    _font-size: 0;
    height: 7px;
    margin: 0;
    padding: 0;
}

/* INSTRUCTION LINK */
a.InstructionLink
{
    display: block;
    text-decoration: none;
    border-bottom: dotted 1px #999999;
    padding: 4px 20px 2px 0px;
    background-image: url('../Images/arrowlink_green.gif');
    background-repeat: no-repeat;
    background-position: 373px 5px;
    width: 368px;
    float: left;
    margin-left: 8px;
    _margin-right: -3px;
    
}

a.InstructionLink.TopBorder,span.DottedBox.TopBorder { border-top: dotted 1px #999999; }

a.InstructionLink:hover {background-image: url('../Images/arrowlink_green_mouseover.gif'); color: #008698}
div.ChapterHeadline, span.BlockTopic
{
    display: block;
    float: left;
    width: 385px;
    background-color: #e8f1f3;
    padding: 5px 10px;
    font-weight: bold;
    margin: 15px 0 5px 0;
}

a.SubChapterHeadline
{
    display: block;
    float: left;
    width: 389px;
    padding: 2px 20px;
    background-image: url('../Images/drop_arrow.gif');
    background-position: 10px center;
    background-repeat: no-repeat;
    cursor: pointer;
    text-decoration: none;
}
a.SubChapterHeadline.Open {background-image: url('../Images/drop_arrow_down.gif'); font-weight: bold;}
a.SubChapterHeadline:hover { color: #008698 }
 
/* ShowInstruction.aspx */
.pressbutton {color: #FF0000; cursor: pointer;}
.subjecttext {font-weight: bold;}
.displaytext, .TroubleshootingHighlight {color: #008698; cursor: pointer;}
    
.BlockTopic {display: block; float: left; clear: both; font-weight: bold;}
.BlockTopic b {float: left; }

ul.BlockList 
{
    list-style-type: disc;
    display: block;
    clear: both;
    padding: 2px 0 0 0;
    margin: 0px 10px 0px 26px;
}

.SubList{margin-left: 15px;}


#HighlightArrow
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 25px;
    height: 15px;
}

.BlockInfoLabel
{
    border-bottom: solid 2px white;    
    display: block;
    padding-bottom: 5px;
    margin-bottom: 8px;
    padding-left: 8px;
}

.BlockInfoIcon
{
    float: right;
    padding-right: 10px;
    padding-top: 1px;
}

/* Tooltip */
.TooltipBox /* Javascript holder */
{
    position: absolute;
    background-color: white;
    display: none;
    z-index: 200;
    width: 278px;
}

.ToolTip
{
    width: 100%;
    padding: 0px !important;
    margin: 0px;
    border: 1px solid #7E8EA8;
    background-color: white;
    text-indent: 0px;
    color: #333333;
}

.ToolTip .Header
{
    width: 273px;
    height: 20px;
    background-color: #e0dfdf;
    padding: 5px 0 0 5px;
    font-weight: bold;
    font-size: 11px;
    float: left;
    text-align: left;
    display: none;
}

.ToolTip .Content
{
    width: 258px;
    height: auto;
    text-indent: 0px;
    padding: 10px 10px 10px 10px;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
}

/* Manual Content Blocks (Not instruction blocks) */
* html .ContentBlock {display:inline; /* IE 6 fix */}

.ContentBlock
{
    float: left;
    width: 383px; 
}

.ContentBlock.Padding
{
    padding: 5px 15px 5px 10px;
}

.ContentBlock h1
{
    display: block;
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0 0 0;
}

.ContentBlock h2
{
    display: block;
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    margin: 5px 0 0 0;
}

.ContentBlock p
{
    float: left;
    margin: 5px 0px;
    width: 100%;
}


/* Controls.Specifications */

table.Specifications
{
    width: 100%;
    float: left;
}

table.Specifications td.name
{
    padding: 3px 0px;
    width: 215px;
    vertical-align: top;
}

table.Specifications td.value
{
    padding: 3px 0px;
    vertical-align: top;
    line-height: 14px;
}

table.Specifications td.GroupnameCell
{
    font-weight: bold;
}

table.Specifications td.InfoIconCell
{
    padding-top: 4px;
    width: 22px;
    text-align: center;
    vertical-align: top;
}

/* Troubleshooting */
span.InstructionLink
{
    color: Black;
    text-decoration: underline;
    cursor: pointer;
}

div#InstructionView
{
    background-color: #f5f5f5;
    width: 100%;
    display: inline;
    margin: 5px 0 10px 0;
}

#InstructionAjaxLoad {display: none; padding: 10px;}

#InstructionAjaxLoad img
{
    display: block;
    margin-top: 6px;
}

#ajaxContent
{
    padding: 0 0 5px 0;
}

.topGrayBorder { border-top: solid 1px #cccccc; }
.bottomGrayBorder { border-bottom: solid 1px #cccccc; }

div.Problems
{
    margin: 3px 0pt 5px; 
}

/* Cause Popup */
div#CausePopup
{
    position: absolute;
    background-color: White;
    border: solid 1px #808080;
    width: 280px;
    top: 210px;
    left: 230px; 
    z-index: 1001;
    padding: 10px;
    display: none;
}

    div#CausePopup h1
    {
        display: block;
        width: 100%;
        clear: both;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0px;
    }


/* FULL FRAME */    
div#FullFrame
{
    width: 740px;
    height: 390px;
    float: left;
    overflow: hidden;
    margin-left: 5px;
}

/* Manual popup */
div.Popup
{
    position: absolute;
    background-color: White;
    border: solid 2px #808080;
    width: 336px;
    height: 328px;
    top: 131px;
    left: 201px; 
    z-index: 1001;
    display: none;
}

    div.Popup h1
    {
        display: block;
        width: 100%;
        clear: both;
        font-size: 12px;
        font-weight: bold;
        margin: 0 0 10px 0;
        padding: 0px;
    }

/* VIRTUAL DEVICE LAYOUT */
table.VirtualDevice
{
    width: 100%;
    height: 408px;
}

table.VirtualDevice tr td
{
    vertical-align: top;
}

table.VirtualDevice tr td.Device
{
    border-right: solid 1px #CCCCCC;
    text-align: center; 
    vertical-align: middle;
}

table.VirtualDevice tr td.RelatedInstructions
{
    height: 408px;
}

table.VirtualDevice tr td.RelatedInstructions div.Scroller
{
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 408px;
}

table.VirtualDevice tr td.RelatedInstructions .InstructionLink
{
    background-position: right 3px;
    width: 100%;
    margin-left: 0;
}

table.VirtualDevice tr td.RelatedInstructions .InstructionLink.disabled
{
    cursor: text;
    background: none;
}

table.VirtualDevice tr td.RelatedInstructions a.InstructionLink.disabled:hover
{
    color: #202020;
}


table.VirtualDevice div#Vd_RelatedInstructions
{
    display: none;
    width: 100%;
}
    
/* HOME */
a.HomeLink
{
    width: 157px;
    display: block;
    text-decoration: none;
    border-top: dotted 1px #999999;
    border-bottom: dotted 1px #999999;
    padding: 4px 20px 4px 0px;
    background-image: url('/Images/arrowlink_green.gif');
    background-repeat: no-repeat;
    background-position: 157px 5px;
    _margin-right: -3px;
}

a.HomeLink:hover {background-image: url('/Images/arrowlink_green_mouseover.gif'); color: #008698}

/* Corner popup
------------------------------------ */
div.cornerPopup
{
    position: absolute;
    width: 250px;
    left: 493px;
    display: none;
    background-color: #d7d7d7;
    border: solid 1px #787878;
    padding: 10px;
    z-index: 1001;
    line-height: normal;
}

div.cornerPopup h1 { margin: 0 0 10px 0; padding: 0; color: #008698; font-size: 11px; font-weight: bold; float: left; }
div.cornerPopup img.close { float: right; cursor: pointer; }
div.cornerPopup p { padding: 0; margin: 5px 0; clear: both; width: 100%; float: left; }

div.cornerPopup.linkToThisPage
{
    height: 111px;
    top: 348px;
}

div.cornerPopup.linkToThisPage textarea { width: 97%; }

div.cornerPopup.sendEmail
{
    height: 331px;
    top: 128px;
}

div.cornerPopup.sendEmail.cca
{
    height: 161px;
    top: 298px;
}