﻿/*******************************************************************************/
/*	MEDICINPRISER - GLOBAL STYLES											   */
/*******************************************************************************/

BODY {
	background-color : #DCDCC1;
	margin: -20px 0px 0px -10px;
}

HTML BODY {
	background-color : #DCDCC1;
	margin: 0px;
	margin-right:300px;
}

BODY, TD, P {
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #222222;
}

A 
{
	/*color:#A46D38;*/
	color:#887D62;
	text-decoration: none;
}

A:hover
{
	text-decoration : underline;
}

TD 
{
	vertical-align: top;
}

P 
{
	/*margin: 0;*/
}

INPUT.textbutton 
{
	border:0;
	font-family : verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#887D62;
	text-decoration: none;
	display: inline;
	cursor: pointer;
	background: none;
	padding: 0;
	margin: 0;
}

INPUT.hover 
{
	text-decoration: underline;
}

/*******************************************************************************/
/*	MEDICINPRISER - CONTENT (on the left side)								   */
/*******************************************************************************/

.text, .text P, .text STRONG, .text DIV 
{
	width: 490px;
	color: #22211D;
	font-size: 11px;
}

.text H1
{
	color: #22211D;
}

/*******************************************************************************/
/*	MEDICINPRISER - LAEGEMIDDELSTYRELSEN LEGACY STYLES						   */
/*******************************************************************************/

input, textarea, select, .normal {
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	color : #222222;
	font-size : 11px;
}

A.menu {
	font-size:10px;
	color: #7D7E81;
	text-decoration : none;
	font-weight : bold;
}

A.menu:hover {
	color: #B5AC93;
	text-decoration : none;
}

INPUT.formBorder 
{
	font-family : Verdana, Geneva, Verdana, Helvetica, sans-serif;
	font-size : 10px;
	border : 1px solid #6B6868;
	width:119px; 
	height:15px; 
	margin-top:0px
}

H1, .overskrift1{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-weight : bold;
	color : #525252;
	margin: 0px 0px 0px 0px
}

H2, .overskrift2{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #525252;
	margin: 0px 0px 0px 0px
}


H3, .overskrift3{
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #525252;
	margin: 0px 0px 0px 0px
}

/*******************************************************************************/
/*	MEDICINPRISER - TOPBAR (with tab-buttons)								   */
/*******************************************************************************/

.button {
    border: 1px solid #505050;
    background: url(/Images/button_back.gif) repeat-x;
    font-size: 10px;
    height: 21px;
}

.topBar {
    border-top:1px solid #505050;
    border-bottom:1px solid #505050;
    background-color:#DCDCC0;
    display:none;
    
    /*padding-top: 5px;
    padding-left: 10px;*/
}

.topBar .tabButton {    
	font-size: 10px;
	
    display: block;
    float: left;

    background: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px;
    /*_padding-top: 5px;
    _padding-bottom: 5px;*/
    line-height: 22px;
    margin-right: 10px;
    
    height: 24px;
    _height: 22px;
    
    border: 1px solid #505050;
    
    color: #55544F;
    font-weight: bold;
}

.topBar .selected {
    border-bottom: 1px solid #F2F2E8;
    background: #F2F2E8;
}

.topBar .links {
	font-size: 10px;
    float: right;
}   

.topBar .header {
    margin: 5px 0px 0px 10px;
}     

.topBar .header A {
    font-weight:bold;
    color:#5B5A55;
    text-transform: uppercase; 
    font-size: 16px;
    text-decoration:none;
}


/*******************************************************************************/
/*	MEDICINPRISER - GRID													   */
/*******************************************************************************/

.searchIcons {
    height: 40px;
    border: 1px solid #E2E0D7;
    
}

.searchIcons DIV {
    padding-top: 13px;
    padding-left: 30px;
    padding-right: 16px;
    float: left;
}

.searchIcons IMG {
    vertical-align:middle;
}

.grid 
{
	/*margin-left:-80px;*/
}

.grid TD, .grid TH {
    border: 1px solid #505050;
    border-width: 0px 0px 0px 0px;
  
}
 
.grid TD {
    background: #FFFFFF;
    font-size: 10px;
   
}

.scrollx
{
	/*overflow: hidden;
	_overflow-x: hidden;
	_width: 500px;
	max-width: 500px;*/
	overflow: visible;
	_overflow-x: visible;
}

.grid TD DIV { 
    height:39px; /* maximum height of each cell */
    /*height:58px;*/
    padding-top:4px;
    /*padding-left:5px;*/
    overflow:hidden;
    font-size: 10px;
}

.grid .odd TD {
    background: #F2F2E8;
}

.grid .selected TD 
{
	background-color: #C5E0D0;
}

.grid .hover TD {
	background: #CFDEFD;
	cursor: pointer;
}

.grid TH {
    text-align: left;
    background: #E0DAC5;
    /*padding-left: 5px;*/
    vertical-align: top;
    padding-top: 4px;
    
    
    border-top:0px;
    border-left:0px;
    border-right:0px;
    border-left-style:none;
    border-bottom: 0px;
    font-size: 10px;
    height:53px;
}

.grid TH A, .grid TH A:hover, .grid TH A:visited
{
	color : #222222;
	text-decoration: none;
}

.grid TH IMG {
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.gridPriceColmn
{
	text-align:right;
}

.gridPriceColmnTilskudBeregn
{
	text-align:right;
	width:10px;
}

.priceGrid TD, .priceGrid TH {
    border: 1px solid #505050;
    border-width: 0px 1px 0px 0px;
}

/* width adjustments */
.width80 
{
	/*width: 60px;*/
}

.width100
{
	/*width: 80px;*/
}

.width282, .width283
{
	width: auto;
}

/*******************************************************************************/
/*	MEDICINPRISER - PAGER													   */
/*******************************************************************************/

.gridPager {
    /*padding-top: 5px;*/
    padding-bottom: 5px;
    white-space: nowrap;
}

.gridPager A {
    text-decoration: none;
    color: #505050;
}

.gridPager A IMG {
    border: 0;
}

.gridPager DIV {
    white-space: nowrap;
    float: left;
    clear: none;  
    color: #887D62;
    white-space: nowrap;
    vertical-align: middle;
}

.gridPager .numbers A {
    display: block;
    float: left;
    padding: 1px;
    margin-right: 5px;
    border: 1px solid #F2F2E8;        
}

.gridPager .numbers .selected {
    background: #E7E6E0;
    border: 1px solid #505050;
}

/*******************************************************************************/
/*	MEDICINPRISER - SUGGEST													   */
/*******************************************************************************/

.suggestBox 
{
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #505050;
	margin-top: 2px;
	padding: 8px;
	min-width: 300px;
}

.suggestBox ul 
{
	width: 300px;
	margin: 0;
	padding: 0;
}

.suggestBox ul li 
{
	list-style-type: none;
	cursor: pointer;
	font-size: 10px;
}

.suggestBox ul li.selected { 
	background-color: #CFDEFD; 
}

/*******************************************************************************/
/*	MEDICINPRISER - RELATED LINKS (on the right side, below Medicinlisten)     */
/*******************************************************************************/

.relatedLinksBox 
{	
	margin-top: 10px;
	background: #DCDCC0;	
	padding: 8px;
	color: #866E52;
	line-height:14px;
}

.relatedLinksBox P
{	
	margin: 0;
}

.relatedLinksBox H2
{	
	margin-top: 10px;
	margin-bottom: 10px;
}

.relatedLinksBox A, .oxField495_1 A, .oxField496_2 A
{	
	color: #866E52;
	display: block;
	margin-bottom:5px
}

/*******************************************************************************/
/*	MEDICINPRISER - FACTBOX													   */
/*******************************************************************************/

.factBoxButton 
{
	cursor: pointer;
	display:none;
}

.closeButton 
{
	cursor: pointer;
}

.factBox
{
	background:white;
	border:1px solid #505050;
	width:200px;
	/*height:150px;*/
	/*padding: 10px;*/
}

.factBoxContainer 
{
	position:absolute;
	margin-top: 35px;
	margin-left: -10px;
}

.factBoxHeader
{
    padding-left:10px;
    padding-top:6px;
    padding-bottom:6px;
    padding-right:8px;
    background-color:#E7E7E1;
    font-weight:bold;
    font-size:10px;
    border-bottom: 1px solid #505050;
}

.factBoxText
{
    padding-left:10px;
    padding-top:6px;
    padding-bottom:6px;
    padding-right:8px;

	font-size: 10px;
}

.factBoxText p
{
	font-size: 10px;
}

/*******************************************************************************/
/*	MEDICINPRISER - BEREGNER												   */
/*******************************************************************************/

.beregner .stepNavigation {
    float: none;
    margin-top: 15px;
    /*margin-bottom: 15px;*/
}

.beregner .stepNavigation A {
    text-decoration: none;
    color: #000000;
}

.beregner .stepNavigation A.selected {
    font-weight: bold;
}

.beregner .stepNavigation A, .beregner .stepNavigation SPAN, .beregner .stepNavigation IMG {
    display: block;
    float: left;
    line-height: 12px;
}

.beregner .stepNavigation IMG {
    margin-top: 3px;
}

.beregner .stepNavigation SPAN.boxed {
    display: block;
    padding: 0px 1px 1px 1px;
    border: 1px solid #505050;
    margin-right: 5px;  
}    

.beregner .stepNavigation A.selected SPAN.boxed {
    background-color: #C0D1FC;
}    

.beregner .baseInfoFields {
    width: 500px;
}
     
.beregner .baseInfoFields TD {
    padding-top: 20px;
}

.beregner .baseInfoFields TD.left {
    padding-right: 20px;
    width: 350px;
}

.beregner .baseInfoFields TD.right {
    width: 100px;
}

.beregner .baseInfoFields TD.right {
    width: 10px;
    padding-top: 25px;
}

.beregner .baseInfoFields SELECT {
    width: 140px;
}

.beregner .baseInfoFields INPUT.textBox {
    width: 135px;
}

.beregner .nextButton {
    margin-right: 12px;
    
}    

.beregner .resultTable {
    width: 100%
}

.beregner .resultTable .right {
    text-align: right;
}

.beregner .resultTable TD {
    padding-top: 3px;
    padding-bottom: 3px;
}
                
.beregner .resultTable .divider TD {
    border-bottom: 1px solid #505050;
}

/*******************************************************************************/
/*	MEDICINPRISER - BEREGNER - LISTE										   */
/*******************************************************************************/

.beregner .liste TD, .beregner .liste TH {
    background-color: #FFFFFF;
    height: 45px;        
    font-size: 10px;
    white-space: nowrap;

}

.beregner .liste TR.bordered TD, .beregner .liste TR.bordered TH {
    text-align: left;
    border-bottom: 1px dotted #505050;
    padding-left: 15px;
}

.beregner .liste .data TD {
    height: 35px;
    padding-top: 10px;
    font-size: 10px;
}

.beregner .liste .data TD DIV {
    font-size: 10px;
}

/*******************************************************************************/
/*	MEDICINPRISER - PRODUCT VIEW (PRODUKTVISNING)							   */
/*******************************************************************************/

.Produktfakta_Main
{
    width: 717px;
    background-color: #FFFFFF;
    border-bottom: solid 1px #505050;
    /*padding-bottom: 15px;*/
}

.Produktfakta_Left
{
    width: 340px;
    margin: 5px;
    overflow: hidden;
    float: left;
}
.Produktfakta_Right
{
    width: 320px;
    margin: 5px;
    overflow: hidden;
    float: right;
}

.Produktfakta_Row_Header td
{
    /*height: 20px;*/
    font-size: 11px;
    font-weight: bold;
    padding: 3px;
}
.Produktfakta_Row td
{
    /*height: 18px;*/
    font-size: 10px;
    border-bottom: solid 1px #505050;
    padding: 3px;
}
.Produktfakta_Row_Bottom td
{
    /*height: 18px;*/
    font-size: 10px;
    padding: 3px;
}

/*
.Produktfakta_MaxTilskud
{
    height: 19px;
    width: 102px;
    overflow: hidden;
    background-image: url(/Images/Produktvisning/max_tilskud.gif);
    background-repeat: no-repeat;
    margin: 8px 8px 8px 0px;
}
*/

/*******************************************************************************/
/*	MEDICINPRISER - SEARCH AND PRODUCT VIEW COMMON							   */
/*******************************************************************************/

.tilskudIconsBox 
{
	border: solid 1px #E2E0D7;
    width: 717px;
}

.tilskudIconsBox TD
{
	vertical-align: top; 
	text-align: left; 
	width: 25%;
	font-size: 10px; 
}

/*******************************************************************************/
/*	MEDICINPRISER - OVERVIEW												   */
/*******************************************************************************/

.letters {
    background: #FFFFFF;
    margin-right: 10px;
}

  
.letters DIV {
    padding: 8px;
    padding-left: 17px;
    padding-right: 0;
}

.letters A, .letters A:hover {
    font-size: 13px;
    padding-right: 4px;
    font-weight: bold;
    color: #A79977;
    text-decoration: none;
}

.letters A.noItems, .letters A.noItems:hover
{
	color: #E0D0B0;
}

.letters A.active {
    color: #494843;
}

/*******************************************************************************/
/*	MEDICINPRISER - MEDICINLISTE (on the right on every page				   */
/*******************************************************************************/

.Medicinliste_Main
{
    width: 204px;
    background-color: #FFFFFF;
    overflow: hidden;
    font-family: Verdana;
    float: right;
    border: solid 1px #505050;
}

.Medicinliste_Header
{
    width: 100%;
    display: block;
    height: 34px;
    overflow: hidden;
    background-color: #E0DAC5;
    border-bottom: solid 1px #505050;
    clear: both;
    color:#494843;
}

.Medicinliste_Element
{
    /*width: 100%;*/
    display: block;
    padding: 8px 10px 8px 10px;
    border-bottom: dashed 1px #505050;
}
.Medicinliste_Element_Thin
{
    /*width: 100%;*/
    display: block;
    padding: 2px 10px 2px 10px;
    border-bottom: dashed 1px #505050;
}
.Medicinliste_Element_Bottom
{
    /*width: 100%;*/
    display: block;
    padding: 8px 10px 8px 10px;
}
.Medicinliste_Element_Bottom_Thin
{
    display: block;
    padding: 2px 10px 2px 10px;
}

.MedicinlisteElement_Navn
{
    text-align: left;
    font-size: 10px;
    color: #866E52;
}
.MedicinlisteElement_Pris
{
    text-align: right;
    font-size: 10px;
    color: #000000;
}
.MedicinlisteElement_StyrkeOgPakning
{
    text-align: left;
    font-size: 10px;
    color: #866E52;
}
.MedicinlisteElement_Slet, .MedicinlisteElement_Slet:link, .MedicinlisteElement_Slet:hover, .MedicinlisteElement_Slet:active, .MedicinlisteElement_Slet:visited
{
    text-align: right;
    font-size: 10px;
    color: #866E52;
    vertical-align: bottom;
}

.PrintHide, .button, .letters,.Medicinliste_Main
{
	display:none;
}


.Produktfakta_Main
{
	width:300px;
}

.PrintGraphAdjustment
{
	margin-left:-40px;
}

.PanelSetting,.BilligerePakningerPanel
{
	width:550px;
}


.AddToMedicinlisteKnap
{
	display:none;
}

