@charset "UTF-8";
/* CSS MAIN STYLES

QUINTILES.COM REDESIGN
CAPSTRAT
02/09

COLORS:

BACKGROUND (outside #Container) - #6c6f70
BODY COPY - #536162
UTILITY NAV (beneath top nav), FOOTER NAV - #a7a7a7
LEFT NAV BACKGROUND - #dddfde
GENERAL LINK COLOR - #1c9896
HEADING RED - #be0f34
QUINTILES Q RED - #b01842
*/



/* LEFT NAV */

/* left nav buttons */
#left_nav ul {
   float: left;
   list-style:none;
   margin:0;
   padding:0 0 40px 0;
   width:203px;
   background:#fff url(../img/left_nav_sidewall_bottomcap.gif) no-repeat right bottom;
}
#left_nav ul li {
   clear: left;
   float: left;
   display: block;
   width: 100%;
   list-style-type:none;
}
#left_nav ul li a.grad img {
   position: absolute;
   top: 0px;
   left: 0px;
   right: 0;
   bottom: 0;
   height: 100%;
   width: 100%;
   z-index: 0;
}
#left_nav ul li a.box {
   float: left;
   position: relative;
   width: 123px;
}
#left_nav ul li a.box * {
   margin: 0px;
   position: relative;
   z-index: 1;
} 
#left_nav ul li a {
   display: block;
   padding:16px 30px 15px 50px;
   min-height: 21px;
   border: 1px solid #fff;
   border-width: 1px 0;
   color:#5e6162;
   background-color: #dddfde;
   font-size:1.4em;
   text-decoration:none;
}
#left_nav ul li a:hover,
#left_nav ul li a.active {
   color:#fff;
   background-color:#006b71;
}
#left_nav ul li a.active {
   padding-left: 25px;
   width:148px;
}

/* nav sub-levels */
#left_nav ul li ul {
   padding:7px 0 7px 0;
   background:#f7f7f7 url(../img/left_nav_sidewall_repeat.gif) repeat-y top right;
   border:1px solid #fff;
   border-width: 1px 0;
   width:203px;
}
#left_nav ul li ul li {
   font-size:75%;
}
#left_nav ul li ul li a {
   color:#536162;
   padding:3px 20px 3px 25px;
   min-height: 0;
   line-height:1.2em;
   border:none;
   background:none;
}
#left_nav ul li ul li a.active,
#left_nav ul li ul li a:hover {
   color:#1c9896;
   background:none;
}
#left_nav ul li ul li ul {
   padding: 0;
   border: none;
}
#left_nav ul li ul li ul li {
   font-size: 100%;
}
#left_nav ul li ul li ul li a,
#left_nav ul li ul li ul li a.active {
   padding-left: 35px;
}
#left_nav ul li ul li ul li ul li a,
#left_nav ul li ul li ul li ul li a.active {
   padding-left: 45px;
   width: 138px;
}
#left_nav ul li ul li ul li ul li ul li a,
#left_nav ul li ul li ul li ul li ul li a.active {
   padding-left: 55px;
   width: 128px;
}


/* faceted nav */
#left_nav ul li h3 {
   float: left;
   padding:7px 20px 0 25px;
   width:158px;
   color:#be0f34;
   font-weight:bold;
   font-size:110%;
   font-variant:small-caps;
   border:1px solid #fff;
   border-width: 1px 0 0 0;
   background:#f7f7f7 url(../img/left_nav_sidewall_repeat.gif) repeat-y top right;
}
#left_nav ul li ul.selected {
   padding-top: 7px;
   border: none;
}
#left_nav ul li ul.selected li a,
#left_nav ul li ul.selected li a:hover {
   padding-right: 27px;
   background:transparent url(../img/selected_item_icon.gif) no-repeat 180px center;
}
#left_nav ul li ul.faceted {
   border: none;
   padding: 0;
}
#left_nav ul li ul.faceted li {
}
#left_nav ul li ul.faceted li h4 {
   float: left;
   width: 100%;
   padding-top: 7px;
}
#left_nav ul li ul.faceted li h4 a {
   padding-right: 27px;
}
#left_nav ul li ul.faceted {
   border-bottom: 1px solid #fff;
}
#left_nav ul li ul.faceted li h4 a,
#left_nav ul li ul.faceted li h4 a:hover {
   background:url(../img/left_nav_accordion_closed.gif) no-repeat scroll 180px center;
}
#left_nav ul li ul.faceted li h4 a.open,
#left_nav ul li ul.faceted li h4 a:hover.open {
   background-image:url(../img/left_nav_accordion_open.gif);
}
#left_nav ul li ul.faceted li ul {
   border: 1px solid #fff;
   border-width: 0 0 1px 0;
}
#left_nav ul li ul.faceted li ul li {
   font-size: 0.9em;
}
#left_nav ul li ul.faceted li ul li a {
   padding-left: 30px;
}

/* rss links */
#left_nav ul li ul.rss {
   padding-top: 7px;
   border-width: 0 0 1px 0;
}
#left_nav ul li ul.rss li {
   
}
#left_nav ul li ul.rss li h4 {
   
}
#left_nav ul li ul.rss li h4 a {
   padding-right: 27px;
   line-height: 1.4em;
}
#left_nav ul li ul.rss li h4 a,
#left_nav ul li ul.rss li h4 a:hover {
   background:transparent url(../img/rss14x14.gif) no-repeat scroll 180px center;
}

/* other nav */
#left_nav ul li ul.no_top_border {
   border-top: none;
}

/* SEARCH BOX */
#search_box {
   /* hack for more space in IE browsers */
   margin-left: -300px;
}
#search_box form {
   float: right;
   width: auto;
}
#search_box input {
   float: left;
   width: 250px;
}
#search_box input#btn-search-submit {
   margin-left: 5px;
   margin-right: 10px;
   width: auto;
   vertical-align: baseline;
}

/* TOP NAV */
ul#top_nav {
   list-style: none outside none;
   /* hack for more space in IE browsers */
   margin-left: -300px;
   padding-left: 40px;
   background: url(../img/top_nav_border.gif) no-repeat right top;
}
ul#top_nav li {
   float: left;
   display: block;
   height: 39px;
   color: #5e6162;
}
ul#top_nav li a {
   display: block;
   position: relative;
   padding: 0 14px 0 14px;
   margin: 0 6px 0 0;
   height: 39px;
   line-height: 39px;
   background: url(../img/top_nav_bg.gif) repeat-x left 0;
}
ul#top_nav li a.active,
ul#top_nav li a:hover {
   color: #fff;
   text-decoration: none;
}
ul#top_nav li.first a {
   padding-left: 18px;
}
ul#top_nav li.last a {
   margin-right: 0;
}
ul#top_nav li a span {
   position: absolute;
   display: block;
   width: 0;
   height: 39px;
   top: 0;
}
ul#top_nav li a span.left {
   left: -4px;
   width: 4px;
   background: transparent url(../img/top_nav_left_notch.gif) no-repeat left 0;
}
ul#top_nav li a span.right {
   right: -6px;
   width: 6px;
   background: transparent url(../img/top_nav_right_notch.gif) no-repeat right 0;
}
ul#top_nav li a span.arrow {
   top: 15px;
   right: 11px;
   width: 10px;
   height: 10px;
   font-size: 0.01em;
   line-height: 0.01em;
   background: transparent url(../img/top_nav_arrow.gif) no-repeat left 0;
}
ul#top_nav li a.active,
ul#top_nav li a:hover,
ul#top_nav li a.active span.left,
ul#top_nav li a:hover span.left,
ul#top_nav li a.active span.right,
ul#top_nav li a:hover span.right {
   background-position: left -39px;
}
ul#top_nav li a.active span.arrow,
ul#top_nav li a:hover span.arrow {
   background-position: left -20px;
}
ul#top_nav li a span.arrow.down {
   background-position: left -10px;
}
ul#top_nav li a.active span.arrow.down,
ul#top_nav li a:hover span.arrow.down {
   background-position: left -30px;
}

/* UTILITY NAV */
ul#utility_nav {
   list-style: none outside none;
}
ul#utility_nav li {
   float: left;
   display: block;
   padding: 0 10px;
   border: 1px solid #ccc;
   border-width: 0 0 0 1px;
}
ul#utility_nav li a {
   color: #a7a7a7;
}
ul#utility_nav li a.active,
ul#utility_nav li a:hover {
   color: #1c9896;
}
ul#utility_nav li a:hover {
   text-decoration: underline;
}
ul#utility_nav li.first {
   padding: 0 10px 0 0;
   border: none;
}

/* INFORMATION LIBRARY POPUP */
#il_popup {
   color: #fff;
   background: transparent url(../img/il_popup_bg.png) repeat left top;
   font-size: 0.9em;
}
#il_popup p {
   margin: 12px 15px 0 15px;
   font-weight: bold;
}
#il_popup a {
   color: #fff;
}
#il_popup p a {
   text-decoration: underline;
}
#il_popup table {
   margin: 25px 15px 20px 15px;
   border-collapse: collapse;
}
#il_popup table th {
   padding: 0 10px 6px 10px;
   width: 133px;
   text-align: left;
   border: 1px solid #aee8eb;
   border-width: 0 1px 1px;
   font-size: 1.1em;
}
#il_popup table td {
   padding: 0 10px;
   width: 133px;
   border: 1px solid #aee8eb;
   border-width: 0 1px 0 1px;
}
#il_popup table ul {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
#il_popup table ul li {
   margin-top: 6px;
}