﻿[p/*/*=========================================*/
/*         General CSS for FMC Lithium       */
/*===========================================*/
/**/
/*  1. Universal CSS*/
/**/
html {}
#body {margin: 10px 0;background-color:#ECECEC;}
div{margin:0px; padding:0px;}
table, tr, td, p {color: #444444;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;}
#clear{clear:both; margin:0; padding:0;font-size:0px;}
a:link, a:visited, a:active {color: #333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a:hover {color: #111111;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}

.g A:link, .g a:visited, .g a:active{color: #333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
/**/
/*  2. Layout CSS*/
/**/
/*Outside of content Layout CSS*/
#Wrapper{background: #ECECEC;text-align: center;padding: 0px;border:0;}
#MainContent{width: 978px;text-align:center;margin:0px auto;}

/* Top Row CSS */
#TopRow{height: 7px; width: 976px; padding:0; vertical-align:top;font-size:0px;}
#TopRowBKG {height: 7px; padding: 0; background: url(images/T.jpg) repeat-x top left; vertical-align:top;}
#TopRowLeft {width:100%; height: 7px; padding: 0; background: url(images/TL.jpg) no-repeat top left; vertical-align:top;}
#TopRowRight {width:100%; height: 7px; padding: 0; background: url(images/TR.jpg) no-repeat top right; vertical-align:top;}
/* Logo Row CSS */
#header{width:976px;overflow:auto; vertical-align:top;background:#fff;}
#headerleft{width: 100%;overflow:auto;background: url(images/L.jpg) repeat-y top left;}
#headerright{width: 100%; overflow:auto;background: url(images/R.jpg) repeat-y top right;}
#logodiv{float:left;width:300px;padding:12px 0 15px 25px;text-align:left; margin-bottom:15px;}

/* FMC Top Row CSS */
#FMCTopRowRight {float:right; width: 600px; margin: 0 22px 0 0; padding:0px;background: #fff; vertical-align:top;text-align:right;}
span.FMCTopRowRight{text-align:right;vertical-align:top;}
.FMCTopRowRight{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #666666; vertical-align:top;}
span.FMClogo{border:0px; padding-bottom: 0px; border-color:#fff;vertical-align:middle; }
.FMCTopRowRight a:link, .FMCTopRowRight a:visited, .FMCTopRowRight a:active{font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #666666;text-decoration:none;text-transform:uppercase;line-height: 13px;vertical-align:top;}
.FMCTopRowRight a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;color: #111;text-decoration:none;text-transform:uppercase;line-height: 13px;vertical-align:top;}

#FMClinks{text-align:right;padding-bottom: 10px;_padding-bottom: 0px; vertical-align:top;}

#Search{text-align:right;padding:0px 10px 0 0;}
/* Menu Row CSS */
#MenuRow{height: 28px; padding: 0; margin:0; vertical-align:top; text-align:left; background:url(images/Menu_B.jpg) top left repeat-x;white-space:nowrap;width:956px;}
#menu{margin:0;height:28px;display:inline-block;text-align:left; }

/* Content Row CSS */
#ContentArea{width:976px;background: #fff; padding: 0;margin:0;vertical-align:top;}
#ContentLeft{width:100%;padding: 0;background: url(images/L.jpg) repeat-y top left; vertical-align:top;}
#ContentRight{width:100%;padding: 0;background: url(images/R.jpg) repeat-y top right; vertical-align:top;}
#Content{background:transparent; text-align:center; width:956px; vertical-align:top; }
#ContentAlignment{margin: 0 0 0 10px;_margin: 0 0 0 0px;}
/* Footer Row CSS */
.FooterRow{height:85px; width:941px;padding: 0; background: url(images/B.jpg) repeat-x top left; vertical-align:top; text-align:right;}
.FooterRowLeft {height: 85px; width: 16px; padding: 0; background: url(images/BL.jpg) no-repeat top left; vertical-align:top;}
.FooterRowRight {height: 85px; width: 19px; padding: 0; background: url(images/BR.jpg) no-repeat top right; vertical-align:top;}

#FooterLinks{text-align:right;}

/*  Footer */
/* Footer Links CSS */
span.FooterLinks{text-align:right;}
.FooterLinks{font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #666;line-height: 12px;}
.FooterLinks a:link, .FooterLinks a:visited, .FooterLinks a:active{font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #666;text-decoration:none;text-transform:uppercase;line-height: 12px;}
.FooterLinks a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 9px;font-weight: bold;color: #111;text-decoration:none;text-transform:uppercase;line-height: 12px;}

/*Footer Text*/
.Footer {color: #FFF;font-size: 11px; white-space:nowrap;}
a.Footer:link, a.Footer:visited, a.Footer:active {color: #FFF;font-weight: bold;text-decoration: none;font-size: 11px;}
a.Footer:hover {color: #000;font-weight: bold;text-decoration: none;font-size: 11px;}
span.CopyrightText{text-align:left;}
.CopyrightText{padding: 0 10px;color: #777;font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 12px;}
.FMCFooter{font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 11px;color:#ccc;width:600px;}
.FooterLinks, a.FooterLinks:link, a.FooterLinks:hover, a.FooterLinks:visited{padding: 15px 10px 5px 0;color: #666; text-decoration:none;}
/* Copyright CSS */
#CopyrightText{text-align:left;line-height:14px;padding-top:10px;}
span.CopyrightText{text-align:left;}
.CopyrightText{padding: 0 20px;color: #777;font-family: Arial, Helvetica, sans-serif;font-size: 10px;line-height: 12px;}

/* Content Area / Panes */
.PaneTop {padding: 0;}
.PaneTop02 {padding: 0;}
.PaneCenter {width: 50%; vertical-align:top; padding: 10px 10px 5px 10px;}
.PaneCenter01 {width: 50%; vertical-align:top; padding: 20px 10px 5px 10px;}
.PaneRight {width: 50%; vertical-align:top; padding: 10px 12px 5px 5px;}
.PaneContent2{vertical-align:top; padding: 5px 5px 15px 10px;}
.PaneContent3{vertical-align:top; padding: 5px 5px 15px 5px;}
.PaneContent4{width: 45%; vertical-align:top; padding: 5px 5px 5px 10px;}
.PaneContent5{width: 45%; vertical-align:top; padding: 5px 12px 5px 5px;}
.PaneContent6{width: 33%; vertical-align:top; padding: 10px 5px 5px 10px;border-right: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;}
.PaneContent7{width: 33%; vertical-align:top; padding: 10px 5px 5px 5px;border-right: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;}
.PaneContent8{width: 33%; vertical-align:top; padding: 10px 12px 5px 5px;border-bottom: 1px solid #D4D0C8;}
.PaneBottom {padding: 7px;vertical-align:top;}
.SearchResultsPane {vertical-align:top; padding: 10px;}
.dnnemptypane{width:0; padding:0;margin:0; line-height:0;}
/* Content Area / Panes 02 Skin*/
.LeftPane02{border-right: 1px solid #D4D0C8;padding: 10px; width:25%;}
.ContentPaneLeftTop{padding: 10px; background:#f9f9f9;border-bottom: 1px solid #D4D0C8; border-right: 1px solid #D4D0C8;width:50%;}
.ContentPaneRightTop{padding: 10px; border-bottom: 1px solid #D4D0C8;width:50%;}
.PaneCenter02 {vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #D4D0C8; width:45%;}
.TopLeftContentPane{vertical-align:top; padding: 5px 5px 5px 10px; width:45%;}
.TopRightContentPane{vertical-align:top; padding: 5px 5px 5px 5px; width:45%;}
.PaneTopCenter02{vertical-align:top; padding: 10px 10px 5px 10px; }

/* Content Area / Panes 03 Skin*/
.PaneCenter03 {width:650px;vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #D4D0C8; }
.RightPane03{border-left: 1px solid #D4D0C8;border-bottom: 1px solid #D4D0C8;padding: 10px 10px 10px 10px;width:240px;}

.PaneCenter04 {width:650px;vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #D4D0C8;}
.RightPane04{border-bottom: 1px solid #D4D0C8;padding: 10px 10px 10px 10px;width:300px;}

/*   Links / Text */
/*Hyperlink style for the unselected tabs */
.OtherTabs {font-size: 12px;color: #333;font-family: tahoma, Arial, Helvetica, sans-serif;text-decoration: none;}
a.OtherTabs:link, a.OtherTabs:visited, a.OtherTabs:active {text-decoration: none;color: #333;background-color: transparent;border: 0;font-weight: bold;}
a.OtherTabs:hover {text-decoration: underline;color: #333;background-color: transparent;border: 0;font-weight: bold;}
/*Head*/
.Head {font-size: 14px;color: #333;font-weight: bold;}
/*SubHead Text*/
a.SubHead:link, a.SubHead:visited, a.SubHead:active {color: #6E8E05;text-decoration: none;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}
a.SubHead:hover {color: #2c2c2c;text-decoration: none;font-family: tahoma, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;}
/*Normal Text*/
.Normal {color: #444;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;line-height: 18px;}
a.Normal:link, a.Normal:visited {color: #333333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
a.Normal:hover {color: #444;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
.NormalRed {color: #900;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold;font-size: 12px;}
.NormalBold {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;}
/*Links for entire site*/
select, input {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #333;text-align:left;}
/*applied to invisible objects*/
.Invisible {visibility: hidden;}
hr{color:#6CACCF;}
/*-- Bullet CSS --*/
ul {}
UL LI{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#000;line-height:16px; }
UL LI LI{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; line-height:16px; color:#666;}
UL LI UL LI{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color:#333;line-height:16px;}
/*-- Left Navigatin FlexPlex CSS --*/
.nav{font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a.NavParent, a.NavParent:visited, a.NavParent:link, a.NavParent:active{display:inline-block;font: normal 16px Arial, Helvetica, sans-serif; color:#444; line-height: 1.5em; text-decoration:none;padding: 2px 0 0 10px;width:268px;_width:278px;height:26px;}
a.NavParent:hover{display:inline-block; background: url('images/LeftNavBkg.jpg');font: normal 16px Arial, Helvetica, sans-serif; color:#fff; line-height: 1.5em; text-decoration:none;}
a.NavParentSel, a.NavParentSel:visited, a.NavParentSel:link, a.NavParentSel:active{display:inline-block;background: url('images/LeftNavBkg.jpg');font: normal 16px Arial, Helvetica, sans-serif; color:#fff; line-height: 1.5em; text-decoration:none; width:268px;_width:278px; padding: 2px 0 0 10px;height:26px;}
a.NavParentSel:hover{display:inline-block;background: url('images/LeftNavBkg.jpg');font: normal 16px Arial, Helvetica, sans-serif; color:#fff; line-height: 1.5em; text-decoration:none;}

.Leftnav{font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;width:200px;color:#5B759A;}
a.LeftNavParent, a.LeftNavParent:link, a.LeftNavParent:active, a.LeftNavParent:visited{font: bold 14px Arial, Helvetica, sans-serif; color:#5B759A; line-height: 1.5em; text-decoration:none;}
a.LeftNavParent:hover, .LeftNavParent a:hover{font: bold 14px Arial, Helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}
a.LeftNavParentSel, a.LeftNavParentSel:visited, a.LeftNavParentSel:link, a.LeftNavParentSel:active{font: bold 14px Arial, Helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}
a.LeftNavParentSel:hover{font: bold 14px Arial, Helvetica, sans-serif; color:red; line-height: 1.5em; text-decoration:none;}

/*-- Locations Nav CSS --*/
.LocationsNav{padding: 10px 0;border-bottom: 1px solid #D4D0C8;}
.LocationsTitle{font-size: 18px;font-family: Verdana, Arial, Helvetica, sans-serif;color: #EE0000;margin:20px 0 10px 20px;}
.LocationsTable{padding:15px;margin:5px;}
.LocationsTd{width:300px;padding:0 15px 15px 0;}

/*-- Location Finder Xmod --*/
.LFtd{width:300px; vertical-align:top;line-height:14px;}
.LFtb{width:300px;}
.locationfinderName{font-weight:bold;}
.locationfinderText{padding:0px; }
.locationTable{margin-bottom:15px; vertical-align:top; width:300px;}

/* Markets View Order */
.LFVOtb{width: 25px;}
/*-- XMOD FORM CSS --*/
.Rnd_Blue_Content .LithiumFormText{font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;line-height: 25px;}
.Rnd_Blue_Content .LithiumFormText TD, td.LithiumFormText{width:160px !important; height:30px; white-space:nowrap;}
.Rnd_Blue_Content .LithiumTextBox{min-width:250px;width: 250px; border: 0px; height: 20px;font: bold 12px Verdana, Arial, Helvetica, sans-serif;padding:2px;color:#333;}
.Rnd_Blue_Content .LithiumTextBox option{min-width:250px; max-width:800px; _width:800px;}
.Rnd_Blue_Content .LithiumMessageBox{width: 250px; height: 100px; margin:4px 0;border: 0px; padding: 5px; font: bold 12px Verdana, Arial, Helvetica, sans-serif;color:#333;}

/* Signin Form */
.LithiumSignin {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;line-height: 25px;}
td.lithiumsignin .DynamicLogin_UserName, td.lithiumsignin .DynamicLogin_Password{min-width:200px;width: 200px; border: 0px; height: 20px;font: bold 12px Verdana, Arial, Helvetica, sans-serif;padding:2px;color:#333; }

/*-- SEARCH CSS --*/
.searchform {background-color: #fff;padding: 0px;margin: 0px;white-space:nowrap;}
.SearchFormButton{ vertical-align: top;padding:2px 0 0 0px; width:85px; cursor:pointer;}
.SearchText{width: 150px;padding: 0px;margin: 0px;white-space:nowrap;vertical-align: middle;}
.SearchPane{padding: 5px;}
.PharmSearch{text-align:right;}

/*-- DYNAMIC REGISTRATION CSS --*/
.DynamicRegistration_Label{font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight: bold;color: white;}
.registrationLabel, div.DynamicRegistration_Label, .DynamicRegistration_Checkbox{font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight: bold;color: #fff;height: 31px;}
select.registrationLabel{color:#000;}
.DynamicRegistration_Link, .DynamicRegistration_Link A, .DynamicRegistration_Link A:link{font-size:22px; color: white;padding: 5px;width: 209px;height: 31px;}
.registrationTB{font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight: bold;color: #fff;height: 31px;}
.DynamicRegistration_Link a:hover{font-size:22px; color: white;padding: 5px;width: 209px;height: 31px;}
.Registration{width: 100%;}
.DynanmicRegistration_Textbox{border:0px; width:200px; height:20px; color: #000;}
.DynamicRegistration_Label a:link{font-family: Arial, Helvetica, sans-serif;font-size:16px; font-weight: bold;color: white; text-decoration:none;}

select .registrationLabel{font-family: Arial, Helvetica, sans-serif;font-size:12px; font-weight: bold;color: #000;height: 31px;}
.Focused{font-family: verdana, sans-serif;font-weight: normal;font-size:8pt;color: #EF3A32;text-align: left;border-bottom:1px solid #ccc;margin-top:0px;text-decoration: none;/*Background Over Color of SubMenu */background: #fff;}

/*-- Module Menu CSS --*/

.ModuleTitle_SubMenu {background: #FFF; padding: 4px 0 0 0; border: 1px solid #111111;z-index: 1;  cursor: pointer;  cursor: hand; font-weight: normal; filter: none;}
/*Submenu Idle*/ 
.ModuleTitle_MenuItem { color: #333333; font-family: tahoma; font-size: 11px; font-weight: bold; font-style: normal; padding: 0px 30px 0px 16px; height: 20px; background: transparent; }
.MainMenu_MenuItemSel{background: transparent;}
.ModuleTitle_MenuItemSel{color: #fff; font-family: tahoma; font-size: 11px; font-weight: bold; cursor: pointer; cursor: hand; height: 20px; border-top: 1px solid #999999;border-bottom: 1px solid #999999;background-color: #62A6CB; padding: 0px 30px 0px 16px;}
/*Module Menu Continer*/
.ModuleTitle_MenuContainer{color: #2c2c2c;}
/*Module Menu Bar*/
.ModuleTitle_MenuBar{cursor: hand;background: transparent;}
/*Not needed*/
.MainMenuSeperator, .ModuleTitle_MenuArrow, .MainMenu_MenuArrow, .MainMenu_MenuIcon, .ModuleTitle_MenuIcon {display: none;}
.ModuleTitle_RootMenuArrow{display: none;}

/* XMOD Table CSS*/
.ProductFormTable{width: 100%; padding: 5px;}
.ProductForm{font-weight: bold; width: 150px; padding: 5px;}
.ProductFilter{font-weight: bold; padding: 5px; white-space:nowrap;}
.ProductTextBox{width: 200px;}
.tbProduct{width: 250px;}
.taProduct{width: 350px; height: 100px;}
.ProductMainListTable{width: 100%;}
.ProductListTable{width: 100%;padding-top: 5px;}
.ProductListHeader{font-weight:bold; border:2px solid #888; background-color:#fff; padding: 5px; white-space:nowrap;}
.tdProductName{width: 170px; white-space:nowrap;}
.ProductName, a.ProductName{padding-left: 5px;font-weight: bold; color: #222; font-size:12px; text-decoration:none;}
a.ProductName:hover{text-decoration:none;color: #0000ff; border-bottom: 1px dotted #0000ff;}
.ProductNameColor, a.ProductNameColor,a.ProductNameColor:visited{font-weight: bold; color: #000; font-size:14px; text-decoration:none;}
a.ProductNameColor:hover{ border-bottom:1px dotted #0099FF;text-decoration:none; color: #222;font-weight: bold; font-size:14px;}
.tdProductCas{padding-right:2px; vertical-align:top;width:150px;}
.tdProductOreInfo{text-align: right; vertical-align:top; width:150px;}
.tdProductName{width: 225px;}
.ProductMarket{font-family: Tahoma, Arial, Helvetica, sans-serif;; font-size: 12px; padding-left:5px; line-height:16px;}
.ProductMoreInfoButton, input.ProductMoreInfoButton{text-align: right;}
.tdProductDesc{padding: 0 20px;}
.tdProductLinks{text-align:right; width: 150px; vertical-align:top;border-left:1px solid #6CACCF;padding-left:20px;}
.tdProductLinks A{margin-bottom:5px;}
.ProductDetailTable{width: 100%;}
.ProductDetailsLefttd{width: 800px;}
.ProductItem, .ProductItem tr{padding: 5px;width: 100%;}
.ProductSearch{font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12px}
.ProductSearchBox{width: 125px;}
.ProductSearchLink{}
.ProductSort{}
.ProductSortBox{}
.ProductSortLink{}
.ProductSortReverse{}
.ProductStyle{margin: 10px 0;}

/*Market Product Xmod Layout CSS*/
.ProductGridListTable{padding:10px;}
.ProductGridList{min-width:200px;vertical-align:top;border-bottom:1px dashed #ccc;border-right:1px inset #ccc;padding:10px;}
.ProductGridListAlt{min-width:200px;vertical-align:top;border-bottom:1px dashed #ccc; border-right:1px inset #ccc; padding:10px;}
.ProductGridListName{}
a.ProductGridListName{color: #333;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a.ProductGridListName:hover, td.ProductGridListName a:hover, a:hover span.ProductGridListName {color: #0099FF;font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}

#dnn_controlpanel{width:960px;}

/* Admin Response Table */
.responseheader td{font-weight:bold; min-width:100px;padding:10px; background:#ccc;}
span.contactresponse{width:150px;}
td.responseheader{font-weight:bold; min-width:100px;padding:10px; background:#ccc;}
.responsebody{padding:10px 0;}
.responsetable{border:1px solid #666; background:#fff;}
/*-- END CSS --*/
