/*---------------------------------------------------------
Albireo
http://www.albirepharma.com
Global Stylesheet
--------------------------------------------------------*/


/*-------------
Style Reset
---------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.75em;
line-height: 16px;
background-color: #cbc5a6;
background-image:url(Images/background.jpg);
background-repeat: repeat-x;
}

em {
	font-style: italic;
}

h2{
font-size: 23px;
font-weight: normal;
color: #2e4774;
line-height: 1em;
margin-bottom: 10px;
margin-top: 15px;
}

h3{
font-size: 1.2em;
font-weight: bold;
line-height: 1em;
color: #1C4C7F;
margin-bottom: 5px;
}

h4{
font-size: 1.1em;
font-weight: bold;
line-height: 1em;
color: #1C4C7F;
margin-bottom: 5px;
}

p{
padding: 0px 0px 20px 0px;
}

strong{
font-weight: bold;
}

/*-------------
Link styles
---------------*/

a:link {color:#06265b; text-decoration: underline;}
a:visited {color:#06265b; text-decoration: underline;}
a:visited:hover {color:#1a4894; text-decoration: underline;}
a:hover {color:#1a4894; text-decoration: underline;}
a:active {color:#06265b; text-decoration: underline;}

#container{
width: 100%;
background-image:url(Images/background_wave.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#wrapper{
background-image: url(Images/wrapper-background.gif);
background-repeat: no-repeat;
background-color: #FFFFFF;
margin: 0px auto 0px auto;
padding-bottom: 15px;
width: 769px;
z-index: 1;
}

#header-container{
background-repeat:repeat-x;
text-align: center;
}

#header{
background-repeat:repeat-x;
width: 769px;
margin: 0 auto;
padding-top: 1px;
}

#language{
width: 768px;
margin: 0px auto;
text-align: right;
padding: 5px 0px 5px 0px;
font-size: 0.85em;
}

#language .selected{
font-weight: bold;
}

#header-img{
text-indent: -100000px;
height: 163px;
width: 771px;
clear: both;
background-repeat: no-repeat;
}

.header_homepage{
background-image: url(Images/header/home.jpg);
}

.header_about{
background-image: url(Images/header/about.jpg);
}

.header_programmes{
background-image: url(Images/header/programmes.jpg);
}

.header_partners{
background-image: url(Images/header/partners.jpg);
}

.header_financial{
background-image: url(Images/header/financial.jpg);
}

.header_careers{
background-image: url(Images/header/careers.jpg);
}

.header_contact{
background-image: url(Images/header/contact.jpg);
}
/*---------------------
Main Navigation
-----------------------*/
#menu
{
height: 27px;
margin: 0 auto;
width: 770px;
clear: both;
background-color: #E8E6E9;	
}

#menu .padding
{
	padding-left: 1px;
}

#main_navigation{
height: 27px;
margin: 0 auto;
width: 770px;
clear: both;
list-style: none;
z-index: 1002;
}

#main_navigation li { /* all list items */
float: left;
position: relative;
}

#main_navigation li ul { /* second-level lists */
display: none;
position: absolute;
left: 0 !important;
list-style: none;
width: 144px;
z-index: 1000;
clear: both;
padding: 0px 5px 15px 0px;
background-image:  url(Images/navigation/subnav_mainbg.png);
background-position: bottom left;
background-repeat: no-repeat;
/*behavior: url("../_css/iepngfix.htc");*/ 
}

#main_navigation li:hover, #menu li.hover {
    position: relative;
}

#main_navigation li ul li { /* second-level lists */
clear: both;
}

#main_navigation li ul li a{ /* second-level lists */
clear: both;
display: block !important;
text-indent:0px !important;
height: auto;
padding: 0px 0px 5px 20px;
background-image: url(Images/navigation/subnav_bg.png);
background-repeat: repeat-y;
width: 132px;
text-align: left;
/*behavior: url("../_css/iepngfix.htc");*/ 
}


#main_navigation li:hover ul,#main_navigation li.over ul { /* lists nested under hovered list items */
display: block;
}

#main_navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#main_navigation a {
background-position: 0 0;
height:27px;
display:block;
outline:none;
text-decoration:none;
text-indent:-5000px;
}

#main_navigation li:hover, #main_navigation li.over, #main_navigation li.selected:hover{
background-position: 0px 54px !important;
}


.nav_home{
background-image:url(Images/navigation/tab_home.gif);
width: 100px;
}

.nav_aboutalbireo{
background-image:url(Images/navigation/tab_about.gif);
width: 144px;
}

.nav_aboutalbireo li{
width: 144px;
}

.nav_programmes{
background-image:url(Images/navigation/tab_programmes.gif);
width:143px;
}

.nav_partners{
background-image:url(Images/navigation/tab_partners.gif);
width:117px;
}

.nav_financial{
background-image:url(Images/navigation/tab_investors.gif);
width:123px;
}

.nav_financial ul{
width: 75px;
}

.nav_careers{
background-image:url(Images/navigation/tab_careers.gif);
width:97px;
}

.nav_contactus{
background-image:url(Images/navigation/tab_contactus.gif);
width:142px;
}

#main_navigation li.selected{
background-position: bottom left !important;
}

/*---------------
Sub Navigation
-----------------*/

#sub-nav, #sub-nav ul {
list-style: none !important;
padding: 0px !important;
margin: 10px !important;
}

#content ul#sub-nav li {
margin: 0;
padding: 0;
}

#sub-nav a{
padding: 1px;
margin: 0px;
}

#sub-nav li a{
background-color:#d0d4d7;
background-image:url(Images/navigation/subnav-nrml.gif);
background-repeat: repeat-x;
height: 20px;
width: 100%;
display: block;
margin: 1px;
text-decoration: none;
padding: 3px 0px 0px 5px;
font-size: 0.85em;
}

#sub-nav li a:hover, #sub-nav li li a:hover {
background-color:#909ea8;
background-image:url(Images/navigation/subnav-over.gif);
background-repeat: repeat-x;
color: #454545;
}

#sub-nav li ul li a{
background-image: none;
margin: 0px;
}

#sub-nav li ul li a:hover{
background-image: none;
color: #000000;
text-decoration: underline;
margin: 0px;
}

#sub-nav li ul{
background-color: #edefef !important;
display: block;
text-decoration: none;
width: 100%;
margin: 0px !important;
}

#sub-nav li ul a{
background-color: #f5dec5 !important;
font-size: 0.85em;
}

#sub-nav li a.selected{
background-image:url(Images/navigation/subnav-selected.gif);
background-repeat: repeat-x;
background-color:#77848d;
color:#303030;
text-decoration: none;
}

#sub-nav li li a.selected{
background-image: none;
font-weight: bold;
color: #303030;
}

/*---------------
Column Designs
-----------------*/

.col1{
padding-top: 10px;
}

.col1 .col1{
padding: 10px 15px 0px 25px;
}

.col2-center{
background-repeat: repeat-y;
width: 770px;
}

.col2-center .col1{
width: 335px;
padding: 10px 15px 0px 25px;
min-height: 460px;
float: left;
height: auto !important; 
height: 460px;
}

.col2-center .col2{
width: 322px;
padding: 10px 25px 0px 25px;
float: left;
}

.col2-left{
width: 770px;
}

.col2-left .col1{
width: 188px;
padding: 10px 15px 0px 5px;
float: left;
min-height: 460px;
/* IE6 Min-width hack */
height: auto !important;
height: 460px;
}

.col2-left .col1 img{
padding-top: 10px;
}

.col2-left .col2{
width: 510px;
padding: 10px 25px 0px 15px;
float: left;
min-height: 400px;
/* IE6 Min-width hack */
height: auto !important;
height: 400px;
}

#content ul, #content ol {
margin-left: 25px;
margin-bottom: 20px;
}

.clear{
clear: both;
}

a.more {
text-align: right;
height: 16px;
margin-top: 3px;
display: block;
background-image:url(Images/icon_more.gif);
background-repeat:no-repeat;
width: 90px;
font-size: 0.90em;
float: right;
}

/*---------------
Homepage elements
-----------------*/

.product-highlight{
display: block;
width: 350px;
height: 146px;
background-image:url(Images/products_highlight.gif);
text-indent: -5000px;
}

#home-feature{
width:712px;
height: 169px;
margin: 0 auto;
padding-top: 10px;
}

#home-feature h3{
font-size:21px;
color: #1C4C7F;
}

#home-feature .col1{
width: 330px;
float: left;
border-right: 1px solid #FFFFFF;
display: inline; /* ie double margin float bug */
padding: 0px;
}

#home-feature .col2{
width: 323px;
float: left;
text-align: center;
padding: 15px 0px 0px 30px;
}

.news{
margin-bottom: 25px;
}

.news h3{
font-family:"Trebuchet MS", Arial, Verdana;
font-size: 1.2em;
clear: both;
font-weight: normal;
color:#2e4774;
margin: 0px;
}

.news h3 a{
text-decoration: none;
}

.news h3 a:hover{
text-decoration: underline;
}

.news em{
font-size: 0.9em;
margin: 0px 5px 5px 0px;
display: block;
color: #999999;
margin: 0px 0px 5px 0px;
}

.news img{
float: left;
padding: 0px 12px 7px 0px;
}

label{
display: block;
}

address{
display: block;
}

#email-form{
float: left;
padding-bottom: 20px;
}

.investor-logo{
padding: 5px 0px 5px 0px;
}

div.investor{
margin-bottom: 15px;
}

/*---------------
Team pages
-----------------*/

.team-box{
width: 190px;
background-color:#E4E4E4;
float: left;
margin-right: 25px;
padding: 15px;
background-image:url(Images/box-bg.gif);
background-position: center;
min-height: 190px;
height: auto !important;
height: 190px;
margin: 10px;
}

.vcard{
width: 139px;
min-height: 205px;
height: auto !important;
height: 205px;
padding: 10px;
background-color: #ececec;
border-bottom: 1px dotted #999999;
font-size: 0.9em;
float: left;
margin: 7px 6px 0px 0px;
}

.vcard strong{
display: block;
font-weight: bold;
}

.vcard p{
color: #34476a;
line-height: 12px;
}

.profile h2{

}

.profile p{
padding-bottom: 10px;
}

/*---------------
Values Chart
-----------------*/

 #values-chart {
  
    margin: 0;
    padding: 0;
    display: block;
    width: 223px;
    height: 238px;
    background-image: url(Images/chart-full.gif);
    background-repeat: no-repeat;
    position:relative;
	list-style: none;
	margin: 0px !important;
	float: left;
    
  }
  
  #values-chart a {
    display: block;
    position: absolute;
    text-indent: -9999px;
  }
  
  #values-chart #partnership1 a {
    position: absolute;
    width: 118px;
    height: 160px;
    left: -4px;
    top: -2px;
    z-index: 10;
  }
  
  #values-chart #partnership1 a:hover {
    background-image: url(Images/partnership.gif);
  }
  
  #values-chart #respect1 a {
    position: absolute;
    width: 117px;
    height: 160px;
    top: -2px;
    left: 108px;
    z-index: 8;
  }
  
  #values-chart #respect1 a:hover {
    background-image: url(Images/respect.gif);
  }
  
  #values-chart #enjoyment1 a {
    position: absolute;
    width: 200px;
    height: 120px;
    left: 4px;
    top: 99px;
    z-index: 7;
  
  }
  
  #values-chart #enjoyment1 a:hover {
    background-image: url(Images/enjoyment.gif);
  }
  
  #rollover-container{
  width: 240px;
  float: left;
  padding: 10px;
  margin-left: 25px;
  background-image:url(Images/values-box.jpg);
  background-repeat: repeat-x;  
  }

/*---------------
Product Pipeline
-----------------*/

ul#product-pipeline{
list-style: none;
width: 711px;
background-image:url(Images/pipeline-header.gif);
background-repeat: no-repeat;
padding-top: 34px;
margin: 0 auto;
margin-bottom: 20px;
}

ul#product-pipeline li{
width: 711px;
height: 57px;
background-repeat: repeat-y;
}

ul#product-pipeline li.row0{
background-image:url(Images/pipeline-row0.gif);
}

ul#product-pipeline li.row1{
width: 711px;
background-image:url(Images/pipeline-row1.gif);
}

ul#product-pipeline li span{
width: 141px;
float: left;
padding: 12px 0px 0px 15px;
}

ul#product-pipeline strong{
width: 136px;
font-size: 13px;
display: block;
}

ul#product-pipeline em{
width: 136px;
font-size: 11px;
}

ul#product-pipeline p{
text-indent: -9999px;
background-image:url(Images/pipeline-bar.gif);
background-repeat: no-repeat;
height: 24px;
width: 555px;
margin-top: 15px;
padding: 0px;
float: left;
}

/*---------------
Careers
-----------------*/

#careers-form{
float: left;
margin-bottom: 15px;
background-image: url(Images/values-box.jpg);
background-repeat: repeat-x;
padding: 20px;
width: 450px;
}

#careers-form input, textarea{
background-image: url(Images/input-bg.gif);
background-repeat: repeat-x;
padding: 0px;
border: 1px solid #d2d2d2;
margin-bottom: 10px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding: 5px;
}

#careers-form .input input{
width: 197px;
height: 16px;
float: left;
}

#careers-form span{
clear: both;
}

#careers-form label{
margin-bottom: 3px;
width: 160px;
float: left;
}

#careers-form textarea{
width: 250px;
height: 110px;
font-size: 12px;
}

#careers-form .submit input{
padding: 5px;
display: block;
clear: both;
float: right;
}

#careers-form span#careers-upload input{
height: 25px;
}

.single-job{
background-image: url(Images/values-box.jpg);
background-repeat: repeat-x;
width: 125px;
float: left;
margin-right: 10px;
padding: 15px
}

.single-job p{
margin-top: 5px;
margin-bottom: 5px;
}

/*---------------
Contact
-----------------*/

#contact{
color:#333333;
background-image: url(Images/values-box.jpg);
background-repeat: repeat-x;
padding: 20px;
clear: both;
overflow: hidden;
margin-bottom: 20px;
display: block;
height: 300px;
}

#contact-form{
float: left;
}

#contact-form input, textarea{
background-image: url(Images/input-bg.gif);
background-repeat: repeat-x;
padding: 0px;
border: 1px solid #d2d2d2;
margin-bottom: 10px;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 5px;
}

#contact-form .input input{
width: 197px;
height: 16px;
}

#contact-form label{
margin-bottom: 3px;
}

#contact-form .text-area textarea{
width: 350px;
}

#contact-form .submit input{
padding: 5px;
margin-right: 200px;
}

/*---------------
Footer Elements
-----------------*/

#footer{
background-image:url(Images/footer_bg.gif);
background-repeat: repeat-x;
width: 740px;
height: 85px;
padding: 15px;
margin: 0 auto;
color: #FFFFFF;
font-size: 1.1em;
}

#footer a:link {color:#FFFFFF; text-decoration: none;}
#footer a:visited {color:#FFFFFF; text-decoration: none;}
#footer a:visited:hover {color:#ff9b38; text-decoration: none;}
#footer a:hover {color:#ff9b38; text-decoration: underline;}
#footer a:active {color:#FFFFFF; text-decoration: none;}

#footer-content{
width: 740px;
margin: 0 auto;
font-size: 0.85em;
display: block;
}

#bottom-nav{
margin-left: 35px;
}

#footer-content ul{
float: left;
list-style: none; 
}

#footer-content ul ul{
float: none;
}

#footer-content ul li{
font-weight: bold;
float: left;
margin-right: 72px;
}

#footer-content ul li.last{
margin-right: 0px;
}

#footer-content ul li a{
text-decoration: none;
}

#footer-content ul ul li {
font-weight: normal;
float: none;
}

#footer-content .copyright{
padding: 20px 15px 0px 0px;
margin: 0px;
clear: both;
display: block;
float: right;
}

#footer-content .terms{
padding: 0px 15px 0px 0px;
margin: 0px;
clear: both;
display: block;
float: right;
}

/*---------------
Common Classes
-----------------*/

.center{
margin: 0 auto;
text-align: center;
}

.left{
float: left;
}

.right{
float: right;
}

.block{
display: block;
}

.clear{
clear: both;
}

.twentyright{
padding-right: 20px;
}

.img-left{
float: left;
padding: 2px 20px 15px 0px;
}

/*------------------
SIFR Rules
-------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/*.sIFR-hasFlash body h2{
  font-size: 27px;
  letter-spacing: -2px;
  visibility: hidden;
  clear: none;
}

.sIFR-replaced body h2{
margin-bottom: 10px;
clear: none;
}*/

.sIFR-hasFlash body #home-feature h3{
font-size:27px;

}

/*-----------------
Site Map
this code is (c) 2006 Robin Parmar
licensed for free use under the GPL
------------------*/

.sitemap span.none, .sitemap span.vert, .sitemap span.last, .sitemap span.midd {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin-left: 1em;
}
.sitemap span.vert {background-image: url(/_images/sitemap/map_vert.gif);}
.sitemap span.last {background-image: url(/_images/sitemap/map_last.gif);}
.sitemap span.midd {background-image: url(/_images/sitemap/map_midd.gif);}

.sitemap ul, .sitemap li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.contentPadding
{
	padding-left: 20px;
	padding-right: 20px;

}

.topPadding
{
	padding-top: 20px;
}

.imageMargin
{
	margin: 5px;
}

.gridHeader
{
	font-weight: bold;
}

.gridItem
{
	padding: 3px;
}

.dateStyle
{
 font-size:11px;
 color:Gray;	
}