/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */


/*
 * Body
 */
html,body {
  margin: 0;
  padding: 0;
  color: #727272;
  font-family: Verdana,Ariel,sans-serif;
}

h1,h2,h3,h4,h5,h6 {
    color: #515ba2;
    font-weight:bold;
    margin-top: 15px;
    margin-bottom:10px;    
    font-family: Ariel, sans-serif;
}
h1,h2,h4,h5,h6 {
    font-family: 'AvalonMedium', Ariel, sans-serif;
}

h1{
   color:#858588;
   font-size:22px; 
   margin:20px 0 15px 0;
}

h2 {
    color: #727272;	
    font-size:18px;
}

h3 {
    font-size:18px;
}

h4 {
    font-size: 16px;
	font-weight:normal;
}

h5 {
     font-size:14px;
}

h6{
    font-size:12px;
} 

h5,h6 {
    font-size:12px;
}

#page-wrapper {
    width:1000px;
}

#page {
    width:1000px;
    font-size: 11px;
    
}
a {
    color:#515BA2;
}
a:hover {
    color:#bca36a;
}
a:link, a:visited, a:active, a:hover {
    text-decoration: none;
}

ul {
    list-style:none;
}
ol {
    list-style-type: decimal;
}
/*
 * The skip-link link will be completely hidden until a user tabs to the link.
 * See the element-focusable rule in system.base.css.
 */
#skip-link a,
#skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*
 * Header
 */
#header {
}

#header .section {
}

#header .block {
    padding: 0;
    margin: 0;
}

#logo /* Wrapping link for logo */ {
  float: right; /* LTR */
}

#logo img {
   width:297px;
   height:55px;
}

#name-and-slogan /* Wrapper for website name and slogan */ {
  float: left;
}

h1#site-name,
div#site-name /* The name of the website */ {
  margin: 0;
    float:left;
  font-size: 2em;
  line-height: 1.5em;
}

#site-name a:link,
#site-name a:visited {
  color: #000;
  text-decoration: none;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration: underline;
}

#site-slogan /* The slogan (or tagline) of a website */ {
}

.region-header /* Wrapper for any blocks placed in the header region */ {
  
}

/*
 * Main (container for everything else)
 */
#main-wrapper {
}

#main {
}


/*top_content -- This was created so there could be a single column area above the 3 column main content area. It holds bread crumbs and picture intros */
#top_content {
    width:100%;
    clear:both;
    padding-top:2px;
    *padding-top: 24px;
    font-size:11px;
}
/*  .content, .block, .region { position: relative; } */
#top_content .region .content { position: relative; }
.more-news-link {
    white-space:nowrap;
}

#top_content .block {
    margin: 0;
    padding:0;
}



/* Content
 */
#content {
    width:752px;

}

#content .section {
}

#content .field-name-body ul, #content ol{
    margin-left:15px;
    margin-bottom:20px;
}


#content .field-name-body ul li {
      list-style: none;
      margin-bottom:10px; 	
      background: url('/ckfinder/userfiles/images/li.gif') no-repeat scroll 8px 5px transparent;
      padding-left: 18px;
}

#content .field-name-body ul li:before {
      /* For a round bullet */
      /* content:'\2022'; */
      /* For a square bullet */
      /*content:'\25A0';*/
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -10px;
      top: -3px;
      color: #515BA2;
      font-size:20px;
}

#content p {
    color: #727272;
    font-size: 11px;
    margin-bottom: 0.6em;
    margin-top: 0;
}
#content .footnotes hr {
	display:none;
}
.region-highlighted {
}

h1.title, /* The title of the page */
h2.node-title, /* Title of a piece of content when it is given in a list of content */
h2.block-title, /* Block title */
h2.title, /* Comment section heading */
h2.comment-form, /* Comment form heading */
h3.title /* Comment title */ {
  margin: 0;
  font: normal normal normal 20px AvalonMedium, Arial, sans-serif;
  color: #515BA2;
  text-transform: uppercase;
  margin-top:6px;    
  margin-bottom:10px;
}

tr.even /* Some tables have rows marked even or odd. */ {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

tr.odd {
  /* background-color: #eee; */ /* Drupal core uses a #eee background */
}

div.messages /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */ {
  margin: 1.5em 0; /* Drupal core uses "6px 0" margin */
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

div.status /* Normal priority messages */ {
}

div.warning,
tr.warning /* Medium priority messages */ {
  /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
}

div.error,
tr.error /* High priority messages. See also the .error declaration below. */ {
}

.error /* Errors that are separate from div.messages status messages. */ {
  /* color: #e55; */ /* Drupal core uses a #e55 background */
}

.warning /* Warnings that are separate from div.messages status messages. */ {
  /* color: #e09010; */ /* Drupal core uses a #e09010 background */
}

div.tabs /* See also the tabs.css file. */ {
}

.region-help /* Help text on a page */ {
}

.more-help-link /* Link to more help */ {
}

.region-content /* Wrapper for the actual page content */ {
	clear: both;
	float: none;
}

ul.links /* List of links */ {
}

ul.links.inline {
  display: block; /* Let the links be inline, but the container be a block. */
}

ul.links li {
  padding: 0 1em 0 0; /* LTR */
}

.item-list .pager /* A list of page numbers when more than 1 page of content is available */ {
  padding: 0;
}

.item-list .pager li /* Each page number in the pager list */ {
  padding: 0 0.5em;
}

.feed-icon /* The link to the RSS or Atom feed for the current list of content */ {
}

.more-link /* Aggregator, blog, and forum more link */ {
}

/*Front Page Customizations */
.homepage_block {
	position: relative;
	width: 1000px;
	height: 114px;
	/* background-image: url('/ckfinder/userfiles/images/home_background.jpg'); */
	background-image: url('/sites/www.sanofipasteur.us/files/sites/default/files/pictures/blue_bar.jpg');
	background-repeat: no-repeat;
	font-family: Ariel, sans-serif;
	color: white;
	font-size: 11px !important;
	z-index:0;
}
.homepage_block p {
	margin-bottom: 2px !important;
}
.homepage_block b {
	font-size: 12px;
	font-weight: bold;
}
.homepage_block a {
	font-size: 10px;
	color: white;
}
.homepage_block a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}
.homepage_news {
	position: absolute;
	float: left;
	top: 10px;
	left: 0px;
	/*width: 605px;*/
	width:480px;
	height: 95px;
}
.homepage_news img {
	padding-left: 7px;
	padding-right: 10px;
}
.homepage_press {
	position: relative;
	float: left;
	top: 10px;
	/*left: 565px;
	width: 350px;*/
	width: 455px;
	left:455px;
	height: 95px;
}

.homepage_press img {
    padding-left: 7px;
	padding-right: 10px;
}

.homepage_press a {
	/*font-weight:bold !important;
	font-size: 11px !important;*/
}
.homepage_archive_link {
	position:absolute;
	right: 0px;
	bottom: 0px;
}
.homepage_archive_link a {
	font-size: 10px !important;
	color: white;
	font-weight: bold;
	font-style: italic;	
}
.homepage_archive_link a:hover {
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}
.homepage_col1 {
	float:left;
	width: 500px;
}
.homepage_col1, .homepage_col1 p, .homepage_col3, .homepage_col3 p {
	color: #858585 !important;
	font-size: 11px !important;
	font-family: Verdana, Ariel, sans-serif !important;
}
.homepage_col1 h1.title {
	margin-top: 0px !important;
	margin-bottom: 3px !important;
}
.homepage_col2 {
	float:left;
	width: 135px;
}
.homepage_col3 {
	float:left;
	width: 135px;
	padding-left: 5px;
}
.homepage_col3 b, .homepage_col3 strong {
	font-family: Ariel, sans-serif !important;
	font-size: 12px !important;
	font-weight: bold;
	color: #6471b2 !important;
}
.homepage_col3 a {
	color: #6471b2 !important;
	font-size: 11px !important;
	font-family: Verdana, Ariel, sans-serif !important;
}
.homepage_col4 {
	float:left;
	width: 205px;
}
.homepage_col4, .homepage_col4 p {
	font-size: 11px !important;
	font-family: Verdana, Ariel, sans-serif !important;
}
.homepage_col4 a {
	color: #6471b2 !important;
}
#front-page .inside {
    margin:0;
    padding:0;
    border: none;
    
}

#front-page h2 {
   margin:0;
}
#front-page p {
    color:white;
}
.home-3rdRow-table {
	color: #727272;
}

#front-page .pane-news{     /*news content */
    background:#6868A6;
    color:white;
    font-size:12px;
    height:105px;
    padding:10px 10px 0px 20px;
}

#front-page .center-wrapper a:hover{
    border-bottom: 1px dotted white;
    color: white;
}


/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */

ul.menu li {
    margin: 0 0 0 0;
}
.region-sidebar-first {
}
.block-menu {
    padding:0;
    margin:0;
}



.region-sidebar-first .section {
}

/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
.region-sidebar-second {
}
.region-sidebar-second a {
	border-bottom: 1px solid #E0E2EF;
	text-decoration: none;
}

.region-sidebar-second .section {
}

/*
 * Footer
 */

.region-footer {
    font:10px/1.454em Arial, sans-serif;
    padding-top:6px;
    border-top: 1px solid #9eabd8;
    color: #A1ADDE;
}

.region-footer .block {
    float:left;
    max-width: 700px;
}
/*
 * Page bottom
 */
.region-bottom /* Wrapper for any blocks placed in the page bottom region */ {
}

.views-slideshow-controls-bottom {
	float: left; position:relative; top:-40px; left:935px; z-Index:223;
}
#front-page .panel-separator {
	display: none;
}
#views_slideshow_cycle_main_hp_ss-default, #views_slideshow_cycle_teaser_section_hp_ss-block {
	height: 320px;
}
#views_slideshow_controls_text_previous_hp_ss-block  a {
	display: block;
	float: left;
	width: 19px;
	height: 20px;
	background: url('/sites/all/themes/sanofipasteur/images/btn_left.png') no-repeat;
}

.views-slideshow-controls-text-status-pause {
	display: block;
	float: left;
	left: 19px;
	width: 17px;
	height: 20px;
	background: url('/sites/all/themes/sanofipasteur/images/btn_play.png') no-repeat;
}
.views-slideshow-controls-text-status-play {
	display: block;
	float: left;
	left: 19px;
	width: 17px;
	height: 20px;
	background: url('/sites/all/themes/sanofipasteur/images/btn_pause.png') no-repeat;
}

#views_slideshow_controls_text_next_hp_ss-block  a {
	display: block;
	float: left;
	left: 44px;
	width: 18px;
	height: 20px;
	background: url('/sites/all/themes/sanofipasteur/images/btn_right.png') no-repeat;
}