/* Comment Generated by Combres - Resource '/Templates/Public/Styles/jquery-ui-1.8.8.custom.css' (Mode: Static) */
/*
 * jQuery UI CSS Framework 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=f5f5f5&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=666666&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=d6001b&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/templates/public/Images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
/* .ui-widget-content a { color: #222222; } */
.ui-widget-header { border: 1px solid #aaaaaa; background: #f5f5f5 url(/templates/public/images/jquery-ui/ui-bg_highlight-soft_75_f5f5f5_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(/templates/public/images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: url(/Templates/Public/Images/Menu_Mini/ui-bg_tab.png) repeat-x; font-weight: normal; }
/*.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(/templates/public/images/jquery-ui/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
/*.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(/templates/public/Images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #d6001b; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { /*color: #d6001b; */ text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(/templates/public/Images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/templates/public/Images/jquery-ui/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/templates/public/images/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/templates/public/images/jquery-ui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/templates/public/images/jquery-ui/ui-icons_666666_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/templates/public/images/jquery-ui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/templates/public/images/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/templates/public/images/jquery-ui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/templates/public/images/jquery-ui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/templates/public/images/jquery-ui/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; }
.ui-corner-tr { -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-br { -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-top { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-right {  -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; }
.ui-corner-left { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; }
.ui-corner-all { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/templates/public/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/templates/public/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; background: url("/Templates/Public/Images/Menu_Mini/ui-bg_tab.png") repeat-x scroll 0 0 transparent;}
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .5em !important; }
.ui-accordion .ui-accordion-header-active a, .ui-accordion .ui-accordion-header-active a:visited, .ui-accordion .ui-accordion-header-active a:link { padding-left: .5em !important; margin-left: 0px !important; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 0em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/*
 * jQuery UI Autocomplete 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .095em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; padding-left: 20px !important; margin-left: 10px !important; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.8
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }


/* Comment Generated by Combres - Resource '/Templates/Public/Styles/styles_layout.css' (Mode: Static) */
body 
{
    background-image: none;
    margin: 0;
}
#content
{
    margin: 0 auto;
    width: 978px;
    min-height: 460px;
}
#mainContent
{
    position: relative;
    float: left;
    width: 756px;
    overflow: hidden;
}
#rightContent
{
    margin-left: 15px;
    float: right;
    width: 204px;
}
#logo
{
    margin-top: 10px;
}

ul#myMenu li,
ul#topMenu li,
ul#topSubMenu li
{
    list-style-type: none;
    display: inline;
}
div#footerwide
{
    width: 100%;
    height: 60px;
    float: left;
    margin-top: 50px;
    background-color: #F0F1F3;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}
div#footer
{
    margin: 0 auto;
    width: 978px;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
    display: block;
}
div#footer .text
{
    float: right;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-top: 11px;
}
div#footer .logo
{
    float: left;
    height: 31px;
    width: 128px;
    background-image: url('/templates/public/images/draftit_logos.png');
    background-position: 0 -192px;
    background-repeat: no-repeat;
    margin-right: 25px;
}
ul#topSubMenu
{
    clear: both;
    width: 100%;
    margin: 17px 0 17px 0;
}

/************************/
/*  Promotional Icon   */
/************************/

.promotionalicon
{
    float: left;
    height: auto !important;
    height: 51px;
    min-height: 51px;
    width: auto !important;
    width: 167px;
    max-width: 167px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 58px;
    margin: 20px;
}

.promotionalicon.question
{
    background-image: url(/templates/public/images/icons/icon_questionmark.png);
}

.exclamation
{
    background-image: url(/templates/public/images/icons/icon_exclamationmark.png)
}

.tick
{
    background-image: url(/templates/public/images/icons/icon_tickmark.png)
}

.promotionalicon .heading
{
    color: #5b5b5b;
    font-family: Arial, Sans-Serif;
    font-size: 18px;
    margin-top: 4px;
}

.promotionalicon .body
{
    color: #333333;
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-top: 2px;
}

/************************/
/*  Promotional Slider  */
/************************/

#promotionalslider ul, #promotionalslider li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#promotionalslider li
{
    width: 754px;
    height: 230px;
    overflow: hidden;
    background-position: center right;
    background-repeat: no-repeat;
}

#promotionalslider li div
{
    float: right;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-image: url(/templates/public/images/promo_fade.png);
    background-position: left center;
    background-repeat: no-repeat;
}

#promotionalslider .roundedcorners
{
    position: relative;
    pointer-events: none;
}

#promotionalslider .roundedcorners img
{
    position: absolute;
    width: 754px;
    height: 230px;    
}

#promotionalslider li div .logo
{
    background-image: url(/templates/public/images/draftit_logos_small.png);
    background-repeat: no-repeat;
    width: 330px;
    float: left;
    height: 22px;
    overflow: hidden;
    margin: 25px 0 7px 20px;
    padding-left: 89px;
    padding-top: 2px;
    
    color: White;
    font-size: 22px;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    vertical-align: middle;
    line-height: 23px;
}


#promotionalslider li div .heading
{
    color: White;
    font-size: 30px;
    font-family: Arial, Sans-Serif;
    margin-left: 20px;
    overflow: visible;
    width: 330px;
    float: left;
    clear: both;
    line-height: 1.0;

}

#promotionalslider li div .body
{
    color: White;
    font-size: 13px;
    font-family: Arial, Sans-Serif;
    margin-left: 20px;
    margin-top: 6px;
    overflow: auto;
    width: 330px;
    float: left;
    clear: both;
    line-height: 23px;
    overflow:hidden;
}

#prevBtn, #nextBtn, #slider1next, #slider1prev
{
    display: block;
    width: 30px;
    height: 77px;
    position: absolute;
    left: -30px;
    top: 71px;
    z-index: 1000;
}

#nextBtn, #slider1next
{
    left: 696px;
}

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a
{
    display: block;
    position: relative;
    width: 30px;
    height: 77px;
}

/* numeric controls */

ol#controls
{
    margin: 190px 0 0 35px;
    padding: 0;
    height: 12px;

    position: absolute;
    
    float: left;
    clear: both;
}

ol#controls li
{
    margin: 0 3px 0 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 12px;
    line-height: 12px;
}

ol#controls li a
{
    float: left;
    height: 10px;
    width: 10px;
    border: none;
    background-image: url(/templates/public/images/promo_buttons.png);
    background-position: 0 -13px;
    background-repeat: no-repeat;
}

ol#controls li.current a
{
    border: none;
    background-image: url(/templates/public/images/promo_buttons.png);
    background-position: 0 0;
}

ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus
{
    outline: none;
}

/*******************************/
/*     Select Service Modal    */
/*******************************/

.line
{
    float: left;
    clear: both;
    
    background-color: transparent;
    background-image: url("/templates/public/images/Menu_Top/topsubmenu_bgs.png");
    background-repeat: no-repeat;
    clear: both;
    display: inline-block;

    padding-left: 0;
    
    height: 30px;
    margin: 3px 0;
}

.line a
{
    float: left;
    width: 427px;
    color: White;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
    text-align: left;
    padding-left: 100px;    
}

.chkbox
{
    float: left;
    clear: both;
    margin-top: 10px;
}

/*
Send question form
*/

#sResponse 
{

}

div#qArea 
{
width:99%;    
}

textarea#myQuestion
{
width:100%;
float:left;
resize:none;
}

#askQuestion 
{
background-color:#DADADA;
border: none;
margin: 2px 0px 0px 0px;
padding: 5px 5px 5px 5px;
float:right;
background: -webkit-gradient(
        linear,
        0 top,
        0 bottom,
        color-stop(0.30, #C0C0C0),
        color-stop(1.0, #FCFCFC)
    ) 0 0;
    
background: -moz-linear-gradient(
      center 0,
      #C0C0C0 30%,
      #FCFCFC 98%
    ) 0 0;

}



/* Comment Generated by Combres - Resource '/Templates/Public/Styles/styles.css' (Mode: Static) */

body
{
    font-size: 13px;
    line-height: 1.4;
    font-family: Arial, Sans-Serif;
    background-image: url('/templates/public/images/Background/body_bg.png');
    background-repeat: repeat-x;
}
html 
{
    overflow-y: scroll;
}
h1
{
    font-size: 28px;
    line-height: 34px;
    font-family: Georgia, Arial, Sans-Serif;
    font-weight: normal;
    color: #333333;
}
h2
{
    font-size: 16px;
    line-height: 18px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: #d6001b;
}
h3
{
    font-size: 13px;
    font-family: Arial, Sans-Serif;
    font-weight: bold;
    color: #d6001b;
}

h4
{
    font-size: 13px;
    color: Black;
    font-weight: bold;
}

h5
{
    font-size: 12px;
    color: Black;
    font-style: italic;
}

p, li
{
    font-size: 13px;
    line-height: 18px;
    font-family: Arial, Sans-Serif;
    color: #333333;    
}

ol.lower-alpha
{
    list-style-type: lower-alpha;
}

#Handbok table
{
    border: 1px solid #333;
    border-collapse: collapse;
}

#Handbok td, th
{
    border: 1px solid #777;
}

#Handbok th
{
    background-color: #ddd;
}

.speciallink 
{
    font-size:14px;    
}

.nonselectabletext
{
    cursor: default;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.hidden 
{
    display:none;
}
    
a
{
    text-decoration: none;
    outline-style: none;
}

#Handbok a, #productPageContent a
{
    text-decoration: underline;
}

#HandbokHeader a, #tabs > ul > li a, #FAQAccordion > h2 > a
{
    text-decoration: none;
}

a:active
{
    /* outline: Black dotted 1px; */
}

a.skiplinkSource , a.skiplinkSource:hover, a.skiplinkSource:visited 
{ 
    display: block;
    position:absolute; 
    left:0px; 
    top:-500px; 
    width:1px; 
    height:1px; 
    overflow:hidden;
} 

a.skiplinkSource:active, a.skiplinkSource:focus 
{ 
    position:static; 
    width:auto; 
    height:auto; 
}

a.skiplinkTarget
{
    height: 0; width: 0;
}

img { border: none; }

ul { margin: 0px; }

h3.draftitcomment
{
    padding: 15px;
    padding-bottom: 0px;
    border-top: 1px solid #dadada;
}

 p.draftitcomment
{
    padding: 15px;
    padding-top: 0px;
    border-bottom: 1px solid #dadada;
}

blockquote
{
    padding: 15px;
    padding-top: 0px;
    border-bottom: 1px solid #dadada;
    border-top: 1px solid #dadada;
}

#logo
{
    display: block;
    float: left;
    height: 31px;
    width: 128px;
    background-image: url('/templates/public/images/draftit_logos.png');
    margin-top: 17px;
    background-repeat: no-repeat;
}

#topMenu li
{
    color: #666;
    float: left;
}

#topMenu a
{
    color: inherit;
    font-size: 18px;
    font-family: Arial;
    height: 34px;
}

#topMenu
{
    padding-left: 0px;
    margin-left: 15px;
    line-height: 25px;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 17px;       
}

#topMenu > li
{
    border: none;
    background-image: url('/templates/public/images/Menu_Top/topmenu_bgs.png'); /* right */
    background-position: 100% -289px;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin-left: 5px;
    height: 36px;
}

#topMenu > li > a
{
    display: block;
    background-image: url('/templates/public/images/Menu_Top/topmenu_bgs.png');
    background-position: 0px -289px;
    background-repeat: no-repeat;
    padding: 0 16px 0 22px;
    margin: 0;
    margin-right: 5px;
    font-size: 18px;
    font-weight: normal;
    color: #666;
    height: 36px;
    line-height: 36px;
}

#topMenu li.selected
{
    border: none;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

#topMenu li.selected a
{
    border: none;
    border-top-left-radius: 4px;
    color: White;
}


/* breadcrumb */

#breadcrumb
{
    list-style-type: none;
    display: none;
}

#breadcrumb > li
{
    display: inline;
}

/* top submenu */
#topSubMenu
{
    clear: both;
    color: White;
    font-size: 16px;
    padding-left: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    display: inline-block;
    background-image: url('/templates/public/images/Menu_Top/topmenu_bgs.png'); /* sub*/
    border: 0;

    border-radius: 5px;
    -moz-border-radius: 5px;

}

#topSubMenu li
{
    line-height: 34px;
    display: inline-block;
    float: left;
    background-color: transparent;
    background-image: url('/templates/public/images/Menu_Top/spacer_bg.png');
    background-repeat: repeat-y;
    padding-left: 5px;
    padding-right: 5px;
}

#topSubMenu li a
{
    font-family: Arial;
    font-weight: bold;
    font-size: 14px;
    color: White;
    display: block;
    padding: 0px 10px;
}

#topSubMenu li.selected
{
    background-image: url('/templates/public/images/Menu_top/topmenu_bgs.png'); /*sub*/
    background-position: -30px -1px;
    border-left: 1px solid #a0a0a0;
}

#topSubMenu li:first-child
{
    background-image: none;
    background-repeat: repeat-y;
}

#topSubMenu li:first-child.selected
{
    background-image: url('/templates/public/images/Menu_top/topmenu_bgs.png');
    background-position: -1px -1px;
    border: none;
}

#searchbox
{
   /* background-repeat: no-repeat;
    width: 222px;
    height: 97px; */    
}

.iconbackground
{
    background-image: url('/templates/public/images/icons_vertical.png');
    background-position: left center;
    background-repeat: no-repeat;
    height: 13px;
    line-height: 13px;
    padding-left: 20px /*!important*/;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 13px;
    font-family: Arial, Sans-Serif;
}

#tabs .iconbackground
{
    display: inline-block;
    margin: 4px 0px;
    padding: 3px 16px 3px 20px;
}

#productPageContent h1
{
    margin-top: 8px;
    margin-bottom: 17px;
}

#productPageContent
{
    width: 516px;
    float: left;
}
/*
#informationArea
{
    margin-bottom: 20px;
    overflow: hidden;
    width: 186px;
    padding: 0px 10px 10px 10px;
}*/

/* Specialoverrides för att fa lanklistan att se ut som mitt draftit när den ligger i #informationArea */
#informationArea
{
    margin-bottom: 20px;
}

#informationArea .llMenuHeading
{
    width: auto !important;
}

#informationArea .myDraftitList li
{
    display: block;
    font-weight: bold;
    background-color: #fafafa;
    width: 171px;
    min-height: 16px;
    padding: 10px 0px 8px 32px;
    
}

#informationArea .myDraftitList li:first-child
{
    height:34px;
    line-height: 34px;
    padding: 0px 0px 0px 32px;
}

/* Slut pa specialreglerna */


#informationArea .promotionalicon,
#informationBox .promotionalicon
{
    margin: 3px;  
}

#informationBox
{
    margin-bottom: 20px;
}

#informationBox .headingArea
{
     width: 204px;
     background-image: url('/templates/public/images/background/title_bgs.png');
     background-position: 0 -40px;
     background-repeat: no-repeat;
     height: 34px;
     line-height: 34px;
     vertical-align: middle;
}

#informationBox .headingArea .heading
{
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Sans-Serif;
    color: #666666;
    background-image: url('/templates/public/images/draftit_icon_grey.png');
    background-position: left center;
    background-repeat: no-repeat;
    margin-left: 6px;
    padding-left: 25px;
}

#informationBox .content
{
    overflow: hidden;
    width: 192px;
    background-color: #f5f5f5;
    border: 1px solid #dadada;
    border-top: none;
    padding: 5px;
}

/* Product page tabs 'overrides' */
#tabs ul.ui-corner-all
{
    border-bottom-left-radius:0 0;
    border-bottom-right-radius:0 0;
    border-top-left-radius:0 0;
    border-top-right-radius:0 0;   
}

#tabs ul.ui-widget-header
{
    border-bottom-width:1px;
    border-left-width:0;
    border-right-width:0;
    border-top-width:0;
}

#tabs .ui-tabs
{
    padding-top: 0 !important;
}

#tabs
{
    padding-top: 0px !important;    
}

#tabs ul.ui-tabs-nav
{
    padding-left: 0;   
}

#tabs ul.ui-widget-header
{
    border-color: #dadada;
    background-color: #ffffff;
    background-repeat: no-repeat;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active
{
    border-color: #dadada;
}

#tabs
{
    border: none;
}

#tabs > div
{
    overflow: hidden;
    border: 1px solid #dadada;
    border-top: none;
}

/* Searchbox styles */

#rightContent
{
    position: relative;
    overflow: visible;
}

#rightContent > div
{
    clear: both;
}

#searchbox-outer
{
    padding: 0px 0px 0px 0px;
    float: right;
    margin-bottom: 10px;
    
    width: 203px;
    position: absolute;
    right: 0px;
    top: -5px; /* oklart varför denna behövs. Sökboxen ligger 5 pixlar för långt ner, jämfört med allt annat */
    
    border-radius: 8px;
    -moz-border-radius: 8px;
}

/* searchbox-outer har position: aboslute, och tar ingen "plats" i layouten. Denna dummydiv används för att flytta ner alla andra div:ar med lite mer än sökoxens höjd i kompakt läge */
#searchbox-flowdummy
{
    height: 114px;
}

#searchbox
{
    background-image: url('/templates/public/images/background/searchbox_bgs.png');
    height: 96px;
    background-repeat: no-repeat;

    border-radius: 8px;
    -moz-border-radius: 8px;
}


#searchbox-outer.expandedDown #searchbox
{
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
}

#SearchForm
{
    background-image: url('/templates/public/images/background/searchbox_bgs.png');
    padding: 0px 14px 0px 0px;
    margin-left: 14px;
    background-repeat: no-repeat;
    height: 96px;
    border-radius: 8px;
    -moz-border-radius: 8px;
}

#SearchForm label
{
    color: White;
    display: block;
/*    float: left;*/
    font-size: 14px;
    line-height: 26px;
    font-weight: bold;
    height: 26px;
    width: 100%;
    margin-top: 5px;
    padding-bottom: 4px;
    padding-left: 6px;
}

#SearchForm > fieldset
{
    padding: 0;
    margin: 0;
    border: none;
}

#SearchForm > fieldset > a
{
    display: inline-block;
    width: 200px;
    display: none; /* Länk avstängd */
}


input#q
{
    clear: both;
    height: 29px;
    display: block;
    width: 125px;
    padding: 0px;
    float: left;
    padding-left: 10px;
    border-right: 0px;
    border: none;
    line-height: 30px;
    margin: 0;
    border: none;

    background-color: transparent;
    background-image: url('/templates/public/images/background/searchtext_bgs.png');
    background-repeat: no-repeat;

    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
}

#SearchForm  a
{
    color: White;
    height: 20px;
    font-size: 12px;
    line-height: 28px;
    width: 98%;
    font-weight: bold;
    padding-left: 6px;
}

#searchSubmitButton
{
    display: block;
    width: 36px;
    margin: 0px;
    padding: 0px;
    border: none;
    background-color: transparent;
    border: none;
    width: 32px;
    height: 30px;
    background-image: url('/templates/public/images/background/searchtext_bgs.png');
    outline: none;
    float: left;
    
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    -moz-border-radius-topright: 12px;
    -moz-border-radius-bottomright: 12px;
}

#liveResults
{
    background-image: none;
    background-color: #f5f5f5;
    padding: 0px;
    
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
/*    border: 1px solid #dadada;
    border-top: none;*/
    border: none;


}

#liveResults > ul
{
    list-style-type: none;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    margin-left: 0px;
    padding-left: 0px;
    border: none;
}

#liveResults > ul > li
{
    margin-left: 0;
    padding-left: 10px;
    line-height: 22px;
    border-top: 1px solid #dadada;
}


#liveResults span.suggestion
{
}

#liveResults span.hitcount
{
    color: #333;
    font-size: 12px;
    float: right;
    padding-right: 15px;
    visibility: hidden; /* Göms tills vidare då siffrorna är missvisande */
}

#liveResults > ul > li.ac_over
{
    background-color: #dadada;
    background: -webkit-gradient(
        linear,
        0 top,
        0 bottom,
        color-stop(0.10, #eee),
        color-stop(0.9, #9c9c9c)
    ) 0 0;
    
    background: -moz-linear-gradient(
      center 0,
      #eee 10%,
      #9c9c9c 98%
    ) 0 0;
    
    font-size: 1.2em;

}

#liveResults > ul > li:first-child
{
    border-top: none;
}

#liveResults > ul > li:last-child.ac_over
{
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

#liveResults a > strong, #liveResults li > strong
{
    font-weight: bolder;
}

#searchbox-outer.expanded, 
#searchbox-outer.animating 
{
    -webkit-box-shadow: -10px 10px  5px rgba(0,0,0,0.45);
    -moz-box-shadow: -10px 10px  5px rgba(0,0,0,0.45);
    box-shadow: -10px 10px  5px rgba(0,0,0,0.45);
}

/* För IE 8 och nedåt. SKugga åt "fel" håll, för annars blir cursorn knäpp. */
body.oldie #searchbox-outer.expanded, 
body.oldie #searchbox-outer.animating 
{
    filter:progid:DXImageTransform.Microsoft.dropShadow(color=#70000000, offX=10, offY=10, positive=true);
}


#searchbox-outer.expanded, 
#searchbox-outer.animating 
{
    box-shadow: -10px 10px  5px rgba(0,0,0,0.45);
}

#searchbox-outer.expanded #searchSubmitButton
{
    margin-left: 4px;
    color: White;
    font-weight: bold;
}

/* End Product page tabs 'overrides' */


/* Extra finesser för häftiga webbläsare. Rundade hörn finns i IE9-betan och andra nya webbläsare,
   Gradienter är fortfarande i utvecklingstadiet och finns bara med -webkit- och -moz- prefix.
   background-image: -xxx-gradient(...) kommer bara att parsas om webbläsaren har stöd för den, 
   annars blir de bakgrundsbilder från photoshop som definerats tidigare fallback.
   Finns stöd för gradienter så slipper man en bild-hämtning. */
#topSubMenu li.selected,
#topSubMenu li:first-child.selected
{
    background: -webkit-gradient(
        linear,
        0 top,
        0 bottom,
        color-stop(0.30, #999),
        color-stop(1.0, #6c6c6c)
    ) 0 0;
    
    background: -moz-linear-gradient(
      center 0,
      #999999 30%,
      #6c6c6c 98%
    ) 0 0;
}

#topSubMenu > li:first-child
{
    margin-left: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
}

body
{
    background-image: -webkit-gradient(
        linear,
        0 0,
        0 53,
        color-stop(0.99, #f0f1f3),
        color-stop(0.99, White)
        );
}


#FAQAccordion > h2 > a
{
    font-weight: bold;
    background-position: 0px 50%;
    background-repeat: no-repeat;
    
}

#FAQAccordion > h2 > a
{
    margin-left: 16px;
}

#FAQAccordion span.ui-icon-triangle-1-s
{
    background-image: url('/templates/public/images/icons_vertical.png');    
    width: 16px;
    height: 14px;
    top: 14px;
}

#FAQAccordion span.ui-icon-triangle-1-e
{
    background-image: url('/templates/public/images/icons_vertical.png');    
    width: 16px;
    height: 14px;
    top: 14px;
}

#FAQAccordion span.question
{
    font-weight: bold;
}

#FAQAccordion > h2.ui-state-active > a
{
}

#DocumentList { padding: 0; }

#DocumentList > li
{
    width: 100%;
    list-style-type: none;
    display: inline-block;
    border-bottom: 1px solid #dadada;
}

#DocumentList > li > a 
{ 
    display: inline-block; 
    font-size: 12px;
    line-height: 30px;
}


#DocumentList > li > a.favourize
{
    background-image: url('/templates/public/images/menu_mini/icon_favorite.png');
    background-position: left;     
    
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    
}


#DocumentList > li > a.favourite
{
    
   background-image: url('/templates/public/images/icons_vertical.png');
    background-position:-12px -836px;
}

.file-size
{
    width: 50px;
}

.file-ext-icon
{
    width: 40px;
}

.document-link
{

    width: 380px;
    padding-left: 5px;
}

#DocumentList .document-link 
{
    color: #000000;    
}

#DocumentList .file-size 
{
    color: #000000;
}


#DocumentsArea .document-link
{
    width: 355px;
}

.file-ext-icon img
{
    display: inline-block;
    padding: 0px 5px 0px 15px;
    vertical-align: middle;
}

#serviceSelector > a
{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 4px;
    background-color: Green;
}

#serviceSelector > a[data-service=Red] { background-color: #d6001b; }
#serviceSelector > a[data-service=Blue] { background-color: #006cd8; }
#serviceSelector > a[data-service=Magenta] { background-color: #bf2297; }
#serviceSelector > a[data-service=Green] { background-color: #52b102; }
#serviceSelector > a[data-service=Yellow] { background-color: #ff9900; }
#serviceSelector > a[data-service=Rainbow] { background-color: #000000; }

#topMenu > li.contactUs 
{    
    background-image:none;
    float:right; 
    width:110px;    
    padding: 0px 0px 0px 0px;
}

a#contactUs
{
    float:right;
    padding: 0px 0px 0px 0px;
    margin: 26px 0px 0px 0px;
    display:inline-block;
    background-image:url('/templates/public/images/icons_vertical.png');   
    background-position: -4px -1124px;  
    background-repeat:no-repeat;
    padding-left:30px;
    font-size:12px;
    color: #999999;
    font-weight:bold;    
    height:25px;
    
}


#topMenu > li.login
{
    background-image: url('/templates/public/images/external/login.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    float: left;
}


#topMenu > li.login > a
{
    background-image: none;
    padding-left: 30px;
    color: White;
    font-size: 14px;
    font-weight: bold;
}



#promotionalslider
{
    text-shadow: #000 1px 1px 0px;
    float: left; 
    clear: both;
}

.startPagePuffContainer 
{
     width:auto; 
     height:auto; 
}

.starPagePuffRow  
{
    float:left; clear:both; 
    width:auto; height:auto;     
}

.startPageContentColumn  
{
    float:left;
    width:48%;
    padding-right:2%;
}

.startPageRightContentColumn  
{
    float:left;
    width:50%;
}


/* LinkList */

.llMenuHeading 
{
    overflow:hidden;
    width: 200px; 
    height: auto; 
    background-color: #fafafa; 
    
    border: 1px solid #dadada; 
    border-top:none;
    border-bottom:none;
    border-left:none;
        
}


.llMenuTitleText 
{
    font-weight: bold; 
    font-size: 14px; 
    font-family: Arial, Sans-Serif; 
    color: #666666;         
    
    background-image: url('/templates/public/images/background/title_bgs.png'); 
    background-position: 0 -40px; 
    background-repeat: no-repeat; 
    padding: 3px 0px 3px 5px; 
}


.llMenuHeading ul, .llMenuHeading li
{
    list-style-type:none;
}

.llMenuTitle {
    width: 200px;     
    height: 34px; 
    line-height: 34px; 
    vertical-align: middle;
    
}
.llMenuArea 
{
    padding: 3px 0px 3px 5px;  
    border-left: 1px solid #dadada;                 
}

#newsPageContent h1
{
    margin-top: 8px;
    margin-bottom: 17px;
}

#newsPageContent
{
    width: 516px;
    float: left;
}
.dcNewsList
{
    clear:both;
    padding-left:10px;
    padding-right:10px;
    margin-top:10px;
    margin-bottom:10px;
    border:1px solid #e0e0e0;
      border-radius: 5px;
    -moz-border-radius: 5px;
    width:340px;
}
 .dcNewsList h2
 {
     padding:10px 0 5px 0;
     margin:0px;
     color:#666666;
 }
#newsPageContent .NewsItem
{
    clear:both;
    padding-top:20px;
    padding-bottom:20px;
    border-top: 1px solid #e0e0e0;
}
 .dcNewsList .NewsItem
 {
      clear:both;
    padding-top:10px;
    padding-bottom:10px;
    border-top: 1px solid #e0e0e0;
 }
#newsPageContent .NewsImageArea
{
    float:left;
    width:90px;
    height:90px;
    margin-right:20px;
    overflow:hidden;
}
.dcNewsList .NewsImageArea
{
     float:left;
    width:90px;
    height:90px;
    margin-right:10px;
    overflow:hidden;
}

#newsPageContent .NewsTextAreaPadding
{
    padding-left:110px;
}
.dcNewsList .NewsTextAreaPadding
{
    padding-left:100px;
}
#newsPageContent .NewsTextArea a, .dcNewsList .NewsTextArea a
{
    display:block;
}
#newsPageContent .NewsTextArea h2, .dcNewsList .NewsTextArea h3
{
    margin:0px;
    padding:0px;
}
#newsPageContent .NewsTextArea h2 a, .dcNewsList .NewsTextArea h3 a
{
    color:#666666;
    line-height: 1.06;
}
#newsPageContent .Date, .dcNewsList .NewsTextArea .Date
{
    color:#777777;
}
/*#newsPageContent .Date
{
    display:block;
}
#newsPageContent .NewsItem .Date
{
    display:inline;
}*/
#newsPageContent .PagingContainer
{
    border-top:1px solid #e0e0e0;
    padding-top:10px;
}
#newsPageContent .Bold
{
    font-weight:bold;
    }
.dcNewsList .NewsArchiveLink
{
    display:block;
    border-top:1px solid #e0e0e0;
    padding:10px 1px 10px 0px;
    text-align:right;
}

/* bort med gul accessability-ram i Chrome. */
#q:focus, #searchbox-outer:focus
{
    outline: none;
}


#printLogo 
{
display:none;    
}

/* FaqPage */

.QAPanel
{
    border-radius: 8px;
    border: 1px solid #999;
    background-color: #f1f1f1;
    box-shadow: 5px 5px rgba(77,77,77,0.3);
    padding: 10px 20px;
    margin: 5px 10px 20px 0px;
    
   background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #f6f6f6),
        color-stop(0.95, #eaeaea)
    );
    
    background-image: -moz-linear-gradient(
      center 0,
      #f6f6f6 5%,
      #eaeaea 95%
    );
}

.QAPanel p
{
    margin: 0;
}

.Disclaimer
{
    display: inline-block;
    background-color: #ffffbb;
    border-radius: 8px;
    padding: 5px 20px;
    margin: 10px 5px 5px 5px;
    font-style: italic;
    box-shadow: 3px 3px rgba(128, 128, 128, 0.3);
}

.QAPanel .Question
{
    font-weight: bold;
    padding: 0px 0px 10px;
}

.QAPanel .timestamp,
.QAPanel .noanswer
{
    font-weight: normal;
    color: #999;
}



/* Comment Generated by Combres - Resource '/Templates/Public/Styles/styles_layout_leftmenu_external.css' (Mode: Static) */

body.leftmenu div#leftMenu
{
    width: 218px;
    float: left;
}
body.leftmenu div#mainContent
{
    float: left;
    width: 516px;
    margin-left: 20px;
}

/* Left navigation */

div#leftMenu a
{
    display: block;
    font-family: Arial;
    font-size: 14px;
    /* margin-left: 20px; */
    margin-left:10px;
    min-height: 22px;
    padding-top: 3px;
    line-height: 1.36;
    
}
div#leftMenu a
{
    font-weight: normal;
    color: #333;
    background-position: left;
    background-repeat: no-repeat;
    padding-bottom: 0px;
}
div#leftMenu
{
    font-weight: bold;
    display: block;
    float: left;
}
div#leftMenuHeading
{
    height: 33px;
    margin: 0px;

    background-color: #333;        
    padding: 0;
}
    
div#leftMenuHeading > a
{
    color: White;
    font-size: 16px;
    font-weight: bold;
    line-height: 33px;
    padding-left: 2px;
    padding-top: 0;
}

div#leftMenu > div#toc
{
    display: block;
    background-color: #fafafa;
    background-position: left;
    background-repeat: no-repeat;
    border: 1px solid #ebebeb;
    border-width: 0px 1px;
    
}
div#leftMenu > div > a
{
    font-weight:normal;
}
div#leftMenu ul
{
    padding: 0px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    list-style-type: none;
    margin-left: 0px;
}
div#leftMenu li
{
    padding-left: 0px;
    margin-left: 0px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    background-color: #ffffff;
}

/* Children of first nodes that are selected or parent of the selected node have white backgorund */
div#leftMenu > ul > li.selected li,
div#leftMenu > ul > li.parent li
{
    background-color: #fff;
}

div#leftMenu li
{
    border-top: 1px solid #ebebeb;
}
div#leftMenu li.parent > a
{
    font-weight: bold;
}

div#leftMenu > ul
{
    border: 1px solid #ebebeb;
    border-top: none;
}

/* specifika stilar per nivå */
/* 1. */
div#leftMenu > ul > li
{    
    padding-top:4px;
    padding-bottom:4px;    
}

div#leftMenu > ul > li > a
{
    font-weight: normal;
    
}
/* 1.17 */
div#leftMenu > ul > li > ul > li
{
    padding-top:4px;
    padding-bottom:4px;
    padding-left:13px;
}
div#leftMenu > ul > li > ul > li > a
{
    
}
/* 1.17.3 */
div#leftMenu > ul > li > ul > li > ul > li
{
    padding-top:4px;
    padding-bottom:4px;
}
div#leftMenu > ul > li > ul > li > ul > li > a
{
    padding-left: 10px;
}
/* stora pilen på valt menyitem */
div#leftMenu > ul > li > ul > li > ul > li.selected,
div#leftMenu li.selected 
{   
 
}
div#leftMenu > ul > li > ul > li > ul > li.selected > a,
div#leftMenu li.selected > a
{
    color: Red;
    border: none;
    font-weight: bold;
    min-height: 21px;
}
div#leftMenu li.selected > ul
{
    /* width: 216px; */
}
/* inboxning av vald förstanivå och dess barn*/
div#leftMenu > ul > li.parent
{        
     background-color: #e9e9e9;
}

div#leftMenu > ul > li.parent > ul > li.selected
{
    background-color: #FFF;
    /* border: none; */
}
/* arrow background selectors  for left menu*/
div#leftMenu
{
    background-image: none;
}

div#leftMenu li.expandable
{
    
}

div#leftMenu li.collapsible
{
    
}
/* hantering av dolda menyalternativ */
div#leftMenu li > ul,
div#leftMenu li.collapsible > ul
{
    display: list-item;
}
div#leftMenu li.expandable > ul 
{
    display: none;
}
div#leftMenu li.hidden
{
    color: Purple;
    display: none;
}



/* extra finesser för nya webbläsare */
div#leftMenuHeading
{
    padding-left:10px;
    
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;            
   
   background-color:#333;
}




/* Comment Generated by Combres - Resource '/Templates/Public/Styles/themes.css' (Mode: Static) */

h2,
h3,
a,
/*.ui-widget-content a,*/
ul#topMenu li.selected,
#leftMenu > ul > li > ul > li.parent > a,
.ui-state-default a,
.ui-state-default,
#liveResults li > strong
{
    color: #333;
}

.ui-state-active a
{
    color: #111;
}


.iconbackground.handbook
{
    background-position: -10px -286px;
}

.iconbackground.document
{
    background-position: -11px -557px;
}

.iconbackground.guide
{
    background-position: -9px -409px;
}

.iconbackground.faq
{
    background-position: -8px -170px;
}

.iconbackground.law
{
    background-position: -10px -44px;
}


#topSubMenu
{
    background-position: 0px -1px;
}

#topMenu > li.selected
{
    background-position: 100% -329px;
}

#topMenu > li.selected > a
{
    background-position: 0px -329px;
}

#logo
{
    background-position: 0px -192px;
}

#promotionalslider li div .logo
{
    background-position: 0 -142px;
}

div#leftMenu li.selected 
{
    background-position: -1416px 0px;
}

#searchbox, #SearchForm { background-image: url('/templates/public/images/background/searchbox_bgs.png'); }
#searchbox  { background-position: left -520px; }
#SearchForm { background-position: right -520px; }

#topSubMenu, #searchbox, #SearchForm, #topMenu li.selected, #topMenu li.selected a
{
   
    background: -webkit-linear-gradient(top, #aaa 30%, #888 70%) 0 0;
    background: -moz-linear-gradient(top, #aaa 30%, #888 70%) 0 0;
    background: -ms-linear-gradient(top, #aaa 30%, #888 70%) 0 0;
    background: -o-linear-gradient(top, #aaa 30%, #888 70%) 0 0;
    background: linear-gradient(top, #aaa 30%, #888 70%) 0 0;
}

#searchSubmitButton { background-position: right -191px; }
#searchbox-outer.expanded #searchSubmitButton { background-position: left -191px; }

/*******************************/
/*             CV              */
/*******************************/

.Yellow .ui-state-default,
.Yellow .ui-state-default a
{
    color: #333;
}

.Yellow h2,
.Yellow h3,
.Yellow a,
.Yellow #topMenu li.selected,
.Yellow #leftMenu > ul > li > ul > li.parent > a,
.Yellow .ui-state-active a,
.Yellow #liveResults a > strong,
.Yellow #liveResults li > strong
{
    color: #ff9900;
}

.Yellow .ui-state-active a.handbook { background-position: -10px -387px; }
.Yellow .ui-state-active a.document { background-position: -11px -685px; }
.Yellow .ui-state-active a.guide { background-position: -9px -528px; }
.Yellow .ui-state-active a.faq { background-position: -8px -264px; }
.Yellow .ui-state-active a.law { background-position: -10px -148px; }

.Yellow #topSubMenu
{
    background-position: 0px -201px;
}

.Yellow #topMenu > li.selected
{
    background-position: 100% -529px;
}

.Yellow #topMenu > li.selected > a
{
    background-position: 0px -529px;
}

.Yellow #logo
{
    background-position: 0px -128px;
}

.Yellow #leftMenu li.selected 
{
    background-position: -944px 0px;
}

/*******************************/
/*             HR              */
/*******************************/

.Red .ui-state-default,
.Red .ui-state-default a
{
    color: #333;
}


.Red h2, 
.Red h3,
.Red a,
.Red #topMenu li.selected,
.Red #leftMenu > ul > li > ul > li.parent > a,
.Red .ui-state-active a,
.Red #liveResults a > strong,
.Red #liveResults li > strong
{
    color: #d6001b;
}

.Red .ui-state-active a.handbook { background-position: -10px -306px; }
.Red .ui-state-active a.document { background-position: -11px -582px; }
.Red .ui-state-active a.guide { background-position: -9px -431px; }
.Red .ui-state-active a.faq { background-position: -8px -188px; }
.Red .ui-state-active a.law { background-position: -10px -65px; }

.Red #topSubMenu
{
    background-position: 0px -41px;
}

.Red #topMenu > li.selected
{
    background-position: 100% -369px;
}

.Red #topMenu > li.selected > a
{
    background-position: 0px -369px;
}

.Red #logo
{
    background-position: 0px 0px;
}

.Red #leftMenu li.selected
{
    background-position: 0px 0px;
}

/*******************************/
/*            Lön              */
/*******************************/

.Blue .ui-state-default,
.Blue .ui-state-default a
{
    color: #333;
}

.Blue h2,
.Blue h3,
.Blue a,
.Blue #topMenu li.selected,
.Blue #leftMenu > ul > li > ul > li.parent > a,
.Blue .ui-state-active a,
.Blue #liveResults a > strong,
.Blue #liveResults li > strong
{
    color: #006cd8;
}

.Blue .ui-state-active a.handbook { background-position: -10px -326px; }
.Blue .ui-state-active a.document { background-position: -11px -607px; }
.Blue .ui-state-active a.guide { background-position: -9px -455px; }
.Blue .ui-state-active a.faq { background-position: -8px -206px; }
.Blue .ui-state-active a.law { background-position: -10px -86px; }

.Blue #topSubMenu
{
    background-position: 0px -81px;
}

.Blue #topMenu > li.selected
{
    background-position: 100% -409px;
}

.Blue #topMenu > li.selected > a
{
    background-position: 0px -409px;
}

.Blue #logo
{
    background-position: 0px -32px;
}

.Blue #leftMenu li.selected 
{
    background-position: -236px 0px;
}

/*******************************/
/*           Miljö             */
/*******************************/

.Magenta .ui-state-default,
.Magenta .ui-state-default a
{
    color: #333;
}


.Magenta h2,
.Magenta h3,
.Magenta a,
.Magenta #topMenu li.selected,
.Magenta #leftMenu > ul > li > ul > li.parent > a,
.Magenta .ui-state-active,
.Magenta .ui-state-active a, 
.Magenta #liveResults a > strong,
.Magenta #liveResults li > strong
{
    color: #bf2297;
}

.Magenta .ui-state-active a.handbook { background-position: -10px -346px; }
.Magenta .ui-state-active a.document { background-position: -11px -632px; }
.Magenta .ui-state-active a.guide { background-position: -9px -480px; }
.Magenta .ui-state-active a.faq { background-position: -8px -225px; }
.Magenta .ui-state-active a.law { background-position: -10px -106px; }


.Magenta #topSubMenu
{
    background-position: 0px -121px;
}

.Magenta #topMenu > li.selected
{
    background-position: 100% -449px;
}

.Magenta #topMenu > li.selected > a
{
    background-position: 0px -449px;
}

.Magenta #logo
{
    background-position: 0px -64px;
}

.Magenta leftMenu li.selected 
{
    background-position: -472px 0px;
}

/*******************************/
/*      Personalhandbok        */
/*******************************/

.Green .ui-state-default,
.Green .ui-state-default a
{
    color: #333;
}


.Green h2,
.Green h3,
.Green a,
.Green #topMenu li.selected,
.Green div#leftMenu > ul > li > ul > li.parent > a,
.Green .ui-state-active,
.Green .ui-state-active a, 
.Green #liveResults a > strong,
.Green #liveResults li > strong
{
    color: #57b102;
}

.Green .ui-state-active a.handbook { background-position: -10px -366px; }
.Green .ui-state-active a.document { background-position: -11px -659px; }
.Green .ui-state-active a.guide { background-position: -9px -504px; }
.Green .ui-state-active a.faq { background-position: -8px -244px; }
.Green .ui-state-active a.law { background-position: -10px -126px; }


.Green #topSubMenu
{
    background-position: 0px -161px;
}

.Green #topMenu > li.selected
{
    background-position: 100% -489px;
}

.Green #topMenu > li.selected > a
{
    background-position: 0px -489px;
}

.Green #logo
{
    background-position: 0px -96px;
}

.Green #leftMenu li.selected 
{
    background-position: -708px 0px;
}


/* Extra finesser för häftiga webbläsare */

.Red #searchbox { background-position: left 0; }
.Red #SearchForm { background-position: right 0; }

.Blue #searchbox { background-position: left -104; }
.Blue #SearchForm { background-position: right -104; }

.Magenta #searchbox { background-position: left -208px; }
.Magenta #SearchForm { background-position: right -208px; }

.Green #searchbox { background-position: left -312px; }
.Green #SearchForm { background-position: right -312px; }

.Yellow #searchbox { background-position: left -416px; }
.Yellow #SearchForm { background-position: right -416px; }

.Red #topSubMenu, 
.Red #searchbox,
.Red #SearchForm,
.Red #topMenu li.selected, 
.Red #topMenu li.selected a
{
    background: -webkit-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: -moz-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: -ms-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: -o-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
}

.Blue #topSubMenu, 
.Blue #searchbox, 
.Blue #SearchForm, 
.Blue #topMenu li.selected, 
.Blue #topMenu li.selected a
{
    background: -webkit-linear-gradient(top, #006cd8 30%, #004d9b 98%) 0 0;
    background: -moz-linear-gradient(top, #006cd8 30%, #004d9b 98%) 0 0;
    background: -ms-linear-gradient(top, #006cd8 30%, #004d9b 98%) 0 0;
    background: -o-linear-gradient(top, #006cd8 30%, #004d9b 98%) 0 0;
    background: linear-gradient(top, #006cd8 30%, #004d9b 98%) 0 0;
}

.Magenta #topSubMenu,
.Magenta #searchbox,
.Magenta #SearchForm,
.Magenta #topMenu li.selected,
.Magenta #topMenu li.selected a
{
    background: -webkit-linear-gradient(top, #bf2297 30%, #88186c 98%) 0 0;
    background: -moz-linear-gradient(top, #bf2297 30%, #88186c 98%) 0 0;
    background: -ms-linear-gradient(top, #bf2297 30%, #88186c 98%) 0 0;
    background: -o-linear-gradient(top, #bf2297 30%, #88186c 98%) 0 0;
    background: linear-gradient(top, #bf2297 30%, #88186c 98%) 0 0;
}

.Green #topSubMenu,
.Green #searchbox,
.Green #SearchForm,
.Green #topMenu li.selected,
.Green #topMenu li.selected a
{
    background: -webkit-linear-gradient(top, #57b102 30%, #3e7f01 90%) 0 0;
    background: -moz-linear-gradient(top, #57b102 30%, #3e7f01 90%) 0 0;
    background: -ms-linear-gradient(top, #57b102 30%, #3e7f01 90%) 0 0;
    background: -o-linear-gradient(top, #57b102 30%, #3e7f01 90%) 0 0;
    background: linear-gradient(top, #57b102 30%, #3e7f01 90%) 0 0;
}

.Yellow #topSubMenu,
.Yellow #searchbox,
.Yellow #SearchForm,
.Yellow #topMenu li.selected,
.Yellow #topMenu li.selected a
{
    background: -webkit-linear-gradient( top, #fe9a0c 30%, #b46d0b 98%) 0 0;
    background: -moz-linear-gradient( top, #fe9a0c 30%, #b46d0b 98%) 0 0;
    background: -ms-linear-gradient( top, #fe9a0c 30%, #b46d0b 98%) 0 0;
    background: -o-linear-gradient( top, #fe9a0c 30%, #b46d0b 98%) 0 0;
    background: linear-gradient( top, #fe9a0c 30%, #b46d0b 98%) 0 0;
}

.Red #searchSubmitButton { background-position: right -31px; }
.Blue #searchSubmitButton { background-position: right -63px; }
.Magenta #searchSubmitButton { background-position: right -95px; }
.Green #searchSubmitButton { background-position: right -127px; }
.Yellow #searchSubmitButton { background-position: right -159px; }

.Red #searchbox-outer.expanded input#searchSubmitButton { background-position: left -31px; }
.Blue #searchbox-outer.expanded input#searchSubmitButton { background-position: left -63px; }
.Magenta #searchbox-outer.expanded input#searchSubmitButton { background-position: left -95px; }
.Green #searchbox-outer.expanded input#searchSubmitButton { background-position: left -127px; }
.Yellow #searchbox-outer.expanded input#searchSubmitButton { background-position: left -159px; }

/* Pil-ikoner för FAQ-tabben. */
.Red #FAQAccordion span.ui-icon-triangle-1-e { background-position: -14px -1008px; }
.Red #FAQAccordion span.ui-icon-triangle-1-s { background-position: -14px -1058px; }

.Blue #FAQAccordion span.ui-icon-triangle-1-e { background-position: -14px -988px; }
.Blue #FAQAccordion span.ui-icon-triangle-1-s { background-position: -14px -1072px; }

.Magenta #FAQAccordion span.ui-icon-triangle-1-e { background-position: -14px -966px; }
.Magenta #FAQAccordion span.ui-icon-triangle-1-s { background-position: -14px -1085px; }

.Green #FAQAccordion span.ui-icon-triangle-1-e { background-position: -14px -906px; }
.Green #FAQAccordion span.ui-icon-triangle-1-s { background-position: -14px -1097px; }

.Yellow #FAQAccordion span.ui-icon-triangle-1-e { background-position: -14px -926px; }
.Yellow #FAQAccordion span.ui-icon-triangle-1-s { background-position: -14px -1110px; }

.Yellow #promotionalslider li div .logo { background-position: 0 -93px; }
.Red #promotionalslider li div .logo { background-position: 0 5px; }
.Blue #promotionalslider li div .logo { background-position: 0 -19px; }
.Magenta #promotionalslider li div .logo { background-position: 0 -44px; }
.Green #promotionalslider li div .logo { background-position: 0 -68px; }

/* olika färger på pilarna för att expandera och minimera nivå "tre" för hr, lön osv. */

/* CV */
.Yellow #leftMenu > ul > li > ul > li.expandable,
.Yellow #leftMenu > ul > li > ul > li > ul > li.expandable
{
    background-image: url('/templates/public/images/Menu_Left/level2_expand_cv.png');
}
.Yellow #leftMenu > ul > li > ul > li.collapsible,
.Yellow #leftMenu > ul > li > ul > li > ul > li.collapsible
{
    background-image: url('/templates/public/images/Menu_Left/level2_collapse_cv.png');
}
/* HR */
.Red #leftMenu > ul > li li.parent.expandable
{
    background-image: url('/templates/public/images/Menu_Left/level2_expand_hr.png');
}
.Red div#leftMenu > ul > li li.parent.collapsible
{
    background-image: url('/templates/public/images/Menu_Left/level2_collapse_hr.png');
}
/* Lon */
.Blue #leftMenu > ul > li li.parent.expandable
{
    background-image: url('/templates/public/images/Menu_Left/level2_expand_lon.png');
}
.Blue #leftMenu > ul > li li.parent.collapsible
{
    background-image: url('/templates/public/images/Menu_Left/level2_collapse_lon.png');
}
/* Miljo */
.Magenta #leftMenu > ul > li li.parent.expandable
{
    background-image: url('/templates/public/images/Menu_Left/level2_expand_miljo.png');
}
.Magenta div#leftMenu > ul > li li.parent.collapsible
{
    background-image: url('/templates/public/images/Menu_Left/level2_collapse_miljo.png');
}
/* Personalhandbok */
.Green #leftMenu > ul > li li.parent.expandable
{
    background-image: url('/templates/public/images/Menu_Left/level2_expand_personalhandbok.png');
}
.Green #leftMenu > ul > li li.parent.collapsible
{
    background-image: url('/templates/public/images/Menu_Left/level2_collapse_personalhandbok.png');
}



/* Comment Generated by Combres - Resource '/Templates/Public/Styles/styles_external.css' (Mode: Static) */


/*******************************/
/*           External          */
/*******************************/

h1
{
    font-family: Georgia;
    color: #000;
    font-size: 36px;
}

h2
{
    font-family: Arial;
    font-size: 24px;
    color: #333;
    font-weight: normal;
}

h3
{
    font-family: Arial;
    font-size: 18px;
    color: #000;
    font-weight: normal;
    
}


body.external a, body.external ul#topMenu li.selected, body.external div#leftMenu > ul > li > ul > li.parent > a, body.external .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, body.external .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    color: #d6001b;
}

body.external .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-left: 10px;
}

body.external
{
    background-image: url('/templates/public/images/external/bodytopbg.png');
    background-repeat: repeat-x;
    background-position: left top;
}


body.external #topContent
{
    z-index: 1;
    position: absolute;
    width: 978px;
}


.external #topSubMenu
{
    background-position: 0px -41px;
    width: auto;
    float: right;
    clear: none;
}


body.external a#logo
{
    background-position: 0px 0px;
    background-image: url('/templates/public/images/external/draftitlogo.png');
    width: 165px;
    height: 43px;
}



body.external #fullWidthContent
{
    width: 100%;
}

/****************************/
/*  Background Image Cycle  */
/****************************/

#backgroundcyclearea
{
    height: 368px;
    position: relative; /*top: -68px;*/
    width: 1190px;
    left: -106px;
}
#backgroundcyclearea ul, #backgroundcyclearea li
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#backgroundcyclearea li
{
    width: 100%;
    height: 368px;
    overflow: hidden;
    background-position: top left;
    background-repeat: no-repeat;
}

#backgroundcyclearea li div
{
    overflow: hidden;
    width: 100%;
    height: 100%;
}

#backgroundcyclearea li div .heading
{
    display: block;
    margin: 80px 0px 10px 126px;
    color: White;
    font-size: 40px;
    width: 450px;
    line-height: 1.0;
}
#backgroundcyclearea li div .body
{
    display: block;
    margin: 10px 10px 10px 126px;
    color: White;
    font-size: 14px;
    width: 450px;
    line-height: 18px;
}
#backgroundcyclearea .fade
{
    position: relative;
    z-index: -1;
}

#backgroundcyclearea .fade img
{
    position: absolute;
    width: 1190px;
    height: 368px;
}

/****************************/
/*          Tabs            */
/****************************/
body.external #tabs
{
    background: none;
    top: -41px;
    margin-bottom: -21px; /* top: -109px;*/
}
body.external .ui-tabs .ui-tabs-nav
{
    padding: 0;
    width: 100%;
    background: none;
}
body.external #tabs ul.ui-widget-header
{
    background: none;
}
body.external .ui-tabs .ui-tabs-nav li
{
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 1px solid #cccccc;
    width: 243px;
    margin: 0;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}
body.external .ui-tabs .ui-tabs-nav li.First
{
    width: 244px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
}
body.external .ui-tabs .ui-tabs-nav li.Last
{
    width: 245px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    border-right: none;
}
body.external .ui-tabs .ui-state-default
{
    background: none;
    background-image: url('/templates/public/images/external/promotabbg.png');
    background-repeat: repeat-x;
}
body.external .ui-tabs .ui-tabs-selected
{
    background: none;
    background-image: url('/templates/public/images/external/promotabselectedbg.png');
    background-repeat: no-repeat;
    padding: 0;
}
body.external .ui-tabs .ui-tabs-nav li .PromotionAreaTab
{
    background-position: left center;
    background-repeat: no-repeat;
    line-height: 40px;
    width: 100%;
    vertical-align: middle;
    text-align: center;
    font-size: 18px;
    font-family: Arial, Sans-Serif;
    color: black;
    padding: 0px !important;
    margin: 0px !important;
}
body.external .ui-tabs .ui-tabs-nav li.ui-tabs-selected .PromotionAreaTab
{
    color: White;
}
body.external div#tabs > div
{
    border: none;
    background-image: url('/templates/public/images/external/promotionareabg.png');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 301px;
    padding: 20px;
}




/****************************/
/*        Push Area         */
/****************************/
body.external #pushArea
{
    background-image: url('/templates/public/images/external/pushareabg.png');
    height: 173px;
}

body.external #pushArea .Push
{
    float: left;
    width: 286px;
    padding: 20px;
    height: 131px;
    overflow: hidden;
}


/***************************/
/*        Footer           */
/***************************/
body.external #footerwide
{
    background-color: #f6f6f6;
    border: none;
}

body.external #footerwide #footer
{
    height: auto;
    color: #333333;
}


/****************************/
/*     External Info Page   */
/****************************/
body.external #topBackground
{
    height: 75px;
    position: relative; /*top: -68px;*/
    width: 1190px;
    left: -106px;
    margin-bottom: 30px;
    overflow: hidden;
}
body.external #topBackground .fade
{
    position: relative;
    z-index: -1;
}

body.external #topBackground .fade img
{
    position: absolute;
    width: 1190px;
}
body.external #topBackground .img
{
    position: relative;
    z-index: -2;
    width: 100%;
    height: 75px;
    overflow: hidden;
    background-position: top left;
    background-repeat: no-repeat;
}
body.external #topBackground .img img
{
    width: 1190px;
}

body.external.leftmenu
{
    background-image: url('/templates/public/images/external/bodytopbgsmall.png');
}

body.external #mainAndRightContent
{
    float: left;
    width: 730px;
    margin-left: 30px;
}
body.external #mainAndRightContent .PageImage
{
    width: 100%;
}

body.external div#leftMenuHeading a
{
    line-height: 33px;
    color: white;
    font-size: 13px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
body.external div#leftMenu li.selected
{
    background-position: 0px 0px;
}
body.external.leftmenu #mainContent
{
    margin-left: 0px;
    width: 510px;
    overflow: hidden;
    position: static;
}

body.external #rightContent
{
    position: static;
    overflow: hidden;
}



/**********************/
/*      Login         */
/**********************/
body.external #LoginArea
{
    float: right;
    width: 99px;
    margin-left: 10px;
    margin-top: 16px;
}
body.external #Login, body.external #Logout
{
    background-image: url('/templates/public/images/external/login.png');
    background-repeat: no-repeat;
    width: 70px;
    height: 32px;
    color: White;
    font-weight: bold;
    line-height: 16px;
    font-size: 14px;
    padding-left: 30px;
    padding-top: 10px;
    cursor: pointer;
}
body.external #Logout a
{
    color: White;
}

#LoginFoldout
{
    width: 193px;
    height: 194px;
    background-image: url('/templates/public/images/external/loginbgs.png');
    background-repeat: no-repeat;
    position: relative;
    left: -110px;
    padding: 10px 10px 10px 10px;
}

#LoginFoldout > table
{
}

#LoginFoldout.collapsed
{
    display: none;
}

#LoginFoldout.expanded
{
    display: block;
}

body.external #LoginFoldout fieldset, body.external #LoginFoldout table, body.external #LoginFoldout tr, body.external #LoginFoldout td
{
    border: none;
    padding: 0px;
    margin: 0px;
}

#LoginFoldout input[type=text],
#LoginFoldout input[type=password]
{
    box-sizing: border-box;
    margin: 5px;
    padding: 0px 0px 0px 10px;
    width: 183px;
    height: 28px;
    line-height: 24px;
    border: none;
    background: none;
    background-image: url('/templates/public/images/external/loginbgs.png');
    background-repeat: no-repeat;
    background-position: 0px -326px;
    border-radius: 10px;
}

#LoginFoldout .button
{
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    margin-top: 6px;
    margin-right: 5px;
    color: White;
/*    float: right;*/
    width: 77px;
    height: 28px;
    background: none;
    border: none;
    background-image: url('/templates/public/images/external/loginbgs.png') /*!important*/;
    background-position: 0px -294px;
    background-repeat: no-repeat;
    margin-right: 5px;
}
#LoginFoldout a, #LoginFoldout label
{
    color: White;
}
body.external #LoginFoldout #ActionLinks
{
    display: inline-block;
    padding: 2px 0px 1px 0px;
    font-size: 11px;
    width: 80%;
}
#LoginFoldout #ActionLinks a
{
    padding-left: 5px;
    padding-right: 5px;
}
#LoginFoldout #MessageArea
{
    color: White;
    float: left;
}

#LoginFoldout label
{
    padding-left: 7px;
/*    font-size: 11px;*/
}

#LoginFoldout .error
{
    font-weight: bold;
    color: White;
    display: inline-block;
    padding-top: 0px;
}


/****************************/
/*        TopMenu           */
/****************************/
body.external #topSubMenu ul
{
    padding: 0px;
    padding-top: 8px;
}
body.external #topSubMenu ul li
{
    float: none;
    display: block;
    background: none;
    line-height: 30px;
}
body.external #topSubMenu ul li a
{
    font-size: 12px;
    font-weight: normal;
}
body.external #topSubMenu .Single, body.external #topSubMenu .Double
{
    display: none;
    position: absolute;
}
body.external #topSubMenu .SingleBody
{
    background-image: url('/templates/public/images/external/menufoldoutbg.png');
    background-repeat: no-repeat;
    width: 149px;
    left: -9px;
    position: relative;
}
body.external #topSubMenu .SingleBottom
{
    background-image: url('/templates/public/images/external/menufoldoutbottom.png');
    background-repeat: no-repeat;
    width: 149px;
    height: 13px;
    left: -9px;
    position: relative;
}

body.external #topSubMenu .DoubleBody
{
    background-image: url('/templates/public/images/external/menufoldoutwidebg.png');
    width: 292px;
    background-repeat: no-repeat;
    left: -80px;
    position: relative;
}
body.external #topSubMenu .DoubleBody ul
{
    float: left;
    width: 140px;
}

body.external #topSubMenu .DoubleBottom
{
    background-image: url('/templates/public/images/external/menufoldoutwidebottom.png');
    background-repeat: no-repeat;
    width: 292px;
    height: 13px;
    left: -80px;
    position: relative;
}
body.external #topSubMenu .visible
{
    display: block;
}

body.external ul#topSubMenu li.selected, body.external ul#topSubMenu li.selected:first-child
{
    background: -moz-linear-gradient(center 0 , #aa0016 30%, #790110 98%) repeat scroll 0 0 transparent;
}
body.external ul#topSubMenu li:last-child
{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
}
body.external ul#topSubMenu li.selected
{
    background-image: url("/templates/public/images/External/MenuSelectedBg.png");
    background-position: 0 0px;
    border: none;
}

/* Extra finesser för häftiga webbläsare */
.external #topSubMenu
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    background: -webkit-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: -moz-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: -ms-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: -o-linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
    background: linear-gradient(top, #d6001b 30%, #970013 98%) 0 0;
}

.external #topSubMenu li.internal
{
    background-image: none;
    background-color: White;

    background: -webkit-linear-gradient(top, #fff 30%, #ccc 98%) 0 0;
    background: -moz-linear-gradient(top, #fff 30%, #ccc 98%) 0 0;
    background: -ms-linear-gradient(top, #fff 30%, #ccc 98%) 0 0;
    background: -o-linear-gradient(top, #fff 30%, #ccc 98%) 0 0;
    background: linear-gradient(top, #fff 30%, #ccc 98%) 0 0;
}

.external #topSubMenu li.internal > a
{
    color: #d6001b;
}

#backgroundcyclearea
{
    color: rgba(255,255,255,1.0);
    text-shadow: rgba(0,0,0,0.6) 1px 1px 1px;
}

#backgroundcyclearea span.heading
{
    color: rgba(255,255,255,1.0) !important;
    text-shadow: rgba(0,0,0,0.6) 2px 2px 2px;
    opacity: 1.0 !important;
}

/* Fix för faden, då den vita gradienten hanmnar över text och annat. FUnkar bara i Chrome än så länge. */
#backgroundcycle >li > div
{
    background-image: -webkit-gradient(
        linear,
        0 top,
        360 top,
        color-stop(0.01, rgba(0, 0, 0, 0.0)),
        color-stop(0.10, rgba(0, 0, 0, 0.4)),
        color-stop(0.70, rgba(0, 0, 0, 0.4)),
        color-stop(0.99, rgba(0,0,0, 0.0))
        );
        
    background: -moz-linear-gradient(left, rgba(0,0,0,0.0), rgba(0,0,0,0.4) 10%, rgba(0,0,0,0.4) 20%, rgba(0,0,0,0) 30%);

}

ul.checklist > li
{
    list-style-type: none;
    background-image: url('/templates/public/images/icons/check_grey.png');
    background-repeat: no-repeat;
    backgorund-position: 0px 3px;
    padding: 2px 2em;
}

#leftMenu #leftMenuHeading > a
{
    font-size: 16px;
    font-weight: bold;
}

ul#topSubMenu
{
    box-shadow: 0px 4px 5px rgba(0,0,0,0.3);
}



/* specialcheckbox */

#LoginFoldout label[for=PersistentCookie]
{
    width: 76px;
/*    display: inline-block;*/
    font-size: 11px;
    margin: 0;
    padding: 0;
    padding-left: 10px;
    border: none;
    
}

#PersistentCookie
{
/*	position: absolute;
	left: 3px;
	top: 14px;
	margin: 0;
	z-index: -1;*/
	filter: alpha(opacity=0.0); OUTLINE-STYLE: none;
    opacity: 0.0;
    width: 4px;
    margin: 0;
    padding: 0;
    border: none;
    display: inline-block;
}

#PersistentCookieContainer {
/*	padding-left: 24px;*/
	padding-top: 0px;
    margin: 0;
	margin-left: 4px;
	display: inline-block;
	height: 15px;
	margin-top: 8px;
    font-size: 11px;

	background: url(/templates/public/Images/external/loginbgs.png) no-repeat; 
	background-position: -0px -216px;
    width: 100px;
/*    float: left;*/

}

#PersistentCookieContainer.checked
{
	background-position: -0px -238px;
}

label[for=PersistentCookie].focus 
{
/*	outline: 1px dotted #ccc;*/
}

#Login > a
{
    color: White;
}

#ErrorMessage
{
    font-size: 11px;
}


/* Comment Generated by Combres - Resource '/Templates/Public/Styles/mydraftit.css' (Mode: Static) */
.menuTitle {
    width: 204px; 
    background-image: url('/templates/public/images/background/title_bgs.png'); 
    background-position: 0 -40px; 
    background-repeat: no-repeat; 
    height: 34px; 
    line-height: 34px; 
    vertical-align: middle;
    
}

.menuTitleText 
{
    font-weight: bold; 
    font-size: 14px; 
    font-family: Arial, Sans-Serif; 
    color: #666666; 
    background-image: url('/templates/public/images/draftit_icon_grey.png'); 
    background-position: left center; 
    background-repeat: no-repeat; 
    margin-left: 6px; 
    padding-left: 25px;
}



.menuHeading ul, .menuHeading li
{
    list-style-type:none;
}

.menuHeading 
{
    overflow:hidden;    
    width: 202px; 
    height: auto; 
    background-color: #fafafa; 
    border: 1px solid #dadada; 
    border-top: none;    
    -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}


.menuItem 
{
    font-weight:bold;
    font-size:13px;
    font-family:Arial, Sans-Serif;
    color:#353535;     
    margin: 0px 0px 8px 0px;
    padding: 8px 0px 0px 5px;   
   display:inline-block;
   vertical-align:bottom;
   cursor:pointer;
             
}


.myDraftitList 
{
    padding-left:0px;    
}

.rowIcon 
{
    height:25px;
    width:25px;
    display:inline-block;
    background-repeat: no-repeat;    
}


#FAQicon
{        
    background-image: url('/templates/public/images/icons_vertical.png');     
    background-position: -4px -762px;                    
}


#FAVicon
{    
    background-image: url('/templates/public/images/icons_vertical.png');     
    background-position: -4px -834px;                    
}

#profileIcon 
{
    background-image: url('/templates/public/images/icons_vertical.png');     
    background-position: -4px -737px;                    
}

#comIcon 
{
    background-image: url('/templates/public/images/icons_vertical.png');     
    background-position: -4px -786px;                    
}



.menuArea
{
    border-bottom: 1px solid #BBB;   
    width:100%;  
    cursor:pointer;  
}

.lastMenuArea 
{
    border: 0px none none;
    cursor:pointer;  
}

#myDraftitFAQarea 
{
    
}

#faqImage     
{    
    height:13px;
    width:17px;
   
    
}
          
.faqContents , .menuContents
{
    padding-left:0px;
}     

.faqRow , .subMenuRow
{
    color:#666;        
    font-size:11px;
    font-family:Arial, Sans-Serif;
    padding: 4px 0px 4px 6px;    
    border-bottom: 1px solid #CCC;
    width:100%;    
    
}

.firstRow 
{
   border-top: 1px solid #CCC;
}

.lastRow
{
    border-bottom: none;
}

.unread 
{
    font-weight: bolder;
}

.productlist 
{
    padding-left:10px;    
}

.productlist li 
{
    list-style: none;
    padding: 3px 0px 3px 0px;
    
}

.mydraftitsave
{
    float:right;
}

 .myProfileTxtBox,
 .myProfileTable input
 {
     margin-left: 30px;
 }

 .myProfileTxtBox,
 .myProfileTable input[type=text]
 {
     width:200px;
 }
 
 .myProfileTable select
 {
     width: 200px;
     margin-left: 30px;
 }
 
 .myProfileTable .err
 {
     color: Red;
 }
 
/*#DirectLoginInfo,
#IPFilterInfo,
*/
div.popup
{
    position: absolute;
    margin: auto;
    left: 120px;
    width: 520px;
    padding: 10px 20px 20px 20px;
    background-color: #f1f1f1;
   
    border: 2px solid #ccc;
    border-radius: 8px;
    box-shadow: 8px 8px rgba(55, 55, 55, 0.7);
    outline: none;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0.05, #f4f4f4),
        color-stop(0.95, #ededed)
    );
}

.closelink.top
{
    position: absolute;
    top: 4px;
    right: 10px;
    font-weight: bold;
}


/* Comment Generated by Combres - Resource '/Templates/Public/Styles/handbok.css' (Mode: Static) */
/*Header*/
#HandbokHeader
{
    height: 25px;
    margin: 0;
    clear: both;
    padding: 5px 0px;
}

#tabs > #HandbokHeader
{
    border-bottom: none;
}



#HandbokHeader a:link {color:#333333;}

#HandbokHeader.active a:link
{
    color:#333333;
    
}

#Handbok
{
    padding-top: 10px;
    padding-left:15px;
    padding-right:15px;
}

.RightLinks
{    
    float:right;
}


.RightLinks a:link{color:#333333;}


#CommentLinkPanel
{    
    float: right;
    color:#333333;
    padding-left: 5px;
    margin-left:5px;
    display:inline;
    padding-top:5px;
}

#CommentLinkPanel.active
{
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;    
    background-color :#F0F0F0;    
    height:25px;
}

#commentIcon 
{
    float:left;
    width:10px;
    height:20px;
    padding-right:8px;
    background-image: url('/templates/public/images/icons_vertical.png');
    background-position: -10px -791px;
    background-repeat:no-repeat; 
}


#commentCount
{     
    height: 100%;
    padding-bottom: 15px;
    padding-left: 0px; 
    padding-right: 10px;     
     
}

#favoriteLink
{
    background-image: url('/templates/public/images/icons_vertical.png');
    background-position: -11px -839px;
    background-repeat:no-repeat; 
    padding-left: 18px;
    margin-left: 10px;
    
    margin-top:5px;
    display: inline-block;
    float: right;
}
#printLink
{
    background-image: url('/templates/public/images/icons_vertical.png');
    background-position: -11px -1150px;
    background-repeat:no-repeat; 
    padding-left: 20px;
    margin-top:5px;
    display: inline-block;
    float: right;
}

/*CommentArea*/
.CommentTextarea
{
    width: 100%;
    border: none;
    padding: -20px;
    resize:none;
    overflow: auto;
}

/*
div#Comments a:link {color:#333333;}
*/
div#Comments span
{
    display:block;
}
div.bottomlinks
{
    float:right;
    padding-right:5px;
}
div.Comment 
{
    float:left;
    width:100%;
    border-top: solid 1px #DADADA;
    background-color: #FAFAFA;         
    padding-top:5px;   
}


div.Comment span
{
    padding: 10px 5px 5px 5px;           
}

label.postedby
{        
        padding-left:5px;   
 }

#commentLoader 
{    
    padding-top:10px;
    float:right;
        
}

#sendCommentForm
{
    border: none;
    padding: 5px 5px 5px 5px;
    
    float:right;
    color:White;
    margin-top: 0px;
    height: 37px;
    width: 65px;
    background-image: url('/templates/public/Images/Menu_Mini/comment_submit.png');
    background-color: Transparent;
}

.Comment .bottomlinks a , .postedby
{
    font-size:12px;
    font-weight:bold;
}

.postasadmin 
{
    font-size:12px;    
}

#commentArea
{
 /*   border-color: #DADADA;
    border-style: solid;
    border-width: 1px;*/
/*    width:100%;*/
    border: 1px solid #dadada;
 
    overflow:auto;    
}
#superCommentsDiv
{   
/*    border-color: #DADADA;
    border-style: solid;
    border-width: 1px;*/
/*    border-top: none;*/
    overflow: auto;
}
#superCommentsDiv span
{
    display:block;
}

/*
div#superCommentsDiv a:link
{
    color:#333333;
}
*/
#commentForm
{
    background-color: #F0F0F0; 
    padding-right: 10px; 
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 5px;    
    overflow:hidden;
    border: none;
}

a.delLink
{
    background-image: url('/templates/public/Images/Menu_Mini/icon_trashcan.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 10px;
    margin-left: 10px;
    color:#333333;
}
a.editLink
{
    background-image: url('/templates/public/Images/Menu_Mini/icon_editpen.png');
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding-left: 10px;
    margin-left: 10px;
    color:#333333;
}

div#superCommentsDiv .Comment
{
    background-color: #FFF0F5;
}

.commentbody
{
    font-family: Arial, Sans-Serif;
    font-size: 1.1em;
    line-height: 1.1em;
    padding: 2px 5px 2px 10px;
    color: #222;
    
}

/* FAQ-flik   ededed */

#FAQAccordion .ui-accordion-header 
{
 background-color:#ededed;
 background-image: -webkit-gradient(
    linear,
    left 0,
    left 40,
    color-stop(0.0, #FAFAFA),
    color-stop(1, #EDEDED)    
);
background-image: -moz-linear-gradient(
    center bottom,
    #FAFAFA 1%,
    #EDEDED 100%
);
}

.commentbody
{
    white-space: pre-line;
}

#tabs > #HandbookFooter
{
    float: right;
    border: none;
    padding: 2px 2px 2px 0px;
    font-size: 11px;
    font-style: italic;
}