/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the portal of MySolution FLEX   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *	   - Layout styles
 *	   - Text styles
 */


/* Layout styles 
-------------------------------------------------------------------------------------------------*/

	* {
		padding: 0;
		margin: 0;
	}
	
	html,
	body {
		height: 100%;
        max-height:100%;  
	}
	
    .hidden {
        visibility: hidden;
    }
    .none {
        display: none;
    }

    .NoPadding
    { 
	    padding: 0px !important;
    } 
	
	body {
		text-align: center;
		/*background: #CCCCCC url('images/uitvul_hor.gif') repeat-x scroll center top;*/
	}
	
		#container {
			width: 1275px;
			margin: 0 auto;
			position: relative;
			overflow: hidden;
			min-height: 450px;
		}
		
		    #header {
		       position: relative;
		       height: 165px;
		       background: white url('images/header.gif') repeat-x scroll center top;
		    }
		    
		        #inner_header {
                    position: relative;
		        }

#adminMenu {
	position: absolute;
	left: 600px;
}
		        
		            #inner_header .languagePreference {
		                background-color: #242424;
		                text-align: right; 
		                height: 25px; 
		                display: none;
		            }		               
		             		                
		                #inner_header .languagePreference .cultureName {
		                    color: White;
		                    padding: 0 4px 0 1px;
		                }
		                
		            #inner_header .menuContainer {
		                height: 45px;  
		            }
		                #inner_header .menuContainer .links {
                            padding: 10px 0 0 6px;
                            width: 600px;
                            float: left;
                            display: none;
		                }
		                    #inner_header .menuContainer .links ul {
        		                list-style: none;
	                            margin: 0;
	                            padding: 0;
		                    }
		            
		                        #inner_header .menuContainer .links ul li{
        		                    border: 1px solid #dda47a;
        		                    width: auto;
        		                    margin: 0 4px;
        		                    padding: 3px 6px;
        		                    float: left;
        		                    background: White url('images/linkItemBg.gif') repeat-x scroll center top;
    		                    }
    		                    
    		                    #inner_header .menuContainer .links ul li a{
                                    color: white;
        		                    font-size: 11px;
        		                    text-decoration: underline;
    		                    }
		                #inner_header .menuContainer .publicMenu {
                            padding-top: 18px;  
                            width: 400px;
                            float: left;
		                }
		                    #inner_header .menuContainer .publicMenu ul {
        		                list-style: none;
	                            margin: 0;
	                            padding: 0;
		                    }
		            
		                        #inner_header .menuContainer .publicMenu ul li {
        		                    width: auto;
        		                    margin: 0 4px;
        		                    padding: 3px 6px;
        		                    float: left;
        		                    /*background: White url('images/menuItem.gif') repeat-x scroll center top;*/
    		                    }
    		                    
    		                        #inner_header .menuContainer .publicMenu ul li a {
    		                            color: White;
    		                            text-decoration: none;
    		                            font-size: 13px;
    		                            font-weight: bold;
    		                        }
    		                    
    		                    #inner_header .menuContainer .publicMenu ul li.inactive{
        		                    width: auto;
        		                    margin: 0 4px;
        		                    padding: 3px 6px;
        		                    float: left;
        		                    /*background: White url('images/menuItem.gif') repeat-x scroll center top;*/
    		                    }
    		                    
    		                    /*#inner_header .menuContainer .publicMenu ul li.info{
        		                    border: 1px solid #9bcff4;
        		                    width: auto;
        		                    margin: 0 0 0 50px;
        		                    padding: 3px 6px;
        		                    color: white;
        		                    float: left;
        		                    background: #9bcff4;
    		                    }*/
    		                    
    		            #inner_header .menuContainer .userMenu {
                            padding: 22px 5px 0 0 ;  
                            width: auto;
                            float: right;
		                }
		                    #inner_header .menuContainer .userMenu a {
		                        color: White;
		                    }
		                    #inner_header .menuContainer .userMenu a:hover {
		                        color: White;
		                        text-decoration: underline;
		                        cursor: pointer;
		                    }
		    #content_body {
		        position: relative;
		    }
		    	#menu_wrapper {
		            position: absolute;
		            width: 275px;
		            left: 0;
		        }
		            #menu_wrapper .logo {
		                  position: absolute;
		                  top: -40px;
		                  left: 10px;
		            }
		            
		            #menu {
	                    width: 275px;
	                    position: absolute;
	                    top: 125px;
	                    left: 0;
	                    text-align: left;
	                }
	                
                        #menu ul {
	                        list-style: none;
	                        margin: 0;
	                        padding: 0;
	                    }
                    	
                        #menu li a {
	                        color:#FF9900;
                            font-weight:bold;
                            text-decoration:none;
                            font-size:14px;
                            line-height:30px;
                        }	
                        	
                        #menu li a:link, #menu li a:visited {
	                        background: url(images/menuArrow.gif) no-repeat 0;
	                        padding: 0 0 0 10px;
	                    }
                        	
                        #menu li a:hover, #menu li a:active {
	                        
	                    }
	                    
	                    #menu li.active a {
	                        
	                    }
	                    
	                    
		        
		    	#content_wrapper {
		    	 position: relative;
		    	    float: right;
		            text-align: left;
		            white-space: normal;
		            padding: 20px 0 0 5px;
		            width: 1055px;
		        }
		            #webpartsCatalog {
                        float: left;
                        background-color: white;
                        width: 100%;
	                }
	                    
	                    #CatalogZone1 {
	                        width: 100%;
	                    }
	                
		            #WebPartZone1{
		                clear: left;
		            }
		            
                    .ZoneHeader, .ZoneHeader table td
                    {
	                    padding: 3px;
	                    background-color: #808080;
	                    color: White;
	                    font-weight: bold;
                    }

                    .EditorZone, .CatalogZone
                    {
	                    background-color: #242424;
                    }

                    .ZoneInstruction, .EmptyZone
                    {
	                    margin: 5px;
                    }
		            .WebPart {
		                padding:5px;
		            }
		                .WebPartTitle{
		                    display:block;
		                    color:#B2D235;
                            font-size:25px;
                            font-weight:bold;
                            padding-bottom:20px;
		                }
		                .WebPartDescription{
		                    display:block;
		                    line-height: 22px;
		                }
		            
		        		       
                    .Grid
                    {
                        border: 1px solid #f0f0f0;
                    }
                        .Grid td
                        {
                            padding: 2px 4px 2px 4px;
                        }
                        .Grid th
                        {
                            text-align: left;
                            padding: 5px 4px 2px 4px;
                        }
                        
                            .Grid td .Row
                            {
                                background-color: white;
                                height: 25px;
                            }

                            .Grid td .AlternatingRow
                            {
                                background-color: #e8f3fa;
                                height: 25px;
                            }
                        .Grid .Footer
                        {
                            background-color: #f0f0f0;
                        }

            .Login_input{
                width: 125px;
            }
            .Login_labels{
                text-align: left;
            }
            
            
            #MessageContainer{

            }
                .modalBackground
                {
                  background-color: Black;
                  filter:alpha(opacity=40);
                  opacity:0.5;
                }
                
                .ModalWindow
                {
                  border: solid 1px #c0c0c0;
                  background: white;
                  padding: 10px;
                  position: absolute;
                }
                    .ModalWindow #msgtext{
                        display: block;
                        width: 550px;
                        text-align: left;
                    }
                    .ModalWindow h1{
                        color: Black;
                        line-height: 35px;
                    }
                    .ModalWindow div {
                        color: Black;
                    }
                    
                    .ModalWindow img {
                        padding: 0 8px 5px 0;
                    }
	
	
/* Text styles 
-------------------------------------------------------------------------------------------------*/

	body,
	td,
	div,
	span, 
	p {
		font: normal 12px/16px Tahoma,Arial,Verdana,sans-serif;
		color: black;
	}
	
	p {
	    line-height:22px;
	}
	
	h1,
	h2, 
	h3, 
	h4,
	h5, 
	h6 {
		font-style: normal;
		font-weight: normal;
	}
	
	h1{
		color:#B2D235;
        font-size:25px;
        font-weight:bold;
        padding-bottom:20px;
	}
	
	h2 {
		font-size: 14px;
		line-height: 18px;
	}
	
	h4 {
		font: bold 12px/18px Tahoma,Arial,Verdana,sans-serif;
		margin: 3px 0;
		padding: 0;
	}
	
	h5 {
		font: bold 11px/18px Tahoma,Arial,Verdana,sans-serif;
		margin: 3px 0;
		padding: 0;
	}
	
	p {
		margin: 17px 0;
	}
	
	a,
	a:visited {
		color: #B2D235;
	}
	
	.small {
		font-size: 10px;
		line-height: 14px;
	}
	
	hr {
		height: 0;
		border: 0;
		border-bottom: 1px dashed #E1E1E1;
		margin-top: 11px;
	}

/* Control styles 
-------------------------------------------------------------------------------------------------*/
    .ajax__calendar,
	.ajax__calendar_container {
        z-index: 10000;
    }


/* StudentDocent styles 
-------------------------------------------------------------------------------------------------*/    
.WebPartTitle{
    display:block;
    color:#B2D235;
    font-size:25px;
    line-height:25px;
    font-weight:bold;
    padding-bottom:20px;
}