/*----- Lilly.com HTML CSS -----*/

/*----- global styles -----*/
/* these styles control appearance of elements included in the entire page */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	voice-family: "\";}\"";
	voice-family: inherit;
	background-color: #FFF;
}
a {
	color: #C00;
	text-decoration: none;
}
h1 {
	font-size: 85%;
	font-weight: bold;
	color : #CC0000;
	padding: 0;
	margin: 0;
}
h2, h3, h4, p, blockquote, ul, ol, h6 {
	color: #000;
	font-size: 70%;
	margin: 0;
	padding: 0;
}
#formText {
	color: #000;
	font-size: 70%;
	margin: 0;
	padding: 0;
	border:none;

}

#formText h1 {
	font-size: 200%;	
	color: #FFF;
}
#formText2 {
	color: #000;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border:none;
}

#formText2 h1 {
	font-size: 200%;	
	color: #FFF;
}

h5 {
	color: #000;
	font-size: 60%;
	margin: 0;
	padding: 0;
}


blockquote {
	font-size: 90%;
}
.none {
	font-size: 50%;
	margin: 0;
	padding: 0;
}
ul ul, ol ol {
	font-size: 100%;
}

/*----- header styles -----*/
/* these styles control appearance of elements included in the header tables of the page */
#header {
	width: 750px;
}
#header .topBar {
	color: #FFF;
	background-color: #C00;
	vertical-align: middle;
}
#header .topBar a {
	font-size: 70%;
	color: #FFF;
}
#header .topBar h1 {
	font-size: 200%;	
	color: #FFF;
}
#header .topBar a:hover {
	text-decoration: underline;
}
#header .topBar img {
	float: left;
}
#header .topBar .float {
	float: right;
	padding: 7px 3px 0 0;
}
#header select {
	color: #C00;
	font-size: 80%;
	margin: 0 5px 0 10px;
	background-color: #FFF;
	border: 1px solid #C00;
}
#header .blueBox {
	background-color: #DDD;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
#header .globalNav {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	padding-bottom: 3px;
}
#header .globalNav_empty {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

/*----- content styles -----*/
/* these styles control appearance of elements included in the content table of the page */

/*--- subNav - refer to lilly_navigation.css ---*/

/*--- content area styles ---*/
#content {
	width: 750px;
	background-color: #FFF;
}
#content td.contentArea {
	background-color: #FFF;
	vertical-align: top;
	border-right: 1px solid #CCC;
	height: 145px;
}
/* MODIFIED */
#content td.contentArea2 {
	background-color: #FFF;
	vertical-align: top;
	border-right: 1px solid #CCC;
	height: 145px;
}

#content td.contentNews {
	background-color: #FFF;
	vertical-align: top;
	border-right: 1px solid #CCC;
	height: 145px;
}
#content .contentNews table td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
}
#content .contentNews table tr td a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}
#content .contentNews table tr td p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
}




#content td.contentArea table tr td p a{
	margin: 0 0 0 0;
	padding:0 0 0 0;
	border: 0 0 0 0;
}


/* breadcrumb styles */
.breadcrumbArea {	
	border-right: 1px solid #CCC;	
}
#breadcrumb {
	border-right: 1px solid #CCC;	
	border-bottom: 1px solid #CCC;		
	text-indent: 3pt;
	height : 21px;
}
#breadcrumb table tr td{    
    font-size : 65%;
    margin: 5px 10px 10px 5px;
    margin 0;
    color: #ccc;
}
#breadcrumb table tr td a{
    font-size : 100%;    
    margin: 5px 10px 10px 5px;
    color: #000;
}
#breadcrumb table tr td p a{
    font-size : 100%;  
    margin: 0;      
    padding : 0 0 0 3px;
    color: #000;
}
#breadcrumb table tr td p{
    font-size : 100%;    
    margin: 0;
    padding : 0 0 0 3px;
    color: #ccc;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a.selected {
	color: #C00;
}


/* text styles */
#content h1, #content h2, #content h3, #content h4 ,#content h5,#content h6{
	margin: 3px 0 0 5px;
}
#content h1 {
	color: #CC0000;
}
#content h3, #content h4 ,#content h5,#content h6{
	font-weight: normal;
}
#content p.h3Text, #content h4 p.h4Text,#content h5 p.h5Tex,#content h6 p.h6Tex {
	font-size: 70%;
}
#content h3, p.h3Text {
	padding-left: 20pt;
	text-align : left;
}
#content h4, p.h4Text {
	text-align : center;
}
#content p.h5Text {
	text-align : right;
}
#content p {
	margin: 5px 10px 10px 5px;
}
/* MODIFIED, created */
#content2 p {
	margin: 0px 0px 0px 0px;
}
#content .contentArea ul, #content .contentArea ol {
	color: #000;
	padding: 0;
	padding-left: 45px;
	list-style-position: outside;
}
#content ul.anchorLink {
	font-weight: bold;
	text-indent: 20px;
	list-style-type: none;
}
#content a:hover {
	text-decoration: underline;
}
.footnote {
	color: #666;
	font-size: 70%;
	padding: 3px;
	border: 1px solid #CCC;
}
#content select {
	color: #666;
	background-color: #EEE;
	border: 1px solid #666;
}
#content input {
	color: #666;
	border: 1px solid #666;
}
#content input.button {
	background-color: #EEE;
}
/* imageTable styles */
.contentArea table td {
	padding: 2px;
}
/* MODIFIED */
.contentArea2 table td {
	padding: 0px;
    	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}

.contentArea2 table tr td {
	padding: 0px;
    	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
}


table.imageTable {
	border: 1px solid #CCC;
	background-color: #EEE;
	padding: 2px;
	margin: 5px;
}
.imageTable p {
	color: #666;
	font-size: 65%;
}
.caption {
	color: #666;
	font-size: 65%;
}

/*--- tout styles ---*/
/* these styles control appearance of elements included in the tout area of the ".contentArea" applied table cells */
#content .tout {
	background-color: #FCC;
	border: 1px solid #CCC;
	padding: 10px 2px 10px 2px;
}
#content .tout h1 {
	color: #000;
	font-weight: bold;
	font-size: 70%;
	padding-top: 0;
	margin-top: 0;
}
/* MODIFIED */
#content .tout ul {
	list-style-position: outside;
	list-style-image:  url(../../images/Lilly/touts/tout_arrow.gif);
	margin-bottom: 10px;
	margin-left: -15px;
}
#content .tout a {
	font-size: 70%;
	margin: 10px 0 0 10px;
}

/*----- interstitial page styles -----*/
/* these styles control appearance of elements included in the interstitial pages that launch while trying to leave the site */
#interstitial {
	background-color: #EEE;
	height: 100%;
	padding: 20px;
}
#interstitial .information {
	background-color: #FFF;
	padding: 10px;
	border: 1px solid #666;
	height: 75%;
}
#interstitial h1 {
	font-size: 120%;
	font-weight: bold;
	font-color: #C00;
} 
#interstitial p {
	font-size: 100%;
}
#interstitial table {
	width: 100%;
}
#interstitial input {
	font-size: 80%;
	cursor: hand;
	height: 20px;
	width: 75px;
	background-color: #EEE;
	border: 1px solid #666;
}

/*----- footer styles -----*/
/* these styles control appearance of elements included in the footer table of the page */
#footer {
	width: 750px;
}
#footer td {
	vertical-align: top;
	border-top: 1px solid #000;
}
#footer p {
	color: #000;
	font-size: 60%;
	padding: 5px 0 20px 150px;
}
#footer a {
	color: #C00;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}