/* DEFAULT SETTINGS
==================================================================================*/

body {
	margin: 0;
	padding: 0;
	background-color: #FCFBF9;    /* background color to website #FCFBF9; #F4F4F4;*/
	font-family: "franklin-gothic-urw",Arial, Helvetica, sans-serif;
	font-size: 14px; /*main text size*/
	color: #375eb9;
	background-attachment: scroll;
	background-repeat: no-repeat;
}

div{
	border-style:none;
	margin: 0;
	padding: 0;
}

p {
	margin-bottom:5px;
	line-height: 160%;
}


p.normal
{
    line-height: 100%;
}
h1 {
	font-size: 20px;
	margin: 0;
}

h2 {
	font-size:18px;
	margin:0;
}

h3 {
	font-size: 16px;
	margin: 0;
}
a {
	text-decoration:none;
	color: inherit;
}
a:link, a:visited, a:hover, a:active {
	text-decoration:none;
}

a.headlink
{
    text-decoration:underline;
}

a:hover, a:active, a:target, a:focus {
	color: #375eb9;
	}

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

img {
	border: none;
	margin:0; 
	padding:0; 
}

input {
	border:none;
	margin: 0;
	padding: 0;
}

/*Makes sure floats are contained in the container*/

.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after{
	clear: both;
}

/*For IE 6/7 (trigger hasLayout)
*/
.cf {
	zoom:1;	
}
form
{
    margin:0; 
	padding:0; 
}

/* GENERAL PAGE STRUCTURE 
==================================================================================*/

.shadow {
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
}

.mainwide {	/* page */
	position: relative;
	width: 960px;
	margin: 0 auto 0 auto;
	height: auto;
	background-color: #f4f4f4; /* off white*/
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 10px;
	clear:both;
}

.admin
{
    width: 95%;
    margin: 0 auto;
}
#wrapper { /* background to website*/
   width: 100%;
   }
   
div.companyNewsListing, div.productNewsListing, div.drugDetailsListing {
	padding: 0px 20px;
	background-color: #f4f4f4;
}
   
#footer { 
	width: 960px;
	position: relative;
	margin: 0 auto;
	text-align: center;
	clear:both;
	background: #dcefef; /*pale aqua*/
	line-height: 24px;
	height: 24px;

}
.logo {
	width: 960px;
	position: relative;
	margin: 0 auto;
	height: 160px;
	font-size: 60px;
	font-weight: 700;
	text-align: left;
	color:#22357c;
	background-color : #FCFBF9; /*transparent;*/
	/*background-image: url(/images/squashed.png); */
	font-family: "franklin-gothic-urw";
	vertical-align:middle;

}

/* SIGN IN 
==================================================================================*/
.signIn
{
    background-color:  #dcefef;
    width: 250px;
	margin: 24px 10px 0 0;
	float: right;
}

.signInDummy
{
    width: 250px;
	margin: 24px 10px 0 0;
	float: right;
}

.signIn h2 { /*latest news text style*/
	font-weight: 500;
	font-size: 16px;
	color: #ffffff; /* #22357c; */
	padding: 5px;
	/*text-transform:uppercase;*/
	border-bottom: solid 5px #ffffff;
	background-color: #1272b2; /*dark green #1b9d1f;.  light green #6ad86d; #678FD4; #375eb9; */
	letter-spacing: 1px;
	line-height: 16px; /*centres text vertically in strip*/
}

.signIn input[type=text], .signIn input[type=password] { /*email field on home page*/
	/*background-color: #d6e9f3; pale blue*/
	
	font-style: normal;
	font-weight: 500;
	color:#22357c;  /*cream white*/
	font-size: 14px;
	width: 170px;
	border-radius: 5px;
	/* float: right; */
	}

.signIn input[type=submit] .button{ 
	color: #f2eee6;  /*dark blue #f2eee6;*/
	background-color: #1272b2;  /* #1b2279; */
}

.signIn a:hover, #signIn input[type=submit]:hover{ 
	color: #f2eee6;  /*dark blue #f2eee6;*/
	background-color: #1b2279;
}


/*=============*/


/* PAGE HEADER STYLE (in green band) - NEW 
==================================================================================*/



div.pageTitle { /* bright blue strip styling for all page titles */
	height: 50px;
	clear: both;
	float: left;
	margin-bottom: 0px;
	width: 384px;
	/* background-image: url(/images/green_strip.jpg); */
	/*background-color: #dcefef;     /* was #5ac95d; green=#6ad86d; pale blue=#dcefef; light blue #c0d9e5; #3EBFA3;*/
}

div.sectionTitle { /* bright blue strip styling for all page titles */
	height: 50px;
	clear: both;
	float: left;
	margin-bottom: 0px;
	width: 920px;
}

h1.wide 
{
    width: 600px;
}
div.pageTitleLong { /* bright blue strip styling for all page titles */
	height: 50px;
	clear: both;
	float: left;
	margin-bottom: 0px;
	width: 850px;
	/* background-image: url(/images/green_strip.jpg); */
	/*background-color: #dcefef;     /* was #5ac95d; green=#6ad86d; pale blue=#dcefef; light blue #c0d9e5; #3EBFA3;*/
}
.pageTitle h1, .pageTitleLong h1 { /* text styling for all page titles */
	/* color:  #5ac95d;   was white ; or even whiter #f4f4f4; #22357c;;*/
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-size: 26px;
	letter-spacing:1px;
	/* line-height: 40px; */
	font-weight: 500;
	margin: 10px 0px 10px 20px;
	vertical-align: middle;
}

div.pageTitleButtons img
{
    float: right;
    vertical-align: middle;
    margin: 10px 0px 10px 20px;
}
.saveSearch 
{
    vertical-align: middle;
    margin: 10px 0px 10px 20px;
    padding:2px 2px 2px 0px;
}

div.pageTitleButtons { /* bright blue strip for buttons that are inputs */
	text-align: center;
	height: 50px;
	float: right;
	letter-spacing: 1px;
	line-height: 30px;
	margin-bottom: 0px;
	padding-right: 20px;
	/* background-color: #5ac95d;   /*was #5ac95d; #dcefef; #5ac95d; #6ad86d; #c0d9e5; #3EBFA3;*/
}


div.buttonStrip 
{
    width: 556px; /*width of green strip at top of page*/
}

.centre
{
    text-align: center;   
}
.pageTitleButtons.narrow
{
    width: 340px; 
}

div.alertButtonStrip{width: 516px; /*width of green strip on my profile page*/
}

.preference {
	margin: 10px 40px 0 40px;
	width: 700px;
	float: left;
}

input[type="radio"] { margin-right: 5px; }

.preferenceSection {
	margin-top:20px;
	width: 920px;
	float: left;
}
.inputTextBox
{
    border: solid 1px #1b2279;
}

.button{ /*style of all buttons */
	background: #1272b2; /*#375eb9; green. was ; could be #5ac95d; light blue #c0d9e5; #dcefef; */
	text-align: center;
	color: #ffffff;  /* was white  light blue #22357c;*/
	font-family: "franklin-gothic-urw", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 1px;
	/* text-transform: uppercase; */
	padding: 0px 10px 0px 10px;
	margin: 10px 2px 0 2px;
	float: right;
	cursor: pointer;
	/* border: solid 2px #375eb9;  there was a border  */
	border-radius: 10px;
 }

input.button{ /*height for <input> buttons only*/
	height: 26px;
}
a.button{ /*height for <input> buttons only*/
	height: 20px;
	text-align: center;
	margin: 10px 2px 0 2px;
	padding: 3px 10px 0px 10px;
}
.button:hover, .button:active, .button:target, .button:focus{ /*colour change on button*/
	background: #1b2279;  /*darker green*/
	color: #aabfab; /*darker white*/
	border-color: #1b2279; /*darker border*/
}

.field { /*style of search field on company news and product pages*/
	background: #ffffff; /*green #9be79e*/
	 width: 220px;
	 line-height: 26px;
	 display: table;
	float: right;
	color: #687578;
	padding: 0 0 0 5px;
	margin: 12px 3px 0 3px;
	height: 22px;
	border-radius: 10px;
	border: solid 1px #D7E2ED;
 }
 
 /* FOOTER MENU
====================================================================================*/

.bottomMenu{	
	color: #134795; /*dark blue*/
	font-family:  "franklin-gothic-urw", Helvetica, serif;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	margin-top:15px;
}

.bottomMenus span{ /*no longer used */
	color: #134795; /*dark blue*/
}


/* PUBLIC HOME PAGE ==================================================================================*/

#publicHomePage{
	width: 410px;
	position: relative;
	float: left;
	margin: 24px 0 15px 20px;
}

div#publicHomePage p{ /*paragraphs in blue*/
	font-family: "franklin-gothic-urw", Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #375eb9; 
	line-height: 20px;
	}
	
div#publicHomePage li{ /*bulleted list in blue*/
	font-family: "franklin-gothic-urw", Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	color: #375eb9; 
	line-height: 28px;
	margin-left: 10px;
	list-style:square;
	list-style-position: inside;
	}


.homePageStrip{ /*strip under picture*/
	height: 24px;
	background-color: #375eb9; /*green #5ac95d;  #1b9d1f; #6ad86d; */ 
	margin-top: -3px;
	}

#publicHomePage p{
	line-height: 24px;
	padding: 5px;
}

.big_blue { /*first para*/
	/* color:#22357c;  was green #1b9d1f; */
	font-weight: 500;
	font-size:17px;
	 }

.homePageSide{
	width: 250px;
	margin: 24px 10px 0 0;
	float: right;
	}

.homePageSide a { /*side boxes*/
	color: #375eb9;  /* #ffffff; white*/
	background-color:  #dcefef;  /*dark green #1b9d1f;.  light green #6ad86d;  */
	border-bottom: solid 5px #ffffff;
	font-family:  "franklin-gothic-urw", Arial, sans-serif;
	font-style: normal;
	font-weight: 500;
	display: block;
	padding: 5px;
	}
	
.homePageSide h2{ /*latest news text style*/
	font-weight: 500;
	font-size: 16px;
	color: #ffffff; /* #22357c; */
	padding: 5px;
	/*text-transform:uppercase;*/
	border-bottom: solid 5px #ffffff;
	background-color: #1272b2;  /*dark green #1b9d1f;.  light green #6ad86d; #678FD4; #375eb9;*/
	letter-spacing: 1px;
	line-height: 16px; /*centres text vertically in strip*/
}

a.video 
{ 
	font-weight: 500;
	font-size: 16px;
	background-color: #1272b2; /*#1272b2;  #678FD4; #375eb9;*/
	color: #ffffff;
}

a.wibble 
{ 
	font-weight: 500;
	font-size: 16px;
	background-color: #00FF00;  /*  #678FD4; #375eb9;*/
	color: #1272b2; /* #ffffff; */
}

a.no_trailing_space
{
    border-bottom:solid 5px #dcefef;
}
	
.whitespacer
{
    border-top: solid 5px #f4f4f4;
    line-height: 16px; /*centres text vertically in strip*/
}

.homePageSide a sup
{
    color:#00FF00;
}
.whitepaper
{
    line-height: 18px; 
}
.homePageSide a:hover, .homePageSide a:active, .homePageSide a:target, .homePageSide a:focus {
	color: #ffffff;
	background-color: #375eb9;
	cursor:pointer;
	}

.homePageSide a.video:hover, .homePageSide a.video:active, .homePageSide a.video:target, .homePageSide a.video:focus	{ /*video link hover*/
	background-color: #375eb9;
	}

.homePageSide a.marketing:hover, .homePageSide a.marketing:active, .homePageSide a.marketing:target, .homePageSide a.marketing:focus	{ /*video link hover*/
	background-color: #375eb9;
	}
	
.glossary 
{
    margin: 20px 20px 20px 20px;
}

.feedback 
{
    margin: 20px 20px 20px 20px;
    font-size: 16px;
}

.singleCompany
{
    margin: 10px 10px 10px 10px;
    font-size: 16px;
    background-color: #dcefef; /* #FCFBF9; */
}

.singleCompany input[type=text] 
{
    /* background-color: #FCFBF9;  #FCFBF9; */
    font-style: normal;
	font-weight: 500;
	color:#22357c;  /*cream white*/
	line-height:16px;
	font-size: 14px;
	width: 300px;
	border-radius: 5px;
	margin: 10px 10px 10px 10px;
}

/* COMPANY NEWS AND PRODUCT NEWS PAGES ==================================================================================*/

div.companyNewsListing, div.productNewsListing {
	width: 850px;
	margin: 0 auto;
}

.productNewsText
{
    color: #000000;
}

p.companyNewsDate, p.productNewsDate { /*style of date*/
	font-family:  "franklin-gothic-urw",Arial, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: -1;
	color: #61a948; /*green*/
	clear: both;
	margin: 16px 0 3px 0;
}

p.companyNewsHead, p.productNewsHead a{ /* style of heading */
	color: #375eb9;
	font-family:  "franklin-gothic-urw",Helvetica, serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
}

p.companyNewsHead, p.productNewsHead {
		margin: 0 0 6px 0;
		max-width: 600px;
}

.companyNewsText, p.productNewsNotes { /*style of sections including rule */
	border-bottom: 2px solid #D7E2ED;
	padding: 0 0 12px 0;
}

p.productNewsNotes { /*style of text at end of entry */
	font-style:italic;
	color: #000000;
}

.pageInfo p{ /*style of info at bottom of page*/
	margin: 0 0 0 50px;
	color: #a3a5a7;
	font-size: 12px;
	display: inline;
}

.pageInfo {
	margin-top: 10px;
}

/* DRUG DETAILS PAGE
===================================================================================*/

div.drugDetailsHead { /*Generic name, condition, marketing company */
	float: left;
	width:145px;
	margin-left: 10px;
	margin-right: 10px;
}

.drugDetailsHead p{
	font-family:  "franklin-gothic-urw", Helvetica, serif;
	font-weight: 700;
	font-size: 14px;  /*any bigger and the alignement gets screwed and its back to the drawing board */
	color: #22357c; /*#3d68cc; */
	line-height: 14px;
	margin-bottom: 10px;
}

.drugDetails p, .drugDetailsCol2 p{
	color: #000000;
	line-height: 14px;
	margin-bottom: 10px;
}

div.drugDetails { /*left hand column details */
	float: left;
	width:260px;
	font-weight: 500;
}

div.drugDetailsCol2 { /* right hand column details */
	float: left;
	width:280px;
}

div.drugDetailsSection { /* section of table ending with rule*/
	border-bottom: 2px solid #D7E2ED;
	clear: both;
	padding: 15px 10px 15px 0;
	display: block;
	overflow: auto;
	width: 850px;
	margin: 0 auto;
	color: #000000;
}

div.drugDetailsSectionStretch
{
    border-bottom: 2px solid #D7E2ED;
	clear: both;
	padding: 15px 10px 15px 0;
	display: block;
	overflow: auto;
	width: 1200px;
	margin: 0 auto;
	color: #000000;
}
div.drugDetailsSection p, div.drugDetailsSectionStretch p{ /*style of main text*/
	/* display: inline; */
}

div.drugDetailsSectionHead { /* header box of table */
	clear: both;
	padding: 15px 0 8px 0;
	display: block;
	overflow: auto;
	width: 920px;
	background-color:  #dcefef; /* slightly lighter blue, this one is darker #c0d9e5; */
	margin: 0 auto;
}

.drugDetailsSection h3, .drugDetailsSectionStretch h3{ /*style of heading */
	color: #22357c; /* #375eb9; */
	clear: both;
	font-family:  "franklin-gothic-urw", Helvetica, serif;
	font-size: 16px;
	font-weight: 700;
	display: inline;
	margin-right: 5px;
}

.drugDetailsSection li
{ /*bulleted list */
	list-style:disc;
	list-style-position: inside;
	line-height: 28px;
	}
	
.editDrug tbody tr th {
        vertical-align: middle !important;
        text-align: center !important;
}

td input
{
    vertical-align: middle !important;
}
/* MAIN SEARCH PAGE
===================================================================================*/

.mainSearchTable{
	padding: 0 15px;  /* this controls the margin around the maincontent area */
	min-height: 200px;
	margin: 10 auto;
	vertical-align:top;
	visibility:visible;
	display:block;
	max-width:960px;
}

.searchTableItem {
	float: left;
	width: 230px;
	overflow: auto;
}

.searchTableGrid {
	min-height: 200px;
	margin: 0 0 0 0;
	vertical-align:top;
	width:960;
}

.searchTableGrid2Row {
	clear:both;
	margin-bottom: 5px;
}

.mainSearchTable h3{ /*heading style*/
	color: #375eb9;
	font-family:  "franklin-gothic-urw", Helvetica, serif;
	font-size: 16px;
	font-weight: 700;
	margin: 15px 0 5px 0;
}

select.scrollingList { /* style of ALL scrolling lists */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	/* background-color: #E5EAEC; */
	border: 1px #D7E2ED solid;
	padding: 5px 0 1px 1px;
	width: 210px;
	overflow-x: scroll;
}

select.dropDownList { /* style of ALL dropdown lists*/
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #D7E2ED; 
	padding: 5px 0 0 0;
	width: 210px;
}

 .searchTableItem input[type=text] { /* style of input fields*/
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 14px;
	color: #000000;
	/* background-color: #E5EAEC; */
	border: 1px solid #D7E2ED; 
	padding: 0 0 0 5px;
	width: 210px;
	height: 18px;
	border-radius: 5px;
}
 .searchTableItem input[type=text].calendar {
	 width: 190px;
 }
 .calendar {
	background-color: #FFFFFF;
}
.searchTableItem a{ /*'clear' text*/
	font-size: 14px;
}

.searchTableItem p{
	font-size: 14px;
	}
 
  .sendPassword input[type=text] { /* style of input fields*/
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 14px;
	color: #000000;
	/* background-color: #E5EAEC; */
	border: 5px solid #E5EAEC; 
	padding: 10 0 0 5px;
	width: 250px;
	height: 20px;
	border-radius: 5px;
}

 /* EDIT ALERT PAGE
==================================================================================*/

div.editAlertTableHeader { /*coloured panel at top*/
	clear: both;
	padding: 0px 0 8px 0;
	display: block;
	overflow: auto;
	width: 920px;
	background-color:  #c0d9e5;
	margin: 0 auto;
}

div.alertName{ /*div containing alert name field and title*/
	float: left;
	width: 300px;
	margin-left: 10px;
}

div.alertFrequencyMenu { /*div containing frequency dropdown*/
	float: left;
	width: 280px;
}

.editAlertTableItem {
	width: 260px;
	float: left;
	color: #000000;
}

.editAlertTableItem h3, .alertName h3, .alertFrequencyMenu h3{ /*heading styles*/
	color: #375eb9;
	font-family:  Helvetica, serif;
	font-size: 14px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 5px;
}

.alertName h3
{
    margin-left:10px;
}
.editAlertTableGrid {
	padding: 0 40px;
	margin-bottom: 20px;
}

.editAlertTableGrid input[type=text]{ /*other text fields*/
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 13px;
	line-height: 20px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #D7E2ED; 
	padding: 0 0 0 5px;
	width: 250px;
	height: 20px; /*opera/firefox needs this for height*/
	border-radius: 5px;
}

.alertName input[type=text]{ /*text field in head*/
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #D7E2ED; 
	width: 200px;
	line-height: 25px;
	height: 25px; /*opera/firefox needs this for height*/
	font-size: 16px;
	padding: 0 0 0 5px;
	border-radius: 5px;
	margin: 0 0 0 0;
	float: left;
}


/* SEARCH RESULTS HEADER
==================================================================================*/

.searchResultsPanel {
	clear: both;
}

div.searchResultsTitle { 
	width: 40%;
	height: 40px;
	float: left;
	margin: 20px 0 0 0;
}

.searchResultsTitle h1 { 
	color: #134795;
	margin: 0px 0 0 20px;
	font-family:  Helvetica, serif;
	font-weight: 500;

}

/* PROFILE PAGE 
==================================================================================*/

.profileTableGrid {
	padding: 0 20px;
}

.profileTableColLeft {
	width: 460px;
	float: left;
	padding-bottom: 25px;
}

.profileTableColRight {
	width: 460px;
	float: right;
	padding-bottom: 25px;
}

.profileTableGrid h3{
	color: #375eb9;
	font-family:  Helvetica, serif;
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
	margin-bottom: 5px;
}

div.myAlertHead{ /*my alert green strip*/
	height: 50px;
	float: left;
	margin-bottom: 30px;
	width: 920px;
	background-color: #38bb3c;
	background-image: url(new_images/green_strip.jpg);
	background-repeat: no-repeat;
	}

.alertButton {
	background: #5ac95d; /*green*/
	text-align: center;
	color: #ffffff;
	font-family: sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 0px 10px 0px 10px;
	margin: 10px 2px 0 2px;
	float: left;
	cursor: pointer;
	border: solid 2px #66b068; /*green*/
	border-radius: 10px;
	}

.profileTableGrid input[type=text]{ /*name and email fields*/
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid #D7E2ED; 
	width: 420px;
	font-weight: 500;
	line-height: 32px;
	height: 32px; /*opera/firefox needs this for height*/
	font-size: 16px;
	padding: 0 0 0 10px;
	border-radius: 5px;
	margin: 0 0 10px 0;
}

/*password panel */

.profileTableGrid input[type=password]{
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 12px;
	color: #536063;
	background-color: #FFFFFF;
	border: 1px solid #D7E2ED; 
	padding: 0 0 0 5px;
	width: 210px;
	height: 18px;
	border-radius: 5px;
}

div.changePassword { /*background box*/
	background-color: #c0d9e5;
	display: inherit;
	float: right;
	width: 307px;
	padding: 0 20px 10px 20px;
	margin-top: 30px;
}

.changePassword h4{
	color: #3d68cc;
	font-family:  Helvetica, serif;
	font-size: 14px;
	font-weight: 700;
	margin: 15px 0 5px 0;
	
}

.changePassword button {
	float: right;	
}

/* TRENDS PAGE 
==================================================================================*/

.trendsPage h2{
	color: #375eb9;
	font-family:  Helvetica, serif;
	font-size: 17px;
	font-weight: 700;
	line-height: 20px;
	max-width: 950px;
	margin: 0 40px 0 40px;
	}
	
/*span.new{
	color: #a314c7;
	font-family:  Helvetica, serif;
	font-size: 13px;
	font-weight: 800;
	text-transform:uppercase;
	vertical-align: super;
	display: inline; /*toggle between 'inline' and 'none' to show or hide
		}
*/
.trendsPage p{
	margin: 10px 40px 0 40px;
}

.trendsPage .date{
	width: 100px;
	float: left;
	font-size:14px;
	font-weight:bold;
	color:Green;
	margin-bottom:10px;
	margin-left:10px;
}
.trendsPage .headline{
	width: 880px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
input.login{width:15em;}

.AutoCompleteList{font-weight: normal;}
.AutoExtender
{
    font-weight: normal;
    background-color: White;
    border: solid 1px #06c;
    font-size: .8em;

    border: solid 1px #006699;
    line-height: 25px;
    padding: 1px;
    margin:0 !important;
    /* margin-left:10px; */
    overflow:scroll;
}
.AutoExtenderList
{
    cursor: pointer;
    color: Black;
   
}
.AutoExtenderHighlight
{
    padding:0;
    margin:0;
    color: White;
    background-color: #06c;
    cursor: pointer;
}

#divwidth, #divwidth1,#divwidth2,#divwidth3,#divwidth4,#divwidth5
{
  width: 150px;    
}
#divwidth div,#divwidth1 div,#divwidth2 div,#divwidth3 div,#divwidth4 div,#divwidth5 div
{
width: 150px;   
}

td.drugName{font-weight:bold;}
td.smallItalics{font: italics 50%;}

table.SearchTable{cellpadding:2;cellspacing:2; border: solid 1px #06c;}
tr.HeaderRow{background-color:#2461BF;color: red; font-weight:600;}
tr.SelectedRow{background-color:#D1DDF1;color: White;}

.red { color: red;}
.bold {font-weight:700; font-size:large;}

.ModalWindow
{
  border: solid1px#c0c0c0;
  
  padding: 0px10px10px10px;
  position:absolute;
}

.modalBackground
{
  background-color:#CCCCFF;
  filter:alpha(opacity=40);
  opacity:0.5;
}


.headerstyle {    background-color:#507CD9; background-repeat: no-repeat; background-position: center left; padding-left: 5px;color:White}  
.headerstyle a{   text-decoration:none;    color:black;   display:block; text-align:left}  
.left {text-align:left}

.sortascheaderstyle{ background-image: url(/images/asc.gif); background-color: #507CD9; background-repeat: no-repeat;background-position: center left;}
.sortdescheaderstyle{background-image: url(/images/desc.gif);background-color: #507CD9; background-repeat: no-repeat;background-position: center left; }

.cssPager span { font:18px; background-color:#2461BF;}
.cssPager a{text-decoration:underline; display:block;}
.cssPager td {padding-left: 5px; padding-right: 5px;}

.alignbottom {valign="bottom";}

.tooltip-wrap {
  position: relative;
}

.tooltip-wrap:hover .triangle{
  display: block;
}

.emailList{
  position: absolute;

}
.emailNotification
{
    position: absolute;
    color:green;
} 

/* creates rectangular rounded speak bubble */
.triangle {
	display: none;
	position:absolute;
	left: 180px;
	top:-20px;
	padding:15px;
	margin:1em 0 3em;
	color:white;
	background:#075698;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:200px;
	z-index: 10;
}

/* creates triangle */
.triangle:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:20px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#075698 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
}

/* position triangle on the lefthand side*/
.triangle.left:after {
	top:10px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #075698;
}
/* Variant : top
------------------------------------------ */

.triangle.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#fff transparent;
}
/* Variant : right
------------------------------------------ */

.triangle.right:after {
	top:16px; /* controls vertical position */
	right:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:10px 0 10px 50px;
	border-color:transparent #fff;
}

/* Contract DETAILS PAGE
===================================================================================*/
div.contractDetailsSectionHead { /* header box of table */
	clear: both;
	padding: 15px 0 8px 0;
	display: block;
	overflow: auto;
	width: 860px;
	background-color:  #dcefef; /* slightly lighter blue, this one is darker #c0d9e5; */
	margin: 0 auto;
}

div.contractDetailsSection { /* section of table ending with rule*/
	border-bottom: 2px solid #D7E2ED;
	clear: both;
	padding: 15px 10px 15px 0;
	display: block;
	overflow: auto;
	width: 850px;
	margin: 0 auto;
	line-height: 25px;
}

div.contractDetailsHead { /*Generic name, condition, marketing company */
	float: left;
	width: 250px;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 700;
	font-size: 16px;
	color: #22357c; /*#3d68cc; */
	line-height: 15px;
	
}

div.contractDetails { /*left hand column details */
	float: left;
	width:550px;
	font-weight: 500;
	color: #536063;
	line-height: 15px;
	margin-bottom: 10px;
}

.contractDetailsListing h3{ /*style of heading */
	color: #22357c; /* #375eb9; */
	clear: both;
	font-family:  "franklin-gothic-urw", Helvetica, serif;
	font-size: 16px;
	font-weight: 700;
	display: inline;
	margin: 20px;
	margin-bottom: 20px;
}

.progressDial
{
    width:960px;
    text-align: center;
  
}


.tooltip-wrap {
  position: relative;
}

.tooltip-wrap:hover .triangle{
  display: block;
}
/* creates rectangular rounded speak bubble */
.triangle {
	display: none;
	position:absolute;
	left: 180px;
	top:-20px;
	padding:15px;
	margin:1em 0 3em;
	color:white;
	background:#075698;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	width:200px;
	z-index: 10;
}

/* creates triangle */
.triangle:after {
	content:"";
	position:absolute;
	bottom:-15px; /* value = - border-top-width - border-bottom-width */
	left:20px; /* controls horizontal position */
	border-width:15px 15px 0; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#075698 transparent;
    /* reduce the damage in FF3.0 */
    display:block; 
}

/* position triangle on the lefthand side*/
.triangle.left:after {
	top:10px; /* controls vertical position */
	left:-50px; /* value = - border-left-width - border-right-width */
	bottom:auto;
	border-width:10px 50px 10px 0;
	border-color:transparent #075698;
}
/* Variant : top
------------------------------------------ */

.triangle.top:after {
	top:-15px; /* value = - border-top-width - border-bottom-width */
	right:50px; /* controls horizontal position */
	bottom:auto;
	left:auto;
	border-width:0 15px 15px; /* vary these values to change the angle of the vertex */
	border-color:#fff transparent;
}
/* Variant : right
------------------------------------------ */

.triangle.right:after {
	top:16px; /* controls vertical position */
	right:-40px; /* value = - border-left-width - border-right-width */
	bottom:auto;
    left:auto;
	border-width:10px 0 10px 50px;
	border-color:transparent #fff;
}

.mycheckbox input[type="checkbox"] 
{ 
    margin-right: 5px; 
}

.searchTableItem.trade
{
    /* position:relative; */
}

/* =====MEDIA QUERIES===== */

.header img.standard-logo{
	display:block;
	}
	
.header img.small-logo{
	display:none;
	}

@media screen and (max-width: 700px) {
	
/*=====RESPONSIVE STRUCTURE==== 749px*/

.mobile{
	width: 100%;
	margin: 0 auto;
	overflow: auto;
	max-width: 960px;
	}
	
.mobile .mainwide,
.mobile .header,
.mobile .header img,
.mobile .logo,
.mobile #footer{
	width: 100%;
	}
	
.mobile .mainwide{
	padding:0;
	}
	
.mobile .logo{
	height: 100%;
	max-height:160%;
	}
/*=====MENU====*/

    .mobile .header img.small-logo{
        display:block;
        }
        
    .mobile .header img.standard-logo{
        display:none;
        }
        
.mobile .nav a {
        display: block;
        padding: 0px 15px;
        text-align: left;
        color:#CCF1F6;
    }
.mobile .nav a.selected{
        background: none;
        background-color: #5AC95D;
        color:#fff !important;
    }
    
.mobile .nav li.right{
    display:none;
    }
        
/*hide selected menus and align the log in*/
.mobile .nav .company a,
.mobile .nav .account a,
.mobile .nav .help a{
    display:none;
    }
	
/*=====HOME PAGE====*/

.mobile #publicHomePage p,
.mobile #publicHomePage ul,
.mobile .homePageSide .video,
.mobile .homePageSide .wibble{
	display: none;
	}
	
.mobile #publicHomePage,
.mobile .homePageSide{
	width: 100%;
	float:none;
	margin:0;
	padding-top:25px;
	}
	
.mobile #publicHomePage .big_blue{
	display: block;
	margin:0 5% 20px;
	padding:0;
	}
	
.mobile .signIn{
	width:100%;
	float:none;
	margin:0;
	}

.mobile .signIn p{
	margin:0 10px 5px;
	}
	
.mobile .signIn p:nth-child(2){
	margin-top:10px;
	}
	
/*=====SEARCH PAGE====*/

#ctl00_main .pageTitle{
	display:none;
	}

.mobile .searchTableItem{
	overflow:hidden;
	float:none;
	}
	
.mobile .mainSearchTable{
	width: 100%;
	padding:0;
	}


.mobile .searchTableItem.therapies,
.mobile .searchTableItem.approval,
.mobile .searchTableItem.region,
.mobile .searchTableItem.country,
.mobile .searchTableItem.nice,
.mobile .searchTableItem.biosimilars,
.mobile .searchTableItem.blockbuster,
.mobile .searchTableItem.view,
.mobile .searchTableItem.developer,
.mobile .searchTableItem.orphan,
.mobile .searchTableItem.update,
.mobile .saveSearch{
	display: none;
	}

.mobile .searchTableItem.trade
{
    /* position:relative; */
}

.mobile .scrollingList
{
    height:30px;
    width:90%;
}

.mobile .searchTableItem.illness,
.mobile .searchTableItem.marketingcompany,
.mobile .searchTableItem.trade,
.mobile .searchTableItem.generic,
.mobile .searchTableItem.keyword,
.mobile .AutoExtender,
.mobile .AutoExtenderList
{
	width: 90%;
	margin: 0 5%;
	position:relative;
	top:30px;
	
}

.mobile .AutoExtenderList
{
    display:table-row;
}

.mobile .searchTableItem.keyword{
	margin-bottom: 20px;
	}
	
.mobile .searchTableItem input[type="text"]{
	width:88% !important;
	padding: 5px 5%;
	}
	
.mobile .buttonStrip{
	width: 100%;
	padding-right:0;
	margin-bottom: 10px;
	}
	
.mobile .buttonStrip .button{
	width: 60%;
	text-align: center;
	height: 40px;
	float: none;
	letter-spacing: 1px;
	padding:0;
	margin:20px auto;
	}
	
/*=====PRODUCT NEWS PAGE====*/
	
.mobile .productNewsListing{
	width: 90%;
	margin: 0 5%;
	padding:0;
	}
	
.mobile #ctl00_ContentPlaceHolder1_btnNwsSrch,
.mobile #ctl00_ContentPlaceHolder1_nwsSrch,
.mobile .emailList{
	display:none;
	}
	
.mobile p:first-child.productNewsDate{
	margin-top:0;
	}
	
/*=====TRENDS NEWS PAGE====*/

.mobile .trendsPage p,
.mobile .trendsPage h2{
	margin:0 0 10px 0;
	}

.mobile .trendsPage h2{
	margin:0 0 20px 0;
	}

.mobile .trendsPage{
	width: 90%;
	margin: 0 5%;
	padding:0;
	}
	
/*=====TRENDS LIST PAGE====*/

.mobile .trendsPage .date{
	width: 100%;
	float:none;
	margin-top: 20px;
	color: #61A948;
	font-size: 14px;
	margin-bottom: 0;
	}
	
.mobile .trendsPage .headline{
	width: 100%;
	font-size: 16px;
	}
	
.mobile .latesttrends #ctl00_main .pageTitle{
	display:block;
	padding-top: 20px;
	}
	
.mobile .latesttrends .pageTitleButtons{
	display:none;
	}
	
.mobile .latesttrends div.date:first-child{
	margin-top:0;
	}

/*=====DRUGS DETAILS PAGE====*/

.mobile .drugDetailsListing{
	padding:0;
	}
	
.mobile .drugDetailsSection,
.mobile .drugDetailsSectionHead{
	width: 90%;
	margin: 0 5% 0;
	padding:10px 0 20px;
	}

.mobile .drugDetailsSection p{
	margin-top: 0;
	}

.mobile .drugDetailsSectionHead .drugDetails,
.mobile .drugDetailsSectionHead .drugDetailsHead,
.mobile .drugDetailsSectionHead .drugDetailsCol2{
	float:none;
	margin:0 3%;
	}
	
.mobile .drugDetailsSectionHead .drugDetails p,
.mobile .drugDetailsSectionHead .drugDetailsHead p,
.mobile .drugDetailsSectionHead .drugDetailsCol2 p{
	margin:0;
	}
	
.mobile .drugDetailsSectionHead .drugDetailsHead p{
	margin-top: 10px;
	}

.mobile .buttonStrip .button.backtosearch{
	padding: 6px 10px 10px;
	margin: 10px auto;
	width: 40%;
	display:inline-block;
	height: 10px;
	font-size: 12px;
	}
	
.mobile .buttonStrip .button.feedback{
	display:none;
	}
	
/*=====SEARCH RESULTS PAGE====*/

table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
.mobile tr.headerstyle { 
	display:none;
	}
	
.mobile .searchResults{
	width: 100%;
	}
	
.mobile td.tradeName,
.mobile td.genericName,
.mobile td.condition,
.mobile td.marketing,
.mobile td.drugStatus { 
	width: inherit;
	font-size: 12px;
	}
	
.mobile td.checkBox,
.mobile td.updateDate{
	display:none;
	}

	
.mobile td.tradeName{
	font-weight: bold;
	color: #1272B2;
	font-size: 14px;
	text-decoration: underline;
	}
	
.mobile td.condition{
	font-style:bold;
	}
	
	
.mobile td.tradeName::before{
	content: "Trade Name      ";
	position: relative;
	top: 0;
	left: 0;
	display:inline-block;
	width: 40%;
	color: #898989;
}

.mobile td.genericName::before{
	content: "Generic Name";
	position: relative;
	top: 0;
	left: 0;
	display:inline-block;
	width: 40%;
	color: #898989;
}

.mobile td.condition::before{
	content: "Condition";
	position: relative;
	top: 0;
	left: 0;
	display:inline-block;
	width: 40%;
	color: #898989;
}

.mobile td.marketing::before{
	content: "Marketing/Region";
	position: relative;
	top: 0;
	left: 0;
	display:inline-block;
	width: 40%;
	color: #898989;
}

.mobile td.drugStatus::before{
	content: "Drug Status";
	position: relative;
	top: 0;
	left: 0;
	display:inline-block;
	width: 40%;
	color: #898989;
}

.mobile .searchresultmobile .buttonStrip{
	display:none;
	}

/*=====PRODUCT NEWS PAGE====*/

.mobile .buttonStrip.product-news{
	height: 15px;
	}
	
} /* end of Media query tag  */

#cookiebanner {
	background-color: #dcefef;
	bottom: 0;
	color: darkblue;
	font-size: 17px;
	margin: 0 auto;
	padding: 0 10px;
	position: fixed;
	text-align: center;
	width: 960px;
	z-index: 30
}

	#cookiebanner a {
		color: darkblue;
		display: inline-block;
		margin: 0 1rem;
		text-decoration: underline
	}