/*
		Elos Default
		-------------
		modified: 2010-03-03
		
		Contents
		============================
		1. General
		2. Header
		3. Navigation
		4. Content
		5. Sidebar
		6. Carousel
        7. Slideshow
		8. Misc
        9. Litium specific css 
		============================
	*/



	/******************************************
	  1. General
	******************************************/

    body
    {
        font-family: Arial, Verdana, Sans-Serif;
        font-size: 12px;
        line-height: 1.3;
        background-color: #463835;
        margin: 0; 
        color: #123C6C;
    }

    a
    {
        color: #123C6C;    
    }

	#wrapper
	{
	
	}

	.container_12
	{
		margin: 0 auto;
		padding: 0 30px 40px 30px; 
		background: #fff url(Images/gui/top_gradient.gif) 0 0 repeat-x;		
		margin-bottom: 20px;
	}

	#footer
	{
		background: #fff url(Images/gui/footer_gradient.gif) 0 0 repeat-x;	
		width: 1020px;
		height: 45px;
		margin: -40px auto 40px auto;	
	}

	div.FileList
	{
		padding:20px 20px 0;
	}

	div.Fileitem
	{
		margin-bottom: 10px;
	}

	#breadcrumbs
	{
		font-size:11px;
		margin-top:-50px!important;
		color:#888;	
		margin: 0 0 23px 27px;
	}

	#breadcrumbs a
	{
		color:#888;	
		text-decoration: none;
	}


	/******************************************
	  2. Header
	******************************************/

    /** header **/
    #header
    {
        margin: 40px 0px 0 10px;
    }        


    #header h1#logo 
    {
        margin: 0;
        padding: 0;
    }        


    #header h1#logo a
    {
        display: block;
        margin: 0 0 0 17px;
        float: left;
        background: transparent url(Images/gui/logo.gif) 0 0 no-repeat;
        width: 107px;
        height: 32px;
        text-indent: -9999px;
        overflow: hidden;
    }        

	/** top navigation (small) **/
	
    #header-top-navigation
    {
        float:right;
    }

    #header-top-navigation ul.navigation
    {
        list-style-type: none;
        float: left;
        margin: 10px 17px 0 10px; 
        padding: 0;
        font-size: 11px;
    }

    #header-top-navigation ul.navigation li
    {
    
        float: left;
        padding: 0 6px 0 0;
        margin: 0 6px 0 0;
        border-right: 1px solid #d9d9d9;
        height: 18px;
        line-height: 18px;	
    }

    #header-top-navigation ul.navigation li img
    {
		display: block;
		margin-top: 4px;
    }



    #header-top-navigation ul.navigation li.last
    {
        padding-right: 0;
        margin-right: 0;
        border-right: none;
    }

    #header-top-navigation ul.navigation li a
    {
        text-decoration: none;
        color: #888;
    }        
	/** /top navigation (small) **/

    /** header navigation (big)**/
	#header-navigation-start
	{
        margin-top: 12px;	
		float: left;
		width: 10px;
		height: 59px;
		background: transparent url(Images/gui/navigation/topnav-start.gif) 0 0 no-repeat;
	}    
	
	#header-navigation-start.hover
	{
		background: transparent url(Images/gui/navigation/topnav-start-hover.gif) 0 0 no-repeat;
	}    
    
    #header-navigation
    {
		float: left;
        width: 930px;   
        height: 58px;
        background: transparent url(Images/gui/navigation/topnav-bg.gif) no-repeat 0 0;
        float:left;
        padding: 0 0 0 0;
        margin-top: 12px;
    }


    #header-navigation ul
    {
        list-style-type: none;
        float: left;
        margin: 0;
        padding: 0;
    }

    #header-navigation ul li 
    {
        float: left;
        border-right: 1px solid #c7dae8;
        height: 36px;
        line-height: 35px;
    }

    #header-navigation ul li a
    {
		display: block;
        height: 36px;
        padding: 0 14px;
        text-decoration: none;
        color: #006eb9;
        font-weight: bold;
    }
    
    #header-navigation ul li.first a
    {
		padding: 0 14px 0 7px;
    }

 
    #header-navigation ul li a:hover,
    #header-navigation ul li a.active,
    #header-navigation ul li.active a
    {
        color: #13345f;
        background: transparent url(Images/gui/navigation/topnav-bg-hover.gif) repeat-x 0 0;
    }
    /** /header navigation (big)**/
    
    #header-search
    {
        float: right;
        margin: 10px 10px 0 0;
    }

    #header-search .WebSearchField
    {
        border-top: 1px solid #92C9E4;
        border-left: 1px solid #92C9E4;
        padding: 2px;
        height: 12px;
        width: 172px;
        font-size: 9px;
        font-family: Arial, Verdana, Sans-Serif;
        margin: -2px 0 0 0;
        float: left;
    }

    #header-search .WebSearchButton
    {
        border: none;
        background: none;
        /*height: 18px;*/
        margin: 0;
        
    }
    /** /header **/
        
        
	/******************************************
	  3. Navigation
	******************************************/
	
	#subnavigation
	{
		background: #123c6c;
	    min-height: 180px;
	}

	#subnavigation div.subnavigation
	{
		    padding: 20px 17px 40px 0;
	}
	
	#subnavigation ul
	{
	    list-style-type: none;
	    margin: 0;
	    padding: 0;
	    font-size: 12px;
	}

	#subnavigation ul li
	{

	}

	#subnavigation ul li a
	{
        text-decoration: none;
        color: #fff;
	}
	
	
	#subnavigation ul li.current a,
	#subnavigation ul li.subnavigation_level_1 a:hover,
	#subnavigation ul li.subnavigation_level_2 a:hover,
	#subnavigation ul li.current ul li a:hover
	{
		background: url(Images/gui/navigation_left_arrow.gif) 8px 3px no-repeat;
	}	
	
	#subnavigation ul li.subnavigation_level_1.current ul li a,
	#subnavigation ul li.current ul li a
	{
		background: none;
	}

	#subnavigation ul li.current ul li a:hover
	{
		background: url(Images/gui/navigation_left_arrow.gif) 8px 3px no-repeat;
	}	


	#subnavigation ul li a:hover,
	#subnavigation ul li a.active
	{
        color: #fff;
	}	
	

    #subnavigation ul li.subnavigation_level_1 
    {
		padding: 0 0 0 0;
    }		
	
    #subnavigation ul li.subnavigation_level_1 a
    {
		display: block;
		padding: 0 0 4px 17px;
		border-bottom: none;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		margin:0;
    }	

	#subnavigation ul li.subnavigation_level_2 ul
	{
		padding: 0 0 4px 17px;
	}

   
    
    #subnavigation ul li.subnavigation_level_2 
    {
		padding: 0 0 4px 10px;
    }		    
    
    
    #subnavigation ul li.subnavigation_level_2 a
    {
		font-weight: normal;
		font-size: 11px;
		margin:0;

    }	    
    
    #subnavigation div.footer
    {
		background: white url(Images/gui/navigation_left_gradient.gif) 0 1px repeat-x;
		width: 100%;
		height:18px;
		position:absolute;
		bottom:-18px;
		left:0;
    }
    
	/******************************************
	  4. Content
	******************************************/

    #main-content
    {
    }
    
    #maincontent h1
    {
        color: #186489;
        margin-top: 0;
        font-size: 24px;
    }

    #content
    {

    }

    #content.start
    {

    }
    
    #content.start #start-image
    {
        margin: 0;
    }
    
    #content.start div.box img
    {
        float: right;
        margin: -20px 0 0 17px;
    }
    
    #content .description
    {
        background: transparent url(Images/gui/content_gradient_bg.gif) repeat-x 0 0;
        margin-top: 1px;
        padding: 25px 48px 0 48px;
        margin-bottom: 40px;
    }
    
    #content .description a
    {
        font-weight: bold;
    }
    
    #content img
    {
        float: right;      
        margin: 0 0 10px 20px;
    }

    #content .Fileitem img
    {
        float: none;      
        margin: auto;
    }

    #content .pages
    {
        margin: 16px 0 0 0;
    } 

    div#content div.pages .item
    {
        margin: 0 0 20px 0;
        padding: 0;
    } 
 
    #content .pages img
    {
        float: left;    
        margin: 0 10px 0 0 ;
    } 
    
    #content .image-list
    {
	  margin: 40px 0 0 20px;
    
    }

    #content .image-list .item p
    {
		margin: 0;
		padding: 0;
    }

    
    #content .image-list div.item
    {
		float: left;
		width: 200px;
		margin-right: 20px!important;
    }
    
	#content .image-list img
    {
        display: block;
        float: none;    
        border: none;
        margin: 0 0 0 ;
    } 
     
 
    #content .pages .text
    {
        float: left; 
        width: 350px;
        font-size: 11px;
    }

    #content .pages p.read-more
    {
        margin: 0 auto auto auto;
    }
 
    #content .pages strong
    {
        display: block;
    } 

    #content.press .pages a
    {
        text-decoration:none;
    } 
    
    #content div.box
    {
        float: left;
        width: 340px;
        background-color: #f0eceb;
        color: #453834;
        font-size: 11px;
        margin-bottom: 0px;
    }

    #content div.box.first
    {
        margin-right: 20px;
    }


    #content div.box div.header
    {
        margin: 0;
        background-color: #453834;
        padding: 10px 20px;
        font-size: 14px;
        color: #fff;
    }

    #content div.box div.header h3
    {
        margin: 0;
    }

    #content div.box div.header h3 a 
    {
        color: #fff;
        text-decoration: none;
    }

    #content div.box div.header img
	{
		float: none; 
		margin: 0 0 0 5px;
	}

	/*** start banner **/
	#content div.banner
	{
		display: block; 
		height: 114px;
		padding: 13px 360px 13px 20px;
		background: url(Images/gui/start_banner.jpg) 0 0 no-repeat;
		font-size: 11px;
		color: #123c6c;
	}

	#content div.banner h3
	{
		font-size: 15px;
		margin: 0;
		padding: 0;
	}
	
	#content div.banner h3 a
	{
		display: block;
		margin: 0 0 8px 0;
		text-decoration: none;
		color: #123c6c;
	}	
	
	#content div.banner a
	{
		color: #123c6c;
		font-weight: bold;
	}		

    #content div.banner img
    {
		display: inline;
		float: none;
		margin: 0 0 0 5px;
    }

	/*** /start banner **/



    #content div.box img
    {
        float: right;
        margin-right: 17px;
    }



    #content div.box p
    {
        margin: 20px 0 0 20px;
    }


    #content div.box p a
    {
        font-weight: bold;
        color: #453834;
    }

    /*** News ***/
    div.Intro
    {
      font-weight: bold;
      margin-bottom:10px;
    }
    /*** /News ***/
    

	/** Business areas **/
	#content.business_areas h1
	{
		margin: 0 0 -2px 0;
		font-size: 18px;
		font-weight: normal;
		background: #123c6c;
		color: #fff;
		padding: 10px 20px;
		
	}

	#content.business_areas h2
	{
		margin: 0 0 -2px 0;
		font-size: 18px;
		background: #e7f0f7;
		color: #123c6c;
		padding: 10px 20px;
		
	}


	#content.business_areas h2
	{
		margin: 0;
		font-size: 15px;
	}


	#content.business_areas p
	{
		padding: 20px;
		padding-bottom: 0;
	}
	
	#content.business_areas h3
	{
		padding: 0 20px;
		margin: 0 0 -10px 0;
		font-size: 15px;
		font-weight: bold;
		color: #123c6c;
	}	
	
	#content.business_areas p img,
	#content.carousel p img
	{
		float: none;
		margin: -20px 0 0 -20px;
	}

	#content.business_areas p img.middle
	{
		display: block;
		margin: 0 auto;
	}
	
	#content.image_list_item img
	{
		padding-top: 30px;
	}

	/*** Business area banner **/
	#content.business_areas div.banner
	{
		display: block; 
		height: 88px;
		margin: 40px 0 0 0;
		padding: 13px 20px 13px 120px;
		background: #e7f0f8 url(Images/gui/start_banner.jpg) -600px 0 no-repeat;
		font-size: 11px;
		color: #123c6c;
	}

	/** /Business areas banner **/
    
    
    /*** Company pages ***/
    #content.company_page h1
    {
		margin: 0 0 -2px 0;
		font-size: 18px;
		font-weight: bold;
		background: #e7f0f7;
		color: #123c6c;
		padding: 10px 20px;
		
    }    
    
    
	#content.company_page p
	{
		padding: 20px;
		padding-bottom: 0;
	}    
	
	#content.company_page p img
	{
		float: none;
		margin: -20px 0 0 -20px;
	}	
  
	#content.business_areas div.banner,
	#content.company_page div.banner
	{
		display: block; 
		height: 88px;
		margin: 40px 0 0 0;
		padding: 13px 20px 13px 140px;
		background: #e7f0f8 url(Images/gui/banner_complete_performance_small.jpg) 0 0 no-repeat;
		font-size: 11px;
		color: #123c6c;
	}  
  
    /*** Press releases ***/
    #content.press_release
    {
    
    }

	#content.press_release h2
	{
		margin: 0;
		font-size: 15px;
		background: #e7f0f7;
		color: #123c6c;
		padding: 10px 20px;
		
	}


    #content.press_release .item
    {
		padding: 20px 20px 0 20px;
    }


    /*** /Press releases ***/
    
    
    /*** carousel ***/
	#content.carousel h1
	{
		margin: 0 0 10px 0;
		font-size: 18px;
		font-weight: bold;
		background: #e7f0f7;
		color: #123c6c;
		padding: 10px 20px;
		margin:0 0 -2px;
	}

	#content.carousel p
	{
		padding: 20px;
		padding-bottom: 0;
	}  

	#content.carousel #carousel	 p
	{
		padding: 0;
	}  
	

	
	#content.carousel h2
	{
		padding: 0 20px;
		margin: 0;
		font-size: 15px;
		font-weight: bold;
		color: #123c6c;
	}	
	

    

	/******************************************
	  5. Sidebar
	******************************************/

    #sidebar
    {
		color: #000;
    }

    #sidebar .item
    {
        margin-bottom: 20px;
        font-size: 11px;
    }


    #sidebar .item a
    {
        font-weight: normal;
        color: #000; 
    }

    body.start #sidebar .item a.header
    {
        font-weight:bold;
    }    


    #sidebar h3
    {
        margin: 0;
        padding: 4px 0 0 9px;
        width: 220px;
        height: 34px;
        background: url(Images/gui/sidebar-header-bg.gif) no-repeat 0 0;
        font-size: 11px;
        color: #594E4A;
    }

	#sidebar p
    {
		margin: 0;
    }


    #sidebar a
    {
		font-size: 11px;
		font-weight: bold;
		color: #000;
    }


	/******************************************
	  6. Carousel
	******************************************/

  #carousel ol
  {
    color: #186489;
    /*visibility: hidden;*/
  }

	#content.carousel #carousel li div.text
	{
		float:left;
		background: #e7f0f7;
		color: #123c6c;
		padding: 20px;	
	}

	 #content .jcarousel-item h4{
   
		font-size: 15px;
		font-weight: bold;
		margin: 0;
   	 
	 }


  #carousel ol
  {
    /*visibility: hidden;*/
  }



  ol.jcarousel-control 
  {
    list-style-type: none;
    float:left;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }
  
  ol.jcarousel-control li
  {
	display: block;
    float: left;
    padding-right: 12px;
    margin-right: 8px;
    text-align: left;
    background: url(Images/gui/carousel_arrow.gif) right 2px no-repeat;
  }
  
  ol.jcarousel-control li.last
  {
    background: none;
    padding-right: 0;
    margin-right: 0;
  }  
  
  #content ol.jcarousel-control li a
  {
	display: block;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none; 
    color: #fff;
    border-bottom: solid 1px #889DB5;
    border-bottom: none;
    line-height: 1.2;
  }

  #content ol.jcarousel-control li a.active,
  #content ol.jcarousel-control li a:hover
  {
    color: #889DB5;
    border-bottom: none;
  }


  
  /* This file skins sliders */
  .ui-slider-handle 
  { 
    position: relative; 
    width: 13px; 
    height: 14px;
    font-size: 1px;
    top: 0px; 
    left: 0px;
    margin-left:14px; 
    float:left;
    background: transparent url(Images/gui/slider/handle.gif) center right no-repeat;

  }

  .ui-slider-2 { 
    width: 418px; 
    height: 14px; 
    position: relative; 
    background: #fff url(Images/gui/slider/bg.gif) center center no-repeat;
  }

	 #content .jcarousel-item {
   
   font-size: 11px;
   	 
	 }

	 #content .jcarousel-item img {	 
	   float: right;
	   margin: 0 0 10px 5px;	 
	 }

    
    #slider-wrapper {
    margin: 10px 0 10px 0; 
    background: #123c6c;
    padding: 10px 20px;
    }
    
    /*** For Carousel_Article0.aspx template ***/
    #slider-wrapper.carousel_article0
    {
        margin: 80px 0 20px 0; 
    }


	/******************************************
	  7. Slideshow
	******************************************/
    body.start #slides {
    width:700px;                    
    height:302px;
    margin:0;
    padding:0;
    overflow:hidden;
    }
    
    body.start #slides img {
    width:700px;                    
    height:302px;
    margin:0;
    padding:0;
    overflow:hidden;
    }                    


	/******************************************
	  8. Misc
	******************************************/

    .clr
    {
        clear: both;
    }
    
    .skip
    {
        display: none;
    }
    
    /** Contact form **/
    div.contact_form .item
    {
		padding: 20px;
    }
    
    div.contact_form input,
    div.contact_form select
    {
		display: block;
		margin: 0;
    }
    
	div.contact_form input.submit
	{
		display: block;
		margin-top: 20px;
	}    
    
    /*** Cision ***/

	#content.stockmarket h3
	{
		margin: 20px 0 0 0;
	}

    #content.stockmarket img
    {
        float: left;    
    }

    #frmShareGraph ul
    {
        list-style-type: none;
        margin: 0;
        padding: 0;    
    }

    #frmShareGraph ul li
    {
        margin-top: 10px;
    }

    #frmShareGraph ul li label
    {
        display: block;
        margin-top:10px;
    }
    
    #formWrapper
    {
        margin-left: 80px;
    }
    
    /*** /Cision ***/
   
  	/******************************************
	  9. Litium specific css
	******************************************/

    /** Styles for editor drop down list (adapted style) **/
    .importanteditor{font-weight:normal; background-color:#808080; color:#ffffff;}
    .imagetexteditor{font-weight:normal; font-size:90%;}

    /** System error message **/
    /** System errors shown together with add-on-templates **/
    .literrorfieldset{margin-top:10px; margin-bottom:10px;}
    .literrorlegend{color: #ff0000! important; font-size:110%; padding-right:6px;}
    .literrordiv{padding-top:8px; padding-bottom:5px;}
    .literroricon{width:16px; height:16px; margin-right:3px;}
    .literrormsg{color: #ff0000! important; font-size:110%;}


    /** Styles for the left menu *********************************************************/
    /** CSS for the left menu, new in version 4.1 ****************************************/
    /*
    .leftmenu ul{margin:0; margin-top:4px; padding:0;}
    .leftmenu li{list-style:none; padding:3px; margin-left:15px;}
    .leftmenu a, .leftmenu a:link, .leftmenu a:active, .leftmenu a:hover, .leftmenu a:visited{color:#666666;}
    .leftmenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
    .leftmenu a:hover{text-decoration:underline;}
    .leftmenu_selected {margin-left:0px!important; border:1px solid #cccccc; background-color:white;}
    .leftmenu_startpage {}
    .leftmenu_level_1{margin-left:-20px!important; line-height:130%; font-size:110%;}
    .leftmenu_level_2, .leftmenu_level_3, .leftmenu_level_4, .leftmenu_level_5{margin-top:1px!important; line-height:110%;}
     */