/**
* DVisions Base CSS © DV Excel Ltd
* Client site: Ubichem plc
*/
body {
	background-color:#BDE5EB;
	margin-top:0px;
}
img {
	border:none;
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
}
fieldset {
border: medium none; 
}
label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height:normal;
	text-align: left;
	margin:4px 0px 4px 0px;
	}
input {
vertical-align:middle;
margin:4px 0px 4px 0px;
}
#com-form-login {
display:block;
margin:0px 20px 0px 20px;
}
.ie6 #com-form-login {
display:block;
margin:0px;
}
.ie6 form fieldset.input {
display:block;
margin:0px 20px 0px 20px;
}
table {
	border-collapse: collapse;
	border-spacing:0px;
	}
td {
	border-collapse: collapse;
	border-spacing:0px;
	}

/* Search Component Styles */
#searchForm {
display:block;
margin:0px 20px 0px 20px;
font-weight:bold;
}
#searchForm label {
margin:0px 6px 0px 2px;
font-weight:normal;
}
#searchForm input {
margin:0px 0px 0px 4px;
}
table.searchintro {
display:block;
margin:20px 0px 0px 0px;
border:#999999 solid 1px !important;
}
table.searchintro td {
padding:6px;
margin:0px 0px 12px 0px;
}
form table.contentpaneopen td {
padding:8px 0px 8px 0px;
font-weight:bold;
}
form table.contentpaneopen td label {
margin:0px 10px 0px 2px;
}
table.contentpaneopen td fieldset {
display:block;
margin:0px 10px 5px 20px;
}

/* Contact Us Form */
.form-required {
color:#FF6600;
}
.form-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:normal;
	text-align: left;
	margin:3px 0px 3px 0px;
}
.form-select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:normal;
}
.form-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height:normal;
	text-align: left;
	margin:0px 0px 0px 0px;
}
.form-textarea {
}
.form-submit {
}
/* end contact form */

.keyword {
color:#009CA6;
}

div.xmap div.contentpaneopen {
display:block;
margin:0px 40px 0px 40px;
}

.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	text-align:right;
	}
a.copyright:link, a.copyright:visited, a.copyright:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	margin:0px 0px 0px 0px;
	text-align:right;
	text-decoration:none;
	}
.module-heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	line-height:normal;
	text-align: left;
	font-weight:bold;
	margin:0px;
}
.module-cta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height:normal;
	text-align: right;
	font-weight:bold;
	margin:0px;
}
p.module-cta a {
color:#FFFFFF;
}
/* Common Joomla core styles */ 
.contentheading {
	height:34px;
	width:680px;
	background-image:url(../images/pharma-template-1_10.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px 0px 0px 40px;
	font-size: 16px;
	color: #FFFFFF;
	line-height:normal;
	text-align: left;
	font-weight:bold;
	}
.componentheading {
	height:34px;
	width:680px;
	background-image:url(../images/pharma-template-1_10.png);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	padding:2px 0px 0px 40px;
	font-size: 16px;
	color: #FFFFFF;
	line-height:normal;
	text-align: left;
	font-weight:bold;
	}
/**
 * Styling for MAIN MENU
 * ----------------------
 * NB: Moduletable settings also affect menus.
 */
a.mainlevel-main:link, a.mainlevel-main:visited  {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
	width: 130px;
	height: auto;
	line-height: 19;
	text-decoration: none;
	text-align: left;
}
a.mainlevel-main:hover  {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
    letter-spacing: 1px;
	display: block;
	width: 130px;
	height: auto;
	text-decoration: none;
	text-align: left;
}
#active_menu  {
}
/* SUB-MENU STYLE for MAIN MENU */
a.sublevel-main:link, a.sublevel-main:visited {
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
	width: 130px;
	height: auto;
	line-height: 19px;
	text-decoration: none;
	text-align: left;
}
a.sublevel-main:hover {
	color: #FFFFFF;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: 1px;
	display: block;
	width: 130px;
	height: auto;
	line-height: 19px;
	text-decoration: none;
	text-align: right;
	}
/**
 * TOP MENU - Standard Flat List Type 
 * For Styling for Top Menus using FLAT LIST TYPE (set in menu module),
 * see moduletable settings below for HORIZONTAL TYPE
 * (changing the moduletable settings also affects all the modules!)
 * ------------------------------------------------------
 */
#mainlevel-top {
margin: 0; padding: 0;
}
#mainlevel-top li {
	color: #666666;
	display: block;
	float: left;
	padding-left: 0px;
    padding-right: 15px;
	font-size: 10px;
	line-height: 18px;
	white-space: nowrap;
	list-style-type:none;
	background-image: none;
}
#mainlevel-top a {
	display: block;
    float: left;
	text-decoration: none;
	color: #666666;
	background-image: none;
	width: auto;
	text-align: center;
}
#mainlevel-top a:hover {
	color: #666666;
	text-decoration:none;
}
/**
 * MODULES formatting
 * ------------------------
 */
/* Add -modulename suffix to vary from default.*/

/*DEFAULT MODULE STYLE(s) */
.moduletable {
padding:0px;
margin:0px;
}
/*Formats module header */
.moduletable h3 {
}
.moduletable-mainmenu {
padding:0px 0px 0px 5px;
margin:0px;
}
.moduletable-leftmenu {
width:140px;
padding:10px 0px 0px 0px;
margin:0px;
}
.moduletable-leftmenu h3 {
width:140px;
padding:0px;
margin:0px 0px 8px 0px;
color:#999999;
font-size:14px;
font-weight:bold;
}
.moduletable-search {
padding:0px;
margin:4px 4px 0px 0px;
float:right;
}
.search-search {
padding:0px;
margin:0px;
float:right;
}
/* For formatting the table cells of the TOP MENU module table */
table.moduletable td a.mainlevel-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
/**
 * FORM and BUTTON Styles
 * -----------------
 */
.button {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	}
/* Form input boxes */
.inputbox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #999999;
    height:16px;
	}
.inputbox-search {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border:none;
    height:14px;
	width:130px;
	margin:auto;
	padding:1px 0px 0px 5px;
	}

/* Default Registration form styles */

#namemsg usernamemsg emailmsg pwmsg {
}
/* in conjunction with inputbox */
.required {
}
.validate-username {
}
.validate-email {
}
.validate-password {
}
/* end registration styles */

/* GENERAL JOOMLA ELEMENTS */
/* MOSIMAGE
*Sets styles for images and captions placed using {mosimage} */
.mosimage {
	}
.mosimage_caption {
	font-size:9px;
    line-height:normal;
	padding-left:4px;
	padding-right:4px;
}
/* Pagenav formats texts for "<< Start < Previous 1 Next > End >>" links */
.pagenav {
	font-weight: normal;
	text-align:center;
	font-size:9px;
}
a.pagenav, a.pagenav:visited {
	font-weight: bold;
	color: #869Ac8;
}
a.pagenav:hover {
	color: #FAA129;
}
/* 	general style for texts when small size fonts are used. In 
	the contents, this style is used for "Written by..." texts */
.small {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}
.smalldark {
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 10px;
    color: #343A58;
    text-decoration: none;
    font-weight: normal;
    }
/**
 * General styling for Sections/Categories/Contents
 * ------------------------------------------------------
 */
.createdate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}
.modifydate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	text-decoration: none;
	font-weight: normal;
	}
/* For formatting the "Read on..." link for blogs and on frontpage. */
a.readon:link, a.readon:visited {
	float:right;
	padding:0px;
	margin:0px;
	}
a.readon:hover {
	}
/** 
 * CONTENT ELEMENTS
 * ----------------
 */
 /* Blog */
table.blog {
	padding: 0px;
    margin: 0px;
	}
table.blog td {
	text-align:left;
	}
table.blog td div {
	margin:0px;
	}
a.blogsection:link, a.blogsection:visited {
	color: #44757D; 
	text-decoration: none; 
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	}
a.blogsection:hover {
	color: #759328;	
	text-decoration: underline;
	font-size: 10px;
	}
/* Article separator sets attributes of vertical gap between articles using blog format */
.article_separator {
visibility:hidden;
display:block;
height:1px;
}
/* PATHWAY formatting */
.pathway  {
	color: #000000;
	font-size: 11px;
	padding-left: 8px;
	}
a.pathway:link, a.pathway:visited {
  font-size        : 11px;
  padding-left     : 0px;
}
a.pathway:hover  { color: #7f9fbf; font-size: 11px; padding-left: 0 }	
/*Main content panes */ 
.contentpane {
	/* This is used mainly for the table that holds the SECTIONS */
	padding: 0px;
	margin:0px;
	}
.contentpaneopen {
	padding: 0px;
	margin:0px;
	border-collapse: collapse;
	border-spacing:0px;
}
.contentpaneopen td {
	padding: 0px;
	margin:0px;
	}
.contentdescription {
	}
/* Table of Contents */
table.contenttoc {
	color: #343A58;
	background-color: #e0e0e0;
	border-top: 1px solid #465675;
	border-bottom: 1px solid #465675;
	border-left: 1px solid #465675;
	border-right: 1px solid #465675;
    }
table.contenttoc td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align:left;
	padding: 3px;
}
/*Content Rating */
.content_rating {
	/* used for styling the texts used for displaying 
	   those "stars" for rating in an article */
	font-weight: normal;
	font-size: 8pt;
}
.content_vote {
	/* used for those voting texts (the one with voting RADIO buttons) */
	font-weight: normal;
	font-size: 8pt;
}
/**
 * SECTION / CATEGORY TABLE STYLES
 * --------------
 * Styling of sections tables 
 */
.sectiontableheader {
	/* This is for styling the section article list table headers on a SECTION page. */
	background-color : #FFFFFF;
	background-repeat: repeat;
	padding: 2px;
	color : #000000;
	font-weight : normal;
	padding: 2px;
	}
/* Alternate options for section table rows*/
.sectiontableentry1 {
	background-color : #FFFFFF;
	}
.sectiontableentry2 {
	background-color : #F3F3F3;
	}
/**
 * CATEGORY Styles within section listing
 * --------------- 
 */
.category {
	/* Style for category Titles */
	color: #3D4E6D; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	}
a.category:link, a.category:visited {
	color: #3D4E6D; font-weight: bold;
	}
a.category:hover {
	color: #3D4E6D;
	}	
/*  Polls  */
.poll {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #343A58;
	line-height: 14px
	}
.pollstableborder {
	border: 1px solid #465675;
}
/*  LINKS Component*/
a.weblinks:link, a.weblinks:visited {
	color: #405115;
	text-decoration: none;
	font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}
a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: underline;
	}	
/*  NEWSFEED */
.newsfeedheading {
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #343A58;
   }
.newsfeeddate {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	font-weight: normal;
	}
/* SITE SEARCH RESULTS */
table.searchintro {
	/* This is for formatting the box with "Search Keyword: test returned 4 matches" box
	   that appears after you have entered a search value. It appears on the mainbody
	   with the search results  */
  	background-color: #FFFFFF;
	border: 1px solid #8D9ABC;
	}
/*  CONTACTS table settings  */
table.contact {
	background-color: #1674b7;
	}
table.contact td.icons {
	background-color: #CCCCCC;
	}
table.contact td.details {
	background-color: #F3F3F3;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	}
/**
 * 	FRONT END USER ADMIN
 *  Tabbed Frontend Admin Interface
 * -------------------------------------
 * These define how the frontend admin interface
 * will look like when editing through frontend.
 */
.ontab {
	/* For styling of the "Tab" buttons when editing contents through the frontend
	   (when you log in as admin in the frontend). This .ontab is the styling for the
	   tab when it is active or after its "clicked" */
	background-color: #323A15;
	border-left: outset 1px #DCF2FA;
	border-right: outset 1px #808080;
	border-top: outset 1px #DCF2FA;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
}
.offtab {
	/* Same as above, used for styling of the "Tab" buttons when editing contents through the frontend.
	   This .ontab is the styling for the tab when it is NOT active or when it is NOT "clicked" */
	background-color : #e5e5e5;
	border-left: outset 1px #E0E0E0;
	border-right: outset 1px #E0E0E0;
	border-top: outset 1px #E0E0E0;
	border-bottom: solid 1px #d5d5d5;
	text-align: center;
	cursor: hand;
	font-weight: normal;
}
.tabpadding {
	/* this style is used set the size of the tab in 
	   in the above */
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.pagetext {
	/* this style is used to style the content of the editing form
	   contents (where HTMLArea sits and all its forms + contents) in
	   the frontend Administration interface */
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
/* Login, registration and system error messages */
.error {
color:#346FB7;
font-weight:bold;
}
.message {
color:#346FB7;
font-weight:bold;
}
.message ul {
list-style:none;
list-style-position:outside;
margin:0px 0px 0px 20px;
padding:4px;
}
.message li {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
line-height: 15px;
text-align: left;
margin:0px;
font-weight:bold;
}
.fade {
}
.contentpane div {
font-weight:bold;
}
/* Tooltips */
.tool-tip {
   float: left;
   background: #ffc;
   border: 1px solid #D4D5AA;
   padding: 5px;
   max-width: 250px;
}
 
.tool-title {
   padding: 0;
   margin: 0;
   font-size: 100%;
   font-weight: bold;
   margin-top: -10px;
   padding-top: 15px;
   padding-bottom: 5px;
   background: url(../images/selector-arrow.png) no-repeat;
}
 
.tool-text {
   font-size: 100%;
   margin: 0;
}