﻿@import url(Universal_Layout.css);
@import url(Universal_Navigation.css);
@import url(Universal_Type.css);
@import url(Universal_Summary.css);
@import url(Universal_RoundedBoxes.css);

/* basic styles ------------------------------------------------ */

body {
	background: white;
	font-family: Arial, san-serif;
	color: #333;
	font-size: 9pt;
	margin: 0;
	padding: 0;
}

p.onePxBreak {
	height: 1px;
	line-height: 1px;
	background: transparent url('../images/break_2px.gif') repeat-x;
}

p.twoPxBreak {
	height: 2px;
	line-height: 2px;
	background: transparent url('../images/break_2px.gif') repeat-x;
}

/* misc ------------------------------------------------ */

.pad10 {
	padding-bottom: 10px;
}

.ModalBackground {
    background-color: slategray;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.Progress {
    background-color: white;
    filter: alpha(opacity=75);
    opacity: 0.75;
}

.Progress p, .Progress span {
    font: normal 9pt Arial, sans-serif;    
}

.ModalPopup {
	background-color: white;
	border: 2px solid #003366;
	padding: 30px;
	border: 0px solid #000000;
	background-image: url('../images/ModalPopupBG.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

.ModalPopup * {
    font: normal 9pt Arial, sans-serif;    
}

.ModalPopup a, .ModalPopup a:link, .ModalPopup a:visted {
}

.ModalPopup a:hover, .ModalPopup a:active {
}


.Transparent {
    filter: alpha(opacity=75);
    opacity: 0.75;
}


SPAN.InfoTitleText
{
	color: #333333;
	font : bold 9pt Arial, sans-serif;
}

TD.LeftBorder {
	background-image: none;
}

/* ------------- Registration Grid ------------------------------------------------- */

#contentWide .RegistrationGrid {
	border: 0;
}

#contentWide .RegistrationGrid input {
}

#contentWide .RegistrationGrid td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#contentWide .RegistrationGridHeader {
	color: white;
	background-color: #999999;
}

#contentWide .RegistrationGridHeader th {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

#contentWide .RegistrationGridHeader th a {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
}

#contentWide .RegistrationGridRow {
	background-color: White;
}

#contentWide .RegistrationGridAlternatingRow {
	background-color: #f5f5f5;
}

#contentWide .RegistrationGrid span {
}

#contentWide .RegistrationGrid a {
}

#contentWide .RegistrationGrid .EmptyText {
}

#contentWide .RegistrationGridPager span {
	margin-right: 0.25em;
}

#contentWide .RegistrationGridPager a {
	margin-right: 0.25em;
}

/* -------------  Generic Grid ----------------------------------------------------- */

#contentWide .GenericGrid {
	border: 0;
}

#contentWide .GenericGrid input {
}

#contentWide .GenericGrid td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#contentWide .GenericGridHeader {
	color: white;
	background-color: #999999;
}

#contentWide .GenericGridHeader th {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

#contentWide .GenericGridHeader th a {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
}

#contentWide .GenericGridRow {
	background-color: White;
}

#contentWide .GenericGridAlternatingRow {
	background-color: #f5f5f5;
}

#contentWide .GenericGrid span {
}

#contentWide .GenericGrid a {
}

#contentWide .GenericGrid .EmptyText {
}

#contentWide .GenericGridPager span {
	margin-right: 0.25em;
}

#contentWide .GenericGridPager a {
	margin-right: 0.25em;
}

/* old style headline/press release styles --------------------- */

#contentRight .ModuleContainer {
	margin: 1em 15px;
}

#contentRight .ModuleContainer * {
	margin: 0;
}

#contentRight .ModuleHeader {
	background-color: #c0c0c0;
}

#contentRight .ModuleHeader a:link, #contentRight .ModuleHeader a:visited {
	color: #006699;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}

#contentRight .ModuleHeader a:hover, #contentRight .ModuleHeader a:active {
	color: #000000;
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}

#contentRight .ModuleHeader td {
	padding: 6px;
}

#contentRight P.ModuleTitle {
	font-weight: bold;
}

#contentRight .ModuleContainer .ItemContainer {
	background-color: #f0f0f0;
	padding: 6px;
}

#contentRight .ModuleContainer .ItemContainer h1,
#contentRight .ModuleContainer .ItemContainer h2,
#contentRight .ModuleContainer .ItemContainer h3, 
#contentRight .ModuleContainer .ItemContainer h4, 
#contentRight .ModuleContainer .ItemContainer h5, 
#contentRight .ModuleContainer .ItemContainer h6 {
	font-size: 9pt;
	font-weight: bold;
}

#contentRight .ModuleContainer .ItemContainer p, 
#contentRight .ModuleContainer .ItemContainer table, 
#contentRight .ModuleContainer .ItemContainer div {
	margin: 3px 0;
}



#contentLeft .ModuleContainer {
	margin: 1em 0 2em 0;
}

#contentLeft .ModuleContainer * {
	margin: 0;
}

#contentLeft .ModuleHeader {
}

#contentLeft .ModuleHeader a:link, #contentLeft .ModuleHeader a:visited {
	color: #006699;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}

#contentLeft .ModuleHeader a:hover, #contentLeft .ModuleHeader a:active {
	color: #000000;
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}

#contentLeft .ModuleHeader td {
}

#contentLeft P.ModuleTitle {
	font-weight: bold;
	font-size: 150%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#contentLeft .ModuleContainer .ItemContainer {
}

#contentLeft .ModuleContainer .ItemContainer h1,
#contentLeft .ModuleContainer .ItemContainer h2,
#contentLeft .ModuleContainer .ItemContainer h3, 
#contentLeft .ModuleContainer .ItemContainer h4, 
#contentLeft .ModuleContainer .ItemContainer h5, 
#contentLeft .ModuleContainer .ItemContainer h6 {
	font-size: 9pt;
	font-weight: bold;
}

#contentLeft .ModuleContainer .ItemContainer p, 
#contentLeft .ModuleContainer .ItemContainer table, 
#contentLeft .ModuleContainer .ItemContainer div {
	margin: 3px 0;
}


#contentWide .ModuleContainer {
	margin: 1em 0;
}

#contentWide .ModuleContainer * {
	margin: 0 0 2em 0;
}

#contentWide .ModuleHeader {
}

#contentWide .ModuleHeader a:link, #contentWide .ModuleHeader a:visited {
	color: #006699;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}

#contentWide .ModuleHeader a:hover, #contentWide .ModuleHeader a:active {
	color: #000000;
	border-bottom: 1px dotted #000000;
	text-decoration: none;
}

#contentWide .ModuleHeader td {
}

#contentWide P.ModuleTitle {
	font-weight: bold;
	font-size: 150%;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

#contentWide .ModuleContainer .ItemContainer {
}

#contentWide .ModuleContainer .ItemContainer h1,
#contentWide .ModuleContainer .ItemContainer h2,
#contentWide .ModuleContainer .ItemContainer h3, 
#contentWide .ModuleContainer .ItemContainer h4, 
#contentWide .ModuleContainer .ItemContainer h5, 
#contentWide .ModuleContainer .ItemContainer h6 {
	font-size: 9pt;
	font-weight: bold;
}

#contentWide .ModuleContainer .ItemContainer p, 
#contentWide .ModuleContainer .ItemContainer table, 
#contentWide .ModuleContainer .ItemContainer div {
	margin: 3px 0;
}

/*
 auto completion in UserDetails\Toolbar.ascx 
	The auto complete list html is like this
	<ul class="CompletionList">
		<li class="CompletionListItem"><span><span class="HighlightedSearchWord">Abbott Laboratories</span><span class="NotesContent">(Company)</span></span>
		<li class="CompletionListHighlightedItem"><span>T123, AF3456,<span class="HighlightedSearchWord">Abbott</span>/ABT2345<span class="NotesContent">(Product)</span></span>
	</ul>	
*/
.CompletionList	/*Defines the ul*/
{
	border-left: #336699 1px solid;
    border-right: #336699 1px solid;
    border-bottom: #336699 1px solid;
    padding-right: 6px;
    padding-left: 6px;
    padding-bottom: 2px;
    padding-top: 2px;
    height:240px;
    background-color: whitesmoke;
	overflow:hidden;
}
.CompletionListItem	/* defines the item */
{
    margin : 0px!important;
    background-color: whitesmoke;
    border-bottom:1px dotted gainsboro;
    color : black;
    padding: 3px 0px 3px 0px ;
    height:16px;
    overflow:hidden;
}
.CompletionListItem	SPAN
{
	    color : black;
}
.CompletionListHighlightedItem
{
    margin : 0px!important;
    background-color: lavender;
    border-bottom:1px dotted gainsboro;
    color: black;
    padding: 3px 0px 3px 0px ;
    height:16px;
    cursor:pointer;
    overflow:hidden;
}
.CompletionListHighlightedItem SPAN
{
    color : black;
}
SPAN.HighlightedSearchWord
{
	font-weight:bold;
	color:#2F0F78;
}
SPAN.NotesContent
{
	color:#A5A5A5;
	font-style:italic;
}


/* ------------- What's New ---------------------------------------- */

.WhatsNewContainer a.StoryHeadline {
	display: block;
	float: left;
	border: 1px solid red;

	padding-right: 10px;
	padding-left: 10px;
	height: 26px;
	background-color: silver;
	background: url(../images/NG/Tabs/upper_selected.jpg) repeat-x;
	border-right: 1px solid white;
}

.WhatsNewContainer p.Story {
}

.WhatsNewContainer span.StoryDate {
}

/* ------- for pressreleases.aspx and headlines.aspx -------- */

#contentCentreMain table.pressreleases span.ModuleHeading,
#contentCentreMain table.Headlines span.ModuleHeading {
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 1em;
	display: block;
}
/* --- ucModuleShortcuts --*/

div.FrontPageMarketing .ModuleGroup td a, 
div.FrontPageMarketing .ModuleGroup td a:link, 
div.FrontPageMarketing .ModuleGroup td a:visited,
div.FrontPageMarketing .ModuleGroup td a:hover, 
div.FrontPageMarketing .ModuleGroup td a:active {
}

div.FrontPageMarketing .ModuleGroup a.ImageLink, 
div.FrontPageMarketing .ModuleGroup a.ImageLink:link, 
div.FrontPageMarketing .ModuleGroup a.ImageLink:visited,
div.FrontPageMarketing .ModuleGroup a.ImageLink:hover, 
div.FrontPageMarketing .ModuleGroup a.ImageLink:active {
	margin: 0;
	border-bottom: 0;

	position: relative;
	left: 0px;
	top: 0px;
	width: 97px;
	height: 48px;
	z-index: 10;

/*
	border-left: 4px solid white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
*/
	padding: 0;
	line-height: normal;
	border-bottom: 0;
}

div.FrontPageMarketing .ModuleGroup a.ImageLink img {
	margin: 0;
	border-bottom: 0;
	position: relative;
	left: 0px;
	top: 0px;
	width: 97px;
	height: 48px;
	z-index: 10;
}

.hidden
{
    display:none;
}

