/*******************************************************************************/
/*  MEDICINPRISER - GLOBAL STYLES                                              */
/*******************************************************************************/

BODY {
    background-color :#fff;
    margin: -10px 0px 0px -10px;
}

HTML BODY {
    background-color : #fff;
    margin: 0px;
}

BODY, TD, P {
    font-family: "Source Sans Pro",sans-serif;
    font-size: 12px;

    line-height: 1.4em;
    color : #000;
}

A 
{
    /*color:#A46D38;*/
    color:#000;
    text-decoration: none;
}

A:hover
{
    text-decoration : underline;
}



TD 
{
    vertical-align: top;
}

hr{
    color: #d4d4d4 !important;
    height: 0px !important;

}

IMG{
    border: none;
    outline: none;
}

INPUT.textbutton 
{
    border:0;
    color:#000;
    text-decoration: none;
    cursor: pointer;
    background: none;
    padding: 0;
    margin: 0;
     display: inline;

}

INPUT.hover 
{
    text-decoration: underline;
}

table#mainContainer {
    width:932px;
    background:#fff;
    padding: 10px !important;
    
}


/*******************************************************************************/
/*  MEDICINPRISER - CONTENT (on the left side)                                 */
/*******************************************************************************/

.text 
{
    width: 490px;
    color: #000;
    margin-top: 20px;

}

.text H1
{
    color: #000;
}


.text A
{
    color: #35a8e0 ;
}

/*******************************************************************************/
/*  MEDICINPRISER - LAEGEMIDDELSTYRELSEN LEGACY STYLES                         */
/*******************************************************************************/



H1, .overskrift1{
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1.5em;
    font-weight : bold;
    color : #000;
    line-height: 2em;
    margin: 0px 0px 0px 0px;
  
}

H2, .overskrift2{
    font-family: "Source Sans Pro",sans-serif;
    font-size: 1.5em;
    font-weight : bold;
    color : #000;
    line-height: 2em;
    margin: 0px 0px 0px 0px
}


H3, .overskrift3{
    font-family: "Source Sans Pro",sans-serif;
    font-size : 1.1em;
    font-weight : bold;
    line-height: 3em;
    color : #000;
    margin: 0px 0px 0px 0px
}

/*******************************************************************************/
/*  MEDICINPRISER - TOPBAR (with tab-buttons)                                  */
/*******************************************************************************/

.button {
    border: 1px solid #505050;
    background: #d4d4d4 !important;
    font-size: 11px;
    
}

.button:hover {
    cursor: pointer;
}

.topBar {
    border-top:1px solid #033f65;
    border-bottom:1px solid #033f65;
    background-color:#033f65;
    
    /*padding-top: 5px;
    padding-left: 10px;*/
}
.topBar A{
    color: white;
}

.topBar .tabButton {    
    font-size: 10px;
    display: block;
    float: left;
    background: #f4f4f4;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 22px;
    margin-right: 10px;
    height: 22px;
    border: 1px solid #033f65;
    color: #000;
    font-weight: bold;
}

.topBar .selected {
    border-bottom: 1px solid #FFFFFF;
    background: #FFFFFF;
}

.citizenVersionLink{
    float: right;
    padding-top: 6px;
    padding-right: 17px;
}

.citizenVersionLink A{
    color: #35a8e0;
}


.topBar .links {
    font-size: 12px;
    float: right;
}   

.topBar .header {
    margin: 10px 0px 0px 10px;
}     

.topBar .header A {
    font-weight:bold;
    color:#fff;
    text-transform: uppercase; 
    font-size: 2em;

    text-decoration:none;
}


/*******************************************************************************/
/*  MEDICINPRISER - GRID                                                       */
/*******************************************************************************/

.resultHeadline {
    font-size: 1.4em;
    margin-top: 1em;
    margin-bottom: 0.6em;
}


.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 {
    width: 100%;
    max-width: 720px;
    border-collapse: collapse;
    border: 1px solid #505050;
}

#ctl00_ctl07_ctl00_PriceGrid {
    margin-bottom: 10px;
    width: 100%
}

.grid TD, .grid TH {
        border: 1px solid #ddd;
    border-width: 1px 0px 0px 0px;
    width: 105px;
}
 
.grid TD {
    background: #FFFFFF;
    font-size: 9pt;
   
    
}

.grid tr {
    border-bottom: #505050;
}

#ctl00_ctl07_BeregningWizard_MedicinTilskudsBeregningDetaljeret1_GridDetail TD {
     height: 100% !important;
}

#ctl00_ctl07_BeregningWizard_MedicinTilskudsBeregningDetaljeret1_GridDetail div {
    height: 100%;
}

#ctl00_ctl07_ctl00_PriceGrid TD {
    padding: 5px 5px 5px 5px;
}
#ctl00_ctl07_ctl00_PriceGrid TH {
    height: 45px;
}
.grid TD DIV {
    height:50px; /* maximum height of each cell */

    padding-top:4px;
    padding-left:5px;
    overflow:hidden;
    font-size: 11px;
    padding-bottom: 4px;
}

.grid .odd TD {
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    
}

.grid .selected TD
{
    background: #a8e1dc;
}

.grid .hover TD {
    
    background: #cfdefd;
    cursor: pointer;
}

.grid TH {
    text-align: left;
    background: #f4f4f4;
    padding-left: 5px;
    vertical-align: top;
    padding-top: 4px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 12px;
    height: 70px;
}

.grid TH A, .grid TH A:hover, .grid TH A:visited
{
    color : #000;
    text-decoration: none;
}

.grid TH IMG {
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}

.grid th[scope="col"] {
    border-bottom: 1px solid #505050;
    border-top: 1px solid #505050;
}
#ctl00_ctl07_Results_LeftGridDiv {

    border-left: 1px solid #505050;
}

#ctl00_ctl07_Results_LeftGridDiv .grid {
    border-bottom: 1px solid #f4f4f4 !important;
    border-left: none !important;
}

.scrollx
{
    /* search resutl grid right, scrollable */
    overflow: scroll;
    _overflow-x: scroll;
    overflow-y: hidden;
    max-width:430px;
    _width:433px; 
}

.gridPriceColmn
{
    text-align:right;
}

.gridPriceColmnTilskudBeregn
{
    text-align:right;
    width:10px;
}

.priceGrid TD, .priceGrid TH {
    border: 1px solid #f4f4f4;
    border-width: 0px 1px 0px 0px;
}

/*******************************************************************************/
/*  MEDICINPRISER - PAGER                                                      */
/*******************************************************************************/

.pager {
    width: 100%;
}

.gridPager {
    margin-top: 10px;
    min-width: 600px;

}

#ctl00_ctl07_Results_PagerBottom_PagerLayoutTable {
     padding-top: 10px !important;
 }


.gridPager .totalResults select {
    font-size: 12px;
    
}

.gridPager .prev-btn {
    float: left;
    margin: 2px;

}

.gridPager .numbers {
   float: left;
   margin: 2px;
   
}
.gridPager .next-btn {

   float: left;
   margin: 2px;
}

.gridPager  IMG {
    border: 0;
    vertical-align: middle;
    padding: 2px 2px 4px 2px;
}

.gridPager .numbers input {
    border: 1px solid #fff;
}

.gridPager .numbers input.textbutton.selected {
    border: 1px solid #505050;
    background: #f4f4f4;
    padding: 1px 2px 1px 2px;
}


#ctl00_ctl07_Results_PagerTop_LblTekstTilDropDown {
     margin-left: 4px;
    
}

/*******************************************************************************/
/*  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: 9pt;
}

.suggestBox ul li.selected { 
    background-color: #cfdefd; 
}

/*******************************************************************************/
/*  MEDICINPRISER - RELATED LINKS (on the right side, below Medicinlisten)     */
/*******************************************************************************/

.relatedLinksBox 
{   
    margin-top: 10px;
    background: #f4f4f4;
    border: 1px solid #ddd; 
    padding: 8px;
    color: #000;
    line-height:14px;
    padding: 8px;
    padding-top: 20px;
}

.relatedLinksBox P
{   padding: 8px 10px 8px 10px;
    margin: 0;
}

.relatedLinksBox H2
{   padding: 0px 10px 0px 10px;

}

.relatedLinksBox A, .oxField495_1 A, .oxField496_2 A
{   
    color: #35a8e0;
    display: block;
    margin-bottom:5px
}

/*******************************************************************************/
/*  MEDICINPRISER - FACTBOX                                                    */
/*******************************************************************************/

.factBoxButton 
{
    cursor: pointer;
}

.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:#f4f4f4;
    border-bottom: 1px solid #dddddd;
    font-weight:bold;
    font-size:14px;
    
}

.factBoxText
{
    padding-left:10px;
    padding-top:6px;
    padding-bottom:6px;
    padding-right:8px;

    font-size: 12px;
}

.factBoxText p
{
    font-size: 12px;
}

/*******************************************************************************/
/*  MEDICINPRISER - BEREGNER                                                   */
/*******************************************************************************/

.beregner {
    margin-top: 20px;
}

.beregner .stepNavigation {
    float: none;
        line-height: 1.4em;

    padding-top: 10px;
   
}

.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;
   
    margin-right: 5px;  
}    

.beregner .stepNavigation A.selected SPAN.boxed {
    background-color: #fff;
}    

.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 #ddd;
}

/*******************************************************************************/
/*  MEDICINPRISER - BEREGNER - LISTE                                           */
/*******************************************************************************/
.beregner .liste {
    border: 1px solid #ddd;
    max-width: 720px;
}
.beregner .liste TD, .beregner .liste TH {
    height: 45px;        
    font-size: 11px;
    white-space: nowrap;
}

.beregner .liste tr td {
        background-color: #f4f4f4 !important;
    border-top: 1px solid #ddd;


}

.beregner .liste TR.bordered TD, .beregner .liste TR.bordered TH {
    text-align: left;
    padding-right: 6px;
    padding-left: 6px;
}

.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
{ border-bottom:  solid 1px #505050;
    /*height: 18px;*/
    font-size: 11px;
  
    padding: 3px;
}
.Produktfakta_Row_Bottom td
{
    /*height: 18px;*/
    font-size: 11px;
    padding: 3px;
}

.Produktvisning_Top
{
    margin-top: 20px;
    width: 717px;
    height: 50px;
    overflow: hidden;
    background-color: #f4f4f4;
    border: 1px solid #ddd;
    border-bottom: 1px solid #505050;
    
}

.Produktvisning_Header
{

    margin-left: 10px;

    font-family: "Source Sans Pro",sans-serif;
    float: left;
}

.Produktvisning_AddToMedicinliste
{
    float: right;
    margin: 4px 2px 0px 0px;
    width: 195px;
}

.AddToMedicinlisteKnap
{
    width: 203px;
    height: auto;
    overflow: hidden;
        
  
        
}

.AddToMedicinlisteKnap A 
{
    text-align: center;
    font-size: 11px;
    padding: 2px;
    color:#000;
    background: #d4d4d4 !important;
    border: 1px solid #505050;
    margin: 4px 20px 0px 10px; 
    line-height: 1.4em; 
    display: block; 
    width: 175px;
}

.AddToMedicinlisteKnap A:hover {
    text-decoration: none;
}

/*
.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;
}
*/

.LinkBtn {
    color: #35a8e0;
}


/*******************************************************************************/
/*  MEDICINPRISER - SEARCH AND PRODUCT VIEW COMMON                             */
/*******************************************************************************/

.tilskudIconsBox 
{
    border: solid 1px #505050;
    width: 717px;
    margin-bottom: 5px;line-height: 1.4em;
}

.tilskudIconsBox TD
{
    vertical-align: top; 
    text-align: left; 
    width: 20%;
    font-size: 12px; 
}

/*******************************************************************************/
/*  MEDICINPRISER - OVERVIEW                                                   */
/*******************************************************************************/

.letters {
    background: #FFFFFF;
    margin-right: 10px;
}

  
.letters DIV {
    padding: 7px;
    padding-left: 17px;
    padding-right: 0;
}

.letters A, .letters A:hover {
    font-size: 13px;
    padding-right: 4px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

.letters A.noItems, .letters A.noItems:hover
{
    color: #8f8f8f;
}

.letters A.active {
    color: #35a8e0;
}

a.altOverview {
    color: #35a8e0;
}

.hidden {
    display: none;
}

.shown {
    display: block;
}

/*******************************************************************************/
/*  MEDICINPRISER - MEDICINLISTE (on the right on every page                   */
/*******************************************************************************/

.Medicinliste_Main
{
    /*width: 204px;*/
    background-color: #f4f4f4;
    border: 1px solid #505050;
    overflow: hidden;
    font-family: "Source Sans Pro",sans-serif;
    padding: 8px;
    padding-top: 20px;
    /*float: right;*/
    
}

.Medicinliste_Main A
{
    color: #35a8e0;
}

.Medicinliste_Header
{
    width: 100%;
    display: block;
    overflow: hidden;
    clear: both;
    color:#000;
    border-bottom: 1px dotted #505050;
}

.Medicinliste_Element
{
    /*width: 100%;*/
    display: block;
    padding: 8px 0px 8px 10px;
    border-bottom: 1px dotted #505050;
    
}
.Medicinliste_Element_Thin
{
    /*width: 100%;*/
    display: block;
    padding: 2px 10px 2px 10px;
  
}
.Medicinliste_Element_Bottom
{
    /*width: 100%;*/
    display: block;
    padding: 8px 10px 8px 10px;
}
.Medicinliste_Element_Bottom_Thin
{
    display: block;
    padding: 2px 10px 2px 10px;
}

.Medicinliste_Element_Bottom_Thin span {

        margin-left: 16px;
    /* padding-left: 20px; */
    display: block;
    margin-top: -16px;
}
    


.MedicinlisteElement_Navn
{
    text-align: left;
    font-size: 12px;
    color: #000 !important;
}
.MedicinlisteElement_Pris
{
    text-align: right;
   font-size: 12px;
    color: #000000;
}
.MedicinlisteElement_StyrkeOgPakning
{
    text-align: left;
    font-size: 12px;
    color: #000;
}
.MedicinlisteElement_Slet, .MedicinlisteElement_Slet:link, .MedicinlisteElement_Slet:hover, .MedicinlisteElement_Slet:active, .MedicinlisteElement_Slet:visited
{
    text-align: right;
    font-size: 12px;
    color: #000;
    vertical-align: bottom;
}

.PanelSetting
{
    width:717px;
}


.BilligerePakningerPanel
{
    width:717px;
}



.searchfields {
    margin-top: 20px;
}

#ctl00_ctl07_ResultGrid a {
    color: #35a8e0;
}