html, body
{
    height:100%; 
}
body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.7em;    /*0,75*/
    margin:0; 
    padding:0; 
}

p, dl, li
{
    line-height: 1.4em;
    margin: 3px 0px 4px;
}

ol
{
    margin-top : 3px;
}

legend, .legend
{
    font-size : medium;
    font-weight: bold;
    color: #454545;
    padding: 5px;
}

.infoBigHeading
{
	font-size: 18px;
    font-weight: bold;
    color: #28700b;
    padding-bottom: 5px;    
}
.infoHeading
{
	font-size:14px;
    font-weight: bold;
    color: #28700b;
    padding-bottom: 5px;    
}
.infoSubHeading,
.infoLargeSubHeading
{
	font-size:12px;
    font-weight: bold;
    color: #454545;
    padding-bottom: 5px;    
}
.infoLargeSubHeading
{
	font-size:18px;
}
.infoIngressText
{
	font-size:12px;
    font-weight: bold;
    color: #454545;
    padding-bottom : 5px;   
}
.infoText
{
	font-size: 11px;
    font-weight: normal;
    color: #454545;
    padding-bottom: 5px;    
}
.infoLargeText
{
	font-size: 14px;
    font-weight: normal;
    color: #454545;
    padding-bottom: 5px;    
}
.infoSmallText
{
	font-size:10px;
    font-weight: normal;
    color: #454545;
    padding-bottom: 5px;    
}

.instructions
{
    padding-left : 13px;
}

.divInfoText
{
	margin-bottom: 5px;
}

.dataContainer
{
    background-color : White;
    background-image : url(../img/infoContentwide.png);
    background-repeat : repeat-x;
    background-position : bottom;
    padding: 5px; 
    border : solid 1px #cfcfcf;
}

/* Klasser för att hantera checkboxar */
.checkbox
{  
    background-image : url(../img/cbx_unchecked.png);
}

.checkbox:hover
{  
    background-image : url(../img/cbx_uncheckedH.png);
}

.checkbox_sel
{  
    background-image : url(../img/cbx_checked.png);
}

.checkbox_sel:hover
{  
    background-image : url(../img/cbx_checkedH.png);
}


    form.styled label,
    form.styled input[type=text],
    form.styled input[type=password]
    {
        display : inline-block;
        margin : 1%;
    }
    
        form.styled label
        {
            width : 40%;
        }
    
        form.styled input[type=text]
        {
            width : 52%;
        }
    
        form.styled input[type=password]
        {
            width : 24%;
        }
        
        form.styled select
        {
            display : block;
            width : 96%;
            margin : 1%;
        }
    
        form.styled input[type=submit]
        {
            display : block;
        }
    

/* För att skapa en bar ange följande html:
<div class="listBar"><div id="l"></div><div id="c"></div><div id="r"></div><div id="clear"></div> */

.listBar
{
    height : 20px;
    cursor : pointer;
}

    .listBar #l
    {
        float : left;
        height : 20px;
        width : 8px;
        background-image : url('../img/barL_green.png');
        background-position : left;
        background-repeat : no-repeat;
    }

    .listBar #c
    {
        padding-top : 3px;
        float : left;
        height : 17px;
        background-image : url('../img/barC_green.png');
        background-position : left;
        background-repeat : repeat-x;
    }

    .listBar #r
    {
        float : left;
        height : 20px;
        width : 8px;
        background-image : url('../img/barR_green.png');
        background-position : left;
        background-repeat : no-repeat;
    }

    .listBar #clear
    {
        clear : left;
    }

        .listBar:hover #l
        {
            background-image : url('../img/barL_greenH.png');
        }

        .listBar:hover #c
        {
            background-image : url('../img/barC_greenH.png');
        }

        .listBar:hover #r
        {
            background-image : url('../img/barR_greenH.png');
        }

        .listBar_unsel #l
        {
            background-image : url('../img/barL_grey.png') !important;
        }

        .listBar_unsel #c
        {
            background-image : url('../img/barC_grey.png') !important;
        }

        .listBar_unsel #r
        {
            background-image : url('../img/barR_grey.png') !important;
        }

        .listBar_unsel:hover #l
        {
            background-image : url('../img/barL_greyH.png');
        }

        .listBar_unsel:hover #c
        {
            background-image : url('../img/barC_greyH.png');
        }

        .listBar_unsel:hover #r
        {
            background-image : url('../img/barR_greyH.png');
        }
        
/*  Version 2 av listbaren. Ska ha mindre html, och är inte lika känslig för dynamiska bredder. 
    Skapa med följande html:    <div class="listbar2">Innehåll<div class="end"></div></div> */

.listBar2
{
    padding-left : 6px;
    background-position : left 0px;
    cursor : pointer;
    margin-top : 4px;
}

.listBar2, .listBar2 .end
{
    height : 20px;
    background-image : url('../img/listbar2.png');
    background-repeat : no-repeat;
}

    .listBar2 .end
    {
        background-position : right 0px;
        padding-right : 5px;
    }
    
    .listBar2:hover
    {
        background-position : left -25px;
    }
    
        .listBar2:hover .end
        {
            background-position : right -25px;
        }
    
    .listBar2.unselected
    {
            background-position : left -50px;
    }
        .listBar2.unselected:hover
        {
                background-position : left -75px;
        }
    
        .listBar2.unselected .end
        {
                background-position : right -50px;
        }
        
            .listBar2.unselected:hover .end
            {
                    background-position : right -75px;
            }

/* Klasser för att skapa enkla listor. Finns header, item, alternatingItem och footer */
/* Listan hanteras via lib.Core.List */
.list
{

}

    .list .header
    {
        height : 19px;
        padding: 0px;
        padding-left : 1px; 
        border-bottom: solid 1px #aeaeae;
        font-weight : bold;
    }

    .list .items
    {
        padding-left : 0px;
        margin-left : 1px;
        margin-top : 0px;
        border-bottom: solid 1px #aeaeae;
    }

        .list .item
        {
            list-style-type : none;
            background-position : 0px -2px;
            background-repeat : no-repeat;
            /*cursor : pointer;*/
            /*padding-left : 20px;*/
            height : 18px;
            margin : 0px;
        }
            .list .item div
            {
                margin : 2px 0px 0px 0px;
            }

            .list .alternatingItem
            {
                background-color : #ede8e8;
            }

                .list .removable
                {
                    float:left;
                    width : 16px;
                    height : 16px;
                    background-image : url(../img/delete_16.png);
                    background-position : right;
                    cursor : pointer;
                }

                    .list .removable:hover
                    {
                        background-image : url(../img/delete_16g.png);

                    }

    .list .footer
    {

    }
    
/*  
    Klasser för att hantera progressbaren.
    Hanteras i lib.Core.Progressbar
*/

.progressbar
{
    width : 200px;
    height : 25px;
    background-color : Gray;
    position : relative;
}

.progressbar.oversize
{
    width : 200px;
    height : 50px;
}

    .progressbar .bar
    {
        position : absolute;
        background-color : Blue;
        height : 100%;
        width : 0px;
        top : 0px;
        left : 0px;
        z-index : 1000;
    }
    
    .progressbar .value
    {
        position : absolute;
        font-size : medium;
        color : White;
        font-weight : bold;
        padding-top : 3px;
        text-align : center;
        width : 100%;
        z-index : 1001;
    }

/*  
    Klasser för att hantera tagbars.
    Hanteras i lib.Tagbar
*/
.tagbar
{
    padding : 0px;
    position : relative;
    border : #cccccc 1px solid; 
    background-image : url(../img/button_repeat.png); 
    background-position : 0px -995px; /* Fixa ordentliga bilder senare */
    background-repeat : repeat-x;
}

    .tagbar span
    {
        background-color : #606060;
        border-left : solid 5px #888888;
        padding : 4px 4px 4px 5px;
        margin : 2px 5px 2px 5px;
        display : inline-block;
        color : White;
        font-size : 14px;
        font-family : @Arial Unicode MS;
    }
    
        .tagbar em
        {
            background-image : url(../img/cross_white.png);
            background-position : top 3px;
            background-repeat : no-repeat;
            display : inline-block;
            height : 16px;
            width : 20px;
            cursor : pointer;
            margin-left : 5px;
            margin-bottom : -3px;
        }
        
        .tagbar em:hover
        {
            background-image : url(../img/cross_white_hover.png);
        }
    
    .tagbar input
    {
        background : url(../img/transparentInput.gif) repeat-x 100% 50%;
        border : none;
        margin : 0px;
        color : #333333; 
        font-size : 18px;
        width : 100%;
    }
    
    .tagbar .suggestions
    {
        position : absolute;
        z-index : 3501;
        left : 0px;
        width : 100%;
        display : none;
        padding : 0px;
        margin-left : -1px;
    }
    
        .tagbar .suggestions ul
        {
            padding : 4px;
            margin : 0px;
            list-style-type : none;
        }
  
            .tagbar .suggestions ul li
            {
                border-left : solid 5px transparent;
                display : block;
                float : left;
                font-size : 14px;
                margin-right : 15px;
                padding : 4px 5px 4px 5px;
                margin : 2px 5px 2px 5px;
                display : inline-block;
            }
            
             .tagbar .suggestions ul li:hover
            {
                background-color : #606060;
                border-left-color : #888888;
                color : White;
                cursor : pointer;
            }
            

.inputForm
{
}
    .inputForm label
    {
        display : block;
        width : 80px;
        float : left;
        margin : 3px 0px 3px 3px;
    }
    
    .inputForm input[type=text], .inputForm input[type=password], .inputForm textarea
    {
        display : inline;    
        width : 170px;
        margin : 0px 0px 3px 3px;
    }
    
    .inputForm textarea
    {
        height : 50px;
    }
    
.divRound
{
	background-color: #f2f2ec;
    border: 1px solid #cccccc;
	padding: 10px;
	float: left;
	margin : 5px;
	
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;


	
	/*margin-top: 20px; */ 
	/*background-image: url(../../img/infoContentwide.png);
    background-repeat: repeat-x;
    background-position: bottom;*/
}

/* Modal panel */

/* 
Panelen bygger mna enkelt enligt nedan..
<div class="modalPanel">
    <div id="closePanel" class="jqmClose"></div>
</div>
*/
.modalPanel
{
    display : none;
 	position : absolute;
 	width : 388px;
 	height : 240px;
 	background-color : #fff;
 	border : solid 1px #818177;
 	top : 200px;
 	left : 50%;
 	margin-left : -194px;
 	padding : 10px;
}

    .modalPanel #closePanel
    {
        width:26px; 
        height:26px; 
        position:absolute; 
        top:2px; 
        right:2px;
        cursor : pointer;
        background-image : url('../img/closeModal.png');
    }

        .modalPanel #panelContent
        {
            width : 80%; 
            margin : 10px;
        }

/* Popupwindow 
   Jag har en liknande version i libPanel.css, ska in här istället sen
*/
#popupwindow
{
    display : none;
    position : absolute;
    left : 50%;
    top : 40%;
    width : 300px;
    margin-left : -150px;
    z-index : 9999 !important;
}

    #popupwindow #container
    {
        position : relative;    
    }
    
        #popupwindow #container #l,
        #popupwindow #container #r
        {
            width : 22px;
        }
        
        #popupwindow #container #t
        {
            position : relative;
            height : 19px;
        }
        
             #popupwindow #container #t div
            {
                position : absolute;
                top : 0px;
                height : 22px;
            }
            
            #popupwindow #container #t #l
            {
                left : 0px;
                background-image : url(../img/popup_top_left.png);
                background-repeat : no-repeat;
            }
            
             #popupwindow #container #t #c
            {
                position : static;
                background-image : url(../img/popup_top.png);
                background-repeat : repeat-x;
                margin : 0px 22px 0px 22px;
            }
            
             #popupwindow #container #t #r
            {
                right : 0px;
                background-image : url(../img/popup_top_right.png);
                background-repeat : no-repeat;
            }
            
        #popupwindow #container #c
        {
            position : relative;
        }
                    
            #popupwindow #container #c #l
            {
                position : absolute;
                top : 0px;
                left : 0px;  
                background-image : url(../img/popup_left.png);
                background-repeat : repeat-y;
                height : 100%;
            }
            
             #popupwindow #container #c #c
            {
                background-color : White;
                margin : 0px 22px 0px 22px;
                padding-left : 3px;
            }
            
                #popupwindow #body
                {
                    margin-right : 3px;
                }
            
                    #popupwindow #body #close
                    {
                        position : relative;
                        height : 20px;
                        margin-top : 5px;
                    }
                            
                    #popupwindow #body #close > div:first-child
                    {
                        position : absolute;
                        right : 0px;
                        bottom : 0px;
                    }
            
             #popupwindow #container #c #r
            {  
                position : absolute;
                top : 0px;
                right : 0px;
                background-image : url(../img/popup_right.png);
                background-repeat : repeat-y;
                height : 100%;
            }
            
     #popupwindow #container #b
        {
            position : relative;
        }
        
             #popupwindow #container #b div
            {
                position : absolute;
                top : 0px;
                height : 22px;
            }
            
            #popupwindow #container #b #l
            {
                left : 0px; 
                background-image : url(../img/popup_bottom_left.png);
                background-repeat : no-repeat;
            }
            
            #popupwindow #container #b #c
            {
                position : static;
                background-image : url(../img/popup_bottom.png);
                background-repeat : repeat-x;
                margin : 0px 22px 0px 22px;
            }
            
             #popupwindow #container #b #r
            {
                right : 0px;
                background-image : url(../img/popup_bottom_right.png);
                background-repeat : no-repeat;
            }


/* 
    Taglist inställningarna
*/

#taglist
{
    width : 800px;
    margin-left : -400px;
    margin-top : -325px;
    top : 50%;
    height : 650px;
}

    #taglist #taglistContents
    {
        position : relative;
    }

        #taglist .label
        {
            margin-top : 10px;
            float : left;
            width : 170px;
        }
         #taglist .input
        {
            margin-top : 10px;
            float : left;
            width : 600px;
        }
        
        #taglist #txtTaglistName
        {
            width : 598px;
        }
        
        #taglist .result
        {
           position : relative; 
           height : 380px;
        }
        
            #taglist #taglistGroups
            {
                width : 0px;
                height : 100%;
                left : 0px;
                top : 0px;
                display : none;
                overflow : auto;
            }
            
                #taglist #taglistGroups .container
                {
                    width : 230px;                
                }
                
            #taglist #taglistUsers
            {
                width : 100%;
                height : 100%;
                position : absolute;
                right : 0px;
                top : 0px;
                overflow : auto;
            }
                             
                    #taglist #taglistUsers .loader
                    {
                        margin-top : 10%;
                        text-align : center;
                    }
            
                #taglist #taglistUsers table
                {
                    width : 100%;                
                }        
                    #taglist #taglistUsers th
                    {
                        text-align : left;
                        width : 110px;
                        border-bottom : solid 1px black;
                    }
                    
                    #taglist #taglistUsers th.last
                    {
                        width : auto;
                    }
                    
                     #taglist #taglistUsers td
                    {
                        vertical-align : top;
                    }
                    
                  /*  #taglist #taglistUsers tr > th:last-child
                    {
                        width : auto;
                    } */
                
        #taglist .save
        {
            position : absolute;
            right : 20px;
            bottom : 5px;
        }

/* Taglists i meddelandesidan */
.msgTaglist
{
    margin : 5px 2px 2px 2px;
}

    .msgTaglist .listSelector
    {
        background : url(../img/cbx_unchecked.png) no-repeat left top;
        padding : 3% 0px 0px 20px;
        margin-top : -4px;
        height : 14px;
        overflow : hidden;
    }
    
        .msgTaglist .listSelector:hover
        {
            background-image : url(../img/cbx_uncheckedH.png);
        }
        
        .msgTaglist .listSelector.selected
        {
            background-image : url(../img/cbx_checked.png);
        }
    
            .msgTaglist .listSelector.selected:hover
            {
                background-image : url(../img/cbx_checkedH.png);
            }
    
    
/* Notifikations popuper */

.notification
{
    
}

    .notification div
    {
        border-style : solid;
        border-color : #716f64;
        border-width : 0px 1px 1px 1px;
    }

        .notification div div
        {
            background-color : #ffffe1;
            border-style : solid;
            border-color : #aca899;
            border-width : 0px 1px 1px 1px;
            padding-left: 4px;
        }

/* Klasser som hanterar FAQ:n */
.FAQHead
{
    cursor: pointer;
    padding-left : 15px;
    margin-bottom : 5px;
    background-position : top left;
    background-repeat : no-repeat;
    background-image : url(../img/FAQ_closed.png);
    color: #454545;
    font-weight : bold;
}

.FAQHead_open
{
    background-image : url(../img/FAQ_opened.png) !important;
}

.FAQBody
{
    display : none;
    padding-left : 20px;
    padding-bottom: 10px;
    color: #454545;
}


.UserList
{

}    
    
    .UserList #search{
        margin-bottom : 5px;
        border-bottom : solid 1px #cfcfcf;
        padding-bottom : 5px;
    }
    
    .UserList #pageSelector{
        display : none;
        margin : 5px 0px 5px 0px;
    }
    
    .UserList #downloadUsers{
        text-align : center;
    }
    
        .UserList #downloadUsers img{
            margin : 0px 0px -8px 5px;
        }
    
    .UserList #settings{
        margin-top : 5px;
        border-top : solid 1px #cfcfcf;
        padding : 5px;
    }

    .UserList ul {
        margin : 0;
        padding : 0;
    }

    .UserList li
    {
        background :  url('../img/cbx_unchecked.png') no-repeat left center;
        padding : 4px 5px 0px 20px;
        margin : 0px;
        cursor : pointer;
    /*
        height : 13px;
        background-repeat : no-repeat;
        background-position : top left;
        padding-left : 20px;
        padding-top : 5px;
        cursor : pointer;
        background-image : url('../img/cbx_unchecked.png');*/
    }
    
        .UserList li:hover
        {
            background-image : url('../img/cbx_uncheckedH.png');
        }
        
        .UserList li.Selected
        {
            background-image : url('../img/cbx_checked.png');
        }
        
            .UserList li.Selected:hover
            {
                background-image : url('../img/cbx_checkedH.png');
            }
    


/* Klasser som behövs för att userList.js ska fungera -- ska byta funktionen mot den ovanför*/

.UserListParticipant
{
    height : 13px;
    background-repeat : no-repeat;
    background-position : top left;
    padding-left : 20px;
    padding-top : 5px;
    cursor : pointer;
    background-image : url('../img/cbx_unchecked.png');
}

.UserListParticipant:hover
{
   background-image : url('../img/cbx_uncheckedH.png');
}

.UserListParticipant_sel
{
    background-image : url('../img/cbx_checked.png');
}

.UserListParticipant_sel:hover
{
    background-image : url('../img/cbx_checkedH.png');
}

#userManagementContents
{
    
}    
    #userManagementContents #divAddMultipleUsers #divImportMultibleUsersLoading,
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersPaste,
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersPreview,
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersAdded,
    #userManagementContents #divAddMultipleUsers #divImportOnServer
    {
        display: none; 
        height: 435px; 
        position : relative;
    }
    
     #userManagementContents #divAddMultipleUsers #divImportMultibleUsersLoading div
    {
        position : absolute;
        width : 200px;
        left : 50%;
        top : 45%;
        margin-left : -100px;    
        text-align : center;
    }
    
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersPaste #helpinfo
    {
        border-top : solid 1px #aeaeae;
    }
    
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersPaste #helpinfo .helpImg
    {
        display : none; 
        position: absolute; 
        border: #aeaeae 1px solid; 
        margin-top: 5px; 
        left: 40px;
        z-index : 2000;
    }
    
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersPreview #divUserPreviewList,
    #userManagementContents #divAddMultipleUsers #divImportMultipleUsersAdded #divAddedMultipleUsers
    {
         height: 380px;
         overflow: auto;
    }

/* Dessa är till för frågorna */

#advQuestionPnl
{
    height : 600px; 
    width : 600px; 
    margin-left : -300px;
    top : 70px;
}

    #advQuestionPnl .Panels
    {
        position : relative;
        height : 490px;
        overflow : auto;
        padding : 10px;
        border: solid 1px #aeaeae;
    }

        #advQuestionPnl ul
        {
            padding : 0px;
            list-style-type : none;
        }
        
            #advQuestionPnl .opener
            {
                background-position : 1px 3px; 
                background-image : url(../img/settings_closed.png);
                background-repeat : no-repeat;
                height : 15px;
                cursor : pointer;
                padding-left : 20px;
                margin-top : 10px;
            }

                #advQuestionPnl .opener.open
                {
                    background-image : url(../img/settings_opened.png); 
                }
                
             #advQuestionPnl .settings
             {
                display : none;
             }

            #advQuestionPnl label
            {
                margin: 8px 0 5px 0;
                position : relative;
                display : block;
            }
            
                 #advQuestionPnl label input[type=text],
                 #advQuestionPnl label select
                {
                    position :absolute;
                    right : 5px;
                    margin-top : -5px;
                    width : 75%;
                }
                
            #advQuestionPnl .edit
            {
                display : none;
                margin-left: 20px;
            }
                
        #advQuestionPnl .Panels .save
        {
            position : absolute;
            right : 10px;
        }
    
/* Frågor ner hit */





/* Kolla genom nedanför vad som behövs, nog en del gammalt */

input, textarea, select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size : 0.9em;
}

input.large, textarea.large, select.large
{
    font-size : 18px; 
    color : #333333; 
    border : #cccccc 1px solid; 
    background-image : url(../img/button_repeat.png); 
    background-position : 0px -995px; /* Fixa ordentliga bilder senare */
    background-repeat : repeat-x;
}

label.large
{
    font-size : 18px; 
    color : #333333; 
}

/*input[type=submit], input[type=button]
{
    background-image : url(../img/btn_def.png);
    width : 71px;
    height : 20px;
    border-width : 0px;
}*/
input[type=submit],input[type=button]
{
    background-image: url(../img/btn_def_tile.png);
    background-position: left;
    background-repeat: repeat-x;
    width: auto;
    height: 20px;
    border-width: 0px;
    color: black;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    margin : 0px;
    float: left;
}

.btnLeft
{
	float: left;
    background-image: url(../img/btn_def_left.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    display: block;
    height: 20px;
    padding: 0px 0px 0px 0px;    
}
.btnRight
{	
	float: left;
    background-image: url(../img/btn_def_right.png);
    background-position: left;
    background-repeat: no-repeat;
    width: 10px;
    display: block;
    height: 20px; 
    padding: 0px 0px 0px 0px;
    margin-right: 3px;
}

.btnDisabled
{
}

img
{
    border : none 0px white;
}

a:link {color: #454545; text-decoration : none;}
a:visited {color: #454545; text-decoration : none;}
a:hover {color: #747474; text-decoration : none;}
a:active {color: #747474; text-decoration : none;}

#container 
{
    height: 100%;
    padding : 50;
}

.button_true, .button_false
{
    width : 44px !important;
    height : 14px !important;
    font-size : 10px;
}

.button_true
{
    background-image : url('../img/btn_true.png') !important;
}

.button_false
{
    background-image : url('../img/btn_false.png') !important;
}

.button_CreateNewMessage
{
    background-image : url('../img/createNewMessage.png') !important;
    height : 44px !important;
    width : 210px !important;
}

.button_CreateNewMessage:hover
{
    background-image : url('../img/createNewMessage_hover.png') !important;
}

/* Används när ett fält måste fyllas i för att fortsätta */
.Required
{
    background-color : #ffedee;
    background-image : url(../img/inputRequired.png);
    background-position : center;
    background-repeat : repeat-x;
}

/* Används när någonting har lyckats */
.Success
{
    
}

/* Används när någonting har misslyckats */
.Failed
{
    color : Red;   
}

#logo
{
    background-image : url(../img/logo_mobileaction.png);
    width : 235px;
    height : 92px;
    margin-left : 5px;
}
#allContent
{

}
#divBackground
{
	 width : 1050px; 
	 min-height : 100%; 
	 background-image : url(img/bgMain.png); 
	 background-repeat : repeat-y;
}
#menu
{
    font-weight : bold;
}

#menu div
{
    float : left;
    height : 26px;
    padding-top : 10px;
}
#tableMenu
{
	width: 100%;
}
#tableMenu td
{
	text-align:center;
	padding: 0px 3px 0px 3px;
}
.menu1
{
    background-image : url(../img/menuBg1.png);
    width : 6px;
}

.menu2
{
    background-image : url(../img/menuBg2.png);
    background-repeat : repeat-x;
    width : 860px;
}

.menu3
{
    background-image : url(../img/menuBg3.png);
    width : 6px;
}

#content
{
    min-height : 700px;    
    background-image: url(../img/contentBg.png);
    background-repeat:repeat-y;
    width: 873px;   
}

.content1,.content2,.content3
{
    float : left;
    height : 100%;
}

.content1
{
    /* background-image : url(../img/contentBg1.png); */
    width : 6px;
}

.content2
{
    background-image : url(../img/contentBg2.png);
    background-repeat : repeat;
    background-color: white;
    border-left: 1px solid #aeaeae;
    border-right: 1px solid #aeaeae;
    width: 870px;
}

.content3
{
   /* background-image : url(../img/contentBg3.png); */
    width : 6px;
}

#contentBtm
{

}

#contentBtm div
{
    float : left;
    height : 18px;    
}

.contentBtm1
{
    background-image : url(../img/contentBottom1.png);
    width : 6px;
}

.contentBtm2
{
    background-image : url(../img/contentBottom2.png);
    background-repeat : repeat;
    width : 860px;
}

.contentBtm3
{
    background-image : url(../img/contentBottom3.png);
    width : 6px;
}
#divSysInfo
{
	float: left;
	text-align: right;
	width: 860px;
}
.clear
{
    clear :both;
}

.smallInfo
{
    font-size : x-small;
    font-style : italic;
    margin-top : 1px;
    margin-bottom : 1px;
}

#Organisation
{
    width : 90%;
    margin : 1px 5px 5px 5px;
    padding : 5px;
    height : 200px;
}

.user
{
    padding : 2px;
    margin-bottom : 1px;
}

.UserSelected
{
   border : solid 1px #454545;
   padding : 1px;
   background-color : #cdcdcd; 
}

.textareaExpanded
{
    height : 45px;
}

.openDiv
{
    display : none;
    border : solid 1px #d0d0bf;
    padding : 3px;
    width : 310px;
}

.WideItemHead, .WideItemHeadNew
{
    height : 25px;
    width : 780px;
    background-color : #c0cf8d;
    margin-top : 1px;
    cursor : pointer;
    font-weight : bold;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 5px;
}

.WideItemHead
{
    background-image : url(../img/infoHeadwide_green.png);
}

.WideItemHead:hover
{
    background-image : url(../img/infoHeadwide_greenH.png);
}

.WideItemHeadNew
{
    background-image : url(../img/infoHeadwide_gray.png);
    cursor : default;
}

.WideItemHeadNew:hover
{
    background-image : url(../img/infoHeadwide_gray.png);
}

.WideItemHeadLow_Green, .WideItemHeadLow_Gray
{
    height : 16px;
    width : 780px;
    margin-top : 1px;
    cursor : pointer;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 2px;
}

.WideItemHeadLow_Green
{
    background-image : url(../img/infoHeadWideLow_green.png);
    background-color : #c0cf8d;
}

.WideItemHeadLow_Gray
{
    background-image : url(../img/infoHeadWideLow_gray.png);
    background-color : #dddddd;
}

.WideItemHeadLow_Green:hover
{
    background-image : url(../img/infoHeadWideLow_greenH.png);
    background-color : #aab97c;
}

.WideItemHeadLow_Gray:hover
{
    background-image : url(../img/infoHeadWideLow_grayH.png);
    background-color : #c3c3c3;
}

.WideItemBody
{
    padding : 10px;
    width : 778px;
    border : solid 1px #cfcfcf;
    background-color : White;
    background-image : url(../img/infoContentwide.png);
    background-repeat : no-repeat;
    background-position : bottom;
    display : none;
}

.ItemHead600Low_Green, .ItemHead600Low_Gray
{
    height : 16px;
    width : 580px;
    margin-top : 1px;
    cursor : pointer;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 2px;
}

.ItemHead600Low_Green
{
    background-image : url(../img/infoHead600Low_green.png);
    background-color : #c0cf8d;
}

.ItemHead600Low_Gray
{
    background-image : url(../img/infoHead600Low_gray.png);
    background-color : #dddddd;
}

.ItemHead600Low_Green:hover
{
    background-image : url(../img/infoHead600Low_greenH.png);
    background-color : #aab97c;
}

.ItemHead600Low_Gray:hover
{
    background-image : url(../img/infoHead600Low_grayH.png);
    background-color : #c3c3c3;
}

.ItemBody600
{
    padding : 10px;
    width : 578px;
    border : solid 1px #cfcfcf;
    background-color : White;
    background-image : url(../img/infoContent600.png);
    background-repeat : no-repeat;
    background-position : bottom;
    display : none;
}

.ItemHead700Low_Green, .ItemHead700Low_Gray
{
    height : 16px;
    width : 680px;
    margin-top : 1px;
    cursor : pointer;
    padding-left : 10px;
    padding-right : 10px;
    padding-top : 2px;
}

.ItemHead700Low_Green
{
    background-image : url(../img/infoHead700Low_green.png);
    background-color : #c0cf8d;
}

.ItemHead700Low_Gray
{
    background-image : url(../img/infoHead700Low_gray.png);
    background-color : #dddddd;
}

.ItemHead700Low_Green:hover
{
    background-image : url(../img/infoHead700Low_greenH.png);
    background-color : #aab97c;
}

.ItemHead700Low_Gray:hover
{
    background-image : url(../img/infoHead700Low_grayH.png);
    background-color : #c3c3c3;
}

.ItemBody700
{
    padding : 10px;
    width : 678px;
    border : solid 1px #cfcfcf;
    background-color : White;
    background-image : url(../img/infoContent700.png);
    background-repeat : no-repeat;
    background-position : bottom;
    display : none;
}

.Tabs
{
    height : 19px;
}

.Tab
{
    float : left;
}

.Tab_l
{
    width : 5px;
    height : 19px;
    background-image : url(../img/tab_l_unsel.png);
}

.Tab_l_sel
{
    background-image : url(../img/tab_l_sel.png) !important;
}

.Tab_c
{
    height : 17px;
    padding : 2px 3px 0px 0px;
    text-align : center; 
    cursor : pointer;
    background-image : url(../img/tab_c_unsel.png); 
}

.Tab_c:hover
{
    color: #747474;
}

.Tab_c_sel
{
    background-image : url(../img/tab_c_sel.png) !important;
}

.Tab_split
{
    width : 7px;
    height : 19px;
    background-image : url(../img/tab_split_unsel.png); 
}

.Tab_split_sel
{
    background-image : url(../img/tab_split_sel.png) !important; 
}

.Tab_r
{
    width : 5px; 
    height : 19px; 
    background-image : url(../img/tab_r_unsel.png);
}

.Tab_r_sel
{
    background-image : url(../img/tab_r_sel.png) !important;
}

.PopIn
{

}

.PopIn_Head
{
    font-weight: bold;
    font-size : large;
}

.PopIn_t1, .PopIn_t3, .PopIn_c1, .PopIn_c3, .PopIn_b1, .PopIn_b3
{
    width : 6px;
}

.PopIn_t1, .PopIn_t3
{
    height : 36px;
    float : left;
}

.PopIn_t1
{
    background-color : Transparent; 
    background-image : url('../img/menuBg1.png');
}

.PopIn_t2
{
    height : 26px;
    width : 600px;
    float : left; 
    background-color : Transparent; 
    background-image : url('../img/menuBg2.png');
    padding-top : 10px;
}

.PopIn_t3
{
    background-color : Transparent; 
    background-image : url('../img/menuBg3.png');
}

.PopIn_c1, .PopIn_c2, .PopIn_c3
{
    height : 400px;
    float : left;
}

.PopIn_c1
{
    background-color : Transparent;
    background-image : url('../img/contentBg1.png');
}

.PopIn_c2
{
    width : 600px;
    background-color : White;
    background-image : url('../img/contentBg2.png');
}

.PopIn_c3
{
    background-color : Transparent;
    background-image : url('../img/contentBg3.png');
}

.PopIn_b1, .PopIn_b2, .PopIn_b3
{
    height : 18px;
    float : left;
}

.PopIn_b1
{
    background-color : Transparent;
    background-image : url('../img/contentBottom1.png');
}

.PopIn_b2
{
    width :600px;
    background-color : Transparent;
    background-image : url('../img/contentBottom2.png');
}

.PopIn_b3
{
    background-color : Transparent;
    background-image : url('../img/contentBottom3.png');
}

.MessageHistoryDiv
{
    text-align : right;
    color : #454545;
    position : relative;
    overflow : hidden; 
    height : 15px;
    max-height : 300px;
    border-width : 1px;
}

.MessageHistoryDivHover:hover
{
    
    padding : 5px;
    overflow : visible; 
    height : auto;
    background-color : White;
    border : solid 1px #aeaeae;
}

.MessageHistoryDivHover:hover div
{
    border-bottom : dashed 1px #aeaeae;
    padding-top : 2px;
}

/*
.MessageDay
{
  float : left;
  width : 50px;
  border : dashed 1px #454545;
  margin : 3px;
  padding : 3px;
  text-align : center;
  cursor : pointer;
}

.MessageDay:hover
{
    border-color : #747474;
    border-width : 2px;
    margin : 2px;
}

.MessageDaySelected
{
    background-color : #cdcdcd;
    border-width : 2px;
    margin : 2px;
}
*/

.MessageDay
{
    float : left;
    height : 14px;
    width : 37px;
    padding-left : 18px;
    padding-top : 4px;
    margin-right : 4px;
    margin-bottom : 5px;
    background-repeat : no-repeat;
    background-position : left;
    border-bottom : solid 1px transparent;
    cursor : pointer;
}

.MessageDay:hover
{
    border-bottom : solid 1px #cfcfcf;
}

.MessageDaySelected
{
    background-image : url(../img/cbx_checked.png);
}
.MessageDaySelected:hover
{
    background-image : url(../img/cbx_checkedH.png);
}

.MessageDayUnSelected
{
    background-image : url(../img/cbx_unchecked.png);
}

.MessageDayUnSelected:hover
{
    background-image : url(../img/cbx_uncheckedH.png);
}


.MessageReceiverNodeHead
{
    height : 17px;
    width : 200px;
    background-color : #c0cf8d;
    background-image : url('../img/messageNodeHead_green.png');
    margin-top : 1px;
    padding-left : 10px;
    padding-top : 3px;
}

.MessageReceiverNodeHead:Hover
{
    background-image : url('../img/messageNodeHead_greenH.png');
}

.MessageReceiverNodeBody
{
    padding : 2px 10px 2px 10px;
    width : 188px;
    border : solid 1px #cfcfcf;
    background-color : White;
    background-image : url(../img/messageNodeContent.png);
    background-repeat : no-repeat;
    background-position : bottom;
}

.MessageUserSelection
{
    float : left;
    height : 18px;
    width : 17px;
    background-repeat : no-repeat;
    background-position : center;
}

.MessageUserSelection_hover
{
   background-image : url('../img/cbx_uncheckedH.png');
}

.MessageUserSelected
{
    background-image : url('../img/cbx_checked.png');
}

.MessageUserSelected:hover
{
    background-image : url('../img/cbx_checkedH.png');
}

.Alternative-sorting
{
    cursor : pointer;
    background-image : url('../img/arrows_order.png');
    background-repeat : no-repeat;
    background-position : 5px 5px;
    width : 220px;
    padding-left : 20px;
}

.Alternative-no-sorting
{
    background-image : none !important;
    cursor : default !important;
}
.Alternative-no-sorting img
{
    display : none;
}

.MessagePageImage
{
    float : left; 
    border : solid 1px #aeaeae; 
    text-align : center; 
    vertical-align : middle;
    width : 90px; 
    height : 100px;
}

.MessagePageInfo
{
    height : 100px;
    float : left;
    padding-left : 5px;
}

.cbxMsgDay
{
    display : none;
}
.sysInfo
{
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	color: Gray;
	text-decoration: none;
}
#divBillingInfo
{
	float : left; 
	height : 505px; 
	margin-left : 10px; 
	display: none;
	border: 1px solid silver;
	margin: 10px 10px 10px 10px;
	width: 640px;	
}
#divBillingOrganisation
{
	float: left; 
	height : 505px;
	width: 180px;	
	border-right: 1px solid silver;
	padding: 10px 0px 0px 0px;
}
#divBillingHeadOrg
{
	float: none;
	width: 180px;
	border-right: 1px solid silver;
	margin: 10px 0px 0px 0px;
}
#divBillingHeading
{
	width: 100%; 
	padding-bottom: 10px;
}
#divBillingText
{
	width: 840px; 
	padding-bottom: 10px; 
	border-bottom: 1px solid silver;
}
#divChooseContainer
{
	padding: 10px;
	float:left;	
}
.divChoose
{
	height: 600px;
	width: 160px;
	background-color: white;
	border: 1px solid silver;
	float: left;
	margin: 10px;
	padding: 10px;
	display: none;	
}

.divChoose:hover
{
	border: 1px solid gray;
	background-color: #e6e6e6;	
	cursor: pointer !important;
}

.divChoose h1
{
	font-size: large;
	font-weight: bold;
	color: #454545;
}
.divChoose h1:hover
{
	font-size: large;
	font-weight: bold;
	color: black;
}
#divBigBox_Welcome
{
	width: 840px;
	height: 100px;
	background-image: url(img/bigBoxBack_Welcome.jpg);
	background-position:bottom right;
	background-repeat: no-repeat;
	background-color: #ffffff;
	margin-left: 15px;
	margin-top: 15px;
	padding: 15px;
	display: none;
}

#divTipAFriend
{
	visibility: hidden;
	position: absolute;
	top: 61px;
	left: 660px;
	width: 200px;
	height: 25px;
}
#divTipAFriendDialog
{
	width: 500px;
	height: 340px;
}
/* MyAccount - START - InvoiceDetails */
#invoiceDetails 
{
	width: 650px; 
	height: 580px;
}
#invoiceContents
{
}
#invoiceData
{
	max-height: 480px; 
	overflow: auto;	
}
    #invoiceData .invoiceDataHeader
    {
        margin-bottom: 3px; 
		padding-bottom: 3px; 
		border-bottom: 1px solid silver;    
    }
	    #invoiceData .invoiceDataHeader *
	    {
	        display : inline-block;
		    width: 140px;
		    font-weight: bold;
	    }

	#invoiceData .invoiceDataRow
	{
		border-bottom: 1px solid #eeeeee;
		clear: both;		
	}

		#invoiceData .invoiceDataRow .invoiceDataRowItem 
		{
			float: left;
			width: 140px;
		}	

.invoiceDataItemDetails
{
	display: none;
	max-height: 250px;
	padding: 5px 5px 5px 5px;
    margin : 5px 0px;
	/*background-color: #eeeeee;*/
	border: 1px solid silver;
	overflow: auto;
	/*clear: both;
	float: left;
	width: 600px;*/
}
.invoiceDataRowHover
{		
	background-color: Silver;
	cursor: pointer;
}
	#invoiceData .invoiceDataSubHeader
	{
		padding-top: 3px; 
		border-top: 1px solid silver;
	}
		#invoiceData .invoiceDataSubHeader *
		{
	        display : inline-block;			
			width: 140px;
			font-weight: bold;
		}
	
.recieverData
{
	
}
	.recieverData .recieverDataHeader
	{
		background-color: Silver;
		padding-bottom: 3px; 
	}
		.recieverData .recieverDataHeader *
		{
		    display : inline-block;
			width: 70px;
			font-weight: bold;
		}

	.recieverData .recieverDataRow
	{
		border-bottom: 1px solid #eeeeee;
		clear: both;		
	}
	
	    .recieverData .recieverDataRow:hover
	    {
		    background-color: Silver;
	    }
	    
	    .recieverData .recieverDataRow div 
	    {
		    float: left;
		    width: 70px;
	    }


.ChooseAccountType_BAS
{
    background-image : url('../img/chooseAccountType_bas.png');
    background-position : 0px 0px;
    height : 60px;
    width : 120px;
    cursor : pointer;
}

.ChooseAccountType_AVTAL
{
    background-image : url('../img/chooseAccountType_avtal.png');
    background-position : 0px 0px;
    height : 60px;
    width : 120px;
    cursor : pointer;
}

    .ChooseAccountType_BAS:hover, .ChooseAccountType_AVTAL:hover 
    {
        background-position : -120px 0px;
    }

/* MyAccount - END - */

/* Julbild */
#christmas
{
    position : absolute;
    top : 7px;
    left : 880px;
    z-index : 5000;
    display : none;
}
#divSelectLanguage
{
	position:absolute;
	top: 64px;
	left: 878px;
}