html, body {
  margin: 0;
  padding:0;  
  width: 100%;  
}


body {
    color: #221E1F;
    font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 12px;

}

.x-ausdi-wrapper{
	display:table;
	width:100%;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.x-notification-banner{
    width: 100%;
    height: 30px;
    background-color: #fceba0;
    color: #3c3b3b;
    border-bottom:1px solid #aaaaab;
    text-align:center;
    line-height: 30px;
    font-size: 1.1em;
    display:table;
}

.x-notification-banner .x-msg{
    display: table-cell;	
}

.x-notification-banner .x-close{
  cursor:pointer;
  /*background-image : url(../img/notification-close.png);
  background-repeat : no-repeat;
  background-position: center center;
  width:38px;
  height:14px;*/
  padding:0 10px;
  text-decoration:underline;
  display:table-cell;
}

.x-notification-banner .x-ausdi-banner-anchor{
	text-decoration: underline;
	color:#3b3b3b;
}

.x-notification-banner .x-ausdi-banner-anchor:hover{
	text-decoration: none;
	color:#3b3b3b;
}


.x-ausdi-print{
	cursor: pointer;
}

img {
    border: 0;
}

p {
    padding-top: 0;
    margin-top: 0;
    line-height: normal;
}

.textCenter {
  text-align: center;
}

.clearfloat {
    clear: block;
}

.clearfix {
  clear: both;
}

/* Heading specific styles */

h1 {
    color: #3b3b3b;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
    border-bottom: 2px solid #d4d4d4;
    padding-bottom: 2px;
    margin: 10px 0;
    clear: both;
}

h2 {
    background: #eae9e9;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
    margin-bottom: 10px;
    padding: 2px;
    line-height: 30px;
}

h3 {
    color: #3A6D8E;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 10px;
}

h4 {
    color: #C26606;
    font-size: 14px;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-weight: bold;
    margin: 10px 0;
}

h5 {
    font-size: 13px;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    margin-top: 6px;
    margin-bottom: 6px;
    font-weight: bold;
}

h6 {
    font-size: 12px;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    margin-bottom: 6px;
    margin-top: 0;
    font-weight: bold;
    color:#666;
}

.h7 {
    font-size: 11px;
    margin-bottom: 2px;
    font-weight: bold;
}


.h8 {
    font-size: 11px;
    margin-bottom: 2px;
}

a:link, a:visited {
    color: #3b3b3b;
    text-decoration: underline;
}

a:hover {
    color: #e2a733;
    text-decoration: none;
}


hr {
    background: #bababa;
    border: medium;
    height: 1px;
    width: 100%;
    margin: 0;
    padding: 0;

}

#invalid-token-container {
  width: 95%;
  padding-left: 25px;
}

/* Page Wrapper */
#wrapper {
    width: 100%;
    margin: 0 auto;

}

/* Header */  
#header-home {
  width: 100%;
  height: 170px; 
}

#header {
    width: 100%;
    height: 135px;
}

.logo {
  float: left;
  width: 275px;
  padding-right: 20px;
  padding-left:5px;
}

.generalSiteLogo {
  float: left;
  padding-right: 20px;
  padding-left: 5px;
}

.browserChecking {
  text-align: center;
  padding-bottom: 25px;
}

.browserChecking h1 {   
    color: #221E1F;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
    border-bottom: 0px;
    padding-bottom: 2px;
    margin: 10px 0;
    clear: both;
}


#logged-in {
    width: 100%;
  float: left;
    height: 30px;
  clear:both;
}

.personaliseLogin {
    /*
    float: right;
    margin: 5px 20px;
    padding: 2px 0;
    color:#fff;
    font-size: 14px;*/
}

.personaliseLogin  div.x-welcome {
    clear: both;
    max-width: 265px;
    min-width:150px;
    text-align:right;    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 11px;
    font-size: 16px;
    color:#3b3b3b;
}

.personaliseLogin  div.x-account-logout{
  position:absolute;
  display:table;
  top:37px;
  right:13px
}

.personaliseLogin  div.x-account-logout a{
	text-decoration:none;
	color:#3b3b3b;
}

.personaliseLogin  div.x-account, .personaliseLogin  div.x-logout{
  display:table-cell
}

.fontSizeControl {
   /* background: url(../img/bg-fontsizecontrol.gif) no-repeat;*/
    float: right;
    width: auto;
    height: 16px;
    margin: 5px;
    padding: 2px 2px;
    /*display: none;*/
}

.fontSizeControl img {
    margin: 0 2px;
    padding: 0;
}

#headerSearch  {
  width: 100%;
  padding: 0;
  padding-top:20px;
  padding-bottom:20px;
  float: left;
  margin: 0;
  background-color: #f7f6f6;
  position: relative;
}

.header-search-notification{
    position: absolute;
    left: 318px;
    bottom: -52px;
    z-index: 60;
    max-width: 472px;
    font-size: 13px;
    border: 1px solid #aaaaab;
    display: none;
}

.header-search-notification .x-close{
    position: absolute;
    right: 10px;
    bottom: 10px;
    text-decoration: underline;
    color: #3b3b3b;
    cursor: pointer;
}

.header-search-notification .info{
    padding: 20px;
    background-color: #fceba0;
}

#headerSearch .logo img{
    max-width:180px;
}

.header-search-notification-display{
	display:block;
}

#headerSearch .label{
  width: 130px;
  padding: 13px 5px 0 5px;
  height: 71px;
  font-weight: bold;
    float: left;
}

#headerSearch .x-login-wrapper{
  border: 1px solid #f7f7f7;
  float:right;
  cursor:pointer;
  width:150px;
  color:#ffffff;
  background-color:#ee7125;
  margin-top:23px;
  text-align:center;
  border-radius:4px;
  font-weight: bold;
  font-size: 1.2em;
  
}

#headerSearch .x-login-wrapper:hover{
  background-color: #f78f35;
}

#headerSearch .x-login-wrapper a{
  background-image: url(../img/marketing/unlock-icon.jpg);
  background-repeat: no-repeat; 
  background-position: 180px 11px;
  display: block;
  text-decoration:none;
  outline:none;
  color:#fff;
  font-size:14px;
  padding:10px 10px;
  
}
.search {
  float: left;
  display: table-cell;
}

.search .x-header-search-links ul{
  display:inline-block;
  list-style: none;
  margin: 0;
  padding: 0;	
}

.search .x-header-search-links ul li{
	float: left;
	padding: 5px 20px;
  font-weight: bold;
}

.search .x-header-search-links ul li.ver-line{
	padding: 5px 3px;
}

.search .x-header-search-links ul li a{
   color: #3b3b3b;
   text-decoration: none;
}

.search .x-header-search-links ul li a:hover,
.search .x-header-search-links ul li a:focus{
   color: #ee7125;
}


.search  .textbox{
  margin-bottom: 8px;
  border: 1px solid #D0CFCF;
  color: #666;
  padding: 8px 6px;
  font-size: 12px;
  background: #fff;
  width: 461px;
  margin-left: 18px;  
}

#searchAccordion {
  background: #ffffff url(../img/bg-accordion.gif) repeat-x;
  list-style-type: none;
  width: 280px;
  z-index: 50;
    float: left;
  border: 1px solid #c9c7c7;
  padding: 1px 0 1px 3px;
  position: absolute;
}

/*
#headerSearch .accordion h5.title.active{
  background-position: 118px 1px;
  padding-left: 0;
}

#headerSearch .accordion h5.title{
  background-position: 118px -53px;
  padding-left: 0;
}
*/

.go {
  display: table-cell;
  vertical-align: middle;
  padding-top: 15px;	
}

.searchlinks {
  width: 140px;
  padding-top: 7px;
  font-weight: normal;
  font-size: 10px;
  display: block;
  float: left;
  height: 71px;
}

.search  .links{
    width: 130px;
    padding: 2px 0;
    font-weight: normal;
    font-size: 10px;
    display: block;
    float: left;
}

#headersearchAccordion {
    list-style-type: none;
    width: 611px;
    margin-left: 70px;
    padding-left: 142px;
    float: left;
}

/*#searchAccordion {
  background: #ffffff url(../img/bg-accordion.gif) repeat-x;
    list-style-type: none;
  width: 332px;
    z-index: 1000;
    float: left;
  position: relative;
  border: 1px solid #c9c7c7;
  padding: 1px 0 1px 3px;
}
*/

/* Top Navigation Menu */ 
#topnav {
  background:#eae9e9;
    width: 100%;
    height: 30px;
    padding: 0;
    margin: 0;
    float: left;
    position: relative;
}

#navlist {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}


#navlist li {
    display: block;
    list-style-type: none;
    float: left;
    line-height: 30px;
    font-size:12px;
}

#navlist li a {
    display: block;
    color: #3b3b3b;
    text-decoration: none;
    text-align: center;
    padding:0 50px;
} 

#navlist li a:hover {
    background-color:#3b3b3b;
    color:#f7f6f6;
} 

#navlist li.x-highlight a {
	color:#f7f6f6 !important;
}
#navlist li.disabled a {
    height: 16px;
    display: block;
    color: #C4C4C4;
    text-decoration: none;
    padding: 4px 5px;
}     

#navlist li.current a {
    background-color:#3b3b3b;
    color:#f7f6f6;
}     


/* Personalisation Navigation For Homepage*/  
#preferenceNavHome {
    padding: 0;
    margin: 0;
    float: right;
    position: absolute;
    z-index: 10;
    top: 38px;
    right: 80px;    

}

/* Group Admin Settings for all pages */

.ipUserRegistration {
	  float: right;
}

.ipUserRegistration  a {
  background: url(../img/btn-register.png) no-repeat;
  width: 31px;
  height: 31px;
	color: #242424;
  text-decoration: none;
  padding:0 5px;
  display: block;
}

.ipUserRegistration  a:hover {
  background: url(../img/btn-register-hover.png) no-repeat;
}

.groupSearches {
  float: right;
}

.groupSearches  a {
  background: url(../img/btn-groupsearches.png) no-repeat;
  width: 31px;
  height: 31px;
	color: #242424;
  text-decoration: none;
  font-weight: bold;
  display: block;
  padding:0 5px;
  
}

.groupSearches  a:hover {
  background: url(../img/btn-groupsearches-hover.png) no-repeat;
}

.groupFavourites {
  float: right;
}

.groupFavourites  a {
  background: url(../img/btn-groupfavourites.png) no-repeat;
	color: #242424;
  text-decoration: none;
  width: 31px;
  height: 31px;
  font-weight: bold;
  display: block;
  padding:0 5px;
  
}

.groupFavourites  a:hover {
  background: url(../img/btn-groupfavourites-hover.png) no-repeat;
}

.groupAusDI {
    float: right;
}

.groupAusDI  a {
    background: url(../img/btn-groupsetting.png) no-repeat;
	  color: #242424;
    text-decoration: none;
    width: 31px;
    height: 31px;
    font-weight: bold;
    display: block;
    padding:0 5px;
}

.groupAusDI  a:hover {
    background: url(../img/btn-groupsetting-hover.png) no-repeat;
}


#preferenceNavHome .mySearches {
  float: right;
}

#preferenceNavHome .mySearches  a {
    background: url(../img/btn-groupsearches.png) no-repeat;
    width: 31px;
    height: 31px;
    color: #242424;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 0 5px;
}
}

#preferenceNavHome .mySearches  a:hover {
    background: url(../img/btn-groupsearches-hover.png) no-repeat;
}


#preferenceNavHome .myFavourites {
    float: right;
}

#preferenceNavHome .myFavourites  a {
    background: url(../img/btn-groupfavourites.png) no-repeat;
    color: #242424;
    text-decoration: none;
    width: 31px;
    height: 31px;
    font-weight: bold;
    display: block;
    padding: 0 5px;
}

#preferenceNavHome .myFavourites  a:hover {
   background: url(../img/btn-groupfavourites-hover.png) no-repeat;
}

#preferenceNavHome .myAusDI {
    float: right;
}

#preferenceNavHome .myAusDI  a {
    background: url(../img/btn-groupsetting.png) no-repeat;
    color: #242424;
    text-decoration: none;
    width: 31px;
    height: 31px;
    font-weight: bold;
    display: block;
    padding: 0 5px;	
}

#preferenceNavHome .myAusDI  a:hover {
    background: url(../img/btn-groupsetting-hover.png) no-repeat;
}

/* Personalisation Navigation for other pages*/ 
#preferenceNav {
    padding: 0;
    margin: 0;
    float: right;
    position: absolute;
    z-index: 1500;
    top: 38px;
    right: 80px;        
}


#preferenceNav .mySearches {
    float: right;
}

#preferenceNav .mySearches  a {
    background: url(../img/btn-groupsearches.png) no-repeat;
    width: 31px;
    height: 31px;
    color: #242424;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 0 5px;
}

#preferenceNav .mySearches  a:hover {
    background: url(../img/btn-groupsearches-hover.png) no-repeat;
}


#preferenceNav .myFavourites {
    float: right;
}

#preferenceNav .myFavourites  a {
    background: url(../img/btn-groupfavourites.png) no-repeat;
    color: #242424;
    text-decoration: none;
    width: 31px;
    height: 31px;
    font-weight: bold;
    display: block;
    padding: 0 5px;
}

#preferenceNav .myFavourites  a:hover {
    background: url(../img/btn-groupfavourites-hover.png) no-repeat;
}

#preferenceNav .myAusDI {
    float: right;
}

#preferenceNav .myAusDI  a {
   background: url(../img/btn-groupsetting.png) no-repeat;
   color: #242424;
   text-decoration: none;
   width: 31px;
   height: 31px;
   font-weight: bold;
   display: block;
   padding:0 5px;
  
}

#preferenceNav .myAusDI  a:hover {
  background: url(../img/btn-groupsetting-hover.png) no-repeat;
}

/* Content Wrapper */ 
#scrollarea {
  /*width: 75%;
  */
  /*float: left;*/ 
  position: relative;
  padding-left: 20px; 
  overflow: hidden;
  display: table-cell;
  vertical-align: top;  
}

#scrollarea .scroll-wrapper{
	overflow-x:hidden;
	overflow-y: auto;
	height: 100%; 
}


#content {
 /*float: left;
  width: 99%;*/
  padding: 0;
  margin: 0; 
  z-index:0;
  min-height: 300px;
}

.subhead {
  color: #666;
  font-size: 15px;
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  margin: 10px 0; 
  }
  
.subhead a{
  color: #666;
  font-size: 12px;
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  margin: 10px 0;
  text-decoration: underline;
  }
.subhead a:hover{
  color: #666;
  font-size: 12px;
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-weight: bold;
  margin: 10px 0;
  text-decoration: none;
  }
  
.searchterm {
  color: #333;
  font-size: 24px;
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-weight: normal;
  margin: 10px 0; 
}

/* Left Wide Column */  
#leftwidecolumn {
    width: 73%;
    float:left;
    padding: 40px 5px 40px 20px;
}

#whatsnew { 
    padding: 0;
    margin: 0;
    width: 100%;
    clear: both;
    float: left;
    padding-bottom: 20px;
}

#whatsnew .update {
    float: left;
    padding-top: 20px;
    width: 100%;
} 

#whatsnew .update .date  {  
    margin-right: 20px;
    width: 11%;
    float: left;
    padding-bottom: 40px;
} 

#whatsnew p { 
    padding: 4px 0;
    margin: 0;
}

#whatsnew a.title { 
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#whatsnew a.title:hover { 
    text-decoration: underline;
} 

/* Middle Column Place Holder*/

#middlecolumn {
    width: 69%;
    padding:0 0 20px 0;
    float: left;
}


/* Quick Product Search*/ 

#quickProductSearch, #advancedProductSearch, #freeTextSearch {
  clear:both;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 0px solid #ccc;
  padding: 0;
  overflow: hidden;
  width:100%;
}
  
  
#searchTabbedMenu{
	margin: 15px 0;
}  
  
#searchTabbedMenu .anchors{
	list-style: none;
  margin: 0;
  padding: 0 0 1px;
}
  
#searchTabbedMenu .anchors li{  
  float: left;
  padding: 0 1px;  
}
  
#searchTabbedMenu .anchors .on a, #searchTabbedMenu .anchors a.on {
    background: #ee7125;
    color: #f7f6f6;
}  

#searchTabbedMenu .anchors a.on:hover {
    color: #f7f6f6;
}  
  
#searchTabbedMenu .anchors a {
    width: 180px;
    display: block;
    top: 1px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 3px 9px;
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    font-family: sans-serif;
    font-weight:bold;
    background-color: #f7f7f7;
    color: #666;
     
}  
  
#searchTabbedMenu .anchors a:hover, #searchTabbedMenu .anchors a:focus, #searchTabbedMenu .anchors a:active{
    color: #ee7125;  
}  
  
#searchTabbedMenu .panels{
   border: 1px solid #c9c9c9;
   margin-left: 1px;
   margin-top: -1px;
   clear: both;
   float: left;
   width: 99%; 
   min-width: 734px;  
} 
 
#reportGenerate {
  clear:both;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    border: 1px solid #ccc;
  padding: 10px 20px;
  overflow: hidden;
}
  
#quickProductSearch p.label, #advancedProductSearch p.label, #freeTextSearch p.label{
  font-weight: bold;
  padding:18px 0 1px 0;
  }

#freeTextSearch label[for=mapToThesaurus]{
  position: relative;
  top: 8px;
  left: -30px;
}

#searchTypeDisplay {
    padding: 0;
    margin: 0;
  clear: both;
}

#QuickSearchRefine, #AdvancedSearchRefine, #FreeSearchRefine{
  clear:both;
  overflow: hidden;
  padding: 20px 0 10px 0;
}

.rightalign{
    text-align: right;
  clear:both;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-top: 10px;
}

#searchTypeDisplay span.labels {
    font-weight: bold;
}


#panelRefinement {
  float: left;
  list-style-type: none;
  width:485px;
}

#panelRefinement .accordion h5.title{
  background-position: 112px -53px;
  padding-left: 0;
}


#panelRefinement .accordion h5.title.active{
	background-position: 112px 1px;
}



#panelRefinement2 {
  float: left;
  list-style-type: none;
  margin-top: -3px;
  width: 480px; 
  clear:both; 
}

#panelRefinement2 .accordion h5.title{
  background-position: 173px -53px;
  padding-left: 0;
}


#panelRefinement2 .accordion h5.title.active{
  background-position: 173px 1px;
}


#panelRefinement3 {
 float: left;
 list-style-type: none;
 clear:both;
 width:200px;
 padding-top: 8px;
}

#panelRefinement3 .accordion h5.title{
  background-position: 130px -53px;
  padding-left: 0;
}


#panelRefinement3 .accordion h5.title.active{
  background-position: 130px 1px;
}



#panelRefinement4 {
  float: left;
  list-style-type: none;
  width:400px;
  padding-bottom: 5px;  
}

#panelRefinement4 .accordion h5.title{
  background-position: 112px -53px;
  padding-left: 0;
}


#panelRefinement4 .accordion h5.title.active{
  background-position: 112px 1px;
}



/* Right Wide Column Place Holder*/ 
#rightwidecolumn {
    /*padding: 0 0 30px 0px;
    width: 99%;
    float: left;
    z-index: 10;*/
}

#rightwidecolumn #indicationList #warningMsg{
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 12px;
  color:#666;
  padding:5px 2px 4px 6px; 
  clear:both;
  text-align:left;
  margin:2px 5px 5px 8px;
  float:left;
  width:35%;
}
.noleftcolumn #rightwidecolumn {
    width: 95%;
}

/* A to Z List*/  
#alphabetList {
    width: 100%;
  margin: 10px 0 5px 0;
    padding:0;
    float: left;
    height: 24px;
  clear: both;
}

#alphabetList ul {
    margin: 0;
    padding:0;
    list-style: none;
}

#alphabetList li {
    margin-right:4px;
    padding: 0;
    list-style-type: none;
    float: left;
  width: 20px;
  display:inline;
}

#alphabetList li a {
    color: #666;
    font-weight: bold;
    font-size: 11px;
  padding: 2px 1px;
    text-decoration: none;
    border: 1px solid #ccc;
    float: left;
  width: 18px;
    height: 16px;
    text-align: center;
    display: inline-block;
    margin: 0 2px;
}

#alphabetList li a:hover {
  padding: 2px 1px;
  width: 18px;
    height: 16px;
  background: #eae9e9;
  color: #3b3b3b;
}

#alphabetList li a.current {
  padding: 2px 1px;
  width: 18px;
  height: 16px;
  background-color: #e2a733;
  color:#fff;
}

#secondary-atoz {
  padding: 0 3px;
  margin: 0;
  height: 24px;
  background: #eae9e9;
  float: left;
}

#secondary-atoz ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

#secondary-atoz li {
    list-style-type: none;
    margin: 0;
    padding: 3px;
    float: left;
  font-size: 11px;
}

#secondary-atoz li a{
  outline: 0; 
  text-decoration: underline;
  color: #3b3b3b;
}

#secondary-atoz li a:hover{
  text-decoration: underline;
}

#secondary-atoz li a.selected{
  text-decoration: none;
  font-weight: bold;
}

.x-ausdi-desktop-menu{
	cursor:pointer;
}

.x-ausdi-desktop-menu img{
	max-width:34px
}

/* Left Narrow Column Place Holder*/  
#leftcolumn {
	display: table-cell;
	vertical-align: top;
    width: 125px;
    margin-bottom: 20px;
    position: relative;
  	z-index: 1;
}

/* Browse Accordion*/ 

#browseAccordion {
  background: url(../img/bg-accordion.gif) repeat-x;
  float: left;
  clear:both;
  list-style-type:none;
  width: 218px;
  border: 1px solid #c9c7c7;
  padding: 1px 0;
}

.accordion,
.accordion2,
.sub-accordion {
  z-index: 1000;
  margin:0;
  padding: 0;

}

.accordion h5.title,
.accordion2 h5.title {
    font-size: 12px;
    margin: 0;
    font-weight: bold;
    padding: 3px 0 3px 20px;
    cursor: pointer;
    background: url(../img/arrow-square.jpg) no-repeat left -53px;
}

.IHIN-preamble { font-weight: normal; }
a.ihinlink{ font-size:  12px}

.accordion h5.title.active,
.accordion2 h5.title.active {
  background-position: left 1px;
}

#indicationList .accordion h5.title {
  background-position: left 3px;
}
#indicationList .accordion h5.title.active {
  background: url(../img/arrow-square.jpg) no-repeat left -53px;
}




.accordion div.container,
.accordion2 div.container,
.sub-accordion div.sub-accordion-container {
  margin: 0;
  padding: 3px 0 10px 0;
  display : none;
  z-index: 1500;
  position: relative;
}

.accordion div.productListContainer {
  margin: 0;
  padding: 3px 0;
  display: none;
  position: relative;
}

.accordion p,
.accordion2 p,
.sub-accordion p {
  margin-top: 10px;
  font-size: 11px;
  font-weight: bold;
  }

.accordion  ul,
.sub-accordion ul {
    margin: 0;
    padding: 0;
}

.accordion  li,
.sub-accordion li {
    list-style-type:none;
  display: block;
    padding: 0;
}

.accordion  li a,
.accordion  li a:visited,
.sub-accordion li a,
.sub-accordion li a:visited {
    text-decoration: none;
    font-size: 96%;
    display: block;
    padding: 5px 0 5px 20px;
    color: #333;
    font-weight: normal;
}

.accordion  li a:hover,
.sub-accordion li a:hover {
  background: #ffffff;
    text-decoration: none;
    display: block;
    color: #ee7125;
    font-weight: normal;
}

.accordion  li a.current,
.sub-accordion li a.current {
    text-decoration: none;
    display: block;
    color: #f08322;
    font-weight: normal;
}
/* Therapuetic Class Tree styles */

/* Browse Therapuetic Class Container*/ 
#therapeuticList {
  overflow: hidden;
    border: 1px solid #ccc;
  padding:10px 0;
  margin-top:20px;
  clear:both;
}

#therapeuticList .treeview {
  margin-left: 10px; 
    padding-left: 20px;
    list-style: none;
    background: #fff;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}

#therapeuticList .treeview ul {
    margin-top: 4px;
    margin-left: 10px;
    background-color: #eee;
    padding: 0;
    list-style: none;
    background: #fff;
}

#therapeuticList .treeview ul.hide {
    display: none;
}

#therapeuticList .treeview ul.show {
    display: block;
}


#therapeuticList .collapsable-hitarea {
    background: url(../img/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

#therapeuticList .expandable-hitarea {
    background: url(../img/treeview-default.gif) -80px -3px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

#therapeuticList .lastCollapsable-hitarea {
    background: url(../img/treeview-default.gif) -16px -92px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

#therapeuticList .lastExpandable-hitarea {
    background: url(../img/treeview-default.gif) -48px -48px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

#therapeuticList .firstCollapsable-hitarea {
    background: url(../img/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}

#therapeuticList .firstExpandable-hitarea {
    background: url(../img/treeview-default.gif) -80px -3px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
#therapeuticList .firstExpandable-hitarea.lastExpandable-hitarea {
    background: url(../img/treeview-default.gif) -48px -48px no-repeat;
}
#therapeuticList .firstCollapsable-hitarea.lastCollapsable-hitarea {
    background: url(../img/treeview-default.gif) -16px -92px no-repeat;
}

/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li { 
    margin: 0;
    padding: 3px 0pt 3px 16px;
}

.treeview  li a {
    display: inline;
    padding: 5px 0;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

.treeview li a:hover {
    font-weight: normal;
    display: inline;
    color: #999;
    background: none;
}

.treeview li a.selected {
    background-color: #ccc;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: #999; cursor: pointer; }

.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }
.treeview li.last { background-position: 0 -1766px }
.treeview li.first { background-image: url(../img/treeview-default-top-line.gif); }
.treeview li.only { background-image: url(../img/clear.jpg); }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview-default.gif); }
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview li.firstCollapsable, .treeview li.firstExpandable { background-position: 0px -180px }


/* Don't rush to crush Modules*/
#moduleDRTC {
    background: url(../img/drtc/btn-drtc.jpg) no-repeat;
    float: left;
    width: 220px;
    height: 31px;
    padding: 0;
    margin-top: 10px;
}

#moduleDRTC  a {
    color: #242424;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 15px;
    display: block;
    padding: 7px 0 8px 20px;
}

#moduleDRTC a.current, 
#moduleDRTC  a:hover {
    background: url(../img/drtc/btn-drtc-hover.jpg) no-repeat;
    color: #f08322;
    float: left;
    width: 200px;
    height: 15px;
    display: block;
    padding: 7px 0 8px 20px;
}

/* Interactions & Identification Modules*/
#moduleInteraction {
  padding: 0;
  float: left;
  clear:both;
}

#moduleInteraction  a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0 8px;
    background-image: url(../img/prod-interaction-icon.png);
    background-repeat: no-repeat;
    background-position: 185px -40px;
    background-color: #f7f6f6;
    border: 1px solid #c9c9c9;
    margin-top: 10px;
}

#moduleInteraction a.current, 
#moduleInteraction  a:hover {
    background-image: url(../img/prod-interaction-icon.png);
    background-repeat: no-repeat;
    background-position: 185px -2px;
    background-color: #ee7125;
    border: 1px solid #c9c9c9;
    color: #f7f6f6;
}

#moduleIdentification {
    padding: 0;
    float: left;
  	clear:both;
}


#moduleIdentification  a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0 8px;
    background-image: url(../img/prod-identifier-icon.png);
    background-repeat: no-repeat;
    background-position: 185px -40px;
    background-color: #f7f6f6;
    border: 1px solid #c9c9c9;
    margin-top: 10px;
}

#moduleIdentification a.current, 
#moduleIdentification a:hover {
    background-image: url(../img/prod-identifier-icon.png);
    background-repeat: no-repeat;
    background-position: 185px -2px;
    background-color: #ee7125;
    border: 1px solid #c9c9c9;
    color: #f7f6f6;
}


/* IMGateway Interactions*/
#moduleIMGGatewayInteraction {
    padding: 0;
	float: left;
  	clear:both;
}

#moduleIMGGatewayInteraction  a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0 8px;
    background-image: url(../img/imgateway/prod-im-interaction-icon.png);
    background-repeat: no-repeat;
    background-position: 183px -40px;
    background-color: #f7f6f6;
    border: 1px solid #c9c9c9;
    margin-top: 10px;
}

#moduleIMGGatewayInteraction a.current, 
#moduleIMGGatewayInteraction  a:hover {
    background-repeat: no-repeat;
    background-position: 183px -2px;
    background-color: #ee7125;
    border: 1px solid #c9c9c9;
    color: #f7f6f6;
}

/* NaturalMedicines Interactions*/
#moduleNaturalMedicinesInteraction {
    padding: 0;
  	float: left;
  	clear:both;
}

#moduleNaturalMedicinesInteraction  a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 18px;
    display: block;
    padding: 0 8px;
    background-image: url(../img/naturalmedicine/prod-nm-interaction-icon.png);
    background-repeat: no-repeat;
    background-position: 183px -40px;
    background-color: #f7f6f6;
    border: 1px solid #c9c9c9;
    margin-top: 10px;
}

#moduleNaturalMedicinesInteraction a.current, 
#moduleNaturalMedicinesInteraction  a:hover {
    background-repeat: no-repeat;
    background-position: 183px -2px;
    background-color: #ee7125;
    border: 1px solid #c9c9c9;
    color: #f7f6f6;
}


#moduleAIDH {
    padding: 0;
  	float: left;
  	clear:both;
}

#moduleAIDH  a {
    color: #444;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 35px;
    line-height: 35px;
    display: block;
    padding: 0 8px;
    background-image: url(../img/aidh/aidh-icon.png);
    background-repeat: no-repeat;
    background-position: 181px -39px;
    background-color: #f7f6f6;
    border: 1px solid #c9c9c9;
    margin-top: 10px;
}

#moduleThirdParty {
    background: url(../img/btn-drugreax.gif) no-repeat;
    float: left;
    width: 220px;
    height: 31px;
    padding: 0;
    margin-top: 10px;
}

#moduleThirdParty  a{
    color: #242424;
    font-weight: bold;
    text-decoration: none;
    float: left;
    width: 200px;
    height: 15px;
    display: block;
    padding: 7px 0 8px 20px;
}

#moduleThirdParty a.current, 
#moduleThirdParty a:hover {
    background: url(../img/btn-drugreax-hover.gif) no-repeat;
    color: #f08322;
    float: left;
    width: 200px;
    height: 15px;
    display: block;
    padding: 7px 0 8px 20px; 
}


/* Right Narrow Column Place Holder*/ 
#rightcolumn {
  padding: 0 0 20px 0;
    float: right;
    width: 200px;
}


input:focus, textarea:focus {
    outline: 0;
}


#promo {
    background: url(../img/bg-promo.gif) repeat-y;
    width: 190px;
    float: left;
    padding: 10px 5px;
    height: 65px;
}

#promo .promo-container{
  clear:both;
  width:100%;
}

#promo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#promo li {
  /*  border-bottom: 1px solid #D0CFCF;*/
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#promo li a {
    color: #525252;
    font-weight: bold;
    text-decoration: none;
}

#promo li a:hover {
    text-decoration: underline;
} 

.icon 
{
    float: left;
    width: 37px;
    margin-right: 10px;
    margin-bottom: 40px;
} 

/* Footer */  
#footer {
    width: 100%;
    height: 130px;
    clear: both;
}


.x-sticky-footer{
    position: fixed;
    bottom: 0;
    left:0;
    background:#eae9e9 url(../img/footer-bar.png) repeat-x 0 -11px;
    background-color:#eae9e9;
}


#footer p {
    padding: 3px 0px 0px 0px;
    margin: 0px; 
}


  .x-footer-center{
      height:100%;
   }    
   
  .x-footer-table{
      display:table;
      width:99%;
      height:100%;
      margin:0 auto;
   }

  .x-footer-table-cell-logo{
    display:table-cell;
    vertical-align: middle; 
    text-align: right;
    width:210px;
    padding-right:50px;
  }    
  
	.x-footer-table-cell-logo img {
	      max-width: 130px;
	}
  
 .x-footer-table-cell-content{
    display:table-cell;
    vertical-align: middle;
  }

  
  .x-footer-table-cell-content ul{
    list-style:none;
    margin:0;
    padding:0;
  }
  .x-footer-table-cell-content ul li {
    display: block;
    list-style-type: none;
    float: left;
  }

  .x-footer-table-cell-content  a{
    color:#3b3b3b;
    font-size: 11px;
  }

  .x-footer-table-cell-content .x-small{
    font-size: 11px;
    clear:both;
  }

/* Dynamic Query Builder */
.queryBuilder {
 width: 98%;
    background: #eeeeee;
    border: 1px solid #D0CFCF;
    margin: 10px 0;
    color: #666;
 font-size: 11px;
 padding: 5px 2px;
    overflow: hidden;
    float: left;
    display : none;    /*dynamic query builder is gone as per CR00003*/
}


/* Form */
input.btn {
    background: url(../img/bg-submit.gif) no-repeat  left +1px;
    width: 68px;
    height: 26px;
    text-align: center;
  color: #231f20;
  font-weight: bold;
  border: none;
  margin-left: 6px;
  font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
 }

input.btn.off {
  color:#CECECE;
}
input.gobtn {
  width: 120px;
  height: 30px;
  text-align: center;
  color: #fff;
  background-color:#ee7125;
  font-weight: bold;
  border: 1px solid #f7f7f7;
  font-size: 12px;
  font-family: Arial, Verdana, sans-serif;
  cursor: pointer;
  border-radius: 4px;  
}

input.gobtn:hover {
  background-color: #f78f35;
}
 
 input.btn-large {
  background: url(../img/bg-submit-large.gif) no-repeat left +1px;
  width: 120px;
  height: 26px;
  text-align: center;
  color: #231f20;
  font-weight: bold;
    border: none;
    margin-left: 6px;
    font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
}
 input.btn-small {
  background: url(../img/bg-submit-small.gif) no-repeat left +1px;
  width: 35px;
  height: 26px;
  text-align: center;
  color: #231f20;
  font-weight: bold;
    border: none;
    margin-left: 6px;
    font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
}

 input.btn-search {
  width: 272px;
  height: 39px;
  border:none;
  color:#333333;
  font-size:15px;
  background-color: #f7f6f6;
  border: 1px solid #d0d0d0;
  border-radius:6px;
}

input.btn-search:hover{
	cursor:pointer;
}

 .operators input.btn,
 .operators input.btn-small {
  font-size: 11px; 
 }

input, select {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    padding: 2px 4px;

}
.btnBackground {
    background: url(../img/bg-submit.gif) no-repeat;
    width: 68px;
    height: 20px;
    text-align: center;
  color: #231f20;
  font-weight: bold;
  border: none;
  margin-left: 6px;
  padding-top: 6px; 
  font-size: 12px;
  font-family:Verdana, Geneva, sans-serif;
  float: left; 
  
 }
a.abtnBackground {
    background: url(../img/bg-submit.gif) no-repeat left -2px;
    letter-spacing: 0px;
  width: 68px;
  height: 20px;
    text-align: center;
  color: #231f20;
  font-weight: bold;
  border: none;
  margin: 0 0 0 6px;
  padding-top: 4px; 
  font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
  text-decoration: none; 
  display: inline-block; 
  
 }
 
a.abtnLargeBackground {

  background: url(../img/bg-submit-large.gif) no-repeat left -2px;
  width: 148px;
  height: 20px;
  text-align: center;
  color: #231f20;
  font-weight: bold;
  border: 0;
  margin: 0 0 0 6px;
  padding-top: 4px; 
  font-size: 12px;
  font-family:Arial, Verdana, sans-serif;
  text-decoration: none; 
  display: inline-block; 
  float:left;
    
/*  
background: url(../img/bg-submit-large.gif) no-repeat left -2px;
  letter-spacing: 0px;
  width: 148px;
  height: 20px;
  text-align: center;
  color: #231f20;
  font-weight: bold;
  border: 0;
  margin: 0 0 0 6px;
  padding-top: 4px; 
  font-size: 12px;
  font-family:Arial, Verdana, sans-serif;
  text-decoration: none; 
  display: inline-block; 
  float:left;*/
 }
a.abtnBackground:link,
a.abtnBackground:visited,
a.abtnBackground:active,
a.abtnBackground:focus,
a.abtnLargeBackground:link,
a.abtnLargeBackground:visited,
a.abtnLargeBackground:active,
a.abtnLargeBackground:focus {
  color: #231f20;
  text-decoration: none; 

 }
 
.searchbox {
  border: 1px solid #D0CFCF;
  color: #666;
  padding: 8px 6px;
  font-size: 12px;
  background: #f8f8f8;
  float: left;
  width: 90%;  
}

.hint { color: #666; }

.error {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 12px;
  color:#FFFFFF;
  font-weight: bold; 
  background: #d31f37; 
  display: block; 
  padding: 8px;
  margin: 55px 0 15px 0;
  width: 800px;
}

.errorsMsg {
    font-size: 12px;
  color:#C00;
    padding: 2px 0;
}
.warnMsg {
    font-size: 12px;
    padding: 2px 0;
}
/* added for the new error messages */
.error-left {
  clear: both; 
  float: left;
  margin-top: 20px;
  width: 400px; 
}
.error-left .indent2 {
  float: left;
  width: 80px;  
}
.error-left .indent1 {
  clear: both; 
  float: left;
  margin-left: 20px; 
  width: 100px; 
}
.error-left .indent2 {
  float: left;
  width: 80px;  
}


/* Tabbed Menu */
#tabbedMenu {
    margin: 15px 0;
/*    width: 96%;*/
}

#tabbedMenu #Brand {
    /* overflow: hidden; */
    border: 1px solid #cccccc;
    padding: 15px 10px 0px 10px;
    margin: 0;
    background: #ffffff;
    display:inline-block;
    width: 97.5%;
}

#tabbedMenu #Active-Ingredient {
    /* overflow: hidden; */
    border: 1px solid #cccccc;
    padding: 15px 10px 10px 10px;
    margin: 0;
    background: #ffffff;
    width: 97.5%;
}

#tabbedMenu #Preference {
    border: 1px solid #848484;
    padding: 10px;
    margin: 0;
    width: 97%;
    display:inline-block;
    clear:both;
}

#tabbedMenu #Account {
    border: 1px solid #848484;
    padding: 10px;
    margin: 0;
    width: 97%;
    display:inline-block;
    clear:both;
}

#tabbedMenu #Quick-Identifier {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    border: 1px solid #848484;
    padding: 20px;
    margin: 0;
    width: 96%;
    display:inline-block;
}

#tabbedMenu #Quick-Image-Search {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    border: 1px solid #848484;
    padding: 20px;
    margin: 0;
    width: 96%;
}

#tabbedMenu #My-Searches {
    overflow: hidden;
border: 1px solid #848484;
    padding: 10px;
    margin: 0;
    width: 96%;
    display:inline-block;
    
}

#tabbedMenu #Group-Searches {
    overflow: hidden;
    border: 1px solid #848484;
    padding: 10px;
    margin: 0;
    width: 96%;
    display:inline-block;
}

#tabbedMenu #My-Favourites {
    overflow: hidden;
    border: 1px solid #848484;
    padding: 10px;
    margin: 0;
    width: 96%;
    display:inline-block;
    clear:both;
}

#tabbedMenu #Group-Favourites {
    overflow:hidden;
    border: 1px solid #848484;
    padding: 10px;
    margin: 0;
    width: 96%;
    display:inline-block;
}


/* tabs */
.anchors {
    list-style: none;
    margin: 0;
    padding: 0 0 1px;

}

.anchors .document-controls {
  padding-right: 20px;
  width: 160px;
  padding-top: 3px;
  padding-bottom: 0;
  }
  
.anchors:after { /* clearing without presentational markup, IE gets extra treatment */
                 display: block;
                 clear: both;
                 content: " ";
}
.anchors li {
    float: left;
    margin: 0 1px 0 10px;
}
.anchors a {
  background: #ffffff;
  height: 17px;
  width: 180px;
  display: block;
  top: 1px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 0;
  padding: 3px 9px;
  text-decoration: none;
  font-size: 12px;
  color: #000000;
  text-align: center;
  font-family: Tahoma, Geneva, sans-serif;
}
.anchors .on a,
.anchors a.on {
    font-weight: bold;
    text-decoration: none;
}
#tabbedMenu .anchors .on a,
#tabbedMenu .anchors a.on {
  background: #3b3b3b;
  color: #f7f6f6;
}


#tabbedMenu-overlay .anchors .on a,
#tabbedMenu-overlay .anchors a.on {
  background: #3b3b3b;
  color: #f7f6f6;
}


.anchors a:focus, .anchors a:active {
    outline: none; /* @ Firefox 1.5, remove ugly dotted border */
    text-decoration: none;
    background: url(../img/bg-accordion.gif) repeat-x;
}
.anchors a:hover, .anchors a:focus, .anchors a:active,
.anchor {
    background: #fff;  
    color: #666;  
}
.anchors .on a, .anchors .on a:link, .anchors .on a:visited, .anchors .on a:hover, .anchors .on a:active { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
    text-decoration: none;
    background: #181617;
  color: #ffffff;
}
.anchors a:hover, .anchors a:focus, .anchors a:active, .anchors a:visited {
    cursor: pointer;
    text-decoration: none;
}
.anchor {
    padding: 10px;
}


/* Search Results Container*/ 
#searchResults {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 400px;
    border: 1px solid #848484;
    padding: 20px;
    margin-top: 40px;
}

.sortby {
    float: left;
    margin: 0;
    padding:0;
    white-space: nowrap;
}

.paging {
    float: right;
}


.browsetable {
    margin: 10px 0;
    padding: 0;
    padding: 0 20px;
}

.browsetable table {
    border-collapse: collapse;
    width: 96%;
}


.browsetable th {
    font-size: 10px;
    text-align:left;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}


.browsetable td {
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    width: 9%;
}

.browsetable td.first {
    width:55%;
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.searchtable {
    margin: 10px 0;
    padding: 0;
    width:100%;
    float:left;
}

.searchtable table {
    border-collapse: collapse;
    padding: 0;
    width: 96%;
}


.searchtable th {
    font-size: 10px;
    text-align:left;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}


.searchtable td {
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    width: 9%;
}

.searchtable td.noborder {
    text-align: left;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border: none;
}

.searchtable td.checkbox {
    width:3%;
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.searchtable td.number {
    width:2%;
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.searchtable td.product {
    width:50%;
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border-bottom: 1px solid #ccc;
}

/* Browse Indications Container*/ 
#indicationList {
  margin: 10px 0;
  padding: 10px; 
  border: 1px solid #ccc;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

#TB_title a:link {color: #666666;}
#TB_title a:visited {color: #666666;}
#TB_title a:hover {color: #000;}
#TB_title a:active {color: #666666;}
#TB_title a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
  z-index:2000;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#333;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
                     position: absolute;
                     width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');          
                     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: absolute;
    background: #fff;
    z-index: 2200;
    color:#3b3b3b;
    display:none;
    border: 6px solid #d0d0d0;
    text-align:left;
    top:50%;
    left:50%;
}

* html #TB_window { /* ie6 hack */
                    position: absolute;
                    margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding:4px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    float:left;
    padding:3px 0 5px 10px;
    margin-bottom:1px;
    font-weight: bold;
    font-size: 13px;
}

#TB_title{
    background-color: #d0d0d0;
    height:27px;
    color: #3b3b3b;
}

#TB_ajaxContent{
    clear:both;
    padding:0 15px;
    over-flow-x: hidden;
    overflow-y: auto;
    text-align:left;
    line-height:1.4em;
}
#TB_ajaxContent h2 {
    line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
    padding:15px;
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
                  position: absolute;
                  margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
                        position: absolute;
                        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}

.favourite-list, .savedsearch-list, #saveThisSearch {
    margin: 0;
    padding: 0;
  clear:both;
}

.favourite-list .actionButtons, .savedsearch-list .actionButtons, #saveThisSearch .actionButtons{
    float: right;
  padding: 10px 0;
  clear:both;
}

.favourite-list .actionButtons img, .savedsearch-list .actionButtons img, #saveThisSearch .actionButtons img{
    margin-left: 15px;
}

.savedsearch-list .savedsearch-list-row, .favourite-list .favourite-list-row {
  padding: 3px 0 3px 0;
    margin: 0;
    border-bottom: 1px dotted #ccc;
  clear: both;
  float: left;
  width: 100%;
}

.favourite-list .favourite-added,  .savedsearch-list .savedsearch-added {
  float: left; 
  width: 100%; 
}

.favourite-list .favourite-added  input , .savedsearch-list .savedsearch-added input{
    margin-right: 10px;
    float: left;
}

.favourite-list .favourite-list-options {
    margin-left: 20px;
}
.favourite-list .favourite-added span, .savedsearch-list .savedsearch-added span {
  float: left; 
  display: block;
}
.favourite-list .favourite-added span a, .savedsearch-list .savedsearch-added span a {
  font-weight: bold; 
}
.doc-export {
  float: right;
  width: 95px; 
  margin-right: 5px;
  text-align: right; 
}   
.doc-export a {
  font-size: 11px;
  font-weight: normal; 
} 

.doc-export span {
  font-size: 11px;
  font-weight: normal;
  text-align:right; 
} 

  
#saveThisSearch {
    margin-top: 10px;
}

.refinement-list {
    margin: 0;
  padding: 10px;
}

.refinement-list-row {
  padding:0;
  margin-bottom: 10px;
  clear:both;

}
#pregnancyGroup {
  margin-left: 20px;
}
#poisonMasterDiv {
  margin-left: 20px;
}
#piDiv, #gmDiv {
  margin-left: 20px;
}
#OTCDiv, #RXDiv {
  border: 1px solid #ccc;
  padding: 5px 30px 5px 10px; 
  margin: 10px 10px 10px 20px;
}

.refinement-list-option {
    width: 47%;
    float: left;
  padding-right: 0px;
  white-space: nowrap; 
  font-size: 11px; 
}

.refinement-list-option input {
    margin-right: 5px;
}

.thesaurus {
  margin-left: 10px;
  font-size: 11px;
  margin-top: 5px;
  float:left; 
 }

.thesaurus input{
  position: relative;
  left: 77px;
  top: 11px;
}

.operators {
  margin-top: 10px;
  padding:0;
  clear:both;
  float:left;
}

.operators span{
 font-size: 11px;
 line-height:26px;
 float: left;
 width: 50px;
}


#search-container {
  /*float: left;
  width: 100%;
  padding: 0;
  margin-top: 10px;
  clear:both;
  */
  
  padding:10px 30px;
}

#searchTypeDisplay .header {
  width: 100%;
  float: left;
  border-bottom: 2px solid #666;
    padding-bottom: 2px;
    margin-bottom: 10px;
    clear: both;
}
#searchTypeDisplay h1 {
    color: #8ab4d1;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
  border-bottom: 0;
    padding-bottom: 0;
    margin: 0;
    clear: left;
    width: 60%; 
}

#searchTypeDisplay .searchlinks a {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: normal;
}

#searchTypeDisplay .searchlinks{
    float: right;
    width: 30%;
    text-align: right;
    padding: 0px;
  font-weight: normal;
  font-size: 11px;
  height: 30px;
}

#searchResponse h1 {
    color: #3b3b3b;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
  border-bottom: 0;
    padding-bottom: 0;
    margin: 0;
    clear: left;
    width: 60%; 
}


#searchResponse .header {
  width: 100%;
  float: left;
  border-bottom: 2px solid #666;
    padding-bottom: 2px;
    margin-bottom: 10px;
    clear: both;
}


#searchResponse .searchbuttons{
  float: right;
  width: 40%;
  text-align: left;
  padding: 0px;
  font-weight: normal;
  font-size: 11px;
  height: 30px;
}


#searchResponse .knownAs{
  clear: both;
  float: left;
  text-align: left;
  padding: 0px;
  font-weight: normal;
  font-size: 60%;
  height: 20px;
}


#searchTypeDisplay h5{
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
}

.preference-list {
    padding: 10px;
    margin: 0;
}

.preference-list-row {
    padding-bottom: 10px;
    margin: 0;
}

.preference-list-row input{
    margin-right: 10px;
}


/* Drug Info Document */

#document-container {
    margin: 0;
    padding: 0;

}

.iref {
    font-weight: normal;
    font-style: italic;

}

p {
    margin-top: 0;
    padding-top: 0;
}

sup {
    position: relative;
    top: 0.1em;
    font-size: 8px;
}

sub {
    position: relative;
    bottom: 0.1em;
    font-size: 8px;
}


.classgroup {
    padding-top: 5px ;
    margin:0;
    display: block;
  padding-bottom: 11px ;

}

.class {
    padding-right: 6px;
}

.includes {
    font-weight: bold;
}

.prodinfo {
    padding-bottom: 10px;

}

.famdrugorgroup {
    background: #eee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    padding: 2px 0 2px 2px;
    width: 100%;
}


.doseformtitle {
    color: #3A6D8E;
    font-size: 16px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 10px;
}


.listcontainer {
    margin-top: 10px;
}

.listhead {
    margin-bottom: 10px;
}


.revdate {
    color: #494848;
    border-top: 1px solid #d6d6d6;
    font-size: 11px;
    padding-top: 4px;
}

.psrevdate {
    display: none;
    color: #494848;
    border-top: 1px solid #d6d6d6;
    font-size: 11px;
    padding-top: 4px;
    float:none;
    clear:both;
}


.monorevdate {
    display: none;
    color: #494848;
    font-size: 11px;
    padding-top: 4px;
}


.title {
    font-weight: bold;
    font-size: 13px;
    margin: 4px 0;
    color: #211D1F;
}

.tgaind {
    font-weight: bold;
    color: #666;
}

.notapptga {
    font-weight: normal;
}

.notapptga  .intenduse{
    font-weight: normal;
}

.strength  {
    font-weight: bold;
    margin: 5px 0;
    color: #211D1F;
}

.strength  .otc{
    font-weight: bold;
    font-size: 11px;
    margin: 5px 0;
    color: #8B0F04;
}

.note {
    margin-bottom: 10px;
}

.note p {
    margin: 0;
    padding: 5px 0;
    color: #666;
}

.note p.note-first {
    margin: 0;
    padding-left: 2px;
    color: #666;
    display: inline;
}

.note>.title {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    margin: 0;
    padding: 0;
}

.incidences .note{
    margin-top: 10px;
}

.prodinfo .note {
    margin-top: 10px;
}


.entrygroup {
    margin: 20px 0;
}


.entry {
    margin-bottom: 10px;
    padding: 0;
}

.entry  p{
    padding: 0;
    margin-left: 10px;
}

.entry  ul p{
    padding: 0;
    margin-left: 0;
}


.mcs {
    color: #8B0F04;
    font-size: 13px;
    font-weight: bold;
    margin-left: -10px;
    margin-right: 5px;
}

.entry .term p {
    margin-top: 0;
    padding-top: 0;
    margin-left: 15px;
    padding-left: 0;
}

.statement {
    margin: 0;
    padding-bottom: 10px;
}

.entry .term {
    padding: 0;
    margin-left: 10px;
}


.entry .term .term {
    margin-left: 20px;
}

.mcsind {
    color: #333;
} 

.adecpregcat {
    font-weight: normal;
    font-size: 11px;
    color: #666;
    margin-bottom: 20px;
} 

.brands {
    margin-left: 10px;
}

.incidences {
    margin-bottom: 10px;
}


.inlineterm>.condition {
    font-weight: bold;
    color: #221E1F;
}

.condition {
    font-weight: bold;
    color: #9C1D5B;
}


.drugs .drugorgroup {
    font-weight: bold;
    color: #9C1D5B;
    margin: 0;
}

.testdrugcond , .drugorgroup {
    font-weight: bold;
    color: #9C1D5B;
    margin-left: 10px;
}


.brandname {
    font-weight: bold;
}

.copyright  {
    font-size: 11px;
    padding: 4px 0;
}

table {
    border-collapse: collapse;
    padding: 0px;
    width: 80%;
    margin: 20px 0;
}


caption {
    font-weight: bold;
    font-size: 13px;
    margin: 4px 0;
    color: #211D1F;
    text-align: left;
}

th {
    text-align: center;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #d7e6f3;
    font-weight: bold;
    border: 1px solid #bed4e6;
}

td {
    text-align: left;
    font-size: 11px;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 4px 4px 6px;
    background: #fff;
    border: 1px solid #ddd;

}

/* Back to top */

.anchor-top {
  margin-top:6px;
  float: right;
  margin-right: 10px;
  text-align: center;
}

.anchor-top a{
  background-image: url(../img/icon-top.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 23px;
  padding-left: 25px;
  display: block;
  line-height: 23px;
}
.anchor-top a:hover{
	color:#3b3b3b;
}

.mono-anchor-top{
  width:99%;
  clear:both;
} 

.clear {
    clear: both;
}
.hide {
    visibility:hidden;
}

.imagelink {
  display: inline;
}

.imagelink span a{
  font-size: 10px;
  color: #666;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-weight: normal;
  letter-spacing: normal;
}

.imagelink img{
  vertical-align: top;
  margin-left: 15px;
  margin-right: 5px;
}

.comp {
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: -1px;
  margin-bottom: 10px;
  padding: 2px;
}

/* Table of Content */

#tableOfContent {
    background: url(../img/bg-accordion.gif) repeat-x;
    float: left;
    list-style-type:none;
    width: 218px;
  border: 1px solid #c9c7c7;
  padding: 1px 0;
  clear:both;
  margin-top: 10px;
}

/*
#tableOfContent {
    width: 218px;
  margin-top: 40px;
  border: 1px solid #ccc;
  padding: 0;
  clear:both;
}
*/

#tableOfContent .container {
border-top: 1px solid #ccc;
    margin-top: 0;
    padding: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    width: 218px;
}

#tableOfContent ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#tableOfContent li {
    margin-bottom: 10px;
    list-style-type: none;
    padding-left: 10px;
}

.document-options {
    padding: 0;
    margin-top: 10px;
    width: 100%;
    float: left;
}

.document-options-list {
    float: left;
  width: 100%;
  margin: 20px 0 20px 0;
}

.document-options img{
    float: left;
    margin-right: 10px;
}

.document-controls{
  float: right;
  width: 10%;
  text-align: right;
  padding: 5px 0 0 0;
}


.navtrail {
  float: left;
  width: 87%;
  padding-top: 5px ;
  padding-bottom: 3px ;
  margin: 0;
  font-size: 11px;
  clear:both;
  color:#767272;
}

.navtrail a{
	color:#767272;
}

.account-list {
    padding: 20px;
    margin: 0;
    width: 90%;
}

.account-list-row {
    padding-bottom: 20px;
    margin: 0;
}

.account-list-row  .label{
    padding: 0;
    width: 25%;
    margin: 0;
    float: left;
}

.account-list-row  .textbox {
    margin-left: 10px;
    margin: 0;
    width: 70%;
}

.safety-container {
    width: 100%;
    float: left;
    margin: 0;
    padding: 10px 0;
}

.safety-sorting {
    width: 100%;
    float: left;
    margin-bottom: 2px;
    padding: 4px 0;
    font-size: 11px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.safety-label {
  width: 100%;
  float: left;
  background-color: #f3f5f4;
  clear: both;
  display: block;
  line-height:30px;  
  font-weight: bold;
  font-size: 12px;

}


.safety-list-row-odd  {
    width: 100%;
    float: left;
    /*background:#eee;*/
    padding:30px 0px 30px 0px;
    display: table;
    font-size: 12px;
  
  border: 1px solid #c9c7c7;
    border-bottom:none;
    border-left: none;
    border-right: none;   
}

.safety-list-row-even  {
    width: 100%;
    float: left;
    padding:30px 0px 30px 0px;
    /*background:#ccc;*/
    display:table;
    font-size: 12px;

  border: 1px solid #c9c7c7;
    border-bottom:none;
    border-left: none;
    border-right: none;   

}

.safety-label-issue-th {
    width: 30%;
    float: left;
    padding-left:10px;
}

.safety-label-description-th {
    width: 50%;
    float: left;
    padding-left:10px;
}

.safety-label-more-th {
  width: 11%;
  float: left;
  padding-left : 10px;
  /*text-align: center;*/
}

.safety-label-issue-td {
    width: 30%;
    float: left;
    padding-left:10px;
    display: table-cell;
    vertical-align: middle;
    
}

.safety-label-description-td {
    width: 50%;
    float: left;
    padding-left:10px;
    display: table-cell;
    vertical-align: middle;
}

.safety-label-more-td {
  width: 11%;
  float: left;
  padding-left:10px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;

}




/*
.safety-label-severity {
  width: 20%;
  float: left;
  font-size: 12px;
  font-weight:bold;
}
*/


.safety-issue {
  width: 100%;
  float: left;
  clear: both;
}

.safety-issue-overlay {
  width: 100%;
  float: left;
  clear: both;
}

.overlay-position{
 position: fixed;
 z-index: 1000;
 top: 160px;
 overflow: hidden;
}   
.overlay{
 position: fixed;
 z-index: 1000;
 top: 160px;
 overflow: hidden;
}   

.overlay-background-d2d{
  background:url(../img/docked-background.png) repeat-x ; 
}

.overlay-background-d2f{
  background:url(../img/docked-background.png) repeat-x ; 
}

.overlay-background-dtp{
  background:url(../img/docked-background.png) repeat-x center -12px !important;
}

.overlay-background-dse{
  background:url(../img/docked-background.png) repeat-x center 0px !important;
}

#interact-result-wrapper #wait{
  text-align:center;
  clear:both;
}

#interact-result, #interact-result-overlay{
  width:100%;
  clear:both; 
}

#interact-result #tabbedMenu, #interact-result-overlay #tabbedMenu-overlay{
    margin: 0;
    position: relative;
}

.ps-h1 .head-msg{
float:right;
color:#221E1F;
font-size:12px;
margin-top: -15px;
letter-spacing:normal;
font-family: Arial, Verdana, sans-serif;
} 


#interact-result #tabbedMenu .safety-label, #interact-result-overlay #tabbedMenu-overlay .safety-label{
 border-top: 1px solid #c9c7c7;
}


#interact-result #tabbedMenu .drug-drug-duplicate-therpay-cls  .safety-label,
#interact-result-overlay #tabbedMenu-overlay .drug-drug-duplicate-therpay-cls .safety-label

{
 border-top-style: none;
}

#interact-result #tabbedMenu .drug-drug-side-effect-cls  .safety-label,
#interact-result-overlay #tabbedMenu-overlay .drug-drug-side-effect-cls .safety-label
{
 border-top: none;
}

#interact-result #tabbedMenu .panels{
  border: 1px solid #c9c7c7;
  display:table;
  width:99%;
}

#interact-result-overlay #tabbedMenu-overlay .panels{
  border: 1px solid #c9c7c7;
  display:table;
  width:99%;
  border-bottom: none;
}


#interact-result #tabbedMenu .anchors , #interact-result-overlay #tabbedMenu-overlay .anchors{
    margin: 0 0 0 0;
    padding: 0 0 1px;

}

#interact-result #tabbedMenu .anchors a , #interact-result-overlay #tabbedMenu-overlay .anchors a{
  border: 1px solid #c9c7c7;
  border-bottom: 0;
  padding: 3px 9px;
  font-weight: bold;
}

#interact-result #tabbedMenu .panels .navigation-wrapper, #interact-result-overlay #tabbedMenu-overlay .panels .navigation-wrapper{
  clear:both;
  width:100%;
  display:block;
  line-height:25px;
  height:25px;
  padding-top: 5px;
}

.draw-border-top{
  border-top: 1px solid #B0B0B0;
}

#interact-result #tabbedMenu .panels .navigation-wrapper #bottom-navigator{
  padding-bottom: 5px;
}

#interact-result #tabbedMenu .panels .navigation-wrapper div.title-wrapper,
#interact-result-overlay #tabbedMenu-overlay .panels .navigation-wrapper div.title-wrapper
{
  float:left;
  padding-left: 10px;
  display:table;
  width:98%;
}


#interact-result h5.title, #interact-result-overlay h5.title{
    font-weight: normal;
    font-size: 12px;
    color: #480606;
}

#interact-result #tabbedMenu .panels .navigation-wrapper div.jump,
#interact-result-overlay #tabbedMenu-overlay .panels .navigation-wrapper div.jump
{
  float:right;
  font-size: 12px;
  margin-top: 2px;
  margin-right: 10px;
  text-align: center;
}


#interact-result .jump select.jumpComboBox, #interact-result-overlay .jump select.jumpComboBox
{
  width:195px;
}

#interact-result #drug-drug {
  width: 100%;
  clear:both;
}

#interact-result #drug-drug-overlay{
  width: 100%;
  clear:both;
}

#interact-result #drug-drug-duplicate-therpay{
  width: 100%;
  clear:both;
}

#interact-result .header-msg, #interact-result-overlay  .header-msg{
  clear:both;
  float:left;
  font-weight:bold;
  font-size: 12px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  margin:5px 0 10px 0;
  background-color:#fff;
}

#interact-result #drug-drug-side-effect ul li{
  width:42%;
  line-height:1.5em;
  float:left;
  display:inline;
  margin: 2px 0;
  background-image: url('../img/arrow-list.jpg');
  background-repeat: no-repeat;
  background-position: 0px 1px;
  padding:2px 19px;
}

#interact-result #drug-food{
  width: 100%;
  clear:both;
}

#interactionContainer #notification{
  float:right;
  font-weight: normal;
  font-size:9px;
  padding-left:5px;
}
/* image gallery specific CSS */
div.content {
    /* The display of content is enabled by a javascript generated style on the page.
     This is so that the slideshow content won't display unless javascript is enabled. */
    display: none;
    float:right;
    width:550px;
}
div.content a, div.navigation a {
    text-decoration: none;
    color: #777;
}
div.content  a:focus, div.content  a:hover, div.content  a:active {
    text-decoration: underline;
}
div.controls {
    margin-top: 5px;
    height: 23px;
    width: 500px;
}
div.controls a {
    padding: 5px;
}
div.ss-controls {
    float: left;
}
div.nav-controls {
    float: right;
}

div.loader {
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 550px;
    height: 350px
}
div.slideshow {
    clear: both;
}
div.slideshow span.image-wrapper {
    float: left;
    padding-bottom: 12px;
}
div.slideshow a.advance-link {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}
div.slideshow img {
    border: none;
    display: block;
}
div.download {
    float: right;
}
div.embox {
    clear: both;
    border: 1px solid #ccc;
    background-color: #eee;
    padding: 12px;
    width: 476px;
}
div.image-title {
    font-weight: bold;
    font-size: 1.4em;
}

div.image-desc {
    line-height: 1.3em;
    padding-top: 12px;
}
div.navigation {
    /* The navigation style is set by a javascript generated style on the page.
     This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
    clear: both;
    margin: 0;
    padding: 0;
}
ul.thumbs li {
    float: left;
    padding: 0;
    margin: 5px 10px 5px 0;
    list-style: none;
}
a.thumb {
    padding: 2px;
    display: block;
    border: 1px solid #ccc;
}
ul.thumbs li.selected a.thumb {
    background: #000;
}
a.thumb:focus {
    outline: none;
}
ul.thumbs img {
    border: none;
    display: block;
}
div.pagination {
    clear: both;
}
div.navigation div.top {
    margin-bottom: 12px;
    height: 11px;
}
div.navigation div.bottom {
    margin-top: 12px;
}
div.pagination a, div.pagination span.current {
    display: block;
    float: left;
    margin-right: 2px;
    padding: 4px 7px 2px 7px;
    border: 1px solid #ccc;
}
div.pagination a:hover {
    background-color: #eee;
    text-decoration: none;
}
div.pagination span.current {
    font-weight: bold;
    background-color: #000;
    border-color: #000;
    color: #fff;
}

/* Minimal Gallery Styles */
#thumbs-min ul.thumbs li {
    float: none;
    padding: 0;
    margin: 0;
    list-style: none;
}

#thumbs-min a.thumb {
    padding: 0px;
    display: inline;
    border: none;
}

#thumbs-min ul.thumbs li.selected a.thumb {
    background: inherit;
    color: #000;
    font-weight: bold;
}

/**
 * Farbtastic Color Picker 1.2
 * � 2008 Steven Wittens
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
*/

.colorpicker
{
    margin: 0;
    padding: 10px 20px;
    width: 72%;
    float: left;
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    border: 1px solid #ccc;
}


#picker, #picker-oval, #picker-other {
    margin: 20px 0;
    padding: 0;
    width: 195px;
    float: left;
}

.farbtastic {
    position: relative;
}
.farbtastic * {
    position: absolute;
    cursor: crosshair;
}
.farbtastic, .farbtastic .wheel {
    width: 195px;
    height: 195px;
}
.farbtastic .color, .farbtastic .overlay {
    top: 47px;
    left: 47px;
    width: 101px;
    height: 101px;
}
.farbtastic .wheel {
    background: url(../img/wheel.png) no-repeat;
    width: 195px;
    height: 195px;
}
.farbtastic .overlay {
    background: url(../img/mask.png) no-repeat;
}
.farbtastic .marker {
    width: 17px;
    height: 17px;
    margin: -8px 0 0 -8px;
    overflow: hidden;
    background: url(../img/marker.png) no-repeat;
}

/* Identifier Panel */
.identifierPanel {
    margin:15px 0;
    padding: 0;
    width: 92%;
    display: block;
    overflow: hidden;
  clear:both;
}

.identifierPanel .label {
    margin-right: 10px;
    padding: 0;
    width: 20%;
    float: left;
  clear: right;
}

/* Scoring container */
.scoring-container {
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    border: 1px solid #ccc;
    position: relative;
    margin:0;
    padding: 0 20px;
    width: 72%;
    height: 48px;
    float: left;
}

 /* Product Idenfitication Additional Stying */
.scoring-container .round-score-no a{
  width: 33px;
  height: 33px;
  background: url(../img/scoring-no.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }

.scoring-container .round-score-no a.selected{
  width: 33px;
  height: 33px;
  background: url(../img/scoring-no-selected.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }
  
.scoring-container .round-score-yes a{
  width: 33px;
  height: 33px;
  background: url(../img/scored.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }

.scoring-container .round-score-yes a.selected{
  width: 33px;
  height: 33px;
  background: url(../img/scoring-no-selected.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }
  
.scoring-container .oval-score-no a{
  width: 68px;
  height: 27px;
  background: url(../img/oval-scoredno.png) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }

.scoring-container .oval-score-no a.selected{
  width: 68px;
  height: 27px;
  background: url(../img/oval-scored-selected.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }
  
.scoring-container .oval-score-yes a{
  width: 68px;
  height: 27px;
  background: url(../img/oval-scored.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }

.scoring-container .oval-score-yes a.selected{
  width: 68px;
  height: 27px;
  background: url(../img/oval-scored-selected.gif) no-repeat;
  float: left;
  margin-top: 7px;
  margin-left: 60px;
  }
 
.scoring-container img{
    margin-top: 7px;
    margin-left: 50px;
    float: left;
}

.scoring-container span{
    margin-top: 16px;
    margin-left: 7px;
    padding: 0;
    text-align: center;
    float: left;
}

.marking-symbol-container {
    -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    border: 1px solid #ccc;
    position: relative;
    margin:0;
    padding: 0 20px;
    width: 72%;
    float: left;
}

.marking-symbol-container img{
    margin: 10px 0;
    margin-left: 20px;
    float: left;
    width: 40px;
    height: 40px;
}

.marking-text-container {
    -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
    border: 1px solid #ccc;
    margin:0;
    padding: 0 20px;
    width: 72%;
    height: 48px;
    float: left;
}

.marking-text-container input{
    width: 60%;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 10px;
    background: #eee;
}

/**
* This <div> element is wrapped by jCarousel around the list
* and has the classname "jcarousel-container".
*/

.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    border: 1px solid #ccc;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 90%;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  100%;
    height: 96px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 96px;
    height: 96px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}


.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
*/
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../img/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}


.jcarousel-container {
    position: relative;
    margin: 20px 0;
    width: 100%;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 90px;
    height:90px;
}

.jcarousel-list li a {
  width:90px;
  height:90px;
  padding: 1px;
  border: 2px solid #fff;
  display: block;
  }
  
.jcarousel-list li a:hover {
  width:90px;
  height:90px;
  padding: 1px;
  border: 2px solid #999;
  display: block;
  }
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
*/
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}

#shape-capsule {
    float: right;
    width: 120px;
    height: 112px;
    margin-top: 0px;
    margin-right: 100px;
}

#left-capsule {
    float: left;
    width: 62px;
    height: 42px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    z-index: 100;
}

#left-capsule-container {
  background: url(../img/left-capsule.png) no-repeat;
    float: left;
    width: 62px;
    height: 42px;
    margin-top: 0;
    margin-right: 70px;
    display: block;
    z-index: 500;
}

#right-capsule {
    float: right;
    width: 58px;
    height: 42px;
    margin-top: -42px;
    margin-right: 0;
    display: block;
}

#right-capsule-container {
    background: url(../img/right-capsule.png) no-repeat;
    float: right;
    width: 58px;
    height: 42px;
    display: block;
}

#shape-others {
    float: right;
    width: 200px;
    height: 52px;
    margin-top: 60px;
    margin-right: 10px;
}

#left-others {
    float: left;
    width: 49px;
    height: 49px;
    margin-top: 0;
    margin-right: 30px;
    display: block;
    z-index: 100;
}

#left-others-container {
  background: url(../img/left-others.png) no-repeat;
    float: left;
    width: 56px;
    height: 52px;
    margin-top: 0;
    margin-right: 30px;
    display: block;
    z-index: 500;
}

#shape-others .currentColour {
    float: left;
    width: 100px;
    margin-right: 0;
    display: block;
    padding-top:10px;
}

#shape-round {
    float: right;
    width: 200px;
    height: 52px;
    margin-top: 60px;
    margin-right: 10px;
}

#left-round {
    float: left;
    width: 49px;
    height: 49px;
    margin-top: 0;
    margin-right: 30px;
    display: block;
    z-index: 100;
}

#left-round-container {
  background: url(../img/left-round.png) no-repeat;
    float: left;
    width: 49px;
    height: 49px;
    margin-top: 0;
    margin-right: 30px;
    display: block;
    z-index: 500;
}

.currentColour {
    float: left;
    width: 100px;
    margin-right: 0;
    display: block;
    padding-top:10px;
}
#shape-capsule .currentColour {
    float: left;
    width: 200px;
    margin-right: 0;
    display: block;
    padding-top:10px;
}

#colour-swatches {
    float: right;
    width: 250px;
    display: block;
    margin-top: 40px;
    margin-right: 20px;
}

#colour-swatches img{
    float: left;
    width: 29px;
    height: 23px;
    margin-right: 3px;
}

/*Monograph TOC styles*/
#tableOfContent a {
    color: #3b3b3b;
    text-decoration: none;
    display: block;
    padding: 2px 0px 2px 15px;
}

#tableOfContent .sub-accordion div.h2-toc a {
    color: #3b3b3b;
    text-decoration: none;
    margin-left: 6px; 
    padding: 2px 0px 2px 2px;
}

#tableOfContent a:hover {
    color: #3b3b3b;
    text-decoration: none;
    display: block;
    background: #eee;
    padding: 2px 0px 2px 15px;
}

#tableOfContent .sub-accordion div.h2-toc a:hover {
    color: #3b3b3b;
    text-decoration: none;
    background-color: #eee;
    background-position: left 5px;
}

#tableOfContent .h0-toc {
    color: #f7f6f6;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-left: 5px;
    line-height:30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eae9e9;
    background-color: #d31f37;
	
}

#tableOfContent .h1-toc a {
    color: #3b3b3b;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: bold;
    padding: 0px 0px 2px 0px;
    margin-bottom: 10px;
}

#tableOfContent .h2-toc {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc;
}

#tableOfContent .sub-accordion div.h2-toc {
    margin: 0;
    padding: 2px 0px 2px 8px;
    cursor: pointer;
    background-image: url('../img/treeview-default.gif');
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: -49px -46px;
}

#tableOfContent .sub-accordion div.h2-toc.active {
  background-position: -17px -90px;
}

#tableOfContent .h3-toc a{
    color: #767272;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 5px;
}

#tableOfContent .famdrugorgroup-toc {
    color: #666;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0 2px 2px;
    margin-bottom: 3px;
}

#tableOfContent .famdrugorgroup-toc a{
    color: #666;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 0 2px 2px;
    margin-bottom: 3px;
}

#tableOfContent .famdrugorgroup-toc .h2-toc {
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 1px;
    border-bottom: none;
}

#tableOfContent .famdrugorgroup-toc .h2-toc a{
    color: #666;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 1px;
    border-bottom: none;
}


#tableOfContent .famdrugorgroup-toc .h3-toc {
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 1px;
    border-bottom: none;
}

#tableOfContent .famdrugorgroup-toc .h3-toc a{
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 1px;
    border-bottom: none;
}


#tableOfContent .doseformtitle-toc a{
    color: #666;
    font-size: 10px;
    font-weight: normal;
    margin-bottom: 5px;
}

/* Thesaurus Options Container*/
#thesaurusOptions {
    border: 1px solid #ccc;
    padding: 10px;
  width: 90%;
    height: 200px;
    overflow: auto;
  clear:both;
  margin-top: 10px;
  display: none;
}

/* Search Results */
.search-controls {
  background: #f8f8f8;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 4px 0 2px 0;
  margin-top: 20px;
  margin-bottom: 10px;
    overflow: hidden;
  height: 26px;
}

.search-controls .sortby {
  float: left;
  width: 30%;
  padding-left: 10px;
  font-size: 11px;
  line-height: 24px;
}


.search-controls .resultsPagination {
  float: right;
  width: 200px;
  padding-right: 10px;
  margin: 0;
}

.search-controls .pagination-controls {
  float: left;
  display: block;
  border: none;
}

.search-controls .pagination-controls-pagefirst {
  float: left;
  display: block;
  border: none;
}

.search-controls .pagination-controls-pagelast {
  float: left;
  display: block;
  border: none;
}

.search-controls .resultsPagination img{
  float: left;
  width: 10px;
  height: 11px;
  margin-right: 10px;
  padding: 7px;
}

#search-entry-list {
  margin: 20px 0;
  padding: 0;
  overflow: hidden;
  }

.search-controls-buttons {
  padding-left: 10px;
  padding-top: 10px;
  height: 30px;
  width: 96%;
  margin: 10px 0;
  }
  
.search-controls-buttons img{
  margin-right: 10px;
  float: left;
  }

.search-entry-row {
  border-bottom: 1px solid #ccc;
  padding: 4px 0;
  margin-top: 4px;
  margin-bottom: 10px;
  clear:both;
  display: inline-block; 
  overflow: hidden;
  width: 100%; 
  color: #333333;
  }

.search-entry {
  width: 50%;
  float: left;
  padding-left: 10px;
  }
  
  
.search-entry #divcheckbox{
  float:left;
  height:47px
} 

.search-entry input {
  width: 30px;
/*  display: inline;
  float: left;*/
  }
  
.search-entry input label {
  width: 320px;
  padding-bottom: 3px;
  float: left;
  }
  
.fulltext .search-entry {
  width: 100%; 
  }
  
.fulltext .search-entry input label {
  padding-bottom: 3px;
  float: left;
  }
  
.search-summary {
  clear: both; 
  float: left;
  margin-left: 60px; 
  width: 90%;
  }
  
.search-summary span {
  font-weight: bold;
  } 
  
.document-options {
  margin: 0;
  padding: 0;
  clear:both;
  }
  
.doc-options {
  width: 325px;
  float: right;
  }

 .doc-ps, .doc-pi, .doc-mono, .doc-cmi, .doc-img, .doc-drtc {
	  float: left;
	  margin-right: 5px;
  } 
  
  
  
.doc-ps a, .doc-pi a, .doc-mono a, .doc-cmi a, .doc-img a, .doc-drtc a  {
  text-decoration: none;
  width: 47px;
  height: 18px;
  color:#3b3b3b;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  display: block;
  background-color: #eae9e9;
  color:#3b3b3b;
  border-radius: 5px;
  text-align: center;
  padding-top: 5px;
}
  
.border-d0d0d0{
	border: 1px solid #d0d0d0;
}  
    
  
  
.doc-ps a.disable, .doc-pi a.disable, .doc-mono a.disable,  .doc-cmi a.disable, .doc-img a.disable, .doc-drtc a.disable{
    opacity: .4;
    pointer-events: none;
        background-color: #f7f6f6;
} 
  
.doc-ps a.trigger:hover, .doc-pi a.trigger:hover, .doc-mono a.trigger:hover, .doc-cmi a.trigger:hover, .doc-img a.trigger:hover, .doc-drtc a.trigger:hover {
  background-color: #e2a733;
  color:#fff;
 }
  
.doc-ps a.selected, .doc-pi a.selected, .doc-mono a.selected, .doc-cmi a.selected, .doc-img a.selected, .doc-drtc a.selected {
  background-color: #ee7125;
  color:#fff;
}
  

/*  
.doc-drtc {
  background: url(../img/btn-drtc-disabled.gif) no-repeat;
  width: 47px;
  height: 18px;
  float: left;
  margin-right: 5px;
  display: block;
  } 
  
.doc-drtc a {
  background: url(../img/btn-drtc-normal.gif) no-repeat;
  text-decoration: none;
  width: 47px;
  height: 18px;
  color:#333;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  display: block;

  }
  
.doc-drtc a:hover {
  background: url(../img/btn-drtc-active.gif) no-repeat;
  text-decoration: none;
  width: 47px;
  height: 18px;
  display: block;
  
  }
  
.doc-drtc a.selected {
  background: url(../img/btn-drtc-active.gif) no-repeat;
  text-decoration: none;
  width: 47px;
  height: 18px;
  display: block; 
  }
  */
.doc-alert {
  background: url(../img/btn-alert-disabled.gif) no-repeat;
  width: 47px;
  height: 18px;
  float: left;
  margin-right: 5px;
  display: block;
  } 
  
.doc-alert a {
  background: url(../img/btn-alert-normal.gif) no-repeat;
  text-decoration: none;
  width: 47px;
  height: 18px;
  color:#333;
  font-family: Tahoma, Arial, Verdana, sans-serif;
  font-size: 11px;
  display: block;

  }
  
.doc-alert a:hover {
  background: url(../img/btn-alert-active.gif) no-repeat;
  text-decoration: none;
  width: 47px;
  height: 18px;
  display: block;
  }
  
.doc-alert a.selected {
  background: url(../img/btn-alert-active.gif) no-repeat;
  text-decoration: none;
  width: 47px;
  height: 18px;
  display: block; 
  }
  
/* tooltip styling. uses a background image (a black box with an arrow) */ 

div.tooltip { 
    background: #f7f6f6;
    border: 1px solid #e2a733;
    font-size:14px; 
    padding:8px; 
    width:150px; 
    font-size:14px; 
    display:none; 
    color:#333; 
  z-index: 2000;
}
div.tooltip.tooltipCMI {
    width:175px; 
}
div.tooltip.tooltipDRTC {
    width:175px; 
}
#doc-options-page { 
  margin-top: 3px; 
  }
#doc-options-page div.tooltip { 
  margin-left: 40px; 
  }
/* tooltip title element (h3) */ 
div.tooltip p { 
    margin:0; 
    font-size:12px;
  line-height: 20px;
    color:#333;
  font-weight: normal;
  text-align: left;
}

div.tooltip p.dropdowntitle {
  font-weight: bold;
  font-size:11px;
  margin-left: -8px;
  margin-top: -8px;
  margin-right: -8px;
  background-color: #d0d0d0;
  color:#3b3b3b;
  padding: 2px 5px;
}

div.tooltip a { 
  text-decoration: underline;
  background: transparent;
  display: inline;
}

div.tooltip a:hover { 
  text-decoration: none;
  background: transparent;
  display: inline;
  cursor: pointer;
}

div.tooltip .imageresult { 
  text-decoration: underline;
  background: transparent;
  display: inline;
  cursor: pointer !important;
}

div.tooltip .companyresult { 
    text-decoration: underline;
  background: transparent;
  display: inline;
    cursor: pointer !important;
}

#jtip { 
    display: none; 
    position: fixed;
}
#jtip h3 { 
  color: #3A6D8E;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 12px;
    letter-spacing: 0px;
  border: 1px solid;
    padding:10px; 

}

.browseAI {
  padding-bottom: 10px;
  position:: relative;
  z-index: 400;
  
}

#confirmMsg {
  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-weight: bold; 
  font-size: 12px;
  display: block;
  padding: 4px 10px;
  background: #58585A;
  clear: both;
  margin-bottom: 10px;
  }
  
#confirmMsg span{
  color:#ffffff;
  }

#noResults {
  display: inline;
  margin: 0;
  padding: 10px 0;
  clear: both;
  float:left;
  }

#noResults #spanHeader{
   color:#C00;
   font-weight: bold;
   clear:both;
   float:left;  
  }
  
#noResults p{
   line-height: 26px;
   margin-top: 10px;
  }

/* Image Pop-up Stying */
#imageContainer {
    overflow: hidden;
    border: 1px solid #848484;
    padding: 10px;
    margin: 10px 0;
    width: 97%;
    background: #ffffff;
    display:inline-block;
    clear:both;
  }
  
#imageContainer h1 {
  margin-bottom: 20px;
  margin-top: 0;
  display: block;
  padding-bottom: 6px;
  }
  
.productImage {
  margin-right: 30px;
  display: block;
  margin-bottom: 10px;
  width: 150px;
  float: left;
  }
  
.productImage p.notScale {
  text-align: center;
  display: none;
  }
  
.productImage img {
  padding: 3px;
  border: 1px solid #ccc;
  }

.image-meta-list {
  float: left;
  display: block;
  padding: 0;
  width: 240px;
  }

.image-meta-list .document-options-list {
  margin-top: 0;
  margin-bottom: 10px;

  }

.meta-list-row {
  width: 240px;
  float: left;
  display: block;
  padding-bottom: 10px;
  margin: 0;
  clear:both;
  }

/*
.imageAttribute {
  width: 200px;
  padding:0;
  font-weight: bold;
  display: inline;
  margin-right: 20px;
  font-size: 11px;
  }
*/

/*
.imageData {
  width: 200px;
    padding:0;
  font-weight: normal;
  display: inline;
  font-size: 11px;
  }
*/

/* For Print only */
.doc-pi-print, .doc-ps-print, .doc-img-print, .doc-cmi-print, .doc-mono-print, .doc-alert-print, .doc-drtc-print {
  display: none;
  }
  
.doc-pi-no-print, .doc-ps-no-print, .doc-img-no-print, .doc-cmi-no-print, .doc-mono-no-print, .doc-alert-no-print, .doc-drtc-no-print {
  display: none;
  }

/* Highliting the button when it is selected (in product indetifier and interactions & safety) */
.btn-search:focus {
    outline: 1px dotted #000;
}


/* Drug Interactions & Safety Search */
#interactionContainer {
  position: relative;
  margin: 0 auto;
  padding: 10px 2px;
  display: table;
  width: 100%;
  max-width: 800px;
  min-width: 720px;
}
 
#wrapperInputBox .customPlaceHolder{
  font-size: 12px;
  font-weight:normal;
  font-family:sans-serif; 
  left: 4px; 
  top: 3px; 
  width: 200px; 
  height: 15px; 
  color: #666; 
  position: absolute; 
  overflow: hidden; 
}
#wrapperInputBox #defaultValue{
  position: relative;
}  



#interactionContainer .prodMemberDiv{
  width:50%;
  display: table-cell;
}

#interactionContainer .prodDivBtm #prodPickListContent{
  margin:1% 1%;
}


#interactionContainer #drug-picklist {
  margin: 0;
  padding:0;
  float: left;
  overflow-y:auto;
  border: 1px solid #ccc;
  font-size: 12px;
  margin-top:2px;
  width:100%;
  height:228px;  
}
  
  
#interactionContainer #drug-picklist ul {
  list-style: none;
  padding: 0;
  margin: 0;
  } 
  
#interactionContainer #drug-picklist ul li {
  list-style-type: none;
  margin-top:1px;
} 

#interactionContainer #drug-picklist ul li .item_odd{
  display:block;
    padding:5px 5px;
  height:inherit;

} 


#interactionContainer #drug-picklist ul li .item_even{
  display:block;
  background: #eae9e9;
  padding:5px 5px;
  height:inherit;

  
} 

#interactionContainer #drug-picklist ul li .item_odd:hover,
#interactionContainer #drug-picklist ul li .item_even:hover
{
  background-color:#e2a733;
  cursor: pointer;
}

#interactionContainer #drug-picklist ul li .item_hover{
  display:block;
  background-color:#fcc139;
    padding:5px 5px;
  height:inherit;


} 

#interactionContainer #drug-picklist ul li  #drug{
  width:82%;
  vertical-align: middle;
  display: inline-block;
} 

#interactionContainer #drug-picklist ul li  #ing{
  color:#009ACD;
  text-align:right;
  vertical-align: middle;
  display:inline-block;
  width:18%;
  font-size:11px;

} 

#drug-picklist li a{
  display: block;
  text-decoration: none;
  color:#3b3b3b;
} 


#interactionContainer .prodDivBtm #prodSelectedContent{
  width:98%;
  height:90%;
  margin:1% 1%;
}

#interactionContainer .prodMemberDivSelectd{
	width: 50%;
    height: 300px;
    background-color: #F8F8F8;
    display: table-cell;
}

#interactionContainer .results-dropbox {
    padding: 0;
    float: left;
    overflow-y: auto;
    border: 1px solid #ccc;
    font-size: 12px;
    margin-top: 0;
    width: 100%;
    height: 257px;
}

#interactionContainer .results-dropbox ul {
  list-style: none;
  padding: 6px 5px;
  margin: 0;
} 

#interactionContainer .results-dropbox li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 12px;
} 

#interactionContainer .prodDivBtm .selectedElement{
  width: 100%;
  
}

#interactionContainer .prodDivBtm .selectedElement .item{
  width:97%;
  padding: 2px 0 2px 0;
  overflow: hidden;
  display: block;
}

#interactionContainer .prodDivBtm .selectedElement .item #icon{
  width:5%;
  display: inline-block;
  vertical-align: middle;
  padding-top:3px;
}

#interactionContainer .prodDivBtm .selectedElement .item #text{
  width:94%;
  display: inline-block;
  vertical-align: middle;
}


#interactionContainer .results-dropbox li a{
  display: block;
  text-decoration: none;
  color: #333333;
  padding: 0px 6px;
  text-align: left;
  margin-bottom: 0;
} 

#interactionContainer .prodDivBtm .selectedElement a.remove{
  padding: 0 ;
  width: 27px;
}

#interaction-actionbuttons {
  margin-top: 100px;
  padding: 0px;
  width: 72px;
  float: left;
  vertical-align:middle;
  }
  
#interaction-actionbuttons input.btn{
  margin-bottom: 20px;
 }
  
#interaction-removewindow {
  margin: 0;
  padding: 10px;
  width: 250px;
  float: left;
  }
  
  
#interaction-searchbuttons {
	margin-top: 0;
    padding: 4px 10px;
    text-align: center;
    display: block;
}

.interaction-search-container , .interaction-search-container-overlay{
  margin-bottom: 20px;
  clear:both;
  float:left;   
}

.interaction-search-container .sortbycontrol{
  float: right;
  padding: 0;
  width: 20%;
  margin: 0;
}


/*
--------  Monograph Detail Style sheet  --------------
*/
  
#TB_ajaxContent .moHeader {
  clear:both;
  /*position: relative;*/
}

#TB_ajaxContent .moHeader a{
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
  font-size: 1em;
}

#TB_ajaxContent .moHeader .sec1, .sec2, .sec3{
  display:block;
}


#TB_ajaxContent .moHeader .sec1{
  min-height: 65px;
  width:612px;
}



#TB_ajaxContent .moHeader .sec1 #table-format{
  display: table;
  font-size: 1.3em;
  width:100%;
  min-height: 65px;
  background:#f2f2f3 url("../img/magnifier1.jpg") no-repeat 480px center;
  z-index: 2;
  position:relative;
}

#TB_ajaxContent .moHeader .sec1 #table-cell-format{
  display: table-cell;
  vertical-align: middle;
  line-height: 1.3em;
  float:left;
  width:582px;
  padding-top:20px;
  padding-bottom:19px;
  padding-left:19px;
  padding-right:15px;
}


#TB_ajaxContent .moHeader .sec1 #bg-left{
  clear:both;
  position:relative;
  z-index:3;
  top:-11px;
}


#TB_ajaxContent .moHeader .sec1 #bg-left div{
  float:left;
  width:155px;
  height:13px;
  /*background:url(../img/monograph-detail-bg-left-severity-2.jpg) no-repeat;*/
  position:absolute;
  z-index:1;
}

#TB_ajaxContent .moHeader .sec1 #bg-right{
  z-index:1;
  position:relative;
  top:-11px;
}

#TB_ajaxContent .moHeader .sec1 #bg-right div{
  width:458px;
  height:13px;
  /*background:#f2f2f3 url(../img/monograph-detail-bg-right-severity-2.jpg) repeat-x;*/
  position:relative;
  left:155px;
  z-index:-1;
} 
  



#TB_ajaxContent .moHeader .sec2{
  height:13px !important;
  /*position: relative;
  top:65px;*/
}

#TB_ajaxContent .moHeader .sec3{
  padding:20px 19px;
  font-size: 1.3em ;
  margin-top:-24px;
}

#TB_ajaxContent .moHeader .sec3 #shortMsg{
  font-weight: bold; 
  padding-top:2px;
}
#TB_ajaxContent .moHeader .sec3 #longMsg{
  padding-top:3px;
}

.sec1-severity1-bg-left{
  background: url(../img/monograph-detail-bg-left-severity-1.jpg) no-repeat;
}
.sec1-severity2-bg-left{
  background: url(../img/monograph-detail-bg-left-severity-2.jpg) no-repeat;
}
.sec1-severity3-bg-left{
  background: url(../img/monograph-detail-bg-left-severity-3.jpg) no-repeat;
}
.sec1-severity9-bg-left{
  background: url(../img/monograph-detail-bg-left-severity-9.jpg) no-repeat;
}


.sec1-severity1-bg-right{
  background: url(../img/monograph-detail-bg-right-severity-1.jpg) repeat-x;
}

.sec1-severity2-bg-right{
  background: url(../img/monograph-detail-bg-right-severity-2.jpg) repeat-x;
}
.sec1-severity3-bg-right{
  background: url(../img/monograph-detail-bg-right-severity-3.jpg) repeat-x;
}
.sec1-severity9-bg-right{
  background: url(../img/monograph-detail-bg-right-severity-9.jpg) repeat-x;
}



.sec2-severity1{
  background: url("../img/monograph-detail-severity-1.jpg") no-repeat;
}
.sec2-severity2{
  background: url("../img/monograph-detail-severity-2.jpg") no-repeat;
}
.sec2-severity3{
  background: url("../img/monograph-detail-severity-3.jpg") no-repeat;
}
.sec2-severity9{
  background: url("../img/monograph-detail-severity-9.jpg") no-repeat;
}

.shortMsg-severity{
  color:#fdfafa;  
}

.longMsg-severity1{
  color:#480606;  
}
.longMsg-severity2{
  color:#572d09;  
}
.longMsg-severity3{
  color:#513908;  
}
.longMsg-severity9{
  color:#c3c3c4;  
}

.forground-color-severity1{
  color:#480606 !important; 
}
.forground-color-severity2{
  color:#572d09 !important; 
}
.forground-color-severity3{
  color:#513908 !important; 
}
.forground-color-severity9{
  color:#616161 !important; 
}

.text-colour{
  color:#58585a;
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
}


#TB_ajaxContent #copyright{
  padding:15px;
  font-family: arial;
  font-size: 10px; 
  font-weight: bold;
  color:#a7a5a6;
  clear:both;
}
  
#TB_ajaxContent #printContainer .para{
  padding:0px 0px 0px 19px;
  color:#3c3c3c;
  font-size: 14px;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    margin-top: 6px;
    margin-bottom: 6px;
  clear: both;    
    float:left;
}

#TB_ajaxContent #copyrightPrinted{
  font-family: arial;
  font-size: 0px; 
  color:#a7a5a6;
  clear:both;
}

#TB_ajaxContent #printContainer .para ol{
  margin-top: 10px;
  padding-left: 21px;
}
#TB_ajaxContent #printContainer  .spanText{
  font-family: Arial, Verdana, sans-serif;
    font-weight: normal;
    font-size: 13px;
    line-height: 21px;
}

.paragraph-break {
  height: 6px;
}

#TB_ajaxContent #monographDetailDocument{
  display:block;
  padding:0px 0px 5px 19px;
  width:100%;
  clear:both;
}

#TB_ajaxContent #monographDetailDocument ul{
  margin-bottom:20px;
  overflow:hidden;
  padding:0;
}

#TB_ajaxContent #monographDetailDocument ul li{
  width:48%;
  line-height:1.5em;
  float:left;
  display:inline;
  margin: 2px 0;
}

#TB_ajaxContent #monographDetailDocument ul li #doc{
  float:left;
  border:1px solid #ccc;
  height:80px;
  margin-right: 1%;
  display: table;
}


#TB_ajaxContent #monographDetailDocument ul li #doc div#left{
  width:22%;
  display: table-cell;
}

#TB_ajaxContent #monographDetailDocument ul li #doc div#left img{
  margin:24px 14px;
}

#TB_ajaxContent #monographDetailDocument ul li #doc div#right{
  width:50%;
  display: table-cell;
  vertical-align: middle;
}

.interaction-popup{
  padding: 0px;
  width:100%;
  overflow-x:hidden;
}


/*
#interactionContainer #drug-picklist ul a.selected, #interactionContainer #drug-group ul a.selected
{
  color: red!important;
  background:black!important;
}
*/

#interactionContainerHolder {
  width: 690px;
  float: left;
  clear: both;
  overflow: hidden;
  }


.amendment-header{
  background-color:#c7a132;
  color:#444445;
  font-family:'Lucida Sans', Arial, Verdana, sans-serif;
  clear: both;
  padding:20px 5px;
  font-size:14px;
  border:1px solid #c9c7c7;
  display:none;
}

.amendment-header span {
  color:#fff;
  text-decoration: none;
}

#interact-result-wrapper .resultMsg{
  background-color:#DD1F2C;
  clear: both;
  color: #FFFFFF;
  font-size: 12px;
  width: 100%;
  text-align: center;
  height: 28px;
  line-height: 28px;
}


#interact-result .severityHeader, #interact-result-overlay .severityHeader{
  display:block;
  line-height:30px;
  clear:both;
  height:30px;
  color:#fff;
  font-size:12px;
  position:relative;
}

#interact-result .severityHeader .x-label, #interact-result-overlay .severityHeader .x-label{
  float:left;
  padding-left:10px;
}
 
#interact-result .severityHeader .x-expand-icon, #interact-result-overlay .severityHeader .x-expand-icon{
  float:right;
  width:30px;
  height:30px;
  cursor:pointer;
}

.expand-icon-severity-down-1{
  background:url(../img/expand-icon-severity-1.jpg) no-repeat 6px 5px;
}

.expand-icon-severity-down-2{
  background:url(../img/expand-icon-severity-2.jpg) no-repeat 6px 5px;
}

.expand-icon-severity-down-3{
  background:url(../img/expand-icon-severity-3.jpg) no-repeat 6px 5px;
}

.expand-icon-severity-down-9{
  background:url(../img/expand-icon-severity-9.jpg) no-repeat 6px 5px;
}

.expand-icon-severity-up-1{
  background:url(../img/expand-icon-severity-1.jpg) no-repeat -51px 5px;
}
.expand-icon-severity-up-2{
  background:url(../img/expand-icon-severity-2.jpg) no-repeat -51px 5px;
}

.expand-icon-severity-up-3{
  background:url(../img/expand-icon-severity-3.jpg) no-repeat -51px 5px;
}

.expand-icon-severity-up-9{
  background:url(../img/expand-icon-severity-9.jpg) no-repeat -51px 5px;
}

#interact-result .info , #interact-result-overlay .info
{ 
    clear:both; 
  position:relative;
  color:#fff;
  padding: 11px 10px 0px 10px;
  display:none;
  height:27px;
  font-size: 12px;
} 

#interact-result-overlay .info
{ 
    clear:both; 
  position:relative;
  color:#fff;
  padding: 11px 10px 0px 10px;
  display:none;
  height:27px;
  font-size: 12px;
} 


.x-info-severity-1{
    background:#676767 url(../img/info-bg-severity-1.jpg) repeat-x center -8px;
}
.x-info-severity-2{
    background:#676767 url(../img/info-bg-severity-2.jpg) repeat-x center -8px;
}
.x-info-severity-3{
    background:#676767 url(../img/info-bg-severity-3.jpg) repeat-x center -8px;
}
.x-info-severity-9{
    background:#676767 url(../img/info-bg-severity-9.jpg) repeat-x center -8px;
}

.overlay .x-shadow
{
    background:url(../img/shadow.png) repeat-x center -2px;
    height:25px;
    position:relative;
  
}
.overlay .x-shadow-off{
  display:none;
}

.overlay .x-shadow-duplicate-therapy
{
    background:url(../img/shadow.png) repeat-x center -7px;
    height:25px;
    margin-top:48px;
}

.overlay .x-shadow-side-effect
{
    background:url(../img/shadow.png) repeat-x center -6px;
    height:15px;
    margin-top:77px;
}



#interact-result .info .absolute-icon, #interact-result-overlay .info .absolute-icon{ 
    clear: both;
    position: absolute;
    z-index: 2000;
    width: 59px;
    height: 18px;
    top: -5px;
    left: 0px;
}


.x-absolute-icon-severity-1{
  background: url(../img/info-bg-icon-severity-1.jpg) no-repeat 16px -3px;
}

.x-absolute-icon-severity-2{
  background: url(../img/info-bg-icon-severity-2.jpg) no-repeat 16px -3px;
}

.x-absolute-icon-severity-3{
  background: url(../img/info-bg-icon-severity-3.jpg) no-repeat 16px -3px;
}

.x-absolute-icon-severity-9{
  background: url(../img/info-bg-icon-severity-9.jpg) no-repeat 16px -3px;
}

#interact-result .severityHeader .info .longtext{ 
  padding-top: 10px; 
}

#interact-result .navigator, #interact-result-overlay .navigator{
  float: right;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}


#interact-result .navigator a, #interact-result-overlay .navigator a{
  text-decoration: none;
}

#interactionContainer #warning-drug-picklist{
  width:100%;
  height:30px;   
  clear:both;
  float:left;
}
#interactionContainer  .error{
  background: none repeat scroll 0 0 #DD1F2C;
  border-radius: 10px 10px 10px 10px;
  clear: both;
  color: #FFFFFF;
  float: left;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  width: 546px;
  margin-left:103px; 
  margin-top: 0px;

}
.interaction-popup .document-controls{
  float: right;
  width: 10%;
  text-align: right;
  padding:3px 18px 1px 1px;
}

.maintitle {
  margin-bottom: 0;
  width: 100%;
  float: left;
  font-size: 18px;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif
  }

  
#interaction-addwindow {
  margin: 0;
  padding: 10px;
  width: 280px;
  float: left;
  }
  
.add-list-row {
  clear:both;
  overflow: hidden;
  margin-bottom: 10px;
  padding: 0;
  }
  
.add-list-row span {
  font-weight: bold;
  line-height: 26px;
  margin-right: 6px;
  display: inline;
  float: left;
  }
  
.add-list-row .add-buttons {
  float: left;
  width: 80px;
  height: 26px;
  background: url(../img/btn-add-normal.gif) no-repeat;
  text-align: center;
  line-height: 26px;
  margin-left: 3px;
  }
  
.add-list-row .add-buttons a{
  float: left;
  width: 80px;
  height: 26px;
  background: url(../img/btn-add-normal.gif) no-repeat;
  text-decoration: none;
  text-align: center;
  color: #999;
  font-weight: bold;
  }
  
.add-list-row .add-buttons a:hover{
  float: left;
  width: 80px;
  height: 26px;
  background: url(../img/btn-add-hover.gif) no-repeat;
  text-decoration: none;
  text-align: center;
  color: #999;
  font-weight: bold;
  }
  
.add-list-row .add-buttons a.selected{
  float: left;
  width: 80px;
  height: 26px;
  background: url(../img/btn-add-selected.gif) no-repeat;
  text-decoration: none;
  text-align: center;
  color: #333;
  font-weight: bold;
  }
  
div.tooltip-interaction { 
    background: #6699cc;
  border: 1px solid #3399cc;
    font-size:12px; 
    padding:3px; 
    width: 200px; 
    font-size:14px; 
    display:none;  
  z-index: 2000;
  margin-top: 4px;
} 
/* tooltip title element (h3) */ 
div.tooltip-interaction p { 
    margin:0; 
    font-size:12px;
  line-height: normal;
    color:#f8f8f8;
  font-weight: normal;
  text-align: left;
}
  
#interactionContainer .inputbox {
  width: 97%;
  display: inline-block;
  border:0px;
  margin-left: 1px;
}


#interactionContainer #wrapperInputBox{
  width:100%;
  border:1px solid #c9c7c7;
  vertical-align: middle;
  height: 25px; 
}  
  
  
.sortbycontrol select {
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  }
  
.safety-label-more-print {
  display: none;
  }

  
#drug-allergy {
  margin-bottom: 10px;
  position:: relative;
  clear: both;
  padding: 0;
  width: 100%;
  }
  
#drug-condition {
  margin-bottom: 10px;
  position:: relative;
  clear: both;
  padding: 0;
  width: 100%;
  }
  
#drug-pregnancy {
  margin-bottom: 10px;
  position:: relative;
  clear: both;
  padding: 0;
  width: 100%;
  }
  

#ausDIOverlay {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width:100%;
    height:100%;
    text-align:center;
    z-index: 1000;
    background-image:url(../img/wait.gif);
    background-attachment:scroll;
    background-color:transparent;
    background-position:center center;
    background-repeat:no-repeat;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

#ausDIOverlay div {
    width:300px;
    margin: 100px auto;
    background-color: #fff;
    border:1px solid #000;
    padding:15px;
    text-align:center;
}

.relative {
  margin-left: 18px;
}
.checkbox {
  height: 1%;
}
.clear {
  clear:both;
}
.nodisplay {
  display: none; 
}
  
#whatsNew label {
  clear: both;
  float: left;
  width: 100px;
  margin: 10px 0;
}
#whatsNew input,
#whatsNew textarea,
#whatsNew checkbox {
  margin: 10px 0;
  float: left;
}
#whatsNew .next-button {
  margin: 10px;
}
#whatsNew br {
  clear: both; 
}
#bulkEmail label {
  clear: both;
  float: left;
  width: 100px;
  margin: 10px 0;
}
#bulkEmail input,
#bulkEmail textarea,
#bulkEmail checkbox {
  margin: 10px 0;
  float: left;
}
#bulkEmail .next-button {
  margin: 10px;
}
.availabilityPopup {
  width: 600px;
  margin: 0;
  padding: 0 4px 4px 4px;
  background: #999;
  top:30%;
  left: 30%;
  overflow: hidden;
  position: fixed;
  display:none;
  z-index: 2000;
  }
.availabilityPopup .close {
  float: right;
  display: inline;
  padding-right:4px;
  padding-bottom: 4px;
  padding-top: 4px;
  width: 16px;  
  }
.availabilityPopup .print {
  float: left;
  display: inline;
  padding-left:4px;
  padding-bottom: 4px;
  padding-top: 4px;
  } 


/*#availabilityContainer {
  border: 1px solid #848484 ;
  padding: 10px;
  margin:0 ;
  width: 578px ;
  overflow: auto ;
  background: #ffffff ;
  display:inline-block ;
  clear:both ;
  height: 300px ;
}*/

.x-availabilityContainer {
  border: 1px solid #848484;
  padding: 10px ;
  margin:0 ;
  width: 578px ;
  overflow: auto ;
  background: #ffffff ;
  display: block ;
  clear:both ;
  height: 300px ;
}

#availabilityContainer div.pbs-group {
  float: left;
  clear: both; 
  margin-bottom:10px;
  width: 95%; 
}

.imagePopup {
  width: 442px;
  margin: 0;
  padding: 0 4px 4px 4px;
  background-color: #d0d0d0;
  overflow: hidden;
  position: absolute;
  top:68px;
  left: 316px;
  display:none;
  z-index: 1000;
  }
.imagePopup .close {
  float: right;
  display: inline;
  padding-right:4px;
  padding-bottom: 4px;
  padding-top: 4px;
  width: 16px;  
  }
.imagePopup .print {
  float: left;
  display: inline;
  padding-left:4px;
  padding-bottom: 4px;
  padding-top: 4px;
  } 
  
  
.imagePopup a {
  text-decoration: none;
}

#imageContainer {
    border: 1px solid #eae9e9;
    padding: 10px;
    margin:0;
    width: 420px;
    background: #fff;
    display:inline-block;
    clear:both;
  }
  
#imageContainer h1 {
  margin-bottom: 20px;
  margin-top: 0;
  display: block;
  padding-bottom: 6px;
  font-size: 15px;
  font-weight: bold;
  }

.productImage {
  margin-right: 20px;
  display: block;
  margin-bottom: 10px;
  width: 150px;
  float: left;
  }
  
.productImage img {
  padding: 3px;
  border: 1px solid #ccc;
  }
  
.image-meta-list {
  float: left;
  display: block;
  padding: 0;
  width: 240px;
  }
  
.meta-list-row {
  float: left;
  display: block;
  padding-bottom: 10px;
  margin: 0;
  clear:both;
  width: 240px; 
  }
  
.imageAttribute {
  padding-right:10px;
  font-weight: bold;
  font-size: 12px;
  width: 70px;
  float: left;
  }
  
.imageData {
    padding:0;
  font-weight: normal;
  font-size: 11px;
  width: 160px;
  float: left;
  margin: 0;
  }
  
.companyPopup {
  width: 450px;
  margin: 0;
  padding: 4px 4px 4px 4px;
  background: #999;
  overflow: hidden;
  position: fixed;
  top:230px;
  right: 25%;
  display:none;
  z-index: 900;
  }
.companyPopup .close {
  float: right;
  display: inline;
  padding-right:4px;
  padding-bottom: 4px;
  padding-top: 4px;
  width: 16px;  
  }
.companyPopup .hdr1 {
  float: left;
  display: inline;
  font-weight: bold;
  padding-left:4px;
  padding-bottom: 4px;
  padding-top: 4px;
  color: white;
  } 
  
  
.companyPopup a {
  text-decoration: none;
}

#companyContainer {
    padding: 5px;
    margin:0;
    width: 438px;
    background: #ffffff;
    display:inline-block;
    clear:both;
  }
  
.company-meta-list {
  float: left;
  display: block;
  padding: 0;
  width: 430px;
  }
  
.company-list-row {
  float: left;
  display: block;
  padding-bottom: 10px;
  margin: 0;
  clear:both;
  width: 430px; 
  }
  
.company-division-row {
  float: left;
  display: block;
  padding-bottom: 10px;
  margin: 0;
  clear:both;
  width: 430px; 
  color: Grey;
  }
  
.companyAttribute {
  padding-right:10px;
  font-weight: bold;
  font-size: 12px;
  width: 70px;
  float: left;
  }


.scriptCookies {
  margin:0 ;
  width:100%
}

.scriptCookies #header {
    width: 100%;
    height: 80px;
    float:left;
    margin:0;
    padding:0;
}

.scriptCookies #content{
  margin:0 10px;
}

.scriptCookies h3 {
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: bold;
    margin-bottom: 10px;
    margin:0 12px;
}

.scriptCookies h2 {
    clear:none;
    color: #3A6D8E;
    font-family: "Lucida Sans",Arial,Verdana,sans-serif;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    background-color:inherit;
    border:none;
}

.scriptCookies .warning{
    background: url(../img/warning.gif) no-repeat;
    float: left;
    width: 80%;
    height: 40px;
}

.scriptCookies .warning p{
  padding:10px 0 4px 0;
  margin:0 39px;
  font-size:12px;
}

.teaser {
  background: url(../img/bg-teaser.gif) no-repeat;
  float: left;
  margin: 30px 30px 20px 0;
  width: 330px;
  height: 195px;
  padding: 20px 3px;
}

#leftwidecolumn .teaser   {
    background: url(../img/bg-teaser.gif) no-repeat;
    float: left;
    margin: 30px 40px 20px 0;
    width: 280px;
    padding: 12px 30px 3px 3px;
}

.teaser h2 {
  border: none;
  background: transparent;
  margin: 0;
  padding:0 8px 11px 8px;
}

.teaser p {
  padding:8px 8px 4px 8px;
  margin:0;
}

.teaser .block{
  float: right;
  margin: 11px 6px 7px 0px;
  padding-left:18px;
  background:url("../img/icon-right.gif") no-repeat;
}

.teaser a{
  text-decoration: none;
  color:#666666;
  font-size: 11px;
}

.teaser a:hover{
  text-decoration: underline;
  color:#666666;
}

  

 /* Counter Reports */
   
#reportGenerate span {
  font-weight: bold;
}

.reportType{
  width:800px;
  height:40px;
}

.reportDates{
  width:800px;
  height:40px;   
} 
.reportDates .startDate {
  clear: both; 
  float: left;
  width:218px; 
}
.reportDates .endDate {
  float: left; 
}

.reportDates .warningMsg{
  float:left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 12px;
  color:#FFFFFF;
  font-weight: bold; 
  background: #DD1F2C; 
  padding:5px 2px 4px 6px; 
  text-align:left;
  margin:-2px 10px;
  
}


input.btnCounterUsageReport {
  background: url(../img/bg-submit-large.gif) no-repeat left 1px;
  width: 151px;
  height: 27px;
  text-align: center;
  border: none;
  margin-left: 30px;
  margin-top: -3px;
  font-size: 12px;
  font-family:Arial, Verdana, sans-serif;
  font-weight: bold;
}

.reportFormat {
  width:800px;
  height:30px;   
  clear:both;
  float:none;  
}

.reportFormat .outputformat{
  float:left;
  width:255px; 
}

.reportFormat .organisation{
  float:left;
}

.reportFormat .reportButton{
  float:left;
}

.reportFormat input.btn {
  background: url(../img/bg-submit.gif) no-repeat  left +1px;
  width: 68px;
  text-align: center;
  color: #231f20;
  font-weight: bold;
  border: none;
  margin-top:-5px;
  margin-left: 6px;
  font-size: 12px;
  font-family:Arial, Verdana, sans-serif;
 }

.reportResults #reportHeader{
  height:90px;
}

.reportResults #reportHeader #leftreportHeader{
  width:235px;
  float:left;
  padding-left:4px;
  padding-top: 10px;
  
}

.reportResults #reportHeader #middlereportHeader{
  width:230px;
  float:left;
  padding-top: 10px;
}

.reportResults #reportHeader #rightreportHeader{
  width:270px;
  float:left;
  padding-top: 10px;
  padding-left: 4px;
}


.reportResults .document-controls{
  float: right;
  width: 250px;
  text-align: right;
  padding: 5px 0 0 0;
}

.reportResults #reportHeader #rightreportHeader #icon{
  height:32px;
  float:none;
}

.reportResults #reportHeader #rightreportHeader #iconText{
  float:left;
  padding-left:17px;
  padding-top:9px;
}
/*----------- total Searches ---------------------*/

.reportResults #totalSearches{
  width:640px;
  float:none;
  clear:both;
  background:#CECECE;
  height:22px;
  font-family:arial;
  font-weight:bold;
  text-align: center;
  padding-top: 5px
} 


.reportResults #totalSearchesTableHeader{
  width:640px;
  float:none;
  clear:both
} 


.reportResults #totalSearchesTableHeader .th {
  float:left;
  background:#F3F3F3;
  height:21px;
  font-family:arial;
  font-weight:bold;
  text-align: center;
  padding-top: 6px
} 

.reportResults #totalSearchesTableBody{
  with:640px;
  float:none;
  clear:both
} 

.reportResults .totalSearchesRow{
  width:640px;
  float:none;
  clear:both
}


.reportResults .totalSearchesRow .td {
  width:40%;
  float:left;
  height:22px;
  font-family:
  arial;text-align: 
  center;padding-top: 5px
}

.reportResults #totalSearchesTableFooter{
  float:none;
  clear:both;
  width:640px
} 

.reportResults #totalSearchesTableFooter .ft{
  float:left;
  background:#F3F3F3;
  height:21px;
  font-family:arial;
  font-weight:bold;
  text-align: center;
  padding-top: 6px;
} 


/*----------- Turnaway ---------------------*/

.reportResults #totalTurnaways{
  width:640px;
  float:none;
  clear:both;
  background:#CECECE;
  height:22px;
  font-family:arial;
  font-weight:bold;
  text-align: center;
  padding-top: 5px
} 


.reportResults #totalTurnawaysTableHeader{
  width:640px;
  float:none;
  clear:both
} 


.reportResults #totalTurnawaysTableHeader .th {
  float:left;
  background:#F3F3F3;
  height:21px;
  font-family:arial;
  font-weight:bold;
  text-align: center;
  padding-top: 6px
} 

.reportResults #totalTurnawaysTableBody{
  with:640px;
  float:none;
  clear:both
} 

.reportResults .turnawaysRow{
  width:640px;
  float:none;
  clear:both
}


.reportResults .turnawaysRow .td {
  float:left;
  height:22px;
  font-family:
  arial;text-align: 
  center;padding-top: 5px
}

.reportResults #totalTurnawaysTableFooter{
  float:none;
  clear:both;
  width:640px
} 

.reportResults #totalTurnawaysTableFooter .ft{
  float:left;
  background:#F3F3F3;
  height:21px;
  font-family:arial;
  font-weight:bold;
  text-align: center;
  padding-top: 6px;
} 


#printContainer {
  margin-top: 0px; 
}
#pleaseWait1,
#pleaseWait2,
#pleaseWait3 {
  clear: both; 
  border: 1px solid;
  padding: 40px 0 40px 210px;
  position: absolute;
  background: #FFFFFF;
  left: 19px;
  top: 72px; 
  width: 450px; 
  z-index: 500; 
}

#productsummary { 
 width:99%;
}
#productsummary .ps-head {
  margin-top: 5px; 
} 
#productsummary h1 {
}
#productsummary .ps-head h3 {
    margin: 0;
}
#productsummary .ps-subheading {
    background: #eae9e9;
    margin: 10px 0 10px 0;
    padding: 2px;
    float: left;
    clear: both; 
    width: 99%;
    line-height: 30px;     
}
#productsummary .combops .ps-subheading {
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    width: auto; 
    padding: 0 0 0 7px; 
    float: none;
    clear: none; 
}    
.ps-h1 {
    color: #3b3b3b;
    font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: -1px;
    border-bottom: 2px solid #d4d4d4;
    padding-bottom: 2px;
    margin: 10px 0 0 0;
    clear: both;
}
#productsummary .ps-subheading .ps-h2 {
  font-family: "Lucida Sans", Arial, Verdana, sans-serif;
    font-size: 20px;
    font-weight: normal;
    letter-spacing: -1px;
}    
#productsummary .anchor-top {
  margin-top:4px;
}
#productsummary .accordion .title {
  cursor: pointer;
  background: url(../img/arrow-square.gif) no-repeat 2px -49px;
  padding: 8px 0px 4px 24px;
  margin: 0px; 
}
#productsummary .accordion .title.active {
  background-position: 2px 8px;
}
#productsummary .accordion .title.active .more {
  display: block;  
}
#productsummary .accordion .title.active .less {
  display: none;  
}
#productsummary .accordion .container {
  float: left;
  margin-left: 22px; 
}

#productsummary .company-anchor {
  max-width: 35%;
  margin-top:2px;
  float: right;
  text-align: right;
}

#productsummary .company-anchor .span-image-physical-product{
  position:relative;
  top:2px;
}

#productsummary .company-anchor .span-image img{
      border: none;
}

#productsummary .company-anchor .span-companyname-wrapper{
      height:27px;
      line-height:27px;
}

#productsummary .company-anchor .span-companyname-wrapper-physical-product{ 
  height:auto;
  line-height:normal;
}
    
#productsummary .company-anchor .span-companyname-wrapper .span-text{
      font-size: 12px;
      position: relative;
      bottom: 5px;
      text-decoration: underline;
}

#productsummary .company-anchor .span-companyname-wrapper .span-text-physical-product{
  height:auto;
  line-height:normal;
  bottom:3px;
  padding-right:5px;
  font-size:11px;
}
#productsummary .company-anchor p {
    margin-bottom: 0;
}
#productsummary .company-anchor a,
#productsummary .company-anchor a:link,
#productsummary .company-anchor a:visited {
    text-decoration: none;
    outline: 0;
}

#productsummary .company-anchor div{
  float:none;
  padding-bottom:5px;
}

#productsummary .company-anchor div.anchor-wrapper{
 padding-bottom:0;
}

#productsummary .company-trigger:hover{
    color: #8B0F04;
}

.ps-ingredients,
.ps-productdescription {
  color: #8B0F04;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 15px; 
}
.ps-ingredients .head {
  display: none; 
}
.ps-indications, 
.ps-therapeuticclass,
.ps-pregnancy,
.ps-sportswarning,
.ps-pbstext {
  margin-bottom: 10px;
} 
.head {
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0;
    color: #3A6D8E;
}
  
#productsummary h4 {
    color: #9C1D5B;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
/*    border-bottom: 1px solid #ccc;*/
    padding-top: 2px; 
    font-family: Arial, Verdana, sans-serif;
}
.ps-imageContainer {
  border: 0px solid #848484;
  padding: 0;
  margin: 5px 0 10px 0;
  width: 97%;
  clear: both; 
  float: left;
}
.ps-break {
  margin-top: 10px;
} 
#productsummary .productImage {
  width: auto; 
}
.ps-meta-list {
  float: left; 
  display: block;
  padding: 0;
  width: 60%;
}
.imageRow,
.ps-list-row {
  float: left;
  clear: both; 
  padding: 0 0 7px 0;
  width: 80%;
}
.ps-list-row .imageAttribute,
.image-row .imageAttribute {
  font-weigth: normal;
}
.ps-list-row .imageData,
.image-row .imageData {
  font-weigt: bold;
  width: 200px;
    padding:0;
  font-weight: normal;
  display: inline;
  font-size: 12px;
}

#productsummary .extra-info {
  width: 99%;
  clear: both;
}
.attention {
  color: #dc0000;
  font-style: italic;
  font-weight: bold; 
  margin-bottom: 2px; 
}
.noattention {
  font-weight: bold; 
  margin-bottom: 2px; 
}
.ps-package {
  margin: 0;
  clear: both; 
  float: left; 
  width: 99%;
  padding: 2px 0; 
}
.ps-package-details {
  margin: 2px 5px 5px 0px; 
  float: left; 
  clear: both; 
  width: 99%; 
}
.ps-pbs-details {
  margin: 0px 0 10px 10px; 
  float: left; 
  clear: both; 
  width: 99%; 
  padding: 5px 10px 10px 10px; 
}
#productsummary .combops-head .ps-pbs-details {
  margin: 0; 
  float: left; 
  clear: both; 
  width: 99%; 
  padding: 5px 10px 10px 10px; 
}
.ps-pbs-details.second {
  background: #f3f3f3; 
}


  
#productsummary .ps-poison-head,
#productsummary .ps-nonpbs-head {
  clear: both;
  float: left;
  width: 135px; 
  font-weight: bold; 
  font-size: 12px; 
}
#productsummary .ps-availability .ps-nonpbs-head {
    color: #3A6D8E;
}

#productsummary .poison,
#productsummary .ps-nonpbs-detail {
  float: left;
}
#productsummary .ps-head .ps-nonpbs-detail {
  clear: both; 
} 
#productsummary .combops-head h3 {
  font-size: 12px;
}
#productsummary .combops h3 {
  margin-top: 0px; 
  font-size: 12px;
}
#productsummary .combops .ps-meta-list {
    width: 70%;
}
#productsummary .combops .ps-list-row {
  width: 100%;
}
#productsummary .combops .ps-list-row .imageData {
  width: 70%;
}
#productsummary .combops td.ppName {
  font-weight: bold;
  font-size: 13px; 
  padding: 6px;
}
.ps-package .pbs {
  clear: both; 
  float: left; 
  width: 190px; 
  margin: 5px 0 0 0; 
  font-weight: bold;
  color:#3A6D8E;  
}
.pbs-detail {
  margin: 2px 0; 
  font-size: 12px; 
  float: left;
  clear: both;  
  width: 99%; 
}
.pbs-atccodes {
  margin: 2px 0; 
  font-size: 11px; 
  float: left;
}

.pbs-Section100{
  font-weight: bold;
  margin:15px 18px; 
}

.pbs-detail1 {
  margin: 2px 0; 
  font-size: 12px; 
  float: left; 
  width: 30px; 
}

.pbs-detail2 {
  margin: 2px 0; 
  font-size: 12px; 
  float: left; 
  width: 60px; 
}

.pbs-detail3 {
  margin: 2px 0; 
  font-size: 12px; 
  float: left; 
  width: 65px; 
  text-align: right;
}
.pbs-seeabove {
  margin-top: 2px; 
  font-size: 12px; 
  float: left; 
  width: 185px; 
}
.pbs-availability {
  clear: both; 
  float: left; 
  width: 99%; 
}
.ps-pbstext .pbs-availability {
  float: none;
  clear: none; 
}
#pbstext .pbs-subject {  
  font-size: 12px;  
}
#pbstext .pbs-subject span {  
  font-size: 12px;  
  font-weight: bold;
}
#pbstext .ps-availability {
  margin: 0 0 10px 0; 
}
#productsummary .ps-head .ps-availability {
  clear: both;
  float: left;
  width: 100%;
} 
#productsummary .ps-availability .pbs-subject {
    color: #3A6D8E;
}
#productsummary .ps-pbs-details .pbs-subject {
    color: #221E1F;
}
.pbs-subject {
  font-weight: bold;
  font-size: 11px;  
  margin: 2px 7px 2px 0;
  float: left;
  clear: both; 
}
.pbs-subject span {
  font-size: 12px;  
  font-weight: normal;
}
.pbs-subject1 {
  font-weight: bold;
  font-size: 11px;
  width: 70px; 
  margin: 2px 0; 
  float: left;
  clear: both; 
}
.pbs-subject2 {
  font-weight: bold;
  font-size: 11px;
  width: 115px; 
  margin: 2px 0; 
  margin-left: 20px; 
  float: left;
}
.pbs-subject3 {
  font-weight: bold;
  font-size: 11px;
  width: 220px; 
  margin: 2px 0; 
  margin-left: 20px; 
  float: left;
}
.small {
  font-size: 10px; 
}
#productsummary a.availabilityresult {
  cursor: pointer;
  color: #336699;
    text-decoration: underline;
}
#productsummary .combops table {
  margin: 0;
  width: 100%;
  float: left; 
}
#productsummary .combops table td {
  font-size: 12px;
}
#productsummary .combops table tr {
}
#productsummary .combops .less {
  display: block; 
} 
#productsummary .combops .more {
  display: none; 
}
#productsummary .combops h3,
#productsummary .combops .poison {
  clear: both;
  float: left; 
}
#productsummary .combops .ps-pbs-details {
  margin-left: 0px; 
  padding-left: 5px; 
}
#productsummary .combops {
  float: left;
  clear: both; 
  width: 100%; 
  margin-bottom: 10px; 
}
#productsummary .combops-head .ps-indications div {
  float: left;
  clear: both; 
}
.ps-disclaimer {
  clear: both;
  float: left;
  width: 90%; 
  margin: 20px 0;
  padding: 20px;
  font-style: italic;
  font-weight: bold; 
  border: 1px solid #C9C7C7; 
  color:  #686868;
}
.ps-disclaimer div {
  margin-bottom: 5px; 
  font-weight: bold; 
  display: block; 
  width: 99%; 
}
/* Product Indentification */
/* Quick Product Search*/ 

.panel {
  clear: both; 
}

.panel p.label{
  font-size: 13px;  
  font-weight: bold;
  padding: 0px; 
  margin: 0 0 4px 0;
 }
 .panel p.label2{
  font-size: 13px;  
  font-weight: bold;
  padding: 0px; 
  margin: 0px;
  width: 140px; 
  display: block;
  float: left; 
  clear: both; 
 }

.panel2 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px 10px;  
  overflow: hidden;
}
.panel .searchOptions {
    margin: 10px 0 20px 0px;
    padding-bottom: 10px;
    width: 95%;
    float: left;
}
.panel .searchOptions2 {
    margin: 0px;
    padding-bottom: 10px;
    width: 500px;
    float: left;
}

.panel .searchOptions2 label {
    width: 75px;
    display: block;
    float: left; 
}
.panel .searchOptions2 input {
    display: block;
    float: left; 
}


.searchOptions input {
  margin-right: 5px;
}

#colourLeftDiv {
  width: 212px;
  float: left; 
  min-height: 170px;
  margin-left:20px;
}
#colourRightDiv {
  width: 212px;
  float: left;
  margin-left: 12px;
  min-height: 170px;
}
#markingLeftDiv {
  width: 212px;
  float: left; 
  min-height: 170px; 
  margin-left:20px;
}
#markingRightDiv {
  width: 212px;
  float: left;
  margin-left: 12px;  
  min-height: 170px; 
}

#resultDiv{
  margin-top:20px;
  width:100%;
}

#resultLeftDiv {
  float:left;
  width:50%;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding-bottom:5px;
}

#resultMiddleDiv {
  float:left; 
  width:5%;
  height:1px;
}

#resultRightDiv {
  float:left; 
  width:41%;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}

#imagesMsg{

   border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 12px;
  color:#FFFFFF;
  font-weight: bold; 
  background: #DD1F2C; 
  padding:5px 2px 4px 6px; 
  clear:both;
  text-align:left;
  margin-top:30px;
  margin-left:5%;
  margin-right:5%;
  width:90%;
}

#resultLeftDiv #wait{
  text-align:center;
  margin-top:30px;
  width:90%;
}

#resultLeftDiv #images{
  margin-top:5px;
  text-align:center;
  width:100%;
  clear:both; 
  height:30px;
}


#productIdentifierSearch .thumbnail{
  float:left;
  background: #f0f0f0;
  width:75px;
  height:75px;
  text-align:center;
  margin:1%;
  cursor:pointer;
  border: 1px solid #DDD;
  
}
#productIdentifierSearch .thumbnailpadding{
  float:left;
  background: white;
  width:75px;
  height:75px;
  text-align:center;
  margin:1%;
  cursor:default;
  border: 1px solid white;
  
}

#productIdentifierSearch .thumbnail a{
  display:block;
  width:100%;
  height:100%;
}


/*   new style  */

#productIdentifierSearch #thumbnailCollection{
  width:94%;
  padding-left:6%;
  background-color:white;
}




#prodGroupDiv{
  /*width:100%;*/
  min-width: 740px;
  height:302px;   
  display: inline-block;
  margin: 0 auto;  
}


.prodMemberDiv{
  float:left;
  height:300px;
}

#productIdentifierSearch .prodMemberDiv {
    float: left;
    width: 186px;
    height: 300px;
}

.prodMemberDivSelectd{
  float:left;
  width:180px;
  height:300px;
  background-color:#F8F8F8;
}

.prodDivTop{
  width:100%;
  height:27px;
}

.prodDivTop .leftDiv{
  float:left;
  width:50%;
  height:100%;
  background: url(../img/plus.png) 4px no-repeat;
  background-color: #e2a733;
  border-top-right-radius: 40px;
  padding-left:25px;
  color:#fff;
  font-weight: bold; 
}

.prodDivTop .leftDiv div{
  height:20px;
  padding-top: 7px;
}
.prodDivTop .rightDiv{
  float:left;
}

#prodSelectedDiv .prodDivTop #prodDivTopChild{
  float:left;
  width:99%;
  color:#000;
  font-weight: bold;
  border:1px solid #c9c7c7;
  border-bottom: none; 
} 

#prodSelectedDiv .prodDivTop #prodDivTopChild #prodDivTopGrandChild{
height:20px;
padding-top:6px;
padding-left:11px;
} 


.prodDivBtm{
  width:99%;
  height:267px;
  border: 1px solid #c9c7c7;
}

.prodDivBtm #prodDoseFormContent{
  width:90%;
  height:90%;
  margin-top:5% ; 
  margin-left: 5%;
}

.prodDivBtm .prodDoseFormData{
  height:40px;
  font-weight:bold;
}

.prodDivBtm .prodShape{
  height:40px;
  padding-left: 7%;
  margin: 0;
  font-size:9pt;
}

.prodDivBtm .prodShape .prodShapeLabel{
  float:left;
  width:50px;
  height:90%;
  margin-top:5px;
  padding-left:9px;
}


.prodDivBtm .prodShape .prodShapeDropDown{
  width:88px;
  float:left;
  position: relative;
  top:-11px;
}


.prodDivBtm #prodColorContent{
  width:95%;
  height:80%;
  margin-top:15% ; 
  margin-left: 5%;
}

.prodDivBtm .prodColorNonSelected{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:27px;
  height:27px;
  float:left;
  cursor:pointer;
  font-size:8pt;
  color:#9090BF;
  border: 1px solid #ccc;
  margin: 0 0 10px 10px;
 }

.prodDivBtm .prodColorNonSelected:hover{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:27px;
  height:27px;
  float:left;
  cursor:pointer;
  font-size:8pt;
  color:#9090BF;
  border: 1px solid #ccc;
  margin: 0 0 10px 10px;
  filter:alpha(opacity:40);
 }

.prodDivBtm .prodColorNonSelected a{
  width:99%;
  height:99%;
  display:block;

}

.prodDivBtm .prodColorSelected{
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  width:18px;
  height:18px;
  float:left;
  font-size:8pt;
  color:#9090BF;
  border: 1px solid #ccc;
  margin: 0;
  
 }

.prodDivBtm #prodMarkingContent{
  width:90%;
  height:90%;
  margin-top:5% ; 
  margin-left:5%;
}

.prodDivBtm .prodMarkingData{
  height:20px;
  font-weight:bold;
}

.prodDivBtm .prodMarkingData label{
  float:left;
  margin-top: 2px;
}


.prodDivBtm .prodMarkingDataQuery{
  height:40px;
  font-weight:bold; 
}

.prodDivBtm #prodSelectedContent{
  width:95%;
  height:90%;
  margin-top:5%; 
  margin-left: 4%;
}

.prodDivBtm #prodSelectedContent #prodSelectedDoseForm{
/*  height:10%;*/
  clear:both;
}

.prodDivBtm #prodSelectedContent #prodSelectedDoseForm .selectedElement{
  width: 100%;
  height:28px;
  clear: both;
}

.prodDivBtm #prodSelectedContent #prodSelectedDoseForm .selectedElement .prodDoseFormSelected{
  float:left;
/*  padding-top: 2px;*/
}
.prodDivBtm .remove{
  float:left;
  width:10%;
}

.prodDivBtm .remove img{
  padding-top:0px;
}


.prodDivBtm #prodSelectedContent #prodSelectedColours{
  clear:both;
/*  height:45%;*/
/*  margin-bottom: 7%;*/
}

.prodDivBtm #prodSelectedContent #prodSelectedColours .selectedElement{
  width: 100%;
  height:28px;
  clear: both;
}

.prodDivBtm #prodSelectedContent #prodSelectedColours .selectedElement .colourObj{
  float:left;
}


.prodDivBtm #prodSelectedContent #prodSelectedColours .selectedElement .colourText{
  float:left;
  padding:3px 3px; 
}


.prodDivBtm #prodSelectedContent #prodSelectedMarkings{
  clear:both;
/*  height:45%; */
  margin-top:2px; 
}

.prodDivBtm #prodSelectedContent #prodSelectedMarkings .selectedElement{
  width: 100%;
  height:28px;
  clear: both;
}

.prodDivBtm #prodSelectedContent #prodSelectedMarkings .selectedElement .prodMarkingSelected{
  float:left;
  padding-top:2px;
}


#productIdentifierSearch #errMsg{
  width:100%;
  height:30px;   
}

#productIdentifierSearch .error{
  border-radius:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  font-size: 12px;
  color:#FFFFFF;
  font-weight: bold; 
  background: #DD1F2C; 
  clear:both;
  margin: 0 auto;  
  width:537px;
  text-align:center;
}

#productIdentifierSearch #submitDiv{
  margin-top: 0;
  padding: 4px 2px;
  text-align: center;
  clear: both;
}

/*   end new style  */

 
.radio{
  padding:8px;
  
}

.selectBox{
  padding:2px 2px 2px 2px;
  margin:2px 2px 2px 2px;
  border: hidden; /*1px solid #ccc;*/
    width:198px;
  background:transparent; 
}

.textBox{
  border:none;
}

#productIdentifierSearch .searchBoxProdIdentifier {
    width: 80%;
    border: 1px solid #D0CFCF;
    margin: 6px 0 0 18px;
    color: #666;
    padding: 4px 2px;
    font-size: 11px;
    background: #f8f8f8;
}



.prodIdentImg{
  border:none;
  margin-top:5px;

}

#productIdentifierSearch .selectedThumbnail{
  width:160px;
  height:161px;
  background: #f0f0f0;
  text-align:center;
  margin:4px;
  border: 1px solid #DDD;
}

#productIdentifierSearch #scaleMsg{
  clear:both;
  width:100%;
  text-align:left;
}

#pageInf {
  font-weight: bold;
} 
#productDiv .center {
  text-align: center;
  }
#productDiv .productName {
  width: auto;
  color: #C26606;
  font-weight: bold; 
  font-size: 20px; 
  margin-top: 10px; 
  }
#productDiv .imageRow {
  width: 98%;
  padding-left:2%;
}
#productDiv .imageAttribute {
  width: 75px;
  font-size: 12px; 
  }

/*
#productDiv .wide .imageAttribute, 
#productDiv .wide .imageData {
  width: 90%;
}

*/
#productDiv .imageData{
    width: 70%;
    font-size: 12px; 
}
#productDiv .imageData ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 0px 0px; 
    font-size: 12px; 
}



.prodAccordion{
  color: #0A202B;
  width: 90%;
  padding-top:5px;
  padding-left:50px;
  list-style:none;
  height:20px;
  background:#FFFFFF;
}
  
.prodAccordionChildren{
    list-style:none;
    padding-top:5px;
    padding-left:15px;
    border:none;
    color:#8F4800;
    height:20px;
  font-weight:bold;
}

.selected-dropbox {
  margin-top: 12px;
  padding:0;
  width: 98%;
  float: left;
  height:80px;
  font-size: 12px;
}

.selected-dropbox ul{
  list-style: none;
  padding: 0;
  margin: 0;
} 

.selected-dropbox li {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 11px;
  display: inline;
  display:block;
} 
 
.selected-dropbox li a{
  font-size: 11px;
  display: block;
  text-decoration: none;
  color: #666666;
  padding: 2px 6px;
  text-align: left;
  margin-bottom: 0;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
  
  } 
  
.selected-dropbox li a:hover{
  font-size: 11px;
  display: block;
  text-decoration: none;
  background: #FFD200;
  color:#336699;
  font-weight:bold;
  padding: 2px 6px;
  } 

#productIdentifierSearch a{
  text-decoration:none;
}

#productIdentifierSearch div.tooltip a {
    text-decoration: underline;
}   

#productIdentifierSearch div.tooltip a:hover {
    text-decoration: none;
}

#documentsList {
  list-style:none;
  margin: 17px 0;
  padding: 0 0 13px 0; 
  border: 1px solid #ccc;
}
  
#documentsList li {
  margin: 0px 10px;
  padding: 0;
    font-size: 12px;
    font-weight: bold;
    color: #666;
}
#documentsList a {
    text-decoration: none;
    display: block; 
    font-weight: bold; 
    padding: 10px 3px;
    margin: 0;
    border-bottom: 1px solid #ccc;
}
#documentsList a:hover {
    text-decoration: none;
    background: #f7f6f6;
}

/* Highlighting in Product Information, Product Summary and Monograph */ 
.hgl{
  font-weight:bold;
  background-color:#ffc849;
}

/*  ComboBox style */
.comboBox{
  width:100%;
  border: 1px solid #FFF;
  height:100%;
}
.comboBox dd, .comboBox dt, .comboBox ul { 
   margin:0px; 
   padding:0px; 
   width:100%;
}

.comboBox dd { 
  position:relative; 
 }
.comboBox dt #selected a {
  background:#F8F8F8 url(../img/dropdown.gif) no-repeat scroll 98% 3px;
  display:block; 
  width:96%;
  padding-left:3%;
  padding-top:3%;
  text-decoration:none;
  border:1px solid #d4ca9a;
  height:17px;
  color:#000;
 }
/* UL styles */
.comboBox dd ul { 
  padding:0 0 2px 0;
  background:#FFF none repeat scroll 0 0; 
  display:none;
  list-style:none; 
  width:99%;
  border:1px solid #CECECE;
  color:#000; 
  position:absolute;
}

.comboBox dd ul li{
  height:20px;
}
.comboBox dd ul li a { 
  padding:2px 5px;
  display:block;
  text-decoration:none;
  height:18px;
  color:#000;
  font-weight:bold;
}
.comboBox dd ul li a:link{ 
 color:#000;
 font-weight:bold;
}

.comboBox dd ul li a:active{ 
 color:#000;
 font-weight:bold;
}
.comboBox dd ul li a:visited{ 
 color:#000;
 font-weight:bold;
}

.comboBox dd ul li a:hover { 
  padding:2px 5px;
  display:block;
  text-decoration:none;
  background: #F8F8F8;
  height:18px;
  color:#336699;
  font-weight:bold;
}

.emphasise {
  font-style: italic;
}
.print-only {
  display: none;
}
.disabled {
  color: #cccccc;
}
/* BETA styling */
a.disabled,
.disabled a,
a:hover.disabled,
a:visited.disabled {
  color: #cccccc;
  pointer-events: none;
  text-decoration: none; 
}


.ipUserRegistration div {
  width: 53px;
  height: 15px;
  font-weight: bold;
  padding: 10px 12px 10px 35px;
  display: block;
}
.fontSizeControl {
  visibility:hidden;
}
#navlist li.disabled div {
    display: block;
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    height: 16px;
    width: 80px;
    text-align: center;
    color: #C4C4C4;
}
div.abtnBackground-disabled {
    background: url(../img/bg-submit.gif) no-repeat left -2px;
    letter-spacing: 0px;
  width: 68px;
  height: 20px;
    text-align: center;
  color: #cccccc;
  font-weight: bold;
  border: none;
  margin: 0 0 0 6px;
  padding-top: 4px; 
  font-size: 12px;
    font-family:Arial, Verdana, sans-serif;
  text-decoration: none; 
  display: inline-block;   
 }

div.abtnLargeBackground-disabled {
  background: url(../img/bg-submit-large.gif) no-repeat left -2px;
  letter-spacing: 0px;
  width: 148px;
  height: 20px;
  text-align: center;
  color: #cccccc;
  font-weight: bold;
  border: 0;
  margin: 0 0 0 6px;
  padding-top: 4px; 
  font-size: 12px;
  font-family:Arial, Verdana, sans-serif;
  text-decoration: none; 
  display: inline-block; 
 }

 .reminder {
   height: 2px; 
//   visibility:hidden;
 } 

#about #imageContainer {
   overflow: hidden;
   border: 1px solid #848484;
   padding: 10px;
   margin: 10px 0;
   width: 97%;
   background: #ffffff;
   display:inline-block;
   clear:both;
}

#about .imagePopup{
 width:611px;
}

#about .productImage{
  padding-left: 6px;
}

#about #wrapperClose{
  float:none;
  clear:both;
  height:24px;
}

#about #close{
  float:right;
  padding: 3px;
}

#authentication{
  display: block;
} 

#authentication #leftcolumn{
  width:430px;
}


#authentication h1 {
 font-size: 20px;
 font-weight: bold;
 border-bottom: none;
 letter-spacing: -1px;
 color:#221E1F;
}


.x-login-user-type .user-detail-btn a{
  background-color: #eae9e9;
  padding: 10px 10px;
	display: block;
  height:100%;
  width:100%;
  color:#3b3b3b;
  text-decoration: none;
  outline: 0; 
  border-radius: 4px;
}

.x-login-user-type .user-detail-btn a:hover{
   background-color: #767272;
   color:#f7f6f6;
}


#authentication .msg-access-difficulty{
	padding:10px 20px;
	font-size: 11px;
	text-align: center;
}

/* inde page */

#index-panel{
  float:left;
}

#index-panel .index-subscribe-panel{
 width:200px;
 margin-bottom: 30px; 
}

#index-panel .user-line {
  background: url(../img/login-bar.png) center repeat-x;
  height: 10px;
}

#index-panel  .user-header {
  background: #F4F4F4;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  text-align: center;
}

#index-panel  .user-detail {
  border: 2px solid #F4F4F4;
  height: 95px;
}

#index-panel .user-detail .user-detail-text {
  width: 100%;
  text-align:center;
  float: left;
  padding-top:15px;
}

#index-panel .user-detail .user-detail-img {
  width: 100%;
  padding: 15px 0;
  float: left;
  clear:both;
  text-align: center;
}


#index-panel .user-subscribe-btn {
  background: url(../img/subscription-btn.png) no-repeat;
  width: 132px;
  height: 42px;
  margin: 0 auto;
}

#index-panel .user-trial-btn {
  background: url(../img/trial-btn.png) no-repeat;
  width: 132px;
  height: 42px;
  margin: 0 auto;
}

.user-detail-img a{
  width:100%;
  height:100%;
  display: block;
}

/* Subscription page styles */
.subscription-title {
  color: #212559;
  clear: both;
  float: left;
  font-size: 18px;
  letter-spacing: -1px;
  margin-top: 15px;
}

.subscription-slogan {
  color: #767272;
  clear: both;
  font-size: 14px;
  font-weight: bold;
}

.subscription-body {
  clear: both;
  float: left;
  width: 100%;
}

.subscription-body .unordered-list {
  margin-left:-15px;
}

.subscription-drtc {
  border: 1px solid #ccc;
  border-radius: 12px;
  padding: 10px;
}

.subscription-drtc p {
  line-height: 18px;
}

.subscription-drtc-new, .subscription-imgateway-new{
  background-color: #f28421;
  color: White;
  padding: 5px;
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px;
}


.subscription-drtc-highlight {
  background-color: #58585a;
  color: White;
  padding: 3px;
  -webkit-border-radius:5px; 
  -moz-border-radius:5px; 
  border-radius:5px;
}

#subscription {
  display: block;
}

/* #subscription p {
  color: #525252;
} */

#subscription #leftcolumn {
  margin-left: 20px;
  margin-right: 120px;
  padding-top: 30px;
}

#subscription #middlecolumn {
  width: 630px;
}

#subscription #applixFrame iframe {
  border-radius:10px;
  margin-top:20px;
  border:1px solid #cecece;
}

#subscriptionPromo {
  font-size:12px;
  margin:2px 0 0;
  padding:0;
  width:630px;
}

.subscription-iframe-description {
  margin: 0;
}

.x-highlight, .x-highlight a:hover{
  background-color:#3b3b3b !important;
}


/*
  product summary prescribe type
*/

.ps-pbs-pbsPrescriberType{
    padding-bottom:25px;
  
}

.ps-pbs-pbsPrescriberType .pbsPrescriberType-ul{
  margin:0;
  padding:1px 0;
}

.ps-pbs-pbsPrescriberType .pbsPrescriberType-li{
    float:left;
    list-style-type:none !important;
    line-height:14px;
    padding:2px 5px;
    padding-left:0;
    font-size:11px;
}

.ps-pbs-pbsPrescriberType  .pbsPrescriberType-div{
    padding:1px 7px;
    border:1px solid #fff;
    border-radius:999px !important;
}

.ps-pbs-pbsPrescriberType  .pbsPrescriberType1{
    border-color: #ED1C24;
}

.ps-pbs-pbsPrescriberType .pbsPrescriberType2{
    border-color: #76C5C2;
}
.ps-pbs-pbsPrescriberType .pbsPrescriberType3{
    border-color: #5481C2;
}
.ps-pbs-pbsPrescriberType .pbsPrescriberType4{
    border-color: #EB9522;
}

.ps-pbs-pbsPrescriberType .pbsPrescriberType5{
    border-color: #B62467;
}

/*
  End of product summary prescribe type
*/