/* ----------------------------- Resets -------------------------------------- */
/*
 Copyright (c) 2008, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.net/yui/license.txt
 version: 2.6.0
 */
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select { * font-size: 100%; }
legend { color: #000; }
del, ins { text-decoration: none; }

/* ----------------------------- Main -------------------------------------- */
html, body {
    border: 0;
    text-align: center;
    color: #333;
    background: #02448d;
}

html, body, td, p {
    font: normal 13px / 1em "Trebuchet MS", sans-serif;
}
@media print {

html, body {
        color: #333;
        background: #fff;
}
}

/* link specificity: link, visited, hover, active */
a, a:link, a:visited {
    color: #0092cf;
    background-color: transparent;
    font: normal 12px / 1.23em helvetica, arial, sans-serif;
    text-decoration: none;
    text-transform: none;
}

img {
    border: 0;
    vertical-align: middle;
}

form {
    display: inline;
}

select {
    min-width: 1.5em;
}

select, option {
    font-size: 11px;
}

p {
    margin: 10px 0px; /*text-align:justify;*/
}

h1, h2, h3, h4, h5, h6 {
    color: #006b6e;
}

h4 {
    font-size: 13px;
    font-weight: bold;
}

h5 {
    font-size: 12px;
}

h6 {
    font-size: 11px;
}

strong {
    font-style: normal;
    font-weight: bold;
}

em {
    font-style: italic;
    font-weight: bold;
}


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

.clear-both {
    clear: both !important;
}

.bold {
    font-weight: bold !important;
}

.error {
    color: #ff3333 !important;
}

.input {
    border: 1px solid #ccc;
    padding: 0px 2px;
}

.btn {
    color: #fff;
    background-color: #0092cf;
    font-size: 11px;
    font-weight: bold;
    border: none;
    padding: 3px;
}

.print-page {
/*    background: transparent url(/img/icon_print.gif) no-repeat top left; */
}

.share-page {
    background: transparent url(/img/icon_sharethis.gif) no-repeat top left; 
}

.quote-open {
    margin-right: 6px;
}

.quote-close {
    margin-left: 4px;
}

/* ----------------------------- Message Stack ----------------------------- */
.message_stack {
    width: 420px;
    margin-bottom: 35px;
    padding: 15px 0px;
    border: 1px solid #0393cf;
    background-color: #f9fbfc;
    color: #ff3333;
    font-weight: bold;
}

.message_stack div {
    padding: 0px 15px;
}

/* ---------------------- Zoomedia Built At -------------------------------- */
#footer #built-at-zoomedia {
	position: relative;
    text-align: right;
    font-size: 10px;
    margin: 18px 0 0 0;
	padding: 0 15px 0 0;
	width: 10%;
	float: right;
}

#footer #built-at-zoomedia a, 
#footer #built-at-zoomedia a:link, 
#footer #built-at-zoomedia a:visited {
    color: #cad7e0;
    font-size: 10px;
	font-weight: normal;
    line-height: 12px;
}
@media print { #built-at-zoomedia {

display:none;
}
}

/* ---------------------------- Container ---------------------------------- */
#container {
    width: 980px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    padding: 0;
    text-align: left;
    background-color: #ffffff;
}
@media print { #container {

width:
        640px;

margin-left:
        0px;

margin-right:
        0px;
}
}

/* ----------------------------- Wrapper ----------------------------------- */
#wrapper {
    width: 980px;
    margin: 0;
    padding: 0;
}
@media print { #wrapper {

position:relative;

top:
        51px;

color:
        #333;

background:
        #fff;

width:
        640px;
}
}

/* ----------------------------- Page ----------------------------------- */
#page {
    margin: 0;
    padding: 0;
    z-index: 100;
}



/* ------------------------------ Header ----------------------------------- */
#header {
    width: 980px;
	height: 189px;
    margin: 0;
    pading: 0;
    
}
@media print { #header {

color:
        #333;

background:
        #fff;

width:
        640px;
}
}

#header {
    width: 980px;
    height: 130px;
    margin: 0;
    pading: 0;
    
}


#header-left,
#page-header-left {
    float: left;
    width: 175px;
    height: 189px;
    margin: 0;
    padding: 0;
    background: #ffffff;
}
#page-header-left {
	height: 130px !important;
}

#header-right {
    float: right;
    width: 805px;
    height: 189px;
    margin: 0;
    padding: 0;
	background: url(/img/bg_hp_top.jpg);
}

#page-header-right {
    width: 805px;
	height: 130px;
    float: left;
	margin: 0;
	padding: 0;
 background: #02448d;	
}

#page-title {
    margin: 30px 10px 10px 162px;
	height: 60px;
}
#page-title h1 {
    font: normal 36px/1em "Trebuchet MS", Helvetica, sans-serif;
    color: #ffffff;
	margin: 0;
	padding: 0;
}

#toolbar {
	text-align: right;
	margin: 0 40px 0 162px;
	padding-top: 5px;
    color: #7094db;

}

#toolbar #area-page-nav {
	float: left;
	text-align: left;
	color: #7094db;
}

#toolbar a,
#toolbar a:visited,
#toolbar a:link {
	color: #ffffff;
}

#toolbar a.on,
#toolbar a.on:visited,
#toolbar a.on:link {
    color: #7094db;
}

@media print { 
    #page-header-left {
        margin: 0;
        padding: 0;
        float: none;
        clear: both;
    }
	
    #page-header-right {
        float: none; 
        margin:0;
        padding: 0;
        clear: both;
    }
    
    
    #page-title {
        diplay: block;
        margin:0;
        padding: 0;
        clear:both;
    }
    #toolbar {
        display: none;
    }
}


/* -------------------------------Tool Bar -------------------------------- */

#home-toolbar {
	width: 805px;
	float: right;
	height: 20px;
	background: #02448d;
	text-align: right;
	margin-top: 7px;
}


#sharethis_0 { display: none; }
#share-page {
	background: url(/img/icon_sharethis.gif) no-repeat 0 0;	
}
#share-page a {
	padding: 0 0 0 20px;
	color: #D5DBE8;
}

/* ------------------------------- Logo ------------------------------------ */
#logo {
    margin: 70px 0 0 15px;
    padding: 0;
    border: 0;
}

#page-logo {
    margin: 40px 0 0 15px;
    padding: 0;
    border: 0;
}

#logo a,
#page-logo a {
    display: block;
}

#logo #logo-img,
#page-logo #logo-img {
    display: block;
}

#logo #logo-print-img,
#page-logo #logo-print-img {
    display: none;
}
@media print { 
	
    #logo-img {
	        display: none;
	}
	
	#logo-print-img {
	        display: block;
	}
}

/* ------------------------ Category Select ------------------------------ */

#category-select-container {
	height: 134px;
}

#category-select-container a.button {
	width: 145px;
	margin: 0;
	font-size: 11px; 
	color: #ffffff;
    background-image: url(/img/arrow_down.gif);
	background-position: 120px 5px;
    background-repeat: no-repeat;
    padding:5px 0 5px 0;
    background-color: #e89c25;
	display: block;
}

#category-select-container a.button span {
	margin: 0 7px 0 7px;
}

#category-select-menu {
	display: none;
    position: absolute;
	width: 498px;
	z-index: 1000;
   background: #e89c25;
    border: 1px solid #f1c47c;
	margin: 0;
}

#category-select-menu ul.select-column {
    float: left;
    list-style: none;	
	z-index: 1000;
}

.select-column-first {
    border-right: 1px solid #f1c47c;
}


#category-select-menu ul.select-column li {
    list-style: none;
	float: none;
    width: 248px;
	height: 28px;  
    padding: 0;
	margin: 0;
	display: block;
    border-bottom: 1px solid #f1c47c;	
}

#category-select-menu ul.select-column li a,
#category-select-menu ul.select-column li a:visited,
#category-select-menu ul.select-column li a:link {

    display:block;
	background-position: 0px 0px;
	background-repeat:no-repeat;
    color: #ffffff;
    font: normal 11px/1em Arial, Helvetica, sans-serif; 
	height: 28px;
	margin: 0;
	padding: 0;
}

#category-select-menu ul.select-column li a span {
	position: relative;
	top: 8px;
	left: 33px;
}

#category-select-menu ul.select-column li a:hover,
#category-select-menu ul.select-column li a.lit {
	background-color: #02448d;
}


#category-text,
#search-text {
    color: #333333;	
	margin:  0;
    padding: 15px 0 10px 0;
}
.shaded-leftcol {
	background: #ede3cb;
}

.shaded-leftcol-text {
    font: bold 12px/1.45em Arial, Helvetica, sans-serif;
    color: #000000;
}

/* -------------------------- Search -------------------------------------- */
#search-container {
	height: 135px;
}
#search-form {
	
}
#search-field {
    width: 135px;
}

#search-button {
    margin: 12px 0 5px 0;
    font-size: 11px; 
    color: #ffffff;
    background-image: url(/img/arrow_right.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;
    padding: 4px 0 4px 0;
    background-color: #e89c25;
    display: block;
    width: 40px;
}

#search-button span {
    margin: 0 7px 0 20px;
}

.search-results-text {
	font-size: 16px;
    font-style:italic;
}

ul.searchResults li {
	margin-bottom: 15px;
}

ul.searchResults li a {
 font-size: 14px;
}

ul.searchResults li em a {
 font-size: 13px;
}


.search_hilite {
	font-weight: bold;
}

/* ------------------------ next / previous ------------------------------- */

#content #content-hole .content-nav-area {
    margin: 0;
    padding: 0;
    height: 82px;
    position: relative;
}

#page_overview #content #content-hole .content-nav-area,
#page_print #content #content-hole .content-nav-area,
#page_page_not_found #content #content-hole .content-nav-area,
#page_search #content #content-hole .content-nav-area {
    margin: 0;
    padding: 0;
    height: 32px;
    position: relative;
}

#content #content-hole .content-nav-area .previous {
    position: absolute;
	top: 40px;
	left:0px;
	font: normal 14px/1em Arial, sans-serif;
}

#content #content-hole .content-nav-area .previous a, 
#content #content-hole .content-nav-area .previous a:visited, 
#content #content-hole .content-nav-area .previous a:link {
	display: block;
    background: url(/img/arrow_previous_on.gif) no-repeat left top;
	color: #339966;
    padding: 0 5px 3px 18px;
    font: normal 14px/1em Arial, sans-serif;    

}

#content #content-hole .content-nav-area .previous div {
    display: block;
    background: url(/img/arrow_previous.gif) no-repeat left top;
    color: #b2b2b2;
    padding: 0 5px 3px 18px;
	height: 18px;
}



#content #content-hole .content-nav-area .next {
    position: absolute;
    top: 40px;
    left: 675px;
	text-align: left;
    font: normal 14px/1em Arial, sans-serif;	
}

#content #content-hole .content-nav-area .next a, 
#content #content-hole .content-nav-area .next a:visited, 
#content #content-hole .content-nav-area .next a:link {
    display: block;
    background: url(/img/arrow_next_on.gif) no-repeat left top;
    color: #339966;
    padding: 1px 5px 3px 18px;
    font: normal 14px/1em Arial, sans-serif;    
    width: 35px;
}

#content #content-hole .content-nav-area .next div {
    display: block;
    background: url(/img/arrow_next.gif) no-repeat left top;
    color: #b2b2b2;
    padding: 1px 5px 3px 18px;
    height: 18px;
    width: 35px;
}

@media print {
	#content-hole .content-nav-area {
        display: none;
	}
	
}

/* -------------------------- Content -------------------------------------- */

#content, #content-home, #home-bottom-content {
    margin: 0;
    padding: 0;
	width: 980px;
}

@media print { #content {

position:static;

float:none;

width:
        640px;
}
}

#content-home .left-col {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 175px;
	height: 270px;
	z-index: 500;
}
#content-home .content-middle {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 210px;
    height: 270px;
	z-index: 100;
}

#content-home .content-main {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    height: 270px;
    width: 595px;
	background: url(/img/bg_hp_middle.jpg);
    
}

#home-bottom-content .left-col {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 175px;
    height: 243px;
	background: #ffffff;
}
    #home-bottom-content .left-col h3 { 
        font: normal 10px / 1em "Arial";
        color: #999;
        text-transform: uppercase;
	padding: 15px 0 10px 15px;
    }

#home-bottom-content .right-col {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 805px;
    height: 243px;
	background: url(/img/bg_hp_btm.jpg);
}


#content .left-col {
    position: relative;
    float: left;
    width: 175px;
	padding: 0;
	margin: 0;
	z-index: 500;
}
    #content .left-col h3 {
        font: normal 10px / 1em "Arial";
        color: #999;
        text-transform: uppercase;
        padding: 15px 0 10px 15px;
    }

#content .content-main {
    position: relative;
    float: left;
    padding: 0;
    margin: 0;
    width: 805px;
    display: block;
	z-index: 100;
}
@media print {
	#content .left-col {
        display: none;
	}
	
}
/* --------------------------- Content: Main --------------------------------- */

.content-main h1 {
    font-size: 16px;
    font-weight: bold;
    padding-top: 8px;
}

.content-main h2 {
    font-size: 14px;
    font-weight: normal;
    padding-top: 6px;
}



@media print { #content-main {

    position:static;
    
    float:none;
    
    width:
            640px;
    }

}

#content-hole {
	margin: 10px;
}

#content #content-hole {
    margin: 0 40px 30px 40px;
	
}

#content #content-hole .content {
	line-height: 1.5em;
    color: #333333;
}

#content #content-hole p {
    line-height: 1.5em;
}

#content #content-hole p.intro {
	font-size: 15px;
	line-height: 1.65em;
    color: #666666;
}

#content h2 {
	font: bold 18px "Arial MS", sans-serif; 
	color: #00448d;
    margin: 20px 0 10px;
}

@media print {
	#content #content-hole { 
		margin: 0 10px;
		padding: 0;
    }
    
    #content .content {
        margin: 0;
        padding: 0;   
    }
}


/* ------------------------- content-home -------------------------- */
#content-home #content-hole {
	margin: 0 0 0 32px;;
    color: #ffffff;
}

#content-home .content-main h1 {
    font: normal 32px/1em Trebuchet MS, Helvetica, sans-serif;
    margin: 40px 10px 18px 0px;
    color: #ffffff;
}

#content-home .content-main p { 
    font: normal 15px/1.45em Trebuchet MS, Helvetica, sans-serif;
	margin-right: 30px;
    margin-bottom: 20px;
	color: #ffffff;
	
}

#learn-more-button {
    font-family: Arial,helvetica,sans-serif;
    font-size: 16px
	font-weight: bold;
	text-transform:uppercase;
    background-image: url(/img/arrow_right_lg.gif);
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 5px 25px 4px 25px;
    background-color: #e89c25;
	color: #ffffff;
}

/* --------------------------- Content: Left Column ---------------------------- */
#content-home .left-col h1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
}

.left-col .marg {
    margin: 0 15px 0 15px;
	padding: 0;
}

#content-home .left-col .bord,
#content .left-col .bord {
	border-bottom: 1px solid #ffffff;
} 


#content .left-col h1 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1em;
}

#content .left-col h2 {
    font-size: 15px;
    font-weight: normal;
    line-height: 1em;
}

#content .left-col .zone {
    position: relative;
    float: left;
    padding-bottom: 15px;
}

#content .leftcol .zone h1 {
    font-size: 26px;
    line-height: 26px;
    padding-left: 20px;
    margin-bottom: 5px;
}

#content .left-col .zone p {
        padding-left: 0;
}

#content .left-col .zone span.caption {
    display: block;
    font-size: 10px;
    line-height: 1.5em;
    margin-top: 3px;
}

.sp-middle {
	margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
	
}

#supporters {
}

#partners {
}
.supporters-partners {
    margin: 0 15px 0 15px;
/*	height: 121px;	*/
}

.supporters-partners h3 {
	padding: 15px 0 10px 0;
	font-family:Arial;
	font-size: 10px;
	text-transform: uppercase;
    color: #999999;
}

.supporters-partners img {
	margin: 12px 0;
}

.divider {
	border-bottom: 1px solid #dbdbdb;
	height: 1px;
    width: 100%;
	margin: 0;
	padding: 0;
}

/* ----------------------- Table.tables ------------------------------------ */

table.tables {
    border: 0;
    margin: 10px 0;
	padding: 0;
    width: 725px;
	text-align: left;
	
}


.tables col {
    color: #fff;
    font-size: 13px;
}
.tables td {
	padding: 4px 10px 4px 10px;
}

.tables col.company {
    width: 30%;
    background:  #d4e8f6;     
}

.tables col.product {
    width: 30%; 
    background:  #e9f3fa;
}

.tables col.phase {
    width: 10%;
    background:  #d4e8f6;	
}


.tables col.indication {
    width: 30%; 
    background:  #e9f3fa;	
}

.tables thead tr {
    color: #ffffff;
    background: #00448d;
    height: 30px;
	background-color: #369;
	font-weight: bold;
	border-bottom: 1px solid #fff;
	text-transform: capitalize;	

}

.tables tbody tr td {
	vertical-align: top;
	border-bottom: 1px solid #bdd0de;
	color: #333333 !important;
	line-height: 1.35em;
}





/* --------------------------- Footer -------------------------------------- */
#footer {
    width: 980px;
	height: 150px;
    text-align: left;
    margin: 0;
	padding: 0;
	background: #7094db;
	color: #ffffff;
	font-size: 11px;
	border-top: 1px solid #ffffff;
}

#footer div.footer-text {
	margin: 18px 0 18px 15px;
	width:80%;
}

#footer a, #footer a:link, #footer a:visited {
    font-weight: bold;
    font-size: 11px;
	color: #ffffff;
}
@media print { 
	#footer {
	    margin: 20px 0;
	    border: none;
	}
	
	#footer div.footer-text {
		padding: 20px 0;
        margin: 20px 0;
	   color: #000000;
	}
}


/* -------------------------- Forms -------------------------------------- */
table.form tr {
    vertical-align: top;
}

table.form th {
    padding-right: 5px;
    text-align: right;
}
