/*** WEBSITE: Default 4.4.1 Skin
	 AUTHOR: Cherie Proctor 
	 CREATED: 20/03/2007 
	 COMMENTS: Condensed Stylesheet for Default 4.4.1 Skin */
	 
/******************************************************
    SKIN LAYOUT STYLES
******************************************************/
#bodyDiv { width:100%; height: 100%; text-align:center; background-color:#ffffff; padding: 0px; margin: 0px; background: #FFF;}
html>body #bodyDiv { height:auto; min-height: 100%;}
#frame{width:990px;margin-left:auto;margin-right:auto;text-align:left;background:#FFF url(images/border_sides.gif) repeat-y top left;}
.frameTop{width: 990px; background: #FFF url(images/border_top.gif) no-repeat top left; height: 24px;}
#branding { height:127px; border-bottom: 3px solid #642D91;}
.logo {float: left; padding-left:10px;padding-top:10px;}
.search {float: right; width: 170px; padding-top: 15px; padding-right: 20px; color: #0093E0;}
#menu{ border: 1px solid #FFF; border-left: 0px; border-right: 0px; height:30px;}
.insideFrame {margin-left: 16px; width:958px;}
#contentArea { width:100%; float:left; background: url(images/bg_watermark.gif) no-repeat bottom right;}
.leftPanels {float: left; width: 75%;}
.contentPanel{ width:610px; margin: 35px 0px 35px 20px; float:left; padding: 0px 25px 0px 25px;}
html>body .contentPanel {margin-left: 40px;}
.contentPanelWide{ width:820px; margin: 35px 0px 35px 20px; float:left; padding: 0px 25px 25px 25px;}
html>body .contentPanelWide {margin-left: 40px;}
.quickLinkPanels {width:440px; margin-left: 150px; float:left;}
* html .quickLinkPanels {margin-left: 75px;}
.quickLinkClinical {float: left; width: 171px;}
.quickLinkResearch {float: right; width: 171px;}
.rightPanel { width:172px; margin: 35px 25px 35px 0px; padding: 0px 10px 10px 10px; float:right;}
html>body .rightPanel {margin-right: 45px;}
.rightPanelPromo {margin-bottom: 15px;}
#footer {clear:both; width:942px; height: 34px; text-align:right; font-size: 11px; color:#FFF; background: #FFF url(images/bg_footer.gif) no-repeat top left; padding: 3px 24px 3px 24px;}
#footer a, #footer a:link, #footer a:active, #footer a:visited, #footer a.footerMenuItem {font-size: 11px; color:#FFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
.menu, .menu ul {margin: 0; padding: 0; border: 0; list-style-type: none; display: block; zoom: 1;/*IE6*/ min-height: 0;/*IE7*/}
.menu li {margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; white-space: normal;}
.menu li:hover {z-index: 10000; white-space: normal;}
.menu li.menuHover /*IE6*/{z-index: 10000;}
.menu .menuHoverUL /* li:hover>ul selector */ /*IE6*/{visibility: visible;}
.menu .menuHoverUL /* 1st-level submenu go below their parent item */ /*IE6*/{top: 100%; left: -1px;}
.menu .menuHoverUL .menuHoverUL /* 2nd+ levels go on the right side of the parent item */ /*IE6*/{top: 0; left: 100%;}
.menu li li {float: none;}
.menu ul {visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0;}
.menu li:hover>ul {visibility: visible;	top: 100%;}
.menu li li:hover>ul /* 2nd+ levels go on the right side of the parent item */{top: 0; left: 100%;}
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:link:hover, .menu li.active {display: block; position: relative;}
.menu ul a /*fix clickability-area problem*/ /*IE6*/{zoom: 1;}
.menu li li /*fix white gap problem*/ /*IE6*/{float: left; width: 100%;}
.menu li li /*prevent double-line between items*/ /*IE6*/{margin-top: -1px;}
html>body .menu li li { margin-top: 0px;}

/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu, .menu ul li {color: white; background: #98C10F;}
.menu ul li {background: #BCD762; text-align: left; width: 233px;}
.menu ul {width: 233px;}
/* Top Level Menu Items */
.menu a, .menu a:link, .menu a:active, .menu a:visited, .menu a:hover, .menu a:link:hover, .menu li.active {text-decoration: none; color: white; padding: 6px 12px; border-right: 1px solid #FFF; font-size: 16px;}
.menu li.active { background: #BCD762;}
.menu a:hover, .menu a:link:hover, .menu li:hover>a {color: white; background: #BCD762;}
.menu a:hover, .menu a:link:hover, .menu .menuHoverA /* li:hover>a selector */ /*IE6*/{color: white; background: #BCD762;}
/* Drop Down Menu Items */
ul.menu ul a, ul.menu ul a:link, ul.menu ul a:active, ul.menu ul a:visited, ul.menu ul a:hover, ul.menu ul a:link:hover, ul.menu ul li.active {border-right: 0px; text-decoration: none; color: white; padding: 4px 12px; font-size: 14px;}
ul.menu ul li.active { background: #888;}
ul.menu ul li a:hover, ul.menu ul li a:link:hover, ul.menu ul li li:hover>a {color: white; background: #98C10F;}
.menu ul a:hover, .menu ul a:link:hover, .menu ul .menuHoverA /* ul li:hover>a selector */ /*IE6*/{color: white; background: #98C10F;}
ul.menu ul li.active /* needs to be adjusted by hand - seems to be dropdown width minus a padding */{ width: 209px; background: #98C10F; border-right: 1px solid #FFF; padding: 4px 12px;}
.menu li li {border: 1px solid #FFF;}
.menu ul>li + li /*remove top border on all but first item in the list*/{border-top: 0;}
.menu li li:hover>ul /*position of 2nd+ submenus, overlapping*/{top: -1px; left: 100%;}
.menu .menuHoverUL .menuHoverUL /*position of 2nd+ submenus, overlapping*/ /*IE6*/{top: 0px; left: 100%;}

/***  CLEAN MENU FIXES AND EXTRA FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
/* special colouring for first menu item on each level */
/*.menu>li:first-child>a, .menu li + li + li li:first-child>a {color: #567;}*/
/* float clear - force containment of floated LIs inside of UL */
.menu:after, .menu ul:after {content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both;}
/* float clear end */
/* sticky submenu - it should not disappear when your mouse moves a bit outside the submenu YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!	if you do it, make sure you 110% know what you do */
.menu ul {background-image: url(images/empty.gif); /* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */ padding: 12px 30px 30px 30px; margin: -10px 0 0 -30px; /*background: #f00;*/	/* uncomment this if you want to see the "safe" area. you can also use to adjust the safe area to your requirement */}
html>body .menu ul {padding-top: 10px;}
.menu ul ul {padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px;}
/* sticky submenu end */
/* Fix for IE5/Mac \*//*/
.menu a {float: left;}
/* End Fix */

/******************************************************
    CONTAINER STYLES
******************************************************/
.container{ width:100%; clear: both;}
.containerContent { padding: 0px;}

/******************************************************
    SELECTOR and COMMONLY USED DNN STYLES              
******************************************************/
html {height: auto; background: #FFF;/* Firefox and IE7 hack for 100% background */}
body {margin:0px; padding:0px; background: #FFFFFF; height: 100%;/* IE6 hack for 100% background  */}
body, td, ul li, p, .normal, .NormalBold, .NormalDisabled, .blogCalendar td, .formItem{ font-family: "Arial", Arial, Helvetica, Verdana, "Trebuchet MS", Trebuchet MS; font-size: 14px;color: #662082;font-weight: normal;}

/* text style used for rendered text which should appear disabled */
.NormalDisabled { color: #D3D3D3;}
/* style of item titles on edit and admin pages */
.SubHead {color: #444444; font-weight: bold; text-align: left;}
/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead { font-weight: bold; color: #000;}
/* text style used for rendered text which requires emphasis */
.NormalBold { font-weight: bold;}
/* text style used for error messages */
.NormalRed, .NormalRed p { font-weight: bold; color: #bd2727;}

/* heading styles */
h1, h2, h3, h4, h5, dt, h6, .head, h2 span.head, .container h2 span.head, 
h3 span.SubHead, .newstitle, tfoot, thead, th {font-family: "Arial", Arial, Helvetica, Verdana, "Trebuchet MS", Trebuchet MS; color:#662082; margin:0px; padding:0px; margin-bottom:10px; font-weight:normal; font-size: 12px;}
h1 {font-size:30px; color:#642D91; font-weight: bold;}
h2, .head, h2 span.head, .container h2 span.head {color: #0093D0; font-size:16px;}
.search h2 {margin-bottom: 2px; font-size: 15px;}
.contentPanel h2{ margin-top: 20px;}
h3, h3 span.SubHead, .newstitle {font-size: 16px; font-weight: bold;}
h4 {font-size: 14px; font-weight: bold;}
h5, DT {font-size: 13px; font-weight: bold;}
h6 {font-size: 12px; font-style: italic;}

p {margin: 5px 0px 15px 0px;}
ul { margin: 0px 0px 10px 25px;}
ul li { margin-left:5px; padding:0px; list-style-type: square; /*list-style:none; list-style-image: url(bullet.gif)*/}
ul li li { list-style-type: disc;}
ul li li li { list-style-type: circle;}
ol li { list-style-type: decimal;}
ol ol li { list-style-type: lower-alpha;}
ol ol ol li{ list-style-type: lower-roman;}
hr { color: dimgrey; height:1pt; text-align:left;}
img{ border:0px; margin:0px; padding:0px;}

.containerContent table {border-color:#002F49; border-right: 0px; border-bottom: 0px;}
.containerContent table td {border-color:#002F49; border-left: 0px; border-top: 0px;}

/* link styles */
a, a:link, a:active, a:visited { color:#642D91; text-decoration:underline; padding: 0px; margin:0px;}
a:hover { text-decoration:none; color:#008AC8;}

blockquote {font-size:15px; font-family:"Lucida Sans Unicode"; float:right;}
pre {font-family: Lucida Console, monospace;color: #434343;font-weight: normal;	font-size: 11px;}
address {font-family: Arial, Verdana, Helvetica;color: #434343;font-weight: normal;font-size: 11px;font-style: italic;}

/******************************************************
    FORM STYLES              
******************************************************/
/* Generic Form Element classes */
.formInput{ width:150px; height:18px; border:1px solid #CCCCCC;}
.formBtn{}.formRadio{}.formCheckBox{}

.formItem { clear: both;}
.contentPanel {}
.label { clear: both; float: left; width: 130px; padding-right: 10px;}
.labelDetails { width: 460px;}
.labelDetails p { margin: 0px 0px 7px 0px; color: #525252; font-size: 10px;}
.labelDetails p a, .labelDetails p a:link, .labelDetails p a:active, .labelDetails p a:visited { color:#008AC8;}
.labelDetails p a:hover {color:#642D91;}

/* button style for standard HTML buttons */
.StandardButton, a.StandardButton, a:link.StandardButton, a:active.StandardButton, a:visited.StandardButton, input.StandardButton, a.CommandButton, a:link.CommandButton, a:active.CommandButton, a:visited.CommandButton { padding: 2px 8px 3px 8px; width:0; overflow:visible; font-weight: normal; font-size: 11px; border: 0px; background: #0593CF; color: #FFFFFF; text-transform: uppercase; margin: 0px; cursor: pointer; clear: both; white-space: nowrap; text-decoration:none;}
.search .StandardButton {width: 17px!important; padding: 2px 5px 3px 5px!important; margin-top: 3px!important; display: block;}
html>/**/body .search .StandardButton {margin-top: -10px!important;}
input.StandardButton[class], a.CommandButton[class], a:link.CommandButton[class], a:active.CommandButton[class], a:visited.CommandButton[class] { width: auto;} /* Non IE browsers read this */
a:hover.CommandButton, input:hover.StandardButton{background: #58BCE5;}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox, input.longTextBox, input.longmedTextBox, input.medTextBox, input.medshortTextBox, input.shortTextBox { font-size: 12px; font-weight: normal;}
input.longTextBox { width: 250px;}
input.longmedTextBox { width: 200px;}
input.medTextBox { width: 150px;}
input.medshortTextBox { width: 100px;}
input.shortTextBox { width: 60px;}

.search input {width: 165px;}

/*Dropdown Boxes*/
select { font-size: 10px;}
.search select {width: 172px; margin-top: 4px;}

/* Required Fields */
span.mandatory { color: #334692; font-weight:bold;}

/******************************************************
    GENERAL STYLES
******************************************************/
.floatLeft{ float:left;}
.floatRight{ float:right;}

/* styles to mimic auto height of div elements as per IE */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/******************************************************
    DNN STYLES (Some of these we try to avoid, but are still used in some modules; Some we are unsure of what they do)
******************************************************/

/* What exactly does this style?? */
.SkinObject { font-weight: bold; font-size: 8.5pt; color: #003366; text-decoration: none;}
A.SkinObject:link { text-decoration: none; color:#003366;}
A.SkinObject:visited { text-decoration: none; color:#003366;}
A.SkinObject:active { text-decoration: none; color:#003366;}
A.SkinObject:hover { text-decoration: none; color:#003366;}

/* styles used by Data Grids */
.DataGrid_AlternatingItem { background-color:#fff; color: #FF0000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_Container { background-color: Transparent;}
.DataGrid_Footer { background-color:#fff;}
.DataGrid_Header { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: bold;}
.DataGrid_Item { background-color:Transparent; color: #000; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}
.DataGrid_SelectedItem { background-color: #D3D3D3; color: Blue; font-family: Tahoma, Arial, Helvetica; font-size: 10px; font-weight: normal;}

/* text style used for help text rende#FF0000 by modules */
.Help { border: #000 1px solid; padding: 2px; font-weight: normal; font-size: 11px; color: #000; font-family: Tahoma, Arial, Helvetica; background-color: #ffff99;}

SMALL { font-size: 8px;}
BIG { font-size: 14px;}

/******************************************************
    DIGICON QUICK LINK STYLES
******************************************************/
/* These styles have been moved to DesktopModules/Digicon QuickLink/Module.css */

/******************************************************
    LINKS MODULE STYLES
******************************************************/
.link { width: 151px; height: 21px; background: url(images/quicklinks/ql_title_bg_login.gif) no-repeat top left; padding: 3px 10px; margin-bottom: 15px;}

.link a, .link a:link, .link a:active, .link a:visited, .link a:hover { color:#FFF; font-size: 18px; font-weight: bold; text-decoration:none;}
.link a:hover { text-decoration:underline; color:#FFF;}

/******************************************************
    SURVEY MODULE STYLES
******************************************************/
.YourCompanyNameSurveyResults {font-size: 12px; font-weight: normal;}

/******************************************************
    ORIZONTI NUKE NEWS STYLES
******************************************************/
/* These styles have been moved to DesktopModules/Orizonti_NukeNews/Module.css */

/******************************************************
    OPT IN MODULE STYLES
******************************************************/ 
.GridText{ color: #ffffff; }
tr.HeaderRowStyle{ background-color : #bbbbbb;}
tr.HeaderRowAlternate{  background-color : #d0d0d0; }
td.HeaderStyle{	color: #ffffff; font-weight: bold; }
th.HeaderStyle {color: #ffffff; font-weight: bold; }

/******************************************************
    PRODUCT RESULTS STYLES
******************************************************/ 
.result {border-bottom: 1px solid #652384; width: 800px; padding: 5px;}
.result td, .result ul li, .result p, .result .normal {font-size: 13px;}
.description {color: #000; padding-right: 10px;}
.quantity input {width: 30px!important; margin-bottom: -4px;}
.quantity a, .quantity a:link, .quantity a:active, .quantity a:visited, .quantity a:hover { padding: 2px 5px 3px 5px; font-size: 11px; background: #662080; color: #FFFFFF; text-transform: uppercase; margin: 0 0 0 5px; cursor: pointer; white-space: nowrap; text-decoration:none;}
.pageNav { padding-top: 10px; text-align:center;}

.searchResults {clear: both;}

/******************************************************
    PRODUCT CART STYLES
******************************************************/
.supplierDetails {}
.supplierDetails p {}

.clear {clear:both;}

.formLeft {width: 300px; float: left; margin-bottom: 10px;}
.formLeft .formItem { clear: both; font-size: 12px;}
.formLeft .label { clear: both; float: left; width: 90px; padding-right: 10px; text-align:right; font-weight:bold;}
.formLeft .labelDetails { width: 200px; float: right;}

.formRight {width: 450px; float: right; margin-bottom: 10px;}
.formRight .formItem { clear: both; font-size: 12px;}
.formRight .label { clear: both; float: left; width: 160px; padding-right: 10px; text-align:right; font-weight:bold;}
.formRight .labelDetails { width: 230px; float: right;}

.formRight h2, .formLeft h2 {float: left;}
span.sameAddress {float: right; font-size: 12px; padding-right: 63px;}

.clearButton {padding: 5px 0px 15px 0px; text-align: right; }

.productOrder {width: 820px;}

.CartDetails {margin-top: 20px; clear: both;}
html/**/body .CartDetails {top: 50px;}
.CartDetails .heading {background: #642D91; color: #FFF;}
.CartDetails .NormalBold {color: #662082;}

.extraCharges .formItem {height: 40px; border: 1px solid #662082; padding-top: 3px; border-top: 0px;}
* html .extraCharges .formItem {padding-left: 467px;}
.extraCharges .formItem .label {margin-left: 467px; width: 110px; font-weight: bold; color: #662082;}
* html .extraCharges .formItem .label{margin-left: 0px;}
html>/**/body .extraCharges .formItem .label {margin-left: 442px;}
.extraCharges .formItem .labelDetails {float: right; width: 215px;}

/******************************************************
    REPOSITORY MODULE STYLES
******************************************************/
.document {border: 1px solid #002F49; padding: 1px; margin-bottom: 5px;}
.document .titleBar {background: #662082; color: #FFF; padding: 3px;}
.document .titleBar h2 {clear: none; color: #FFF; padding: 0px; margin: 0px;}
.document .docDesc {padding: 5px;}
.document .docDesc img {float: left; padding-right: 5px;}
.document .download {background: #E8DEEC; text-align: right; padding: 3px;}