/************************************************************************************************************
    MODULE 
*************************************************************************************************************/	
 
.guiModule
    {
        position:absolute;
        height:auto;
        top:0px;
        bottom:0px;
        left:0px;
        right:0px;
        width:auto; 
        padding:5px;
        z-index:1;
    } 
    
    /**** MODULE CONTROL    */   
    /* container for main control; menus, status info etc */    
    .guiModuleControl
        {
            position:absolute;
            top:0px;
            width:auto;
            left:0px;
            right:0px;
            z-index:1000;
        }
    
    
        /**** MODULE MENU */
        /* container for, wait for it, yes, the module menu. */
        .guiModuleControl .guiModuleMenu
            {     
            	font-size:0.9em;         
            }
            /* list tweaks for this container */
            .guiModuleMenu ul
                {
                    position:relative;
                    top:2px;
                    list-style-type:none;
                    padding-left:4px;                                  
                }
                .guiModuleMenu ul li a
                    {
                        height:22px;
                        text-transform:uppercase;  
            			line-height:1.9em;                        
                    }
                /* selected item */        
                .guiModuleMenu ul li.selected, .guiModuleMenu ul li:hover
                    {
                        background-image:url("images/guiButtons/guiBtn_m_menu_start_s.png");
                        background-position:left top; 
                        background-repeat:no-repeat;
                    }
                    .guiModuleMenu ul li.selected a, .guiModuleMenu ul li:hover a
                        {
                            background-image:url("images/guiButtons/guiBtn_m_menu_end_s.png");
                            background-position:right top;
                            background-repeat:no-repeat;
                            text-decoration:none;                              
                        }                         
                         
                         
		/**** COMMON MODULE MENU and MODULE STATUS */        
        /* lists */
        .guiModuleControl .guiModuleMenu ul,
        .guiModuleControl .guiModuleStatus ul
                {
                    position:relative;
                    top:2px;
                    list-style-type:none;
                    padding-left:4px;                                  
                }
                .guiModuleControl .guiModuleMenu ul li,
                .guiModuleControl .guiModuleStatus ul li
                    {
                        float:left;
                        color:#ffffff;
                        margin:0px 0px 0px 0px; 
                        display:block;
                        line-height:20px;                         
                    }
                    .guiModuleControl .guiModuleMenu ul li.list_spacer,
                    .guiModuleControl .guiModuleStatus ul li.list_spacer
                        {
                            float:left;
                            color:#ffffff;
                            margin-top:4px;
                            padding-left:4px;
                            padding-right:4px; 
                            display:block;
                            height:14px;  
                        }                    
                    .guiModuleControl .guiModuleMenu ul li a,
                    .guiModuleControl .guiModuleStatus ul li a
                        {
                            display:block;
                            color:#ffffff;
                            padding-left:7px;
                            padding-right:7px;
                            height:22px;
                        }
                   /* list spacer workaround on hover */
                   .guiModuleMenu .guiModuleMenu ul li[class="list_spacer"]:hover,
                   .guiModuleMenu .guiModuleStatus ul li[class="list_spacer"]:hover
                    {
                        background-image:none;
                    }      
        			                 
        /**** MODULE STATUS */
        /* container for status info */
        .guiModuleControl .guiModuleStatus
            {   
                position:relative;  
            }
            /* list tweaks for this container */
            .guiModuleStatus ul li.list_spacer
                {
                    height:11px;                      
                }                    
            .guiModuleStatus ul li a
                {
                    height:19px;
                }
                /* selected item */        
                .guiModuleStatus ul li.selected, .guiModuleStatus ul li:hover
                    {
                        background-image:url("images/guiButtons/guiBtn_m_menu_start_s.png");
                        background-position:left top; 
                        background-repeat:no-repeat;
                    }
                    .guiModuleStatus ul li.selected a, .guiModuleStatus ul li:hover a
                        {
                            background-image:url("images/guiButtons/guiBtn_m_menu_end_s.png");
                            background-position:right top;
                            background-repeat:no-repeat;
                            text-decoration:none;                              
                        }
              /* Crumbs */          
             .guiModuleStatus .guiCrumbs
				{
					left:285px;
                }         
             .guiModuleStatus ul.guiCrumbs li
				{
					font-size:0.9em;
					line-height:18px;
                }            
				 .guiModuleStatus ul.guiCrumbs li a
					{
                		text-decoration:underline; 
                		display:inline;
                		height:auto;
					}       
             .guiModuleStatus .guiCrumbs li.selected , .guiModuleStatus .guiCrumbs li:hover
				{
                	background-image:none;
                }
                .guiModuleStatus .guiCrumbs li.selected a, .guiModuleStatus .guiCrumbs li:hover a
                    {
                		background-image:none;                           
                    }         
                            
            /* container for alerts */
            .guiModuleControl .guiModuleStatus .guiAlert
                {
                    position:absolute;
                    left:300px;  
                    width:300px;              
                }
                /* common css for all classes of alerts */
                .guiModuleControl .guiModuleStatus .guiAlert .guiErrorMessage, 
                .guiModuleControl .guiModuleStatus .guiAlert .guiWarningMessage,
                .guiModuleControl .guiModuleStatus .guiAlert .guiInformationMessage
                    {
                        position:relative;
                        top:3px;
                        left:0px;
                        padding:0px 5px 0px 5px;
                        margin:0px;
                        height:auto;                 
                    }
                /* alert header */    
                .guiModuleControl .guiModuleStatus .guiAlert h1
                    {
                        display:block;
                        height:16px;
                    }
                /* alert content */    
                .guiModuleControl .guiModuleStatus .guiAlert p
                    {
                        display:none;
                        padding:5px;
                    }
                    .guiModuleControl .guiModuleStatus .guiAlert:hover p
                        {
                            display:block;
                        }
        
        
        /**** MODULE TOOLS */
        .guiModuleControl .guiModuleTools
            {             
            	position:relative;
            	font-size:0.9em;
            }
        
        /**** COMMON MODULE UTILS */                        
        .guiModuleCommon
            {
                float:right;
                margin-right:10px;
                padding-left:4px; 
            }    
            .guiModuleCommon select
                {
                    height:20px;
                }
            /*
            .guiModuleControl ul.guiModuleCommon li
                {
                    line-height:19px;
                }        
            .guiModuleCommon #guiModule_Personalization
                {
                    position:relative;
                    width:10px;
                }
                .guiModuleCommon #guiModule_Personalization input
                    {
                        position:absolute;
                        left:0px;
                    }  
            .guiModuleCommon #guiModule_WebPartDisplayModes
                {
                    position:relative;
                    width:80px;
                }
                .guiModuleCommon #guiModule_WebPartDisplayModes select
                    {
                        position:absolute;
                        right:0px;
                        height:19px;
                    }*/
            /* stopping inherent behavior */
            .guiModuleMenu .guiModuleCommon li:hover, .guiModuleStatus .guiModuleCommon li:hover 
                {
                    background-image:none;
                }
                .guiModuleMenu .guiModuleCommon li:hover a, .guiModuleStatus .guiModuleCommon li:hover a
                    {
                        background-image:none;
                    }
            
            /* login info */
            .guiModuleCommon .LoginInfo
                {    
                	text-transform:capitalize;                                  
                }
                
   
                
    /**** MODULE CONTENT    */     
    /* container for module content; forms etc */
    .guiModuleContent
        {
            position:absolute;
            height:auto;
            top:71px; /*(26+22+22) total height of container guiModuleControl, take a look at which guiBar classes that are used inside of it and add them all up */
            bottom:0px;
            width:auto; 
            left:0px;
            right:0px;
            overflow:auto;     
            padding:15px 20px 15px 20px;
            z-index:2; 
            /*test
			background-image:url('images/test/bg.gif');*/
        }
		
		/* right Panel */
        .guiModuleContent .ContentPanel
			{
        		position:absolute;
        		top:0px;
        		bottom:0px;
        		height:auto;   
        		padding:15px 20px 100px 20px;  
        		background-color:#ffffff;
        		z-index:3;     	
			}
			.guiModuleContent .Panel_01 /* Must be set together with .ContentPanel, as in class="ContentPanel Panel_X" */
				{
        			border-right:solid 4px #f0f0f0;
        			left:0px;
        			right:200px;/* Remember to include padding from the Panel to the right of this one when calculating this position */
        			width:auto;         	
				}
			.guiModuleContent .Panel_02 /* Must be set together with .ContentPanel, as in class="ContentPanel Panel_X" */
				{  
        			right:0px;
        			width:160px;           	
				}
	

/************************************************************************************************************
    MODULE CONTENT SPLITTER
*************************************************************************************************************/   
        
	.guiSplitter .guiModuleControl .guiModuleTools
		{
			border-top:solid 3px #3C84D4;
			height:21px;
		}
    .guiSplitter .guiModuleContent
        {
            overflow:hidden;
            padding:0px;
            top:73px;
        }		    
    /*** Main containers */
        .guiSplitter_Left, .guiSplitter_Divider, .guiSplitter_Right
            {
                position:absolute;
                top:0px;
                bottom:0px;
                height:auto;                                
            }
        .guiSplitter_Tools_Right, .guiSplitter_Tools_Left
            {
                position:absolute;
            }
        .guiSplitter_Tools_Left
            {
                left:0px;
                width:290px;
            }  
        .guiSplitter_Left
            {
                left:0px;
                width:250px;
                padding:15px 20px 15px 20px;                
                overflow:auto;
            }         
            .guiSplitter_Left fieldset
                {
                    border:0;
                    background-color:Transparent;
                }
        .guiSplitter_Divider
            {
                left:290px;
                width:4px;
                background-color:#3C84D4;
                z-index:1000;
            }
        .guiSplitter_Right, .guiSplitter_Tools_Right
            {
                left:294px;
                right:0px;
                width:auto;
            }
            .guiSplitter_Right
            {
                overflow-x:hidden;
                overflow-y:auto;
            }
            
    /**** Content, tools etc */
        .guiSplitter_Tools
            {
                position:absolute;
                top:0px;
                left:0px;  
                right:0px;
                width:auto;
            }    
        .guiSplitter_Content
            {
                /*position:absolute;
                top:0px;
                height:auto;
                bottom:0px;
                left:0px;
                right:0px;
                width:auto;
                overflow:auto;  OBS! Funker kun i FF, det er et eller anna seriøst føkka i PersonEdit2 sida som får IE 7 til å gå bananas, så overflow må muligens kommenteres ut for trygg IE visning. */
                
            }
            
          .overflow2
            {
                width:95%;
                float:left;
                clear:both;
                padding:15px 20px 100px 20px;
            }
                  
            .guiSplitter_Content #left, .guiSplitter_Content #right
            {
                float: left;
                width: 49%;
            }   
            
            .guiSplitter_Content #top, .guiSplitter_Content #bottom
            {
                clear: both;
                width: 100%;
            }
	
	/**** Debug */            
		.guiSplitter_Debug
			{
				width:300px;
			}
	
    /**** Buttons */            
        .guiSplitter_Buttons
            {
                position:absolute;
                display:block;
                top:50%;
                left:-3px;
                width:10px;
                height:49px;
                /*border:solid 1px #000000;*/
            }
            .guiSplitter_Buttons a
                {
                    position:absolute;
                    display:block;
                    width:2px;
                    height:49px;
                    background-color:#3C84D4;
                }
                .guiSplitter_Buttons a.Left
                    {
                        left:0px;
                    }   
                .guiSplitter_Buttons a.Center
                    {
                        left:4px;
                    }   
                .guiSplitter_Buttons a.Right
                    {
                        right:0px;
                    } 
                
            /*** hover gfx */                  
                .guiSplitter_Buttons:hover 
                    {
                        width:72px;
                        left:-34px;
                    }       
                    .guiSplitter_Buttons:hover a
                        {
                            width:24px;
                            background-color:Transparent;
                            background-position:left top;
                            background-repeat:no-repeat;
                        }                 
                    .guiSplitter_Buttons:hover a.Left
                        {
                            background-image:url('images/guiSplitter/guiSplitter_arrow_left_light.png');
                        }                  
                        .guiSplitter_Buttons:hover a.Left:hover
                            {
                                background-image:url('images/guiSplitter/guiSplitter_arrow_left_blue.png');
                            }                
                    .guiSplitter_Buttons:hover a.Right
                        {
                            background-image:url('images/guiSplitter/guiSplitter_arrow_right_light.png');
                        }                      
                        .guiSplitter_Buttons:hover a.Right:hover
                            {
                                background-image:url('images/guiSplitter/guiSplitter_arrow_right_blue.png');
                            }            
                    .guiSplitter_Buttons:hover a.Center
                        {
                            left:24px;
                            background-image:url('images/guiSplitter/guiSplitter_drag_light.png');
                        }           
                        .guiSplitter_Buttons:hover a.Center:hover
                            {
                                left:24px;
                                background-image:url('images/guiSplitter/guiSplitter_drag_blue.png');
                            }      
            
            
            
     /**** DIALOG WINDOW CONTENT */
     /* Container for content in Dialog windows */
     .guiDialog
     {
		height:100%;
		
     }
     .guiDialogMedium
     {
     }
     .guiDialogLarge
     {
     }
     .guiDialogControl
     {
		height:100px;		
     }
		 .guiDialogMedium .guiDialogControl
		 {
			height:200px;		
		 }
		  .guiDialogLarge .guiDialogControl
		 {
			height:300px;		
		 }    
     .guiDialogContent
		 {			
			position:absolute;
            height:auto;
            top:22px; /* (+22) total height of container guiDialogControl, take a look at which guiBar classes that are used inside of it and add them all up */
            bottom:0px;
            width:auto; 
            left:0px;
            right:0px;       
            overflow:auto;             
            padding:0px 0px 20px 0px;    
		 }
		.guiDialogSmall .guiDialogContent
		{
			top: 50px;
		}
		.guiDialogMedium .guiDialogContent 
		{
			top:200px; /* total height of container guiDialogControl, take a look at which guiBar classes that are used inside of it and add them all up */
		}
		.guiDialogLarge .guiDialogContent 
		{
			top:300px;
		}
	
	
              
/************************************************************************************************************
    MODULE FORM
*************************************************************************************************************/   
    
.guiModule form
    {
        border:0;
        margin:0; 
    }


/************************************************************************************************************
    MODULE OBJECTS
*************************************************************************************************************/   
.ObjectType,
.AppName
{
	/* Override in your custom module css */
	padding-left: 42px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 24px;
}

.AppName
{
	width: 100%;
	clear: both;
}

.guiPerson
{
	background-image: url('images/user.png');
}
.guiOrgModule
{
	background-image: url('images/organisasjon.png');
}

.guiOrganization
{
	background-image: url('images/organisasjon.png');
	
}
.guiRole
{
	background-image: url('../../Common/Images/Icons/32x32/ico_rolle.png');
}
.guiProject
{
	background-image: url('../../Common/Images/Icons/32x32/ico_prosjekt.png');
}