@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: #708090;
    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;    
}

.TooltipPopup {
	border: 1px solid #333333;
	background-color: #FFFACD;
	padding: 1em 1.5em 1em 1.5em;
	width: 200px;
}

.TooltipPopup h1 {
	font-size: 1em;
	margin-bottom: 0.5em;
}

.TooltipPopup p {
	margin-top: 0;
	margin-bottom: 0.2em;
	line-height: 1.3em;
}

.ModalPopup {
	background-color: white;
	padding: 30px;
	border: 2px solid #003366;
	border: 1px solid #fff;
	background-image: url('../images/ModalPopupBG.jpg');
	background-repeat: repeat-x;
	background-position: top;
}

.ModalPopup * {
    font: normal 9pt Arial, sans-serif;
    line-height: 1.4em;
}

.ModalPopup input {
    font: normal 9pt Arial, sans-serif;    
}

.ModalPopup H1 {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 2.2em;
	letter-spacing: -0.05em;
}

.ModalPopup p, .ModalPopup span, .ModalPopup a {
    /*font: normal 9pt/1.4em Arial, sans-serif !important;    */
	font-size: 9pt !important;
	line-height: 1.4em !important;
	font-family: Arial, sans-serif !important;
}


.ModalPopup .PopupActionContainerTop {
	float: right;
	margin-right: -30px;
	margin-top: 0;
	width: 200px;
	text-align: center;
	height: 23px;
	background-image: url(../images/Webshop/Diag1.png);
	background-repeat: no-repeat;
	background-position: left;
	background-color: #663366;
}

.ModalPopup .PopupActionContainerBottom {
	position: absolute;
	margin-left: -30px;
	margin-bottom: 0;
	width: 200px;
	text-align: center;
	height: 23px;
	background: transparent url(../images/Webshop/ECommerceBottomDiag.gif) no-repeat right;
	bottom: 0;
}

.ModalPopup .PopupActionContainerTop .PopupActions {
	margin-top: -0.75em;
	margin-left: 34px;
	padding-bottom: 1px;
	zoom: 1;
}

.ModalPopup .PopupActionContainerTop .PopupActions a:link, .ModalPopup .PopupActionContainerTop .PopupActions a:visited {
	font: normal 8pt Tahoma, Arial, sans-serif !important;
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom: 1px dotted #ccccff;
	text-decoration: none;
}

.ModalPopup .PopupActionContainerTop .PopupActions a:hover, .ModalPopup .PopupActionContainerTop .PopupActions a:active {
	border-bottom: 1px dotted white;
}

.ModalPopup-Outer {
	text-align: left; 
	border: 15px solid white;
	background-color: White;
}

.ModalPopup-Outer .ActionContainer {
	text-align: right;
}

.ModalPopup-Outer .ActionContainer a.Action:link, .ModalPopup-Outer .ActionContainer a.Action:visited {
	font: bold 11pt Arial, sans-serif;
	color: #ccc;
	text-decoration: none;
	cursor: hand;
}

.ECommercePopup {
	background-position: right bottom;
	background: white url(../images/Webshop/ECommerceBg.png) no-repeat left bottom;
	border-style: solid;
	border-left-width: 2px;
	border-right-width: 2px;
	border-top-width: 15px;
	border-bottom-width: 15px;
	padding-top: 0;
	padding-bottom: 0;
	border-color: #663366;
}

.ECommercePopup H1 {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 2.5em;
	letter-spacing: -0.05em;
	text-transform: none;
	color: #444;
	margin-top: 20px;
	margin-bottom: 0.5em;
}

.ECommercePopup H2 {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	color: #663366;
	margin-top: 0;
	margin-bottom: 0.5em;
}

.ECommercePopup H3 {
	font-weight: bold;
	font-family: Arial, sans-serif;
	font-size: 1em;
	color: #333333;
	margin-top: 0;
	margin-bottom: 0.5em;
	border-bottom: 0;
	letter-spacing: normal;
}

.ECommercePopup .ItemName {
	color: #663366;
	font-size: 1.2em !important;
}


.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 ------------------------------------------------- */

#contentHolder .RegistrationGrid {
	border: 0;
}

#contentHolder .RegistrationGrid input {
}

#contentHolder .RegistrationGrid td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
}

#contentHolder .RegistrationGridHeader {
	color: white;
	background-color: #999999;
}

#contentHolder .RegistrationGridHeader th {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	font-size: 8pt;
}

#contentHolder .RegistrationGridHeader th a {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
	font-size: 8pt;
}

#contentHolder .RegistrationGridRow {
	background-color: White;
}

#contentHolder .RegistrationGridAlternatingRow {
	background-color: #f5f5f5;
}

#contentHolder .RegistrationGrid span 
{
   font-size: 8pt;
}

#contentHolder .RegistrationGrid a 
{
    font-size: 8pt;
}

#contentHolder .RegistrationGrid .EmptyText {
}

#contentHolder .RegistrationGridPager span {
	margin-right: 0.25em;
}

#contentHolder .RegistrationGridPager a {
	margin-right: 0.25em;
}

/* -------------  Generic Grid ----------------------------------------------------- */

#contentHolder .GenericGrid {
	border: 1px solid #666666;
}

#contentHolder .GenericGrid div {
	margin: 0;
}

#contentHolder .GenericGrid td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

#contentHolder .GenericGrid span {
    font: normal 9pt Arial, sans-serif;
}

#contentHolder .GenericGridHeader {
	color: white;
	background-color: #336699;
}

#contentHolder .GenericGridHeader th {
	padding: 7px 4px 7px 4px;
    font: normal 9pt Arial, sans-serif;
	border-bottom: 1px solid black;
}

#contentHolder .GenericGridHeader th a:link, #contentHolder .GenericGridHeader th a:visited {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
    font: normal 9pt Arial, sans-serif;
	text-decoration: none;
}

#contentHolder .GenericGridHeader th a:hover, #contentHolder .GenericGridHeader th a:active {
	border-bottom: 1px solid white;
	text-decoration: none;
}

#contentHolder .GenericGridRow {
	background-color: white;
	border-top: 1px dotted #c0c0c0;
}

#contentHolder .GenericGridRow td, #contentHolder .GenericGridAlternatingRow td {
	border-top: 1px solid #f0f0f0;
	padding: 7px 4px 7px 4px;
}

#contentHolder .GenericGridEmptyRow td {
	padding: 7px 0px 0px 0px;
}

#contentHolder .PurchaseHistoryExpandedGridRow td {
	border-top: 0px;
}

#contentHolder .GenericGridAlternatingRow {
	background-color: #f8f8f8;
}

#contentHolder .GenericGrid a {
    font: normal 9pt Arial, sans-serif;
}

#contentHolder .GenericGrid .EmptyText {
}

#contentHolder .GenericGridPager td {
	padding: 2px;
}

#contentHolder .GenericGridPager span {
	margin-right: 0.25em;
}

#contentHolder .GenericGridPager a {
	margin-right: 0.25em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* ------------- Report Details Popup ----------------------------------------- */

.ModalPopup .ItemName {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	margin-top: 0;
}

.ModalPopup .ReportDetails {
	padding: 8px 16px 8px 16px;
	overflow: auto;
	background-color: White;
	height: 200px;
	border-top: 8px solid #663366;
	border-right: 1px solid #663366;
	border-bottom: 8px solid #663366;
	border-left: 1px solid #663366;
}

.ModalPopup .ReportDetails * {
	font: normal 8pt Tahoma, Arial, sans-serif;
}

.ModalPopup .ReportDetails .SubGroup {
	padding-left: 2em;
	margin-bottom: 1em;
}

/* ------------- Trolley Grid ------------------------------------------------- */

.ModalPopup .TrolleyGrid {
	/*border: 1px solid #666666;*/
	border: 0;
}

.ModalPopup .TrolleyGrid input {
}

.ModalPopup .TrolleyGrid td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
    font: normal 8pt Tahoma, Arial, sans-serif;
}

.ModalPopup .TrolleyGridHeader {
	color: white;
	background-image: url('../images/Highlight.png');
	background-repeat: repeat-x;
	background-position: left 50%;
	background-color: #663366;
}

.ModalPopup .TrolleyGridHeader th {
	padding: 7px 4px 7px 4px;
    font: normal 8pt Tahoma, Arial, sans-serif;
}

.ModalPopup .TrolleyGridHeader th a {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
    font: normal 8pt Tahoma, Arial, sans-serif;
}

.ModalPopup .TrolleyGridRow {
	background-color: white;
	border-bottom: 1px dotted #c0c0c0;
}

.ModalPopup .TrolleyGridRow td, .ModalPopup .TrolleyGridAlternatingRow td {
	border-bottom: 1px dotted #c0c0c0;
	padding: 7px 4px 7px 4px;
}

.ModalPopup .TrolleyGridAlternatingRow {
	background-color: #FFFFFF;
}

.ModalPopup .TrolleyGrid span {
    font: normal 8pt Tahoma, Arial, sans-serif;
}

.ModalPopup .TrolleyGrid a {
    font: normal 8pt Tahoma, Arial, sans-serif;
	border-bottom: 1px dotted #006699;
	text-decoration: none;
}

.ModalPopup .TrolleyGrid a:hover {
	text-decoration: none;
}

.ModalPopup .TrolleyGrid .EmptyText {
}

.ModalPopup .TrolleyGridPager td {
	padding: 2px;
}

.ModalPopup .TrolleyGridPager span {
	margin-right: 0.25em;
}

.ModalPopup .TrolleyGridPager a {
	margin-right: 0.25em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

.ModalPopup .TrolleyActionRow {
	background-color: transparent;
	padding: 4px 4px 4px 4px;
	border: 1px solid #666666;
	border-top: 0px;
	margin-left: 0;
}

.ModalPopup .TrolleyActionRow .TrolleyAction:link, .ModalPopup .TrolleyActionRow .TrolleyAction:visited {
	font: normal 8pt Tahoma, Arial, sans-serif;
}

.ModalPopup .TrolleyActionRow .TrolleyAction:hover, .ModalPopup .TrolleyActionRow .TrolleyAction:active {
}

.ModalPopup .TrolleyStatusRow {
	background-color: #cc0000;
	padding: 4px 4px 4px 4px;
	border: 1px solid #666666;
	border-top: 0px;
	margin-left: 0;
}

.ModalPopup .TrolleyStatusRow * {
	font-weight: bold;
	color: white;
}

.ModalPopup .TrolleyGridHolder {
	border-top: 1px solid #666666;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
}

.ModalPopup .OrderTotalHolder {
	border: 1px solid #666666;
	border-top: 1px dotted #999999;
	padding: 0;
	margin-top: -17px;
	background-color: white;
}

.ModalPopup .OrderTotalTable {
	border-collapse: collapse;
}

.ModalPopup .OrderTotalTable td {
	padding: 4px;
}

.ModalPopup .OrderTotalTable span {
    font: normal 8pt Tahoma, Arial, sans-serif;
}

/* ------------- Purchase History Grid ---------------------------------------- */

#contentWide .PurchaseHistoryGrid {
	border: 1px solid #666666;
}

#contentWide .PurchaseHistoryGrid td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

#contentWide .PurchaseHistoryGrid span {
    font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryGridHeader {
	color: white;
	background-color: #336699;
}

#contentWide .PurchaseHistoryGridHeader th {
	padding: 7px 4px 7px 4px;
    font: normal 9pt Arial, sans-serif;
	border-bottom: 1px solid black;
}

#contentWide .PurchaseHistoryGridHeader th a {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
    font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryGridRow {
	background-color: white;
	border-top: 1px dotted #c0c0c0;
}

#contentWide .PurchaseHistoryGridRow td, #contentWide .PurchaseHistoryGridAlternatingRow td {
	border-top: 1px solid #f0f0f0;
	padding: 7px 4px 7px 4px;
}

#contentWide .PurchaseHistoryExpandedGridRow td {
	border-top: 0px;
}

#contentWide .PurchaseHistoryGridAlternatingRow {
	background-color: white;
}

#contentWide .PurchaseHistoryGrid a {
    font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryGrid .EmptyText {
}

#contentWide .PurchaseHistoryGridPager td {
	padding: 2px;
}

#contentWide .PurchaseHistoryGridPager span {
	margin-right: 0.25em;
}

#contentWide .PurchaseHistoryGridPager a {
	margin-right: 0.25em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#contentWide .PurchaseHistoryGrid div {
	margin-top: 0;
}

/* ------------- Purchase History Item Grid ----------------------------------- */

#contentWide .PurchaseHistoryItemGrid {
	border-top: 0px solid #666666;
	border-bottom: 0px solid #999999;
	table-layout: fixed;
	margin-bottom: 1em;
}
#contentWide .PurchaseHistoryItemGrid span {
	font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryItemGridHeader {
	color: white;
	background-color: #999999;
}

#contentWide .PurchaseHistoryItemGridHeader th {
	padding: 7px 4px 7px 4px;
	font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryItemGridHeader th a {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
	font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryItemGridRow {
	background-color: white;
}

#contentWide .PurchaseHistoryItemGridRow td, #contentWide .PurchaseHistoryItemGridAlternatingRow td {
	border-top: 0;
	padding: 7px 4px 7px 4px;
	border-bottom: 1px solid #f0f0f0;
}

#contentWide .PurchaseHistoryItemGridRow:last-child td, #contentWide .PurchaseHistoryItemGridAlternatingRow:last-child td {
	border-bottom: 0px;
}

#contentWide .PurchaseHistoryItemGridAlternatingRow {
	background-color: white;
}

#contentWide .PurchaseHistoryItemGrid a {
	font: normal 9pt Arial, sans-serif;
}

#contentWide .PurchaseHistoryItemGrid .EmptyText {
}

#contentWide .PurchaseHistoryItemGridPager td {
	padding: 2px;
}

#contentWide .PurchaseHistoryItemGridPager span {
	margin-right: 0.25em;
}

#contentWide .PurchaseHistoryItemGridPager a {
	margin-right: 0.25em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

/* ------------- Order History Grid ---------------------------------------- */

#contentWide .OrderHistoryGrid {
	border: 1px solid #333333;
}

#contentWide .OrderHistoryGrid td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
    font: normal 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderHistoryGrid span {
    font: normal 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderHistoryGridHeader {
	color: white;
	background-color: #336699;
}

#contentWide .OrderHistoryGridHeader th {
	padding: 7px 7px 7px 7px;
    font: bold 8pt Tahoma, Arial, sans-serif;
	border-bottom: 1px solid #333333;
}

#contentWide .OrderHistoryGridHeader th a:link, #contentWide .OrderHistoryGridHeader th a:visited {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
    font: bold 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderHistoryGridHeader th a:hover, #contentWide .OrderHistoryGridHeader th a:active {
	border-bottom: 1px solid white;
	text-decoration: none;
}

#contentWide .OrderHistoryGridRow {
	background-color: white;
}

#contentWide .OrderHistoryGridRow td, #contentWide .OrderHistoryGridAlternatingRow td {
    color: #000000;
	border-top: 1px solid #d8d8d8;
	padding: 7px 7px 7px 7px;
}

#contentWide .OrderHistoryGridRow span, #contentWide .OrderHistoryGridAlternatingRow span {
    color: #000000;
}

#contentWide .OrderHistoryGridAlternatingRow {
	background-color: #f5f5f5;
}

#contentWide .OrderHistoryGridSelectedRow {
	background-color: #cc0000;
}

#contentWide .OrderHistoryGridSelectedRow a {
	border-bottom-color: White;
}

#contentWide .OrderHistoryGridSelectedRow td {
	color: White;
	padding: 7px 7px 7px 7px;
}

#contentWide .OrderHistoryGridSelectedRow * {
	color: White;
}

#contentWide .OrderHistoryGrid a {
    font: normal 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderHistoryGrid .EmptyText {
}

#contentWide .OrderHistoryGridPager td {
	padding: 2px;
}

#contentWide .OrderHistoryGridPager span {
	margin-right: 0.25em;
}

#contentWide .OrderHistoryGridPager a {
	margin-right: 0.25em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

#contentWide .OrderHistoryGrid div {
	margin-top: 0;
}

/* ------------- Order Item History Grid ----------------------------------- */

#contentWide .OrderItemHistoryGrid {
	border: 1px solid #333333;
}

#contentWide .OrderItemHistoryGrid td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
    font: normal 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderItemHistoryGrid span {
    font: normal 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderItemHistoryGridHeader {
	color: white;
	background-color: #999999;
}

#contentWide .OrderItemHistoryGridHeader th {
	padding: 7px 7px 7px 7px;
    font: bold 8pt Tahoma, Arial, sans-serif;
	border-bottom: 1px solid #333333;
}

#contentWide .OrderItemHistoryGridHeader th a:link, #contentWide .OrderItemHistoryGridHeader th a:visited {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
    font: bold 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderHistoryGridHeader th a:hover, #contentWide .OrderHistoryGridHeader th a:active {
	border-bottom: 1px solid white;
	text-decoration: none;
}

#contentWide .OrderItemHistoryGridRow {
	background-color: white;
}

#contentWide .OrderItemHistoryGridRow td, #contentWide .OrderItemHistoryGridAlternatingRow td {
	padding: 7px 7px 7px 7px;
    color: #000000;
}

#contentWide .OrderItemHistoryGridRow span, #contentWide .OrderItemHistoryGridAlternatingRow span {
    color: #000000;
}

#contentWide .OrderItemHistoryGridAlternatingRow {
	background-color: #f5f5f5;
}

#contentWide .OrderItemHistoryGridSelectedRow {
	background-color: #cc0000;
	color: White;
}

#contentWide .OrderItemHistoryGridSelectedRow * {
	color: White;
}

#contentWide .OrderItemHistoryGrid a {
    font: normal 8pt Tahoma, Arial, sans-serif;
}

#contentWide .OrderItemHistoryGrid .EmptyText {
}

#contentWide .OrderItemHistoryGrid div {
	margin-top: 0;
}

#contentHolder .GenericGrid div {
	margin-top: 0;
}

#contentHolder .GenericGrid .StatusMessage {
	color: #006600;
}

/* 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: #f5f5f5;
	overflow:hidden;
}
.CompletionListItem	/* defines the item */
{
    margin : 0px!important;
    background-color: #f5f5f5;
    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: #E6E6FA;
    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;
}

.hidden
{
    display:none;
}

.editing
{
    display:none;
}

/* -------------  Generic Grid ----------------------------------------------------- */

 .GenericGrid {
	border: 1px solid #666666;
}

 .GenericGrid div {
	margin: 0;
}

 .GenericGrid td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

 .GenericGrid span {
    font: normal 8pt Arial, sans-serif;
}

 .GenericGridHeader {
	color: white;
	background-color: #336699;
}

 .GenericGridHeader th {
	padding: 7px 4px 7px 4px;
    font: normal 8pt Arial, sans-serif;
	border-bottom: 1px solid black;
}

 .GenericGridHeader th a:link,  .GenericGridHeader th a:visited {
	color: White;
	border-bottom: 1px dotted white;
	line-height: 1em;
    font: normal 8pt Arial, sans-serif;
	text-decoration: none;
}

 .GenericGridHeader th a:hover,  .GenericGridHeader th a:active {
	border-bottom: 1px solid white;
	text-decoration: none;
}

 .GenericGridRow {
	background-color: white;
	border-top: 1px dotted #c0c0c0;
}

 .GenericGridRow td,  .GenericGridAlternatingRow td {
	border-top: 1px solid #f0f0f0;
	padding: 7px 4px 7px 4px;
}

 .GenericGridEmptyRow td {
	padding: 7px 0px 0px 0px;
}

 .PurchaseHistoryExpandedGridRow td {
	border-top: 0px;
}

 .GenericGridAlternatingRow {
	background-color: #f8f8f8;
}

 .GenericGrid a {
    font: normal 8pt Arial, sans-serif;
}

 .GenericGrid .EmptyText {
}

 .GenericGridPager td {
	padding: 2px;
}

 .GenericGridPager span {
	margin-right: 0.25em;
}

 .GenericGridPager a {
	margin-right: 0.25em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

 .GenericGrid div {
	margin-top: 0;
}

 .GenericGrid .StatusMessage {
	color: #006600;
}