/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #CCCCCC;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: black;
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
    text-decoration:    none;
    color:white;
}

A.SelectedTab:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.SelectedTab:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* text style for the unselected tabs */
.OtherTabs {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:white;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#eeeeee;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#cccccc;
}

/* GENERAL */
/* style for module titles */
.Head   {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #333333;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: bold
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Tahoma, Arial, Helvetica;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: #003366;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: #ff0000;
}
    
/* GENERIC */
H1  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H2  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  20px;
    font-weight:    normal;
    color: #666644;
}

H3  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H4  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    normal;
    color: #003366;
}

H5, DT  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

H6  {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

TFOOT, THEAD    {
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    color: #003366;
}

TH  {
    vertical-align: baseline;
    font-family: Tahoma, Arial, Helvetica;
    font-size:  12px;
    font-weight:    bold;
    color: #003366;
}

A:link  {
    text-decoration:    none;
    color:  #003366;
}

A:visited   {
    text-decoration:    none;
    color:  #003366;
}

A:active    {
    text-decoration:    none;
    color:  #003366;
}

A:hover {
    text-decoration:    underline;
    color:  #ff0000;
}

SMALL   {
    font-size:  8px;
}

BIG {
    font-size:  14px;
}

BLOCKQUOTE, PRE {
    font-family:    Lucida Console, monospace;
}


UL LI   {
    list-style-type:    square ;
}

UL LI LI    {
    list-style-type:    disc;
}

UL LI LI LI {
    list-style-type:    circle;
}

OL LI   {
    list-style-type:    decimal;
}

OL OL LI    {
    list-style-type:    lower-alpha;
}

OL OL OL LI {
    list-style-type:    lower-roman;
}

HR {
    color: dimgrey;
    height:1pt;
    text-align:left
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
	border-bottom: blue 0px solid; 
	border-left: blue 0px solid; 
	border-top: blue 0px solid; 
	border-right: blue 0px solid; 
}

.ModuleTitle_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16;
	background-color: Transparent;
}

.ModuleTitle_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: white 0px solid; 
	border-bottom: white 1px solid; 
	border-top: white 1px solid; 
	border-right: white 0px solid;
	background-color: Transparent;
}

.ModuleTitle_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #EEEEEE; 
	border-left: #EEEEEE 1px solid; 
	border-bottom: #EEEEEE 1px solid; 
	border-top: #EEEEEE 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.ModuleTitle_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #FFFFFF; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3); 
	border-bottom: #FFFFFF 0px solid; 
	border-left: #FFFFFF 0px solid; 
	border-top: #FFFFFF 0px solid; 
	border-right: #FFFFFF 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #EEEEEE 1px solid; 
	border-left: #EEEEEE 0px solid; 
	border-top: #EEEEEE 1px solid;  
	border-right: #EEEEEE 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;

	background-color: #C1D2EE;
}

.ModuleTitle_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #FFFFFF 1px solid; 
	border-bottom: #FFFFFF 1px solid; 
	border-top: #FFFFFF 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */

.MainMenu_MenuContainer {
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid; 
	border-right: #404040 0px solid;  
	background-color: #333333;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:16;
}

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: White; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #333333 0px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 1px solid; 
	border-right: #333333 0px solid;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #333333; 
	border-left: #333333 1px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 1px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color: #333333; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 
	border-bottom: #404040 0px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 0px solid; 
	border-right: #404040 0px solid;
}

.MainMenu_MenuBreak {
	border-bottom: #404040 1px solid; 
	border-left: #FF8080 0px solid; 
	border-top: #FF8080 1px solid;  
	border-right: #404040 0px solid; 
	background-color: White; 
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: #CCCCCC; 
	cursor: pointer; 
	cursor: hand; 
	color: White; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #333333 1px solid; 
	border-bottom: #333333 1px solid; 
	border-top: #333333 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}



/* ------------------------------------------ */
/* AxpDataGrid.Net Version 2 stylesheet       */
/* Style : XP Grid1                           */
/* ------------------------------------------ */

/* Table enclosing the whole control */
table.AxpDataGrid
{	
	border: #002d96 1px solid;
}
.AXDBErrorMessage
{
	border:1px solid #002d96;
	color: #cc0000;
	background-color: #ffffff;
	font: 11px Verdana;
	padding:4px;
}
.AXDBUpdateErrorMessage
{
	border:1px solid #002d96;
	color: #cc0000;
	background-color: #ffffff;
	height:21px;
	font: 11px Verdana;
	padding-top:2px;padding-left:4px;padding-right:4px;
}
.AXDBUpdateMessage
{
	border:1px solid #002d96;
	color: #000000;
	background-color: #ffffff;
	height:21px;
	font: 11px Verdana;
	padding-top:2px;padding-left:4px;padding-right:4px;
}
/* Table enclosing grid column headers for scrollable grid */
table.AXDBTableScroll
{		
}
/* Table enclosing data grid */
table.AXDBTable
{	
	border-bottom:1px solid #002d96;
}
/* Grid Column headers (containing column names) */
th.AXDBTableTH
{
	border-top: #ffffff 1px solid;
	border-bottom: #d6d2c2 1px solid;
	border-right: #d6d2c2 1px solid;
	padding-left:2px;
	font: 8pt Arial;
	color: #000000;	
	background-color: #ebeadb;
}
/* Panel at top holding the Records per page selection */
td.AXDBTableHeader
{
	font: 8pt Arial;	
	background-color: #a1c0f6;
	border-bottom: #002d96 1px solid;
	padding:2px;	
}
/* Panel at bottom holding the Records per page selection */
td.AXDBTableFooter
{	
	font: 8pt Arial;
	background-color: #a1c0f6;		
	padding:2px;
}
/* Panel holding FooterText */
.AXDBTableInfoFooter
{
	border-top: #ffffff 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	font: 8pt Arial;	
	padding-top: 2px;	
	background-color: #a1c0f6;
}
/* Drop down select records per page */
select.AXDBTableRecPerPage
{
	font: 8pt Arial;
}
/* Table enclosing grid elements on Form page */
table.AXDBTableFormOuter
{
	/* 
	Set the following to see it better: border:solid 10px red;
	Can be useful to manipulate when using the form only display, try the following:
	objAxpDB.DisplayType = "form"
	objAxpDB.RecordsPerPage = 4
	objAxpDB.RecordsPerPageOptions = "2,4,6,10"
	*/
}
/* Table enclosing each record grid on the Form page */
table.AXDBTableFormDataView
{	
	/* Want to see it? border:solid 10px red; */	
}
/* Form data grid Column header (left side column in table) */
th.AXDBTableFormDataView
{
	border-top: #ffffff 1px solid;
	border-bottom: #d6d2c2 1px solid;
	border-right: #d6d2c2 1px solid;
	font: 8pt Arial;
	color: #000000;
	background-color: #ebeadb;
	padding-left:3px;
}
/* Form data grid data cells */
td.AXDBTableFormDataView
{
	border-top: #ffffff 1px solid;
	border-bottom: #d6d2c2 1px solid;
	border-right: #d6d2c2 1px solid;
	font: 8pt Arial;
	color: #000000;
	background-color: #ebeadb;
	padding-left:3px;
}
/* Button navigation bar when positioned at Top */
th.AXDBTableNavBarTop
{
	padding-top:2px;
	padding-bottom:2px;
	border-top: #ffffff 1px solid;
	font-weight: normal;
	color: black;
	background-color: #c3daf9;	
	border-bottom: #002d96 1px solid;
}
/* Button navigation bar when positioned at Bottom */
th.AXDBTableNavBar
{
	border-top: #ffffff 1px solid;	
	padding-top:2px;
	padding-bottom:2px;
	font-weight: normal;
	color: black;
	background-color: #c3daf9;		
}
/* The text part of the navigation bar when positioned at Top */
td.AXDBTableNavBarTop
{
  font: 8pt Verdana;
}
/* The text part of the navigation bar when positioned at Bottom */
td.AXDBTableNavBar
{
  font: 8pt Verdana;
}
/* Data Edit Button Bar */
table.AxpDbEditBtnBar
{
	background-color : #c3daf9;
	border-top: #ffffff 1px solid;		
	border-bottom: #002d96 1px solid;
	padding-left:3px;
	padding-top:2px;
	padding-bottom:2px;
}
/* Data Edit Button Bar - single row/col*/
tr.AxpDbEditBtnBar
{
}
td.AxpDbEditBtnBar
{
}
/* Data Edit Form */
table.AXDBTableFormDataEdit
{
	border-top: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	font: 8pt Arial;
	color: #000000;
	background-color: #ebeadb;
}
th.AXDBTableFormDataEdit
{
	font: 8pt Arial;
	color: #000000;
	background-color: #ebeadb;
	padding-left:3px;
}
td.AXDBTableFormDataEdit
{
	background-color : #ebeadb;
	padding-left:3px;
	padding-right:3px;
}
textarea.AxpDbTextArea
{
	font: 9pt Arial;
}
.AxpDbInputBtn
{
}
input.AxpDbInput
{
	border: solid #d6d2c2 1px;
}
input.AxpDbCheckBox
{
}
.AxpDBRequiredFieldLabel
{
}
/* Data Grid Odd Numbered Row Cells */
td.AXDBTableTDodd
{
	padding-left:2px;
  font: 8pt Arial;
  color:Black;  
	border-bottom: #fdf5e6 1px solid;	
	border-right: #d6d2c2 1px solid;
}
/* Data Grid Even Numbered Row Cells */
td.AXDBTableTDeven
{
	padding-left:2px;
	border-bottom: #ffffff 1px solid;	
	border-right: #d6d2c2 1px solid;
	font: 8pt Arial;
	color:Black;	
}
/* Row highlighting effect */
tr.AXDBHighlightRow
{
	background-color:#ffd599;
}
tr.AXDBHighlightRowClick
{
	background-color:#ffd599;
	cursor:pointer;
}
/* Data Grid Odd Numbered Rows */
tr.AXDBTableTRodd
{
  background-color: #fdf5e6;
}
/* Data Grid Even Numbered Rows */
tr.AXDBTableTReven
{	
	background-color: #ffffff;	
}

/* 
if objAxpDB.DisplayType = "form" and objAxpDB.RecordsPerPage > 1
a row will be inserted between each datagrid record.
Set attributes here if needed:
*/
TD.AXDBTableTDFormGap 
{
}
TR.AXDBTableTRFormGap 
{
}



/* Hyperlinks on the Grid Column Header Bar */
a.AXDBTableTH
{
  font: 8pt Arial;
  color: #000000;
  text-decoration: none;    
}
a.AXDBTableTH:active
{
  font: 8pt Arial;
  color: #000000;
  text-decoration: none;    
}
a.AXDBTableTH:visited
{
  font: 8pt Arial;
  color: #000000;
  text-decoration: none;    
}
a.AXDBTableTH:hover
{
  font: 8pt Arial;
	color: #000099;
	text-decoration: underline;
}

/* Hyperlinks in the grid data cells including default Index column */
a.AXDBTable
{	
	font: 9pt Arial;
	color: #000099;
	text-decoration: none;
}
a.AXDBTable:active
{
	font: 9pt Arial;
	color: #000099;
	text-decoration: none;
}
a.AXDBTable:visited
{
	font: 9pt Arial;
	color: #000099;
	text-decoration: none;
}
a.AXDBTable:hover
{
	font: 9pt Arial;
	color: #990099;
	text-decoration: underline;
}

/* Hyperlinks on the Navigation Bar */
a.AXDBTableNavBar
{
  font: 9pt Arial;
  color: #000000;
	text-decoration: underline;
}
a.AXDBTableNavBar:visited
{
  font: 9pt Arial;
  color: #000000;
	text-decoration: underline;
}
a.AXDBTableNavBar:active
{
  font: 9pt Arial;
  color: #000000;
	text-decoration: underline;
}
a.AXDBTableNavBar:hover
{
  font: 9pt Arial;
  color: #000099;
	text-decoration: underline;
}
.AXDBScrollGrid
{
	/*
	scrollbar-base-color:#ebeadb;
	*/
}

