/* CSS MasterStylesheet  */






BODY
{
    color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
    scrollbar-3dlight-color:#E5EAEF;
    scrollbar-arrow-color:#616161;
    scrollbar-base-color:#EAEAEA;
    scrollbar-darkshadow-color:#EAEAEA;
    scrollbar-face-color:#dddddd;
    scrollbar-highlight-color:#EAEAEA;
    scrollbar-shadow-color:#EAEAEA;
    scrollbar-track-color:#EAEAEA;
    background-color:#eeeeee;
   
}

p  {  margin-top: 0 }

h1   { font-size: 11px; font-weight: bold; line-height: 12px; margin: 10px 0 0 }


A:link		{color: #152b4d;text-decoration: none;  }
A:visited	{color: #152b4d;text-decoration: none;}
A:active	{color: #152b4d;text-decoration: none;}
A:hover		{ color: #152b4d; BACKGROUND-COLOR: #DDDDDD; }

td  { color: black; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif }


/**/
.contenttable
{
    width: 800px;
    height: 100%;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #aaaaaa;
    background-image: url(famkrologo.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-color:White;
}
.contenttable td                    {text-align:left;vertical-align:top;}
.contenttable #contenttoptd
{
    width: 780px;
    height: 80px;
    padding-left: 10px;
    padding-right: 10px;
    
} /*colspan=2*/
.contenttable #contentmenutd {width:0;} /*denne findes kun på sider der har leftside menu*/
.contenttable #contentcontenttd     {padding-left:10px; padding-right:10px;padding-top:20px;}
.contenttable #bottombuttonstd      {text-align:center;padding-left:10px; padding-right:10px;}

.contenttable #listpagertd {border-top: 1px solid #cccccc;text-align:center;}
.contenttable #contentbottomtd {padding-left:10px; padding-right:10px;} /*colspan=2*/
.contenttable #contentbottomtd a { color: #5574a8; font-size: 10px; text-decoration: underline }


.personmastertable {width:780px;} /* pagemastertable for visning af person. Persondata, stamtræ og livshistorie er i hver sin tr-td i denne*/


.personpartdatatable {width:100%;}
.personpartdatatable table {width:100%;}
.personpartdatatable table td {color: #152b4d;}
    .personpartdatatable #imagecoltd {padding-left:10px;width:20%;}
    .personpartdatatable #namecoltd {text-indent:15px; width:32%;border:0px solid white;}
    .personpartdatatable #familycoltd {text-indent:15px;width:62%;border:0px solid white;color: #152b4d;}  
    .personpartdatatabletextpart td {
        border-bottom: #cccccc 1px inset;
        height: 16px;
        border-collapse: collapse;
        vertical-align:top;
        
    }
    .personpartdatatabletextpart #namelinetd {border:0px solid white;}

.persondividerheadertable {width:100%; }
.persondividerheadertable #titledividertexttd {border-bottom:1px solid #999999; border-top:1px solid #999999; height:28px; }
.persondividerheadertable td {padding-left:5px; color: #152b4d; font-size: 11px;  font-weight: bold;vertical-align:middle;}

.persondataAuthor {font-weight:normal;font-size:10px;}

.toptable {width:800px; height:90px; border:0;}
.toptable td {vertical-align:bottom;}
.toptable #toptablelogotd
{
    width: 300px;
    cursor:pointer;
}
.toptable #toptablenametd
{
    color: #152b4d;
    font-size: 11px; font-weight: bold;
    text-align: right;
    padding-top: 5px;
    padding-right: 10px;
    text-align: center;
    padding-bottom:10px;
}

.topmenutable {}
.topmenutable td {padding-left:9px; padding-right:9px; text-align:center;}
.topmenutable A {font-size: 11px; font-weight: bold; color: #152b4d;}
.topmenutable A:link		{text-decoration: none;  }
.topmenutable A:visited	{text-decoration: none;}
.topmenutable A:active	{text-decoration: none;}
.topmenutable A:hover		{BACKGROUND-COLOR: #DDDDDD; }

.personmainimagetable {}
.personmainimagetable td {width:95px; text-align:left; vertical-align:middle; }
.personmainimagetable img {border:1px solid #999999;}

.personmainimagefordetailtable {}
.personmainimagefordetailtable td {width:95px; text-align:left; vertical-align:middle; }
.personmainimagefordetailtable img {border:1px solid #999999;}

.menutable {width:150px;}
.menutable a:link { color: #152b4d; font-size: 11px;  font-weight: bold; text-decoration: none; background-color: #fff; padding-left: 14px; line-height: 20px; display: block; vertical-align: middle }
.menutable a:visited { color: #152b4d; font-size: 11px; font-weight: bold; text-decoration: none; background-color: #fff; padding-left: 14px; line-height: 20px; display: block; vertical-align: middle }
.menutable a:hover
{
    background-image: url(roll.gif);
    background-repeat: no-repeat;
}
.menutable #menuhilitetd a
{
    background-image: url(roll.gif);
    background-repeat: no-repeat;
}


.submenutable {}
.submenutable a:link { font-size: 10px; font-weight: normal; padding-left: 21px; line-height: 14px; display: block; vertical-align: middle }
.submenutable a:visited { font-size: 10px; font-weight: normal; line-height: 14px; display: block; padding-left: 21px; vertical-align: middle }
.submenutable a:hover { background-image: url(under_roll.gif); }
.submenutable #menuhilitetd a { background-image: url(under_roll.gif);}


.bottombuttonbartable {width:800px; border:0; }
.bottombuttonbartable td {height:23px;}
.bottombuttonbartable #bottombuttonbarLinetd {background-image: url(bundlinie.gif);}
.bottombuttonbartable #bottombuttonbardankorttd {padding-left:10px;width:20px;text-align:left;}
.bottombuttonbartable #bottombuttonbarbuttontd {text-align:center;}
.bottombuttonbartable a { color: #5574a8; font-size: 10px; text-decoration: underline }

/*------------popin----------------*/
.popinstylediv {
                        position:absolute; 
                        left:0px; 
                        top:0px;
                        width:100%; 
                        height:100%;
                        visibility:visible; 
                        z-index:254;
                        background-image: url(transp1by1.gif);
                        
                        text-align:center;
                        vertical-align:middle;
                        display:none;
         }
        .popinstylediv #popiniframe {
                        width:500px; 
                        height:500px; 
                        visibility:visible; 
                        z-index:255;
                        border: 1px solid #152b4d;
                        border-right: 2px solid #152b4d;
                        border-bottom: 2px solid #152b4d;
        }

/*global span tags------------------------*/

.globalheaderspan {color: #152b4d; font-size: 11px;  font-weight: bold;}
.globalsubtitlespan {color: #152b4d; font-size: 11px; font-style:italic;}
.globalnotespan {color: #152b4d; font-size: 11px; font-style:italic;}
.globalsmallfontspan {font-family:Tahoma;font-size:9px;color:#8a95a6;}

.onpageeditlink {background-color: lemonchiffon;}


.personheaderspan {font-family:Arial;color: #152b4d; font-size: 16px;  font-weight: bold;}



#buttonimage {border:0px; position:relative; top:2px;} /*alle edit, add og tilføj button har id buttonimage*/


.imagemoverbuttontable {}
.imagemoverbuttontable td {padding-top:3px;vertical-align:bottom;}

.relatedinfomastertable {width:100%;border:0;} /*mastertabel hvori imgtabel, attachtabel og linkstabel er i hver sin td*/
  .relatedinfomastertable #addrelatedbuttonstd {padding-top:4px; text-align:center; height:25px; vertical-align:middle;}
    .relatedinfotable {height:100%;position:relative;float:left;} /*tabel for een gruppe af relatered: Enten images, attachments eller links*/
    .relatedinfotable td {width:80px;
                        text-align: center;
                        vertical-align: middle;
                        }
    .relatedinfotable img {border:0px;}
    

    .relatedinfostaffagetd { border-top: 1px solid #dddddd;
                            border-left: 1px solid #dddddd;
                            border-right: 1px solid #999999;
                            border-bottom: 1px solid #999999;
                            padding: 3px;
                            }
                        
        .onerelatedtable  /*tabel der omfatter billed, subtekst og evt editknap...både for billeder, attachments og links*/
        {
            padding:0px;
        }
        .onerelatedtable td { border-top: 0;
                                        border-left:0;
                                        border-right: 0;
                                        border-bottom:0;}
        .onerelatedtable #imagetd       {border:0; height:80px;}
        .onerelatedtable #subtexttd     {font-family:Tahoma;font-size:9px;color:#8a95a6;}
        .onerelatedtable #buttontd      {padding-top:3px; border:0; vertical-align:bottom;}



.relatedtypetexttable {}
.relatedtypetexttable td {vertical-align:top;}
.relatedtypetexttable #relatedlabeltd {padding-left:10px;width:100px;font-size:11px;}
.relatedtypetextsubtable {}
.relatedtypetextsubtable td {vertical-align:top;padding-bottom:5px;}



/*naermestefamilie-part------------------------*/

.naermestefamiliedatatable {width:630px;}
.naermestefamiliedatatable #familycoltd {width:50%;}
.naermestefamiliedatatable #personcoltd {width:50%;}

#hiliterelatedpersontd {background-color:#e9eef7;}


/*lifestory-part------------------------*/

.lifestoryparttable {width:780px; border:0; text-indent:0;}

    /*header for viewing ..toggles af koden*/
    .lifestorypartheadertable {width:780px;background-color: white; } /*border-bottom:1px solid #d9dee7;*/
    .lifestorypartheadertable #headertitletd
    {
        color: #152b4d;
        font-size: 11px;
        font-weight: bold;
        text-transform: uppercase;
        display: block;
        padding-left:5px;
        padding-top:20px;
        vertical-align:bottom;
    }
    
    /*header for editing ..toggles af koden*/
    .editlifestorypartheadertable {width:780px;background-color: #e9eef7;border-bottom:1px solid #d9dee7;}
    .editlifestorypartheadertable #headertitletd
    {
        color: #152b4d;
        font-size: 11px;
        font-weight: bold;
        line-height: 20px;
        text-transform: uppercase;
        display: block;
        padding-left:5px;
    }
    .editlifestorypartheadertable #headerbuttonstd {vertical-align:middle;text-align:right;}
    .editlifestorypartheadertable #subheaderspan {font-style: italic;font-weight: normal; text-transform: none;}


    .lifestoryparttable #lifestoryparttexttd {padding:8px; width:100%;}
    .lifestoryparttable #lifestorypartrelatedtd {text-align:left;}
 
.personshowhidetable {width:100%;} /*buttons for show hide lifestory*/
.personshowhidetable td {height:20px; vertical-align:middle; text-align:left;font-size:10px;}

    
.lifestoryshowhidetable {width:100%;border-top:1px solid #d9dee7;} /*buttons for show hide lifestory*/
.lifestoryshowhidetable td {height:20px; vertical-align:middle; text-align:center;font-size:10px;}


/*personMakePublic */
.personmakepublicbuttonbar
{   
    position: absolute;
    top: 350px;
    left:60px;
    width:624px;
    height:40px;

}
.personmakepublicbuttonbar A:link		{color: black;text-decoration: none;  text-transform:none;}
.personmakepublicbuttonbar A:visited	{color: black;text-decoration: none; text-transform:none;}
.personmakepublicbuttonbar A:active	    {color: black;text-decoration: none; text-transform:none;}
.personmakepublicbuttonbar A:hover      {color: #cc3300 ;background-color:  Transparent; text-transform:none;}


/*personPointTo */
.personpointtobuttonbar
{   
    position: absolute;
    top: 350px;
    left:60px;
    width:624px;
    height:40px;
        
}

.personpointtobuttonbar td  {text-align:center; padding-top:5px;border-top:1px solid #9999;}
.personpointtobuttonbar A   {font-size:11px; font-weight:bold;}
.personpointtobuttonbar A:link		{color: black;text-decoration: none;  text-transform:none;}
.personpointtobuttonbar A:visited	{color: black;text-decoration: none; text-transform:none;}
.personpointtobuttonbar A:active	{color: black;text-decoration: none; text-transform:none;}
.personpointtobuttonbar A:hover     {color: #cc3300 ;background-color:  Transparent; text-transform:none;}

    
        
/*famillystorypart*/

.familystorytable {width:600px; border:0;}
    /*header*/
    .familystoryheadertable {width:600px;background-color: #e9eef7;}
    .familystoryheadertable #headertitletd {
            color: #152b4d;
            font-size: 11px;
            font-weight: bold;
            line-height: 20px;
            text-transform: uppercase;
            display: block;
            padding-left:5px;
        }
    .familystoryheadertable #headerbuttonstd {vertical-align:middle;text-align:right;}
    /*body*/
    .familystorytable #familystorydescriptiontd {padding:10px;}
    .familystorytable #familystoryrelatedtd {text-align:center;} /*omslutter images, links og attachments*/


/* related: Siderne billeder, dkumenter og links */

.relatedheadertable {width:600px;background-color: #e9eef7;}
    
    .relatedheadertable #headertitletd {
            color: #152b4d;
            font-size: 11px;
            font-weight: bold;
            line-height: 20px;
            text-transform: uppercase;
            display: block;
            padding-left:5px;
        }
    .relatedheadertable #headerbuttonstd {vertical-align:middle;text-align:right;}

.billedertable {border:0; }
.billedertable td
{
    font-family:Tahoma;
    font-size:10px;
    color:#8a95a6;
    width: 130px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
   
}    


/*editwizard all pages------------------------*/

.editwizmessageheadercontainer {}
.editwizmessageheader {font-weight: bold;font-size: 12px;font-family: Arial; width:620px;}
.editwizmessagebody {font-size: 11px; width:620px;}

.editwizmessagebodycontainer {}

.editwizcontentcontainer {}
.editwizcontentcontainer td {font-size:11px;}

/*error*/
.editwizerrortable {width:620px; position:absolute;left:60px; top:470px}
.editwizerrortable td {width:620px;  text-align:center; font-size:11px;  font-weight:bold; color:Red;}

/*overskrifter i tabller*/
.edittableheadlines { background-color:#e9eef7;font-weight:bold; text-indent:5px;}

/*editwizard1 personal*/
.editwiztable {width:300px;}
.editwiztable td {height:21px;  font-size:11px;}
.editwiztable #headlinetd { background-color:#e9eef7;font-weight:bold; text-indent:5px;}
.editwiztable #labeltd {width:70px;}
.editwiztable #contenttd {font-weight:bold;}
.editwiztable input {font-size:11px; text-indent:3px;}

.editbuttonbartable
{   
    width:624px;
    height:40px;
}
.editbuttonbartable A:link		{color: black;text-decoration: none;  }
.editbuttonbartable A:visited	{color: black;text-decoration: none;}
.editbuttonbartable A:active	{color: black;text-decoration: none;}
.editbuttonbartable A:hover    {color: #cc3300 ;background-color:  Transparent;}

/*parallelle med backoffice*/

    /*hovedtabellerne i edit. Assinges på table*/
    .editMainTables{width: 100%;}
    .editMainTables tr { border-top: solid; height : 18px }
    .editMainTables #col1 {width: 100px; color:gray}
    .editMainTables td {border-bottom: #e7e7e7 1px solid;}
    .editMainTables #status_td  {font-size: 10px;}

    /*dataobjects */
    .dataobjectfuzzytimetable {}
    .dataobjectfuzzyplacetable {}
    .dataobjectfuzzyplacetable td #col1 {width:100px;}
    .fuzzyplacedropdownstyle {width:150px;}
    /* end dataobjects */

/*slut parallelle med backoffice*/

/*------------------oldstyles---------------------*/



INPUT
{
    background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-style:solid;
	border-width: 1px;
	border-color: #bbbbbb;
}

TEXTAREA 
{
	COLOR: #333333;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}

SELECT 
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
}

/* ---------------------- pagebox for lists ------------------------- */
.pageboxinnertable 
{
    width: 156px; 
    height:226px;
    border: #aaaaaa 1px solid;
}

.pageboxinnertableHi
{
    width: 100%; 
    height:100%;
    border:none;
}

/*.pageboxnext { background-image: url(../GraphicsInterface/pageboxnext.png);}
.pageboxprevious { background-image: url(../GraphicsInterface/pageboxprevious.png);}
    */

/*.clearboth { clear: both; }*/


.menucontainer
{
    left: 0px;
    overflow: hidden;
    width: 135px;
    position: absolute;
    top: 130px;
}

.menutopcontainer
{
    left: 650px;
    overflow: hidden;
    position: absolute;
    top: 2px;
    /*width:300px;
    height:60px;*/
}
.menutopcontainer2
{
    left: 700px;
    overflow: hidden;
    position: absolute;
    top: 20px;
}

.menuTopTable {width:430px;}  
.menuTopTable td { text-align:left; vertical-align:top;} 
.menuTopTable A
{
    font-size: 10px;
}
.menuTopTable A:link	{color: #555555;text-decoration: none;  }
.menuTopTable A:visited	{color: #555555;text-decoration: none; }
.menuTopTable A:active	{color: #555555;text-decoration: none; }
.menuTopTable A:hover	{color: #cc3300; BACKGROUND-COLOR: white; }

.menuBarInContentTable {width: 80%;}
.menuBarInContentTable td {width:100px; font-weight:bold; font-family: Arial, Tahoma, Verdana, geneva, helvetica; font-size:15px;}
.menuBarInContentTable A:link		{font-weight:bold; color: #333333;}
.menuBarInContentTable A:visited	{ font-weight:bold;color: #333333;}
.menuBarInContentTable A:active	{font-weight:bold;color: #333333; }
.menuBarInContentTable A:hover	{color: #333333; BACKGROUND-COLOR: #DDDDDD;font-weight:bold; }



/* ---------------------- list: pager ------------------------- */

.listpagercontainer
{
    position: absolute;
    top: 90px;
    left:120px;
    width:auto;
    height:20px; 
    min-width: 200px;
}	
/* linien i en tablelist med bladrefunktionerne - assigned på tr niveau : */

/*table*/
.pagerclass 
{
}

.pagerclass td
{
    color: #152b4d;
    font-size: 10px;
    font-weight:bold;
    border: white 1px solid; 
}
 
/* hiliten (det aktuelle sidenummer) i pageren på tablelists - assigned på a niveau : */ 
.pagerclass A {font-size:10px;}
.pagerclass A:link		{color: #152b4d ;text-decoration: none;  }
.pagerclass A:visited	{color: #152b4d;text-decoration: none;}
.pagerclass A:active	{color: #152b4d;text-decoration: none;}
.pagerclass A:hover		{ color: #152b4d; BACKGROUND-COLOR: #DDDDDD; }
.pagerclass A:hover {background-color: #f4f1b3;} 
.pagerclass #pager_hilite {border: #152b4d 1px solid; }
.pagerclass #pagernumofrecsinfo {font-weight: normal; color:#152b4d;;}
.pagerclass #pagerspacebehind {width:70px;}


/* linie i en tablelist der viser antal records etc - assigned på tr niveau : */
.listRecordsinfo td { font-size: 10 px;  color: #aaaaaa; vertical-align:middle;}

/* linie i en tablelist der viser antal records etc - assigned på font niveau : */
.listSelectionInfo { font-size: 10 px;  color: #666666; }


/*  menu-objektet  */
.menuTable { width:140px;  }
.menuTable td {font-size: 10px; height:13px;}
.menuTable #menuHilite {   BACKGROUND-COLOR:#e9eef7  } /*  hilite for lastclicked i hierarlisten - assignes på td level*/
.menuover {cursor: pointer;background-color: #dfdfdf;} /*tr*/
.menuover td {cursor: pointer;background-color: #dfdfdf;}
.menuout {cursor: pointer;background-color: #ffffff;}

.menuTable #lvl0 {text-indent: 20px; font-weight:bold;}
.menuTable #lvl1 {text-indent: 20px;}
.menuTable #lvl2 {text-indent: 28px;}
.menuTable #lvl3 {text-indent: 32px;}
.menuTable #lvl4 {text-indent: 36px;}
.menuTable #lvl5 {text-indent: 40px;}
.menuTable #lvl6 {text-indent: 44px;}
.menuTable #lvl7 {text-indent: 48px;}
.menuTable #lvl8 {text-indent: 48px;}
.menuTable #lvl9 {text-indent: 48px;}

/*languageCurrency obj */
.languageCurrency { width:140px;  } /*table*/
.languageCurrency td {width:50%; text-indent: 15px;  }
.languageCurrencyHilite
{
    background-color: #e9eef7;
    /*border-bottom: black 1px dotted;*/
    font-weight:bold;
} /*span*/

.creditcards {position:relative; left:15px;} /*table*/
.creditcards td {}

.listheaderboxcontainer
{
    float: left;
    width: 164px;
    height: 234px;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    border-right: white 1px solid;
    border-top: white 1px solid;
    border-left: white 1px solid;
    border-bottom: white 1px solid;
}

.listheaderboxoutertable
{
    width: 100%;
    height: 100%;
}

.listheaderboxinnertable
{
    width: 156px; 
    height:226px;
    border: lightgrey 1px solid;
}

.menuextendedcontentcontainer
{
    position: absolute;
    top: 80px;
    left:0px;
    width:100%;
    height:auto; 
}

.menuextendedimagecontainer {position:absolute;top:42;left:0;width:100%;}
.menuextendedimages
{
    width: 100%;
    border: white 1px solid;
}
.menuextendedimages #menuextendedimagesspace
{
    /*background-color: darkseagreen;*/
    width: 50%;
    background-color: #cc3300;
}

.menuextendedimages #envirimg  {border: white 1px solid;}

/*.menuextendedhorizontalbarcontainer  {position:absolute;top:368px;left:0px;width:100%;}*/

.menuextendedlistpartcontainer
{
    position: absolute;
    top: 370px;
    left:150px;
    width:auto;
    height:100%; 
    /*background-image: url(../GraphicsInterface/redbg.png);*/
}

.portalcategorycontentcontainer
{
    position: absolute;
    top: 86px;
    left:150px;
    width:100%;
    height:auto; 
}


/*imageviewer*/

.imageviewer {cursor:pointer; Height:100%; width:100%; }
.imageviewer td {}
.imageviewer #imageviewerimage {}
.imageviewer #imageviewertext {height:20px; font-weight:bold; text-align:center; vertical-align:top;}
.imageviewer #imageviewerdescription {height:33%;text-align:center; vertical-align:top;}
.imageviewer #clicktoclose {color:#333333; background-color:  white}
.imageviewerhi  #clicktoclose {color: #ffffff;background-color: #152b4d;cursor:pointer;}

/*noteviewer*/



.noteviewer {cursor:pointer; Height:100%; width:100%; background-color:  white; }
.noteviewer td {}
.noteviewer #titletd {padding-left:15px; font-weight:bold; border-bottom:1px solid #999999; border-top:1px solid #999999; height:28px; }
.noteviewer #noteviewertext {padding:15px; text-align:left; vertical-align:top;}
.noteviewer #clicktoclose {color:#333333; background-color:  #e9eef7; height:25px;}
.noteviewerhi  #clicktoclose {color: #ffffff;background-color: #152b4d;cursor:pointer;}


/*orderwiard logo----------------------------------------*/
.logocontainer
{
    width: 100%;
    height: 116px;
    background-image: url(famkrologo.png);
    background-repeat: no-repeat;
}

/*header til dagbog*/
.logocontainerdagbog
{
    width: 100%;
    height: 116px;
    background-image: url(famkrologodagbog4.png);
    background-repeat: no-repeat;
}

/*orderwiard ----------------------------------------*/
.orderbuttonbar
{   
    position: absolute;
    top: 480px;
    left:60px;
    /*background-image: url(../GraphicsInterface/basketbuttonline.png);*/
    background-position: left center;
    background-repeat: no-repeat;
    width:624px;
    height:40px;
}
.orderbuttonbar A:link		{color: black;text-decoration: none;  }
.orderbuttonbar A:visited	{color: black;text-decoration: none;}
.orderbuttonbar A:active	{color: black;text-decoration: none;}
.orderbuttonbar A:hover    {color: #cc3300 ;background-color:  Transparent;}


.orderbuttonbarrelative
{   

    /*background-image: url(../GraphicsInterface/basketbuttonline.png);*/
    background-position: left center;
    background-repeat: no-repeat;
    width:624px;
    height:40px;
}
.orderbuttonbarrelative A:link		{color: black;text-decoration: none;  }
.orderbuttonbarrelative A:visited	{color: black;text-decoration: none;}
.orderbuttonbarrelative A:active	{color: black;text-decoration: none;}
.orderbuttonbarrelative A:hover    {color: #cc3300 ;background-color:  Transparent;}



/*.orderlinebuttons{font-size:12px;font-weight: bold;}*/

/*orderwizard all pages*/
.orderwizmessageheadercontainer {position:absolute;left:60px; top:110px;width:620px;}
.orderwizmessageheader {font-weight: bold;font-size: 12px;font-family: Arial; width:620px;}
.orderwizmessagebody {font-size: 11px; width:620px;}

.orderwizmessagebodycontainer {position:absolute;left:60px; top:130px}

.profilecontentcontainer {} /* profile.asp og order1user.asp overlapper på styles */
.profilecontentcontainer #editbuttontd {height:20px; vertical-align:top; text-align:center; border-bottom:1px solid #dddddd;}

.orderCountryDropdown {width:134px;} 
.orderwizcontentcontainer { position:absolute;left:60px; top:190px}
.orderwizcontentcontainer td {font-size:11px;}

/*error*/
.orderwizerrortable {width:620px; position:absolute;left:60px; top:520px}
.orderwizerrortable td {width:620px;  text-align:center; font-size:11px;  font-weight:bold; color:Red;}

/*overskrifter i tabller*/
.ordertableheadlines { background-color:#e9eef7;font-weight:bold; text-indent:5px;}

/*orderwizard1 personal*/
.orderusertable {width:300px;}
.orderusertable td {height:21px;  font-size:11px; }
.orderusertable #content {font-weight:bold;}
.orderusertable input {font-size:11px; text-indent:3px;}
.orderusertable #receivenewsletter {border:none;}

/*orderwizard choose license*/
.orderlicenseselect {}
.orderlicenseselect  td {font-size:11px; }
.orderlicenseselect #col1 {height:20px;width:20px; }
.orderlicenseselect #col2 {width:600px;}
.orderlicenseselect select {font-size:11px;}
.orderlicenseselect #header {font-weight:bold;}
.orderlicenseselect input {border:none;}

.ordershippingaddresstable {width:300px;}
.ordershippingaddresstable td {height:21px;  font-size:11px;}
.ordershippingaddresstable #content {font-weight:bold;}
.ordershippingaddresstable input {font-size:11px; text-indent:3px;}



/*login*/
.logincontainertable {width:300; }
.logincontainertable td{text-align:center;font-size:11px;}
.logincontainertable input{font-size:11px; text-indent:3px;}
.logincontainertable A:link		{color: black; text-decoration: none; font-size:11px; font-weight:bold;  }
.logincontainertable A:visited	{color: black;text-decoration: none;font-size:11px; font-weight:bold; }
.logincontainertable A:active	{color: black;text-decoration: none;font-size:11px; font-weight:bold; }
.logincontainertable A:hover    {color: #cc3300 ;background-color:  Transparent;font-size:11px; font-weight:bold; }

/*guestlogin*/
.guestlogincontainertable {width:300; }
.guestlogincontainertable td {font-size:11px;}
.guestlogincontainertable input{font-size:11px; text-indent:3px;}
.guestlogincontainertable A:link		{color: black; text-decoration: none; font-size:11px; font-weight:bold;  }
.guestlogincontainertable A:visited	{color: black;text-decoration: none;font-size:11px; font-weight:bold; }
.guestlogincontainertable A:active	{color: black;text-decoration: none;font-size:11px; font-weight:bold; }
.guestlogincontainertable A:hover    {color: #cc3300 ;background-color:  Transparent;font-size:11px; font-weight:bold; }

.guestloginlisttable  {width:100%;}
.guestloginlisttable td {padding-left:2px; font-size:11px; font-weight:bold; border-bottom: 1px solid #eeeeee; height:20px;}
.guestloginlisttable #listheadertd {font-weight: normal;}

/*usernewsedit*/
.usernewscontainertable {width:400px; }
.usernewscontainertable td {font-size:11px;}
.usernewscontainertable input{font-size:11px; text-indent:3px;}
.usernewscontainertable A:link		{color: black; text-decoration: none; font-size:11px; font-weight:bold;  }
.usernewscontainertable A:visited	{color: black;text-decoration: none;font-size:11px; font-weight:bold; }
.usernewscontainertable A:active	{color: black;text-decoration: none;font-size:11px; font-weight:bold; }
.usernewscontainertable A:hover    {color: #cc3300 ;background-color:  Transparent;font-size:11px; font-weight:bold; }

/*listviewrenderer 1*/
.personlisttable {width:100%;}
.personlisttable tr {}
.licensedstaffage {background-color:#e9eef7;}
.personlisttable #multilistheader {font-size:10px;color:#152b4d;padding-left:8px;font-weight:bold; vertical-align:middle;height:20px;background-color:#e9eef7;}
.personlisttable #personlistimagetd {border: 1px solid #e9eef7; width:43px; height:43px; text-align:center;vertical-align: middle;}
.personlisttable #personlisttexttd {width:550px;padding-left:10px;border-bottom: 0; vertical-align: middle;}

.personlisttable #bottombuttonstd {height:25px; vertical-align:middle; text-align:center;}
.personlisttable #listpagertd {}

.searchmenutable {}
.searchmenutable td {font-size:10px; padding-left:10px;vertical-align:middle;}
.searchmenutable #headertd {font-size:11px;text-align:center;font-weight:bold;vertical-align:middle;height:20px;}
.searchmenutable #subheadertd {text-align:left;font-weight:bold;}
.searchmenutable #searchbuttontd {text-align:center;font-weight:bold;vertical-align:middle;height:40px;}
.searchmenutable #cancelsearchtd {text-align:center;}
.searchmenutable #errortd
{
    
    padding: 10px;
    text-align: left;
    background-color: lemonchiffon;
}

.searchsamepageheadertable {width:615px;} /*ekstra header for searchpagesame*/
.searchsamepageheadertable td {padding-bottom:6px;font-size:11px; font-weight:bold;} /*



 


/*portal detail*/
.detailmaincontentable {width:100%;} 
.detailtexts {width:100%;} 
.detailOtherTexts {} 
.detailmaincontentable #textheader {width:100%;padding-bottom:10px; color: #152b4d;font-size:14px;font-weight:bold;}
.detailmaincontentable #textbody {}


.frontgallerydiv {position:relative; width:170px; }
.frontgalleryitemdiv {float:left; padding:2px;width:80px; height:80px;vertical-align:middle;}
.frontgalleryiteminnertable {border:1px solid #999999;width:100%; height:100%;}
.frontgalleryiteminnertable td{vertical-align:middle;text-align:center;}

/*orderpage buttons*/
.sitebuttons {} /*td*/
.sitebuttons A {font-family:Arial;color: #152b4d; font-size: 12px;  font-weight: bold; text-transform:uppercase;}	
.sitebuttons A:link		{color: #152b4d;text-decoration: none;  }
.sitebuttonsA:visited	{color: #152b4d;text-decoration: none;}
.sitebuttonsA:active	{color: #152b4d;text-decoration: none;}
.sitebuttonsA:hover		{ color: #152b4d; BACKGROUND-COLOR: #DDDDDD; }

/*orderpage buttons*/
.joinbuttondiv {color:#f4f1b3;padding:5px;padding-top:5px;padding-bottom:10px;width:125px; background-color:#e9eef7;border:1px solid #152b4d;line-height:16px;}
.joinbuttondivhi {background-color:#e9eef7;} /*f4f1b3*/
.joinbuttondiv A:link		{color: #152b4d;text-decoration: none;  }
.joinbuttondiv A:visited	{color: #152b4d;text-decoration: none;}
.joinbuttondiv A:active	{color: #152b4d;text-decoration: none;}
.joinbuttondiv A:hover		{ color: #152b4d; text-decoration: none;BACKGROUND-COLOR: transparent;}




/* stamtræ */
.familytreetable {width:100%;padding:0px;} /*common for above, center og below. Obs at denne nestes*/
.familytreetable td
{
    text-align: center;
    font-size:10px;
}

.familytreeabovetable td {vertical-align:bottom;} /*additional style for items above center*/
.familytreecentertable td {vertical-align:middle;} /*additional style for center*/
.familytreebelowtable td {vertical-align:top;} /*additional style for items below center*/

/*de flg kan vise/skjule "personer oprettet af samme bruger...etc"*/
.familytreeunrelatedtablehide {Position:absolute; top:-800; ;left: 0;}
.familytreeunrelatedtableshow { Position:relative; }

.familytreeunrelatedtable {vertical-align: middle;} /*not related persons*/
.familytreeunrelatedtable A {font-size: 9px;}
.familytreeunrelatedtable A:link		{color: #999999;text-decoration: none;  }
.familytreeunrelatedtable A:visited	{color: #999999;text-decoration: none;}
.familytreeunrelatedtable A:active	{color: #999999;text-decoration: none;}
.familytreeunrelatedtable A:hover		{ color: #999999; BACKGROUND-COLOR: #DDDDDD; }

.familytreePersonTable {width:100%; } /*subtabel hvori eet navn og spouses vises*/

.familytreePersonInnerTable 
{
    /*background-color:white;  
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}
.familytreePersonInnerTable td {padding-left:4px; padding-right:4px;}
.familytreePersonInnerTable #spousetd {font-family: Tahoma, Arial, Verdana, geneva, helvetica; font-size:9px;}

/*staffage i kombi med familytreePersonTable på tables for visning af enkeltepersoner afh af status i stamtræer: hovedperson, mand, kvinde, ikke-relateret*/
.centerpersontablestaffage
{
    /*background-color: lemonchiffon;
    background-color: #e9eef7;
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}
.centerpersontablestaffage a {font-weight:bold;font-size:11px;}

.connectorsubtableabove {width:100%;}
.connectorsubtableabove td {vertical-align:bottom;}
.connectorsubtablebelow {width:100%;}
.connectorsubtablebelow td {vertical-align:top;}

.persontablemalestaffage /*alle øvrige personer*/
{
    /*background-color: #e9eef7;
    background-color: #e9eef7;
   border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}

.persontablefemalestaffage
{
    /*background-color: #e3f5e7;
    background-color: #e9eef7;
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}

.persontableunrelatedstaffage
{
    width:100%;height:40px;
    background-color: white;
    border-top: #eeeeee 1px solid;
    border-left: #eeeeee 1px solid;
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;
}





/* stamtræ vertikalt */

.familytreetable2 {padding:0px;height:100%;} /*common for above, center og below. Obs at denne nestes*/
.familytreetable2 td
{
    font-size:10px;
}

.familytreeabovetable2 td {padding:0px;height:100%;vertical-align:bottom;} /*additional style for items above center*/
.familytreecentertable2 td {padding:0px;height:100%;vertical-align:middle;} /*additional style for center*/
.familytreebelowtable2 td {padding:0px;height:100%;vertical-align:top;} /*additional style for items below center*/

/*de flg kan vise/skjule "personer oprettet af samme bruger...etc"*/
.familytreeunrelatedtablehide2 {Position:absolute; top:-800; ;left: 0;}
.familytreeunrelatedtableshow2 { Position:relative; }

.familytreeunrelatedtable2 {vertical-align: middle;} /*not related persons*/
.familytreeunrelatedtable2 A {font-size: 9px;}
.familytreeunrelatedtable2 A:link		{color: #999999;text-decoration: none;  }
.familytreeunrelatedtable2 A:visited	{color: #999999;text-decoration: none;}
.familytreeunrelatedtable2 A:active	{color: #999999;text-decoration: none;}
.familytreeunrelatedtable2 A:hover		{ color: #999999; BACKGROUND-COLOR: #DDDDDD; }

.familytreePersonTable2 {} /*subtabel hvori eet navn og spouses vises*/
.familytreePersonTable2 td {vertical-align:middle;}
.familytreePersonInnerTable2 
{
    /*background-color:white;  
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}
.familytreePersonInnerTable2 td {padding-left:4px; padding-right:4px;}
.familytreePersonInnerTable2 #spousetd {font-family: Tahoma, Arial, Verdana, geneva, helvetica; font-size:9px;}

/*staffage i kombi med familytreePersonTable på tables for visning af enkeltepersoner afh af status i stamtræer: hovedperson, mand, kvinde, ikke-relateret*/
.centerpersontablestaffage2
{
    /*background-color: lemonchiffon;width:100%;
    background-color: #e9eef7;
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}
.centerpersontablestaffage2 a {font-weight:bold;font-size:11px;}

.persontablemalestaffage2 /*alle øvrige personer*/
{
    /*background-color: #e9eef7;
    background-color: #e9eef7;
   border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}

.persontablefemalestaffage2
{
    /*background-color: #e3f5e7;
    background-color: #e9eef7;
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;*/
}

.persontableunrelatedstaffage2
{
    width:100%;height:40px;
    background-color: white;
    border-top: #eeeeee 1px solid;
    border-left: #eeeeee 1px solid;
    border-right: #8a95a6 1px solid;
    border-bottom: #8a95a6 1px solid;
}