﻿/*/*=========================================*/
/*         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: #333;font-family:arial, helvetica, sans-serif;font-size: 12px;line-height: 18px;}
p{margin:0 0 15px 0;}
#clear{clear:both; margin:0; padding:0;font-size:0px;}
a:link, a:visited, a:active {color: #333;font-family:arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
a:hover {color: #111;font-family:arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
img {border:0px;}
/*  2. layout css*/
/*outside of content layout css*/
#Wrapper{background: #ECECEC;text-align: center;padding: 0px;border:0;}
* html #wrapper{height:100%;}
#maincontent{clear:both;width: 978px;text-align:center;margin:0px auto;}
* html #maincontent{width:980px;}
/* 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;vertical-align:top;height:76px;background:#fff;}
#headerleft{width: 100%;height:76px;background: url(images/L.jpg) repeat-y top left;}
#headerright{width: 100%;height:76px;background: url(images/R.jpg) repeat-y top right;}
#logodiv{float:left;width:300px;padding-top:5px;}

/* FMC Top Row CSS */
#FMCTopRowRight {float:right; width: 600px; margin: 0 22px 0 0; ; padding:0px;background: #fff; vertical-align:top;text-align:right;}
* html #FMCTopRowRight{margin: 0 22px 0 0}
span.FMCTopRowRight{text-align:right;vertical-align:top;}
.FMCTopRowRight{font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #666666;}
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:0;}
/* Menu Row CSS */
#MenuRow{height: 28px; padding: 0; margin:0; vertical-align:top; background:url(images/Menu_B.jpg) top left repeat-x;white-space:nowrap;width:955px; font-size:0px;}
#menu{margin:0;height:28px;text-align:left;padding: 0; margin:0; font-size:0px;}

/* 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;}

/*  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{text-align:right;}
.FooterLinks{padding: 15px 10px 5px 0;color: #666; text-decoration:none;}
a.FooterLinks:link, a.FooterLinks:hover, a.FooterLinks:visited{padding: 15px 0px 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 0px 5px 10px;}
.PaneCenter01 {width: 50%; vertical-align:top; padding: 20px 10px 5px 10px; border-bottom:1px solid #ccc;}
.PaneRight {width: 50%; vertical-align:top; padding: 10px 12px 5px 0px;}
.PaneContent2{vertical-align:top; padding: 10px 10px 15px 10px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.PaneContent3{vertical-align:top; padding: 10px 10px 15px 10px;border-bottom:1px solid #ccc;}
.PaneContent4{width: 45%; vertical-align:top; padding: 10px 5px 5px 10px;}
.PaneContent5{width: 45%; vertical-align:top; padding: 10px 12px 5px 5px;}
.PaneContent6{width: 45%; vertical-align:top; padding: 5px 5px 5px 10px;}
.PaneContent7{width: 45%; vertical-align:top; padding: 5px 12px 5px 5px;}

.PaneLower1{padding: 5px 5px 5px 10px; vertical-align:top;}
.PaneLower2{padding: 5px 5px 5px 5px; vertical-align:top;}
.PaneLower3{padding: 5px 5px 5px 5px; vertical-align:top;}
.PaneLower4{padding: 5px 12px 5px 5px; vertical-align:top;}
.PaneBottom {padding: 7px;vertical-align:top;}
.SearchResultsPane {vertical-align:top; padding: 10px;}

/* Content Area / Panes 02 Skin*/
.LeftPane02{width: 200px;border-right: 1px solid #D4D0C8;padding: 10px; background:#eee;}
.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; width: 100%;height:100%;border-bottom: 1px solid #D4D0C8; }
.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:633px;_width:623px;vertical-align:top; padding: 20px 10px 5px 10px; height:100%;border-bottom: 1px solid #D4D0C8; }
.RightPane03{background:#f9f9f9;border-bottom: 1px solid #D4D0C8;padding: 10px 10px 10px 10px;width:280px !important;}

.dnnemptypane{width:0; padding:0;margin:0; line-height:0;}
/*   Links / Text */
h1{font-family: arial, helvetica, sans-serif; font-size: 35px; color: #111;line-height:30px;margin-top:10px;}
h2{font-family: arial, helvetica, sans-serif;font-weight: bold; font-size:16px; color: #111;line-height:25px;margin:0;}
h3{font-family: arial, helvetica, sans-serif; font-size:16px; color: #111; line-height:24px; margin-bottom:10px;}
/*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: #333;font-family:arial, helvetica, sans-serif;font-size: 12px;line-height: 22px;}
a.normal:link, a.normal:visited {color: #333333;font-family:arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
a.normal:hover {color: #333;font-family:arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: none;}
.normalred {color: #900;font-family:arial, helvetica, sans-serif;font-weight: bold;font-size: 12px;}
.normalbold {font-family:arial, helvetica, sans-serif;font-size: 12px;font-weight: bold;}
/*links for entire site*/
select, input {font-family: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:arial, helvetica, sans-serif; font-size: 12px; color:#333;line-height:16px; }
Ul li li{list-style-image:url('images/bullet2.gif');font-family:arial, helvetica, sans-serif; font-size: 12pt; line-height:16px; color:#333;}
Ul li Ul li{ font-family:arial, helvetica, sans-serif; font-size: 11px; color:#333;line-height:16px; text-decoration:underline;}

/*-- Left Navigatin FlexPlex CSS --*/
.leftnav{font-size: 14px; font-family: verdana, arial, helvetica, sans-serif;width:200px !important;color:#5b759a;}
a.leftnavparent, a.leftnavparent:link, a.leftnavparent:active, a.leftnavparent:visited{font: bold 12px arial, helvetica, sans-serif; color:#666; line-height: 1.5em; text-decoration:none;}
a.leftnavparent:hover, .leftnavparent a:hover{font: bold 12px arial, helvetica, sans-serif; color:#111; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel, a.leftnavparentsel:visited, a.leftnavparentsel:link, a.leftnavparentsel:active{font: bold 12px arial, helvetica, sans-serif; color:#111; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel:hover{font: bold 12px arial, helvetica, sans-serif; color:#111; line-height: 1.5em; text-decoration:none;}


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: 0 0 0 10px;width:268px;_width:278px;height:28px;}
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;}

.navparent a, .navparent a:visited, .navparent a:link, .navparent a:active{display:inline-block;font: normal 16px Arial, Helvetica, sans-serif; color:#444; line-height: 1.5em; text-decoration:none;padding: 0 0 0 10px;width:268px;_width:278px;height:28px;}
.navparent a: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;padding: 0 0 0 10px;width:268px;_width:278px;height:28px;}  
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;}

.LinksDesignTable td{padding:0 !important;}
.LinksDesignTable a, .LinksDesignTable a:link, .LinksDesignTable a:active, .LinksDesignTable a:visited{font: bold 12px arial, helvetica, sans-serif; color:#333; line-height: 1.5em; text-decoration:none;}
a.LinksDesignTable:hover, .LinksDesignTable a:hover{font: bold 12px arial, helvetica, sans-serif; color:#000; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel, a.leftnavparentsel:visited, a.leftnavparentsel:link, a.leftnavparentsel:active{font: bold 12px arial, helvetica, sans-serif; color:#000; line-height: 1.5em; text-decoration:none;}
a.leftnavparentsel:hover{font: bold 12px arial, helvetica, sans-serif; color:#000; 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;}
/*-- XMOD FORM CSS --*/
.PharmFormText{font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;line-height: 25px;}
.PharmFormText1{font: normal 12px Verdana, Arial, Helvetica, sans-serif; color:#fff;}
.PharmFormText TD, td.PharmFormText{width:150px !important; height:30px;}
.PharmTextBox{min-width:250px;width: 250px; border: 0px; height: 20px;font: bold 12px Verdana, Arial, Helvetica, sans-serif;padding:2px;color:#333;}
.PharmTextBox option{min-width:250px; max-width:800px; _width:800px;}
.PharmMessageBox{width: 250px; height: 100px; border: 0px; padding: 5px; font: bold 12px Verdana, Arial, Helvetica, sans-serif;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;}
.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: normal;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;}
option  {color:#444 !important;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:22px;}
option:checked {background-color:-moz-html-cellhighlight !important;color:#444 !important;}

/*-- 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;}

/* ControlPanel style */
#ctlwrapper{width:100%;}
.ControlPanel{background:#fff; width:960px; margin: 0 auto;text-align:center;border:none;padding-bottom:10px; border-bottom:1px solid #ddd;}
.ControlPanel td{text-align:center;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:12px;}


/* News CSS  */
div.NewsTitle,div.NewsTitle a{line-height:35px; font-size: 16px; font-weight:bold;text-decoration:none;}
div.NewsTitle{margin:10px 0;}
div.NewsHeadline{}
div.NewsHeadline img, div.NewsBody img{padding:0 20px;}
div.NewsBody{}
div.ReadMore {text-align:right; padding:10px;}

  /*--Careers Form css--*/
.tables{}
.heads td{vertical-align: middle; text-align: center; padding:5px; border: 1px black solid; margin: 20px; background-color: #333333; color: #FFFFFF; font-weight: bold;}
.item td{vertical-align: middle; text-align: center; padding:5px; margin: 20px; height: 100px; background-color: #EEEEEE; font-weight: normal;}
.altitem td{vertical-align: middle; text-align: center; padding:5px; margin: 20px; height: 100px; background-color: #CCCCCC; font-weight: normal;}
.item a:link, .item a:visited, .item a:active, .altitem a:link, .altitem a:visited, .altitem a:active {color: #333333;font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}
.item a:hover, .altitem a:hover {color: red; font-family: verdana, arial, helvetica, sans-serif;font-weight: normal;font-size: 12px;text-decoration: underline;}

 /*--Submission Form--*/
td.sfi{width: 250px;}
.afinput{width: 315px;}
.afinput2{width: 270px;}

/* Catalook */

.ProductTitle, .ProductTitle A, .ProductTitle A:hover, a.ProductTitle:hover{font-size: 16px; font-weight: bold; color:#333;text-decoration:none;}
#productPrice{float:left;}
#productPriceRight{float:right;}
.productdescription {color: #333;}
.productdescription a{display:none;}
.ProductSmallPrint{font-size:10px;color:#666; font-weight:normal;}
.CATAltHeaderSort{display:none;}

/* Registration  */

/*-- END CSS --*/

