/*
         URI: /static/css/reset-min~base-min~structure~style~font~color~header~jquery.plugins.autocomplete~footer~alert~messaging.css
       mtime: 1272925909
       Cache: 0
   Minify JS: 0
  Minify CSS: 0
   Separator: ~
    Compress: 0
   Doc. Root: /var/www/iguard
      Append: 0
      Render: 0.00106906890869141
*/
/*
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-size:100%;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;}*:first-child+html input,* html input,*:first-child+html textarea,* html textarea,*:first-child+html select,* html select{font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}
/*
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
*/
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;}*:first-child+html input[type=text], * html input[type=text],*:first-child+html input[type=password],* html input[type=password],*:first-child+html textarea,* html textarea {width:11.9em;}
/* Structure */

html {
    height: 100%;
    background: none;
}

body {
    height: 100%;
    text-align: center;
    position: relative;
}

div#page {
    text-align: left;
    width: 798px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 30px;
}

div.content {
    clear: both;
    position: relative;
}

div.padded {
    margin: 20px 0px 20px 0px;
    padding: 10px;
}
div.tag_logo {
    text-align: center;
    margin-top: 20px;
}

/*
   styles for column-based layouts. Note that if the column is a div then the
   first immediate child of all left columns will need to have it's top margin
   set to 0 in order for the columns to line up.
*/
.left_column {
    float: left;
}
.two_column .left_column,
.three_column .left_column {
    margin-top: 0;
}
.two_column .left_column {
    width: 50%;
}
.three_column .left_column {
    width: 33%;
}

ul.menu {
    margin: 0
}
ul.menu li {
    margin: 0;
}

ul.horizontal {
    margin-bottom: 10px;
}
ul.horizontal li {
    display: inline;
    margin-right: 10px;
}

dl.horizontal dt {
    float: left;
}

img.inset,
object.inset,
div.inset,
a.inset {
    float: right;
    margin: 10px;
}

div.inset {
    width: 250px;
}

img.left,
object.left,
a.left {
    float: left;
    margin: 0;
    margin-right: 10px;
}
img.minified {
    width: 1px;
    height: 1px;
}

ul li,
ol li {
    margin-bottom: 10px;
}

form fieldset label,
form fieldset div.label {
    display: block;
    width: 300px;
    position: relative;
}
form fieldset div.multiple_inputs {
    position: relative;
}
form fieldset div.multiple_inputs label {
    width: auto;
    display: inline;
}
form fieldset div.multiple_inputs label.error {
    display: inline;
    position: absolute;
    left: 400px;
    top: 0;
}
form fieldset input.ssn1 {
    width: 2em;
    position: static;
}
form fieldset input.ssn2 {
    width: 1.5em;
    position: static;
}
form fieldset input.ssn3 {
    width: 3em;
    position: static;
}
form fieldset div.label label {
    float: left;
    clear: left;
    width: auto;
}
form fieldset div.label div.autocomplete {
    width: 200px;
    float: right;
}
form fieldset label label.error {
    left: 300px;
}

label.block,
label.block input,
label.block select,
label.block textarea {
    display: block;
    width: auto;
    position: relative;
}

form fieldset.horizontal label {
    display: inline;
    width: auto;
}

form fieldset.horizontal label input.text,
form fieldset.horizontal label input.password,
form fieldset.horizontal label textarea,
form fieldset.horizontal label select {
    position: relative;
    right: auto;
    margin-left: 10px;
}


form fieldset label input.text,
form fieldset label input.password,
form fieldset label textarea,
form fieldset label select {
    position: absolute;
    right: 0;
}
input.submit,
input.button {
    padding: 0 1px;
}

.centered {
    text-align: center;
}

div.rounded {
    margin-bottom: 20px;
}

.hide {
    display: none;
}

/*
 * Be careful how you use these. Clearing in FireFox uses the whole page as
 * context.
 */
br.section {
    clear: both;
}
br.left {
    clear: left;
}
br.right {
    clear: right;
}

/* For pages that feel crowded by the footer */
br.buffer {
    clear: both;
    margin-bottom: 2em;
}

div.drug_autocomplete div.yui-ac-container {
    top: 20px;
}

/* List Pages */

div.list_intro {
    margin-bottom: 20px;
    _width: 96%;
}

div.list_content,
div.drugs_by_letter {
    position: relative;
    line-height: 2;
}
div.drugs_by_letter {
    margin-bottom: 10px;
    _width: 770px;
}
div.drugs_by_letter ul.right_column {
    padding-left: 570px;
    _padding-left: 0;
}
div.list_content div.left_column,
div.list_content div.right_column  {
    width: 49%;
    margin-bottom: 10px;
}
div.list_content div.rounded {
    _width: 92%;
}
div.list_content div.left_column {
    _float: none;
}
div.list_content div.right_column {
    position: absolute;
    right: 0;
    _top: 0;
}
div.odd_length div.right_column div.rounded {
    padding-bottom: 2.9em;
}

div.letter_list_content h3 {
    float: left;
    font-size: 64px;
    width: 64px;
    font-weight: normal;
    margin: 0;
    line-height: 1;
}
div.letter_list_content .left_column {
    width: 31%;
    margin-right: 10px;
}
div.letter_list_content h3 a:hover {
    text-decoration: none;
}
div.letter_group {
    position: relative;
    height: auto !important;
    min-height: 5em;
    height: 5em;
    padding-bottom: 70px;
}
div.letter_list_content p {
    position: absolute;
    left: 0;
    bottom: 0px;
    margin: 0;
    text-align: center;
    width: 100%;
}
div.letter_list_content p a {
    text-decoration: underline;
}
div.letter_group ul.left_column {
    width: 43%;
}

/*
 * This is an arbitrary value intended to ensure that both drug columns remain
 * the same length. If the content in lookup.tt changes this should be
 * reevaluated.
 */
div.drug_list_content {
    height: 4370px
}

div.article_sidebar {
    float: right;
}
div.article_sidebar div.rounded {
    width: 260px;
}

div.article_main div.rounded {
    width: 460px;
}
div.article_main div.rounded div.bordered {
    _width: 433px;
}

div.common_side_effects {
    clear: left;
}

/* Switches for country-or-flag-specific content */
.uk_content,
.atp,
.developer {
    display: none;
}

div.information {
    padding: 5px;
    margin: 5px;
}
/* Style */

body {
    background: url(/static/graphics/general/background.gif) top center repeat-y;
}

a:link,
a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

a img {
    border: none;
}

input.text,
input.password,
input.drug_input,
select,
textarea {
    border-style: solid;
    border-width: 1px;
    width: auto;
}
input.submit,
input.button {
    border-width: 1px;
}

input.checkbox {
    margin: 5px;
}

div.ac_results {
    text-align: left;
    margin-top:0;
}

img.single_border,
div.single_border {
    border: 1px solid #000000;
}

.double_border {
    border: 1px solid #000000;
    padding: 10px;
}
div.double_border {
    padding: 5px;
}

ul.menu li {
    list-style: none;
}

ul.horizontal li.spacer {
    margin: 0;
}

span.underline {
    text-decoration: underline;
}

div.rounded {
    padding: 15px;
    position: relative;
}

div.rounded div.corner {
    margin: 0;
    padding: 0;
    position: absolute;
    height: 8px;
    width: 8px;
    line-height: 1px;
    background-repeat: no-repeat;
}

div.rounded div.top_left {
    background-image: url(/static/graphics/rounded_corners/top_left.gif);
    top: 0;
    left: 0;
}
div.rounded div.top_right {
    background-image: url(/static/graphics/rounded_corners/top_right.gif);
    top: 0;
    right: 0;
    _right: -1px;
}
div.rounded div.bottom_left {
    bottom: 0;
    left: 0;
    *margin-bottom: 6px;
    _margin-bottom: -4px;
}
div.rounded div.bottom_right {
    bottom: 0;
    right: 0;
    *margin-bottom: 6px;
    _margin-bottom: -4px;
    _margin-right: -1px;
}

/* Orange Borders */
div.rounded div.b_borders div.top_left {
    background-image: url(/static/graphics/rounded_corners/top_left_b.gif);
}
div.rounded div.b_borders div.top_right {
    background-image: url(/static/graphics/rounded_corners/top_right_b.gif);
}

/* Blue borders */
div.rounded div.g_borders div.top_left {
    background-image: url(/static/graphics/rounded_corners/top_left_g.gif);
}
div.rounded div.g_borders div.top_right {
    background-image: url(/static/graphics/rounded_corners/top_right_g.gif);
}

/* Red borders */
div.rounded div.q_borders div.top_left {
    background-image: url(/static/graphics/rounded_corners/top_left_q.gif);
}
div.rounded div.q_borders div.top_right {
    background-image: url(/static/graphics/rounded_corners/top_right_q.gif);
}

div.bordered {
    margin: -14px;
    position: relative;
    padding: 15px;
}

h3.info_heading {
    padding: 5px;
}

div.headed_list {
    padding: 0;
}
div.headed_list h3 {
    margin: 0;
}
div.headed_list ul {
    margin: 0;
    padding: 10px;
}

ul.letter_links {
    text-align: center;
    margin: 10px;
}
ul.letter_links li {
    margin: 0 5px;
}
ul.letter_links li a {
    text-decoration: underline;
}

div.comment_count {
    /*text-align: center;*/
    font-weight: bold;
}
div.comment_count h2 {
    font-size: 56px;
    margin: 0;
    text-align: center;
}
div.comment_count p {
    text-align: center;
}
div.comment_count a {
    text-decoration: underline;
}

div.about_drug div.headed_list {
    margin: 15px 0;
    _width: 260px;
}
div.about_drug .info_heading {
    _width: 260px;
}
div.about_drug dl {
    margin-left: 0;
}
div.about_drug div.headed_list dl {
    margin-left: 8px;;
    font-size: 14px;
    line-height: 2;
}
div.about_drug div.headed_list dl dd {
    padding-left: 130px;
    text-align: center;
}
div.about_drug div.headed_list dl dd a {
    text-decoration: underline;
}
.footnote {
    font-size: 10px;
}
div.about_drug div.headed_list h4 {
    text-align: center;
    font-weight: normal;
    font-size: 16px;
}

div.other_names div.list_body {
    height: 11em;
    overflow: auto;
}
div.other_names ul {
    padding-left: 20px;
}
div.other_names li {
    margin: 0;
}

div.safety_info {
    padding-bottom: 5px;
}
div.black_box {
    text-align: center;
    margin: 5px;
    clear: left;
    padding: 5px;
}
div.black_box p {
    margin-bottom: 0;
    font-size: 12px;
}

div.other_resources ul li {
    list-style-image: url(/static/graphics/resource_links/web.gif);
}
div.other_resources ul li.pdf {
    list-style-image: url(/static/graphics/resource_links/pdf.gif);
}

div.safety_check ul {
    padding: 10px 37px;
    margin: 0;
}
div.safety_check ul li {
    list-style-image: url(/static/graphics/general/warning.png);
}
div.safety_check img.rating {
    float: left;
    padding: 10px;
}

div.chart {
    border-width: 1px;
    border-style: solid;
    padding: 10px;
    position: relative;
    _width: 436px;
}
div.chart div.chart_legend {
    float: left;
    margin-top: 35px;
    width: 100px;
}
div.chart div.chart_legend div {
    height: 108px;
}
div.chart div.bar_chart {
    line-height: 0;
    padding-left: 110px;
}
div.chart div.bar_chart img {
    margin: 0;
    _margin-bottom: -3px;
    padding: 0;
    line-height: 1px;
}

div.vertical_bar_chart img.left_side {
    float: left;
    _margin-right: -5px;
}
div.vertical_bar_chart img.right_side {
    _position: relative;
    _left: -5px;
}
div.vertical_bar_chart div.chart_item {
    display: block;
    float: left;
    text-align: center;
}
div.vertical_bar_chart div.chart_item p {
    font-size: 10px;
}
div.vertical_bar_chart img {
    margin: 0;
    padding: 0;
}
div.vertical_bar_chart p.chart_legend {
    clear: left;
    text-align: center;
}

dl.stats {
    margin: 0;
}
dl.stats dt {
    float: left;
    font-size: 42px;
    margin-right: 10px;
    font-weight: bold;
    line-height: 1.2;
}
dl.stats dd {
    margin-bottom: 1em;
    margin-top: 1em;
}

div.pie_chart {
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

div.side_effects div.pie_chart {
    float: left;
    width: 48%;
    margin: 3px 3px 10px;
    height: 216px;
}

div.side_effects div.common_side_effects {
    padding-bottom: 5px;
}

div.common_side_effects ul li {
    list-style-type: none;
    font-size: 13px;
    font-weight: bold;
}
div.common_side_effects ul li img {
    position: relative;
    top: 2px;
}
div.common_side_effects p {
    margin: 5px;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
}

div.article_main h2 {
    font-size: 16px;
    margin-top: 0;
}
div.article_main p.risk_rating_description {
    padding-left: 95px;
}

div.rating_descriptions div.left_column {
    width: 100px;
    margin-right: 18px;
}
div.rating_descriptions div {
    font-size: 12px;
}

div.condition_overview p {
    padding: 10px;
}
div.condition_overview dl {
    margin-left: 0;
    padding: 10px;
}

div.population {
    _position: relative;
    _padding-bottom: 30px;
}
div.population img.heatmap {
    width: 250px;
    margin-left: 125px;
}

div.population img.heatmap_float {
    float: left;
    margin-left: 0px;
}

div.population div.vertical_bar_chart {
    padding-left: 242px;
    _position: absolute;
    _right: 15px;
    _padding-left: 0;
}

table.tabular th,
table.tabular td {
    padding: 3px;
    font-size: 13px;
}
table.tabular.th a:link {
    text-decoration: underline;
}
table.tabular td a {
    font-weight: bold;
    text-decoration: underline;
}
table.tabular td.number {
    text-align: right;
}

div.indications table.tabular {
    width: 98%;
}
div.indications td.severity {
    vertical-align: middle;
    text-align: center;
    width: 211px;
}
div.indications td.severity span {
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: -5px;
}
div.indications td.severity img {
    margin: 0 -5px -5px;
}

/* Comments */

div.comments {
    _width: 97%;
}
div.comments div.bottom_left img,
div.comments div.bordered div.bottom_left img {
   _margin-left: -3px;
}
div.comments h3.component_heading {
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    padding: 5px 15px;
}
div.comments h3.component_heading a {
    text-decoration: underline;
}

div.comments div.comments_head {
    float: left;
    font-weight: bold;
}
div.comments div.display_options {
    text-align: right;
}
div.comments div.comment_background_wrapper {
    margin-left: -15px;
    margin-right: -15px;
    background-image: url(../graphics/general/open_quote.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}
div.comments div.comment_block {
    background-image: url(../graphics/general/close_quote.gif);
    background-position: top right;
    background-repeat: no-repeat;
    margin-bottom: 3px;
    padding: 5px 60px;
}
div.comments div.reply div.comment_block {
    padding-left: 80px;
}
div.comment_block h4,
div.comment_block p {
    margin: 1em 0;
}
div.comment_block p.poster_information {
    font-weight: bold;
}
div.comment_block p.post_information {
}
div.comment_block p.post_information span.date {
    font-style: italic;
    margin-right: 10px;
}
div.comments div.comment_block form fieldset {
    margin: 0;
    padding: 0;
    position: relative;
}
div.comments div.comment_block form fieldset input.submit {
    position: absolute;
    right: 0;
    bottom: 10px;
}
span.rating a.rating_star {
    display: -moz-inline-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../graphics/post_rating/star_faded.gif) no-repeat;
}
span.rating a.lit {
    background: url(../graphics/post_rating/star.gif) no-repeat;
}
span.rating a.hover {
    background: url(../graphics/post_rating/star_hover.gif) no-repeat;
}

a.subtitled_image {
    position: relative;
    text-decoration: none;
}
a.subtitled_image span {
    position: absolute;
    bottom: 10px;
    display: block;
    text-align: center;
    width: 100%;
}

div.comment_navigation {
    text-align: right;
    margin: 0 -15px;
}
div.comment_navigation a.main_page_link {
    margin-right: 20px;
}
div.comment_navigation span.page_overview {
    margin-right: 20px;
}
div.comment_navigation ul {
    display: inline;
}
div.comment_navigation ul.menu li {
    margin-left: 5px;
    margin-right: 5px;
}
div.comment_navigation ul.menu li.tight {
    margin-left: 0px;
    margin-right: 0px;
}

div.comment_entry {
    padding-top: 10px;
}
div.comment_entry form div.entry_info {
    float: left;
    width: 200px;
}
div.comment_entry form fieldset {
    padding: 10px;
    border-top-style: solid;
    border-top-width: 3px;
}
div.comment_entry form div.entry_info h3 {
    background: transparent;
    margin-top: 0;
}
div.comment_entry form textarea {
    width: 490px;
    margin-left: 30px;
}
div.comment_entry input#submit_comment {
    float: right;
    margin-right: 19px;
}

/* Help */

div.links h1 {
    margin-top: 0;
    font-size: 20px;
}
div.links ul {
    margin-top: 1em;
}
div.links li {
    line-height: 2;
    font-size: 14px;
}
div.help {
    padding-left: 200px;
}
img.partner_logo {
    width: 150px;
    height: 150px;
}

div.content table.sources {
    border-collapse: collapse;
}
div.content table.sources td {
    border: 2px solid #000000;
    padding: 10px;
}
div.content table.sources td.source {
    font-weight: bold;
}

div.materials_request label {
    width: 500px;
}
div.materials_request label select {
    right: 320px;
    width: 50px;
}
div.materials_request label input.text {
    width: 300px;
}
div.materials_request label.five_row {
    height: 112px;
}

hr.footnote_divider {
    width: 200px;
    border: none;
    height: 1px;
    text-align: left;
    margin-left: 0;
}
object.inset {
    height: 217px;
    width: 283px;
}

p.error_message {
    font-weight: bold;
    display: none;
}
span.error,
td.error {
    font-weight: bold;
}

p.show {
    display: block;
}

* html div.sidebar { /* IE6 only */
    _margin-top: 40px;
}

ul.settings li {
    margin-left: 15px;
    margin-right: 15px;
}

img.hacker_safe {
    width: 115px;
    height: 30px;
    border: none;
}
img.add_this {
    width: 125px;
    height: 16px;
    border: none;
}

div.fda_content {
    background-color: rgb( 27, 103, 174 ) !important;
    color: #ffffff !important;
}
div.fda_content a {
    color: #ffffff !important;
}
div.fda_content li {
    list-style-image: url(/static/graphics/resource_links/web.gif);
}

div.ppa_widget img.cap {
    float: right;
}
div.ppa_widget p {
    text-align: center;
}
div.ppa_widget a {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

tr.highlight_green td {
    background-color: #ccffcc !important;
    cursor: pointer;
}
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #000000;
    line-height: 1.5;
}
h1, h2 {
    font-family: "trebuchet ms", trebuchet, Arial, Helvetica, sans-serif;
}
h1 {
    font-size: 28px;
    font-weight: bold;
    margin: .5em 0;
}
h2 {
    font-size: 22px;
    font-weight: bold;
}
h3, 
h4 {
    font-size: 16px;
    font-weight: bold;
}
div.ticker_content ul li.alert a.alert_title {
    font-family: Courier New, Courier, serif;
}
.note {
    font-size: 10px;
}

div.loading {
    font-style: italic;
    font-weight; bold;
}
/* Colors */
/* Purple */

.color_a,
h1.page_heading,
div.help h1,
div.blurbs h2,
div.blurbs p,
div.ticker h3,
form.login h1,
form.login label,
ul.letter_links li a,
ul.bookmarks li a,
.highlight,
ul.settings li a,
span.headline {
    color: #8574A1;
}

div.rounded,
input.button,
input.submit,
div.list_content div.rounded,
div.drugs_by_letter {
    background-color: #8574A1;
}

ul.settings {
    border-color: #8574A1;
}

/* Orange */

div.links h1,
div.blurbs a,
div.content form.login fieldset a,
.info_heading a {
    color: #FAAD19;
}
div.navigation,
hr.mini_header_bar,
div.b_border,
div.rating_legend h3,
div.safety_report div.sidebar,
div.referral_form {
    background-color: #FAAD19;
}

div.chart,
div.comment_entry form fieldset {
    border-color: #FAAD19;
}

/* Light Orange */
/* #FFDD99 */
div.list_intro,
div.safety_check,
div.effectiveness div.bordered,
div.population,
div.registration_form,
div.profile_info div.bordered,
div.b_border div.bordered,
div.newsletter_articles,
table.developer_profile tr td {
    background-color: #FFDD99;
}
table.developer_profile th {
    border-color: #FFDD99;
}

/* Dark Gray */

div.about_drug div.headed_list dl dt,
div.about_drug div.headed_list h4,
div.newsletter_articles p {
    color: #666666;
}

.info_heading,
div.recent_alerts,
div.other_resources {
    background-color: #666666;
}
div.common_side_effects p {
    border-color: #666666;
}

/* Darker Gray */

div.comment_count,
div.links {
    background-color: #444444;
}

/* Blue */

.color_g,
a:link,
div.comment_navigation ul.menu li a:link,
ul.legal li {
    color: #00689B;
}

/* Bluish Gray */

ul.user a,
p.disclaimer,
ul.legal a,
div.common_searches,
h2.category_heading,
h3.date,
span.support_note {
    color: #6B8EA2;
}
div.common_searches h2,
div.navigation ul.menu li a:hover,
div.comments h3,
div.comments,
div.referral_banner a:hover {
    background-color: #6B8EA2;
}
input.text,
input.password,
input.drug_input,
select,
textarea,
div.front_page,
div.common_searches,
div.common_searches ul.left_column,
div.ticker {
    border-color: #6B8EA2;
}

/* Light Blue */
/* #DFE4EE */
div.about_drug,
div.common_side_effects,
div.condition_overview {
    background-color: #DFE4EE;
}

/* Beige */

div.comment_entry fieldset,
div.comment_background_wrapper,
div.materials_request,
div.alert div.meaning div.inner_container {
    background-color: #EEECDD;
}

/* Light Gray */

body,
div.comments div.comment_navigation  {
    background-color: #EDF1F3;
}

/* White */

.info_heading,
div.comment_count,
div.comment_count a,
div.recent_alerts,
input.button,
input.submit,
div.navigation ul.menu li a,
div.common_searches h2,
div.ticker a.drug_name,
div.rounded ul.menu li a,
div.other_resources,
div.other_resources ul li a,
div.black_box *,
div.comments h3.component_heading,
div.comments h3.component_heading a,
input.error,
select.error,
textarea.error,
div.referral_banner a,
div.ppa_widget h3 {
    color: #FFFFFF;
}

div.safety_check ul,
table.tabular td,
div.chart,
div.pie_chart,
div.common_side_effects p,
div.about_drug div.headed_list,
div.condition_overview div.headed_list,
div.comments div.bordered,
div.registration_form fieldset.account ul,
div.safety_report ul.drugs,
div.terms_form ul.terms {
    background-color: #FFFFFF;
}

/* Black */

div.inset h1,
div.letter_list_content p a,
div.comment_navigation ul.menu li a:visited,
table.tabular td a,
div.about_drug dl dd a:link,
div.safety_report hr,
div.safety_report a.footnote_link,
div.safety_report div.recent_alerts h2,
div.safety_report div.recent_alerts ul.menu li a,
div.ppa_widget a,
a.subtitled_image span {
    color: #000000;
}
div.black_box {
    background-color: #000000;
}

/* Pink */
div.reply,
div.additional_notes div.bordered {
    background-color: #FFF0F5;
}

/* Lightest gray */
textarea.readonly,
div.safety_report div.main,
div.safety_report div.recent_alerts {
    background-color: #cfcfcf;
}

/* Another gray */
hr.footnote_divider {
    background-color: #999999;
}

/* Red */
p.error_message,
span.error,
td.error,
p.warning {
    color: #FF0000;
}
div.q_border,
input.error,
select.error,
textarea.error {
    background-color: #FF0000;
}

/* Lavender */
ul.settings {
    background-color: #E3DAF2;
}

/* Salmon */
table.tabular tr.warning td {
    background-color: #FFCCCC;
}

/* PPA Green */
div.ppa_widget {
    background-color: #6CA054;
}

/* Risk Rating Colors */
/* 0: Unknown */
.rating_0,
rating_null {
    color: #80A3B7;
}
div.ticker a.rating_0,
div.ticker a.rating_null {
    background-color: #80A3B7;
}


/* 1: Low */
.rating_1 {
    color: #ADD580;
}
div.ticker a.rating_1 {
    background-color: #ADD580;
}

/* 2: General */
.rating_2 {
    color: #53B7E8;
}
div.ticker a.rating_2 {
    background-color: #53B7E8;
}

/* 3: Guarded */
.rating_3 {
    color: #FAC809;
}
div.ticker a.rating_3 {
    background-color: #FAC809;
}

/* 4: Elevated */
.rating_4 {
    color: #F49C2F;
}
div.ticker a.rating_4 {
    background-color: #F49C2F;
}

/* 5: High */
.rating_5 {
    color: #E76B40;
}
div.ticker a.rating_5 {
    background-color: #E76B40;
}

div.success_container {
    border: 1px solid green;
    background: #daf7d4;
    color: green;
}

/* Flashing (Yes, I know flashing isn't a color) */
.flashing {
    background: url( ../graphics/general/flashing_background.gif ) repeat;
}

div.information {
    border: 1px solid green;
    background: #afd3a6;
}
/* Header */

div#header {
    position: relative;
}
ul.user {
    font-size: 16px;
    position: absolute;
    top: 5px;
    right: -10px;
    padding-left: 0px;
}
ul.user li {
    margin: 0px 12px;
}
ul.user li.spacer {
    position: relative;
    top: 5px;
}
div#header p.username {
    position: absolute;
    top: 29px;
    right: 0px;
}

hr.mini_header_bar {
    height: 34px;
    width: 100%;
    border: none;
}
div.navigation {
    padding: 8px 0;
    text-align: center;
    margin-bottom: 15px;
    clear: both;
}
div.navigation form {
    display: inline;
    width: 280px;
}
div.navigation form fieldset {
    display: inline;
    margin: 0;
}
div.navigation form input {
    font-weight: normal;
    font-size: 14px;
}
div.navigation form input.submit {
    _position: relative;
}
div.navigation ul.menu {
    margin: auto 15px;
    font-size: 13px;
    font-weight: bold;
    display: inline;
}
div.navigation ul.menu li {
    margin: 0 12px;
}
div.navigation ul.menu li a:hover {
    text-decoration: none;
}
div.navigation fieldset {
    margin: 0;
}
div.navigation input.text {
    margin-right: 10px;
    padding: 1px 0;
}

div.referral_banner {
    display: none;
}
.connected div.referral_banner {
    display: block;
    width: 200px;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

/* Potential api2 merge confilict: 2010-04-20
div.referral_banner {
    display: none;
}
.connected div.referral_banner {
    display: block;
    width: 200px;
    float: right;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}
.connected div.referral_banner a:hover {
    text-decoration:none;
}
div.referral_banner .bottom_left,
div.referral_banner .bottom_right {
    display: none;
}
*/

.connected div.referral_banner a:hover {
    text-decoration:none;
}
div.referral_banner .bottom_left,
div.referral_banner .bottom_right {
    display: none;
}
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	/* background: white url('indicator.gif') right center no-repeat; */
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}
div.footer {
    clear: both;
    font-size: 11px;
    margin-top: 10px;
}
ul.legal {
    float: left;
}
ul.legal li {
    margin-right: 3px;
}
ul.legal li.spacer {
    margin: 0 0.5em;
}

div.hacker_safe {
    float: right;
    margin-left: 20px;
}
div.add_this,
div.hacker_safe {
    text-align: right;
}
table.alerts {
    margin-bottom: 0;
}
table.alerts th {
    background-color: #666666;
    color: #FFFFFF;
}
table.alerts th,
table.alerts td {
    padding: 5px;
}
table.alerts th a,
table.alerts th a:link,
table.alerts th a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}
div.page_info {
    background-color: #DDDDDD;
    margin: 10px 0px 0px 0px;
    position: relative;
}
span.current_page {
    float: left;
    padding-left: 20px;
}
div.page_info ul.page_links {
    margin: 0;
    margin-right: 20px;
    text-align: right;
}
div.page_info ul.page_links li {
    display: inline;
}

div.content div.alert div.meaning {
    margin-left: 466px;
}
div.content div.alert div.meaning div.inner_container {
    padding: 10px;
}
div.content div.alert div.meaning div.inner_container h2 {
    margin: 0;
    font-weight: normal;
}
div.content hr {
    margin: 26px 0;
    clear: both;
}
div.messenger_container {
    margin: 1em 0 1em 0;
    padding: 5px;
    width: 786px;
    display: none;
}

div.error_container {
    border: 1px solid red; 
    background: #f5cccc;
}

div.notice_container {
    border: 1px solid green;
    background: #afd3a6;
}

div.show {
    display: block;
}

div.messenger_message {
    font-weight: bold;
}

div.messenger_error {
    color: red;
}

div.messenger_notice {
    color: green;
}

/*
div.messenger_floater {
    position: fixed;
    top: 15px; 
    width: 786px;
    padding: 20px 5px 20px 5px;
    z-index: 1000;
    -moz-opacity:.90;
    opacity:.90;
    _filter:alpha(opacity=90);
}


* {
    margin: 0;
}

html, body {
    height: 100%;
    overflow: auto;
}

.page { 
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
}

* html div.messenger_floater {
   position: absolute; 
}
*/

a.messenger_close {
    position: absolute;
    bottom: 0px;
    right: 0px;
    font-size: 8pt;
}

a.close_message {
    color: green;
}

a.close_error {
    color: red;
}

#discrete_messenger {
    border: 2px solid #ffcc00;
    background: #ffffcc;
    position: fixed;
    top: 5%;
    width: 10%;
    left: 45%;
    padding: 5px;
    text-align: center;
}
