﻿/******************************************************************************
Developed By   : COGNIZANT
Developed On   : 06/11/2007
File Name	   : hospira_calculation.css
Description    : This is the style sheet for the Hospira Environmental Calculation Application
******************************************************************************/
html, body
{
  margin: 0; padding: 0; border: 0;
  height: 100%;
}

td
{
  vertical-align: top;  
  font-family: Arial;
  font-size: 12px;  
}	

a { color: #6A437B;	}
a:hover { color: #442B4F; }	

td.middleBody
{
  width: 464px;
  font-family: arial;
  padding-left: 30px;  
  padding-right: 30px;  
  padding-bottom: 30px;  
}

td.middleBodyNoRight
{
  width: 100%;
  font-family: arial;
  padding-left: 30px;  
  padding-right: 30px;  
  padding-bottom: 30px;    
}

td.rightColumn
{
  width: 170px;
  background-color: #999999;
  /*height: 450px;*/
}

td.callOut
{
  background-color: #CCCCCC;
  padding: 12px;
  height: 70px;
}

th.eventsHeader
{
  background-color: #6A437B;
  color: #FFFFFF;
  font-weight: bold;
  padding: 3px;
}

div.paddedBR
{
  padding-top: 8px;
}

hr.hRule
{
  color: #999999;
  height: 1px;
}

td.separateBorder
{
  background-color: #FFFFFF;
  height: 1px;
  width: 167px;
}

ul  {
	list-style: disc;
	margin-top:2px;
	margin-left: 0;
	margin-bottom:12px;
	padding-left: 2em;
	text-indent: 0em;
	}
li  {
	margin-bottom:2px;
	font-family:arial;
	font-size:12px;
	}
ul ul {
	list-style: disc;
	margin-top:2px;
	margin-left: 0;
	margin-bottom:0px;
	padding-left: 2em;
	text-indent: 0em;	
	} 
ul ul li {
	list-style-type:circle;
	margin-bottom:0px;
	}
	
ul.countryList 
{
	list-style-type: square;
	margin-top:0px;
	margin-left: 0px;
	margin-bottom:0px;
	padding-top: 10px;
	padding-left: 2em;
	text-indent: 0em;
	}	
	
li.countryListElement
{
  font-size: 11px;
	margin: 0px;
	padding: 0px;
}	

.searchResults a:link, .searchResults a:visited
{
  color: #6A437B;
  text-decoration: underline;
}

.searchResults a:hover
{
  color: #442B4F;
  text-decoration: underline;  
}

a.searchResultsNext
{
  color: #6A437B;
  text-decoration: underline;
}

a.searchResultsNext:visited
{
  color: #6A437B;
  text-decoration: underline;
}

a.searchResultsNext:hover
{
  color: #6A437B;
  text-decoration: underline;
}

.Footer
{
   font-family: arial; 
	color: #999999;
	font-size: 10px;
}

a { color: #6A437B;	}
a:hover { color: #442B4F; }	

a.footer 
{ 
  color: #999999; 
  font-size: 10px;
  text-decoration:underline;
}

a.footer:visited 
{ 
  color: #999999; 
  font-size: 10px;
  text-decoration:underline;
}

a.footer:hover
{ 
  color: #666666; 
  font-size: 10px;
  text-decoration:underline;
}

a.footerEmph 
{ 
  color: #6A437B; 
  font-size: 10px;
  text-decoration:underline;
}

a.footerEmph:visited 
{ 
  color: #6A437B; 
  font-size: 10px;
  text-decoration:underline;
}

a.footerEmph:hover
{ 
  color: #442B4F; 
  font-size: 10px;
  text-decoration:underline;
}

a.navNoScript
{ 
  color: #FFFFFF; 
  text-decoration: none;
}

a.navNoScript:visited 
{ 
  color: #FFFFFF; 
  text-decoration: none;
}

a.navNoScript:hover
{ 
  color: #FFFFFF; 
  text-decoration:none;
}

td.footer
{
  padding: 5px 11px 15px 11px;
  text-align:center;
}



td.formField
{
  text-align: left;
  padding-left: 5px;
  padding-right: 7px;   
}

span.errorMessage
{
  font-family: arial;
  font-size: 10px;
  color: Red;
}
.errorMessage
{
  font-family: arial;
  font-size: 12px;
  color: Red;
}
.successMessage
{
  font-family: arial;
  font-size: 12px;
  color: #6A437B;
  font-weight: bold; 
}
span.confirmMessage
{
  font-family: arial;
  font-size: 12px;
  color: #6A437B;
  font-weight: bold;
}
.errorAsterix
{
  color: #FF0000;
  font-family: verdana;
  font-weight: bold;
  font-size: 12px;
}


.formErrorMessage
{
  font-family: arial;
  color: #FF0000;
  font-size: 11px;
}

.fieldUnselected
{
	background-color: #FFFFFF;
	border: #442B4F 1px solid;
}

.fieldSelected
{
	background-color: #FFFFEE;
	border: #6A437B 1px solid;
}

.subsubHeader
{
	font-size: 12px;
	font-weight: bold;
}

.productsGrayBox 
{
	background:#CCCCCC;
	border:1px solid #CCCCCC;
	padding:20px;
	font-family:Arial;
	font-size:12px;
	color:#000000;
}

#pageIdentifierHospira
{
	padding-top: 30px; 
	width: 740; 
	text-align: right;
	font-family: arial;
	font-size: 10px;
	color: #CCCCCC;
}

/* Navint Additions - Jay Mueller (jmueller@navintconsulting.com) */

.eventsTable
{
  border-top: #808080 1px solid;
  border-left: #808080 1px solid;
  border-right: #808080 1px solid;
}

td.eventsHeader
{
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: White;
  font-weight: bold;
  background-color: #6A437B;
  padding: 5px;
  border-bottom: #808080 1px solid;
}

td.eventsCell
{
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: Black;
  padding-top: 5px;
  padding-left: 7px;
  padding-right: 3px;
  border-bottom: #808080 1px solid;
}

em
{
  font-family: Arial, Verdana, Tahoma;
  font-size: 12px;
  color: Black;
}

.mainContent, .text
{
  margin: 0; padding: 0; border: 0;
  font-family: arial;
  font-size: 12px;
}



.subHeader
{
  font-size: 12px;
  color: #6A437B;
  font-weight: bold;
}

.subHeaderCaps
{
  font-size: 12px;
  color: #6A437B;
  font-weight: bold;
  text-transform: uppercase;
}

.callOut 
{
  font-size: 11px;
  font-family: arial, verdana, helvetica, sans-serif;
}

div.callOutHead
{
  padding-top: 10px;
  font-family: arial;
  font-size: 11px;
}

.callOutStandard
{
  font-family: arial;
  font-size: 11px;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
}

.callOutEmph
{
  color: #6A437B;
  font-size: 13px;
}

.callOutSubHead
{
  color: #6A437B;
  font-size: 11px;
  font-weight: bold;
}

td.careersLabel
{
  width: 40%;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #6A437A;
}

th.careersLabel
{
  width: 40%;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #6A437A;
  text-align: left;
}

td.careersBody
{
  font-family: arial;
  font-size: 12px;
  color: #333333;
}

td.sideNavNoScript
{
  vertical-align: middle;
  text-align: left;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 14px;
  color: #FFFFFF;
  font-family: arial, tahoma, verdana;
  font-size: 11px;
  font-weight: bold;
}

.pressReleaseHeader
{
  font-family: arial;
  color: #6A437A;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 75%;
  padding-bottom: 10px;
}

p.homepageBlurb
{
  font-family: arial;
  font-size: 11px;
  color: #FFFFFF;
}

.ms-WPBody 
{
    font-size: 80%; 
    font-family: arial, verdana, helvetica, sans-serif; 
}

ul.searchResults
{
  padding: 0px;
  padding-left: 1.5em;
  margin: 0px;
  list-style-type: square;
  font-size: 12px;
}

td.formLabel
{
  font-size: 10px;
  font-family: arial;
  text-align: right;
  vertical-align: top;
  font-weight: bold;	
  padding-right: 2px;
}

/*p
{
  padding: 3px 0px 7px 0px;
  margin: 0px;
  font-size: 12px;  
}*/

.textMedium
{
 font-size: 11px; 
}

.TextIn
{
    FONT-SIZE: 11px;
    WIDTH: 175px;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 100%; 
    LINE-HEIGHT: normal; 
    HEIGHT: 21px; 
    vertical-align:top;  
}

.TextInGrid
{
    FONT-SIZE: 11px;
    WIDTH: 100px;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 100%; 
    LINE-HEIGHT: normal; 
    HEIGHT: 21px; 
    vertical-align:top;  
}

.TextInGrd
{
	FONT-SIZE: 11px;
    WIDTH: 50px;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 100%; 
    LINE-HEIGHT: normal; 
    HEIGHT: 21px; 
    vertical-align:top; 	
}

.TextSmall
{
    FONT-SIZE: 11px;
    WIDTH: 120px;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 100%; 
    LINE-HEIGHT: normal; 
    HEIGHT: 21px; 
    vertical-align:middle;  
}

td.leftNav
{
  width: 170px;
  HEIGHT: 450px;
  background-color: #999999;
}

td.AdminleftNav
{
  width: 170px;
  HEIGHT: 450px;
  background-color: #999999;
}

.DropDown
{
    FONT-SIZE: 11px;
    WIDTH: 100px;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 100%; 
    LINE-HEIGHT: normal; 
    HEIGHT: 21px; 
    vertical-align:top;  
}

.TableRow
{
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    COLOR: black;
    FONT-FAMILY: Verdana;
    COLOR: black;  
}

.Button
{
	border-style: None;
	background-color: #6a437b;
	font-weight: Bold;
	Font-Size: 12px; 
	Width: 56px;
	COLOR: white;
}

.BtnLarge
{
	border-style: None;
	background-color: #6a437b;
	font-weight: Bold;
	Font-Size: 12px; 
	Width: 80px;
	COLOR: white;
}

.BtnXLarge
{
	border-style: None;
	background-color: #6a437b;
	font-weight: Bold;
	Font-Size: 12px; 
	Width: 110px;
	height: 19px;
	COLOR: white;
}

td.BottomBorder
{
	BACKGROUND-COLOR: #6a437b;
	width: 762px;
	height:4px;
}

td.TopMenuBar
{
	BACKGROUND-COLOR: #6a437b;
	height: 23px;
	width: 763px;
}

td.AdminTopMenuBar
{
	BACKGROUND-COLOR: #6a437b;
	height: 23px;
	width: 100%;
}

table.MainTable
{
  width: 764px; 
  border-left: #FFFFFF 1px solid; 
  border-right: #FFFFFF 1px solid;
  border-bottom : #FFFFFF 1px solid; 
}

table.AdminMainTable
{
  width: 100%; 
  border-left: #FFFFFF 1px solid; 
  border-right: #FFFFFF 1px solid;
  border-bottom : #FFFFFF 1px solid; 
}

table.TopTable
{
  width: 764px; 
  border-left: #FFFFFF 1px solid; 
  border-Top: #FFFFFF 1px solid; 
}

table.AdminTopTable
{
  width: 100%; 
  border-left: #FFFFFF 1px solid; 
  border-Top: #FFFFFF 1px solid; 
}

td.middleBodyMain
{
  font-family: arial;
  padding-bottom: 20px;
  vertical-align: top;  
}

.GridHeader
{
	font-family: arial;
	height: 10px;
	BACKGROUND-COLOR: #6a437b;
	Color: White; 
	font-weight: Bold;
}

.MiddleHeader
{
  font-family: arial;
  font-size: 20px;
  font-weight: bold;
  color: #6A437A;
}

.MiddleSubHeader
{
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #6A437A;
}

.Welcome
{
  font-family: arial;
  font-size: 16px;
  font-weight: bold;
  color: #6A437A;
}

.
HomeMsg
{
   font-family: arial; 
	color: black;
	font-size: 12px;
}

.LeftNavLogo
{
	height: 370px;
	
}
.lbl
{
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	color:Black;     	 
}
.DrpDwn
{	
	font-family:arial;
	font-size: 11px; 		
	width: 100px;		 
	line-height: normal; 	
}

.CCADrpDwn
{	
	font-family:arial;
	font-size: 11px; 		
	width: 150px;		 
	line-height: normal; 	
}

.txt
{
	font-family:arial;
	font-size:11px;	
	color:Black;     	 
}

.GrdTxt
{	
	font-family:arial;
	font-size: 11px; 
	text-align: center;			
}
.GrdHeadTxt
{
	font-family:arial;
	font-size:20px; 					
	background-color:#6a437b;		
	color: White; 	
}

.tabletextcolor
{
	color:White;
}

.GridBgGray
{
	background-color:#999999;
	color:#999999;
}
.GridBgBlack
{
	background-color:#000000;
	color:#000000;
}
.GridBgWhite
{	
	color:White;
	border-bottom-color:White;  	 	
}
.GridCellBorder
{	
	border-top-color:Black;
	border-bottom-color:White;  	 		  
}
.GrdDosageType
{	
	background-color:#6a437b;		
	color: White; 	
}

.indent1 { margin: 2px 0px 4px 0px; }
.indent2 { margin: 14px 0px 4px 30px; }
.indent3 { margin: 2px 0px 4px 60px; }
.indent4 { margin: 2px 0px 4px 90px; }
.indent5 { margin: 2px 0px 4px 120px; }

.calendar
{
	border-right: 1px outset;
	border-top: 1px outset;
	font-size: 8pt;
	border-left: 1px outset;
	color: black;
	border-bottom: 1px outset;
	font-family: Tahoma;
	position: absolute;
	background-color: steelblue;
}

.AltRow
{  	
	BACKGROUND:#D0D0D0;
	text-align: center;
	font-family:arial;
	font-size: 11px;       	 
}

