/************************************************************************************************************
    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;         */
            	font-size:12px;
            	position:relative;
            	z-index:10;
            }
            /* list tweaks for this container */
            .guiModuleMenu ul.guiModuleMenuContent
                {
                    list-style-type:none;
                    padding-left:15px;  
                    float:left;       
                    padding-top:2px;                         
                }            
                .guiModuleMenu ul.guiModuleMenuContent li a
                    {
                        height:22px;
            			display:block;
            			padding-left:15px;
                        color:#ffffff;
                        padding-right:7px;
                        height:22px;
                        text-align:left;  
                        outline:none;  
                        font:100 12px/22px Segoe UI;     
                        float:left;               
                    }
                .guiModuleMenu ul.guiModuleMenuContent li
                {
                    position:relative; 
                    float:left;   
                }
                .guiModuleMenu ul.guiModuleMenuContent li span
                {
                    padding-right:7px;                   
                    background:url("images/guiMenu_line.png") no-repeat right -30px;
                    float:left;
                    display:block;
                    
                }
                .guiModuleMenu ul.guiModuleMenuContent li:last-child span
                {
                    background:none;
                }
                /* selected item */        
                /*.guiModuleMenu ul.guiModuleMenuContent li:hover span
                    {
                        background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right -44px;
                    }*/
                .guiModuleMenu ul.guiModuleMenuContent li.li_ItemOver > span
                {
                    background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right -100px;
                }
                .guiModuleMenu ul.guiModuleMenuContent li:hover > span,
                .guiModuleMenu ul.guiModuleMenuContent li.li_ItemOver:hover > span
                    {
                        background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right top; 
                    }                   
                .guiModuleMenu ul.guiModuleMenuContent li.selected > span
                    {
                        background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right -44px;                       
                    }                   
                   .guiModuleMenu ul.guiModuleMenuContent li.selected:hover > span
                    {
                        background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right top;
                    } 
                    .guiModuleMenu ul li:hover a
                        {
                            background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat left top;                           
                            text-decoration:none;                                                          
                        }                       
                    .guiModuleMenu ul.guiModuleMenuContent li.selected a
                        {
                             background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat left -22px;
                            text-decoration:none;
                        }
                    .guiModuleMenu ul.guiModuleMenuContent li.selected:hover a
                        {
                            background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat left top;  
                            text-decoration:none;
                        }
                    .guiModuleMenu ul.guiModuleMenuContent li ul
                    {                        
                        padding:6px 6px 0px 6px;                      
                        width:170px;  
                        float:left;    
                        background:#525355 url("images/guiButtons/sub_top_123x6.gif") no-repeat left 0;              
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li div
                    {                        
                        display:none;
                        clear:both;  
                        position:absolute;
                        z-index:10;
                        top:20px;
                        left:0px; 
                        width:182px;  
                        float:left;  
                        padding-bottom:6px;
                        background:url("images/guiButtons/sub_bottom_123x6.gif") no-repeat left bottom; 
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li ul li
                    {
                        float:left;
                        width:170px;  
                        background:none;
                        padding-top:5px; 
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li ul li a
                    {
                        background:none; 
                        width:154px;                          
                        line-height:12px;
                        height:auto;
                        padding:0px 8px 0px; 
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li:hover ul li a,
                    .guiModuleMenu ul.guiModuleMenuContent li.selected:hover ul li a,
                    .guiModuleMenu ul.guiModuleMenuContent li.selected ul li a
                    {
                        background:none;   
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li.selected ul li.selected,
                    .guiModuleMenu ul.guiModuleMenuContent li ul li:hover
                    {
                       background:url("images/guiButtons/sub_hover_111x21.png") no-repeat left 0; 
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li.selected ul li.selected a,
                    .guiModuleMenu ul.guiModuleMenuContent li.selected:hover ul li:hover a,
                    .guiModuleMenu ul.guiModuleMenuContent li ul li:hover a
                    {
                       background:#37393c;
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li:hover ul li span,
                    .guiModuleMenu ul.guiModuleMenuContent li.selected ul li span,
                    .guiModuleMenu ul.guiModuleMenuContent li.selected:hover ul li span,
                    .guiModuleMenu ul.guiModuleMenuContent li ul li span
                    {
                        width:170px;  
                        padding:0px 0px 5px; 
                        background:none;
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li.selected ul li.selected span,                    
                    .guiModuleMenu ul.guiModuleMenuContent li:hover ul li:hover span,
                    .guiModuleMenu ul.guiModuleMenuContent li.selected ul li:hover span
                    {
                        background:url("images/guiButtons/sub_hover_111x21.png") no-repeat right bottom;
                    }
                    .guiModuleMenu ul.guiModuleMenuContent li:hover div
                    {
                        display:block;    
                    }                       
		/**** COMMON MODULE MENU and MODULE STATUS */        
        /* lists */
        .guiModuleControl .guiModuleStatus ul
                {
                    position:relative;
                    top:2px;
                    list-style-type:none;
                    padding-left:14px;                                  
                }
                .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 .guiModuleStatus ul li a
                        {
                            display:block;
                            color:#ffffff;
                            padding-left:8px!important;
                            padding-right:7px;
                            height:22px;
                            text-align:left;
                        }
                   /* 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;
                z-index:2;  
            }
            /* list tweaks for this container */
            .guiModuleStatus ul li.list_spacer
                {
                    height:11px;                      
                }
            .guiModuleStatus ul li
                {
                    padding:0 7px;   
                }                        
            .guiModuleStatus ul li a
                {
                    height:19px;
                    padding-left:15px!important;
                }
                /* selected item */        
                .guiModuleStatus ul li.selected
                    {
                        /*background-image:url("images/guiButtons/guiBtn_m_menu_start_s.png");
                        background-position:left top; 
                        background-repeat:no-repeat;*/
                        background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right top;
                        
                    }
                .guiModuleStatus ul li:hover
                    {
                       background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat right -44px; 
                    }    
                    
                    .guiModuleStatus ul li.selected a
                        {
                            /*background-image:url("images/guiButtons/guiBtn_m_menu_end_s.png");
                            background-position:right top;
                            background-repeat:no-repeat;
                            text-decoration:none;*/
                            background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat left top;
                        }
                    .guiModuleStatus ul li:hover a
                        {
                            background:url("images/guiButtons/guiBtn_subMenu_300x66.png") no-repeat left -22px;
                            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;
            	z-index:1;
            }
        
        /**** 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:50px; /*(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 18px;
            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:25px;
        }		    
    /*** 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:265px;
                padding:15px 20px 15px 20px;                
                overflow:auto;
            }         
            .guiSplitter_Left fieldset
                {
                    border:0;
                    background-color:Transparent;
                }
        .guiSplitter_Divider
            {
                left:305px;
                width:6px;
                background-color:#eeeeee;
                z-index:1000;
            }
        .guiSplitter_Right, .guiSplitter_Tools_Right
            {
                left:310px;
                right:0px;                
                width:auto;
            }
            .guiSplitter_Tools_Right
            {
                background:#fff url(images/guiBar/guiBar_light2x13.png) repeat-x left top;    
                padding-top:10px;
            }
            .guiModuleTools.guiBar_Light > div
            {
                padding-top:9px;
                padding-left:10px;
            }
            .guiSplitter_Right
            {
                overflow-x:hidden;
                overflow-y:auto;
                top:15px;
            }
            
    /**** Content, tools etc */
        .guiSplitter_Tools
            {
                position:absolute;
                top:0px;
                left:0px;  
                right:0px;
                width:auto;
            }    
        .guiSplitter_Content
            {
                overflow-y:hidden;
                overflow-x:auto;  
                position:relative;
                /*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. */
                padding:16px 20px 20px 14px;
                clear:both;             
            }
          .guiSplitter_Left .guiSplitter_Content
          {
              padding:16px 0px 20px 0px;
          }  
          .overflow2
            {
                width:95%;
                float:left;
                clear:both;
                padding:0px 20px 100px 0px;
            }
                  
            .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:-2px;
                width:10px;
                height:49px;
                /*border:solid 1px #000000;*/
            }
            .guiSplitter_Buttons a
                {
                    position:absolute;
                    display:block;
                    width:2px;
                    height:49px;
                    background-color:#c6c5c5;
                }
                .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:-33px;
                    }       
                    .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_gray.png');
                        }                  
                        .guiSplitter_Buttons:hover a.Left:hover
                            {
                                background-image:url('images/guiSplitter/guiSplitter_arrow_left_blue_gray.png');
                            }                
                    .guiSplitter_Buttons:hover a.Right
                        {
                            background-image:url('images/guiSplitter/guiSplitter_arrow_right_light_gray.png');
                        }                      
                        .guiSplitter_Buttons:hover a.Right:hover
                            {
                                background-image:url('images/guiSplitter/guiSplitter_arrow_right_blue_gray.png');
                            }            
                    .guiSplitter_Buttons:hover a.Center
                        {
                            left:24px;
                            background-image:url('images/guiSplitter/guiSplitter_drag_light_gray.png');
                        }           
                        .guiSplitter_Buttons:hover a.Center:hover
                            {
                                left:24px;
                                background-image:url('images/guiSplitter/guiSplitter_drag_blue_gray.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;
		 }
		.top0
		{
		    top: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: 0px;
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 0px;
}
.Header .Title div h1.ObjectType
{
    line-height:32px;    
}
.ObjectType.guiOrganization
{
  margin-bottom:15px;  
}
.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');
	padding-left: 40px;
	line-height:44px;
}
.guiContentBreadCrumb
{
    clear:both; 
    width:100%; 
    float:left;
    font-size:1px;
    line-height:1px;
}
.guiContentBreadCrumb div
{
    float:left;    
}
.guiContentBreadCrumb .guiCrumbs
{
    float:left;
    padding:3px 0 10px 4px;
}
.guiContentBreadCrumb .guiCrumbs li
{
    text-align:left;
    float:left;
    font:100 11px/14px Segoe UI;
    margin-bottom:0;
    color:#666666;
}
.guiContentBreadCrumb .guiCrumbs li a
{
    font:100 11px/14px Segoe UI;
    color:#666666;
}
.guiContentBreadCrumb .guiCrumbs li span
{
    font-weight:700;    
}
.guiSplitter .guiSupportBreadCrumb .guiSplitter_Right
{
    top:55px;
}