/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */

H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}


/* Richard's additions. */

#LogoRow
{
    padding-bottom:16px;
}

.SkinObject
{
	font-weight: bold;
	font-size: small;   /* 8.5pt; */
	color: #003366;
	font-family: Verdana, Tahoma, Arial, Helvetica;
	text-decoration: none;
}

/* style for module titles */
.Head
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
}

/* style of item titles on edit and admin pages */
.SubHead
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small;   /* 11px; */
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small /* 11px; */
}

/* text style used for most text rendered by modules */
.Normal, .NormalDisabled
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */
}

/* text style used for rendered text which requires emphasis */
.NormalBold
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */
}

/* text style used for error messages */
.NormalRed
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

/* styles used by Data Grids */
.DataGrid_AlternatingItem
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 10px; */
}

.DataGrid_Header
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 10px; */
}
.DataGrid_Item
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 10px;*/
}
.DataGrid_SelectedItem
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 10px; */
}

/* styles used by TreeMenu Skin Object */
.TreeMenu_Node
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

.TreeMenu_NodeSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

.FileManager_Header
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.FileManager_Pager
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.FileManager_StatusBar
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.FileManager_Item
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.FileManager_AltItem
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}
.FileManager_SelItem
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.FileManagerTreeNode
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.FileManagerTreeNodeSelected
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */ 
}

.WizardHelp
{
	font-size: small; /* 9pt; */
}
.WizardHelpText
{
	font-size: small; /* 9pt; */
	font-family: Verdana, Tahoma, Verdana, Arial, Sans-Serif;
}
.WizardText
{
	font-size: small; /* 9pt; */
	font-family: Verdana, Tahoma, Verdana, Arial, Sans-Serif;
}


/* text style used for help text rendered by modules */
.Help
{
	font-size: small; /* 11px; */
	font-family: Verdana, Tahoma, Arial, Helvetica;
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */
}

/* button style for standard HTML buttons */
.StandardButton
{
	font-size: small; /* 11px; */
	font-family: Verdana, sans-serif;
}


/* GENERIC */
H1
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: large; /* 20px; */
}

H2
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: medium; /* 20px; */
}

H3
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

H4
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

H5, DT
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */
}

H6
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 11px; */
}

TFOOT, THEAD
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}

TH
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 12px; */
}


SMALL
{
	font-size: x-small; /* 8px; */
}

.ModuleTitle_MenuItem
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 9pt; */
}

.ModuleTitle_MenuItemSel
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 9pt; */
}

.MainMenu_MenuItem
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 9pt; */
}

.MainMenu_MenuItemSel
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
	font-size: small; /* 9pt; */
}

/* LEGACY STYLES from DNN 1-2 */
.HeadBg
{
	background-color: #CCCCCC;
}

.TabBg
{
	background-color: black;
}

.SelectedTab
{
	font-family: Verdana, Tahoma, Arial, Helvetica;
}

.OtherTabs
{
	font-size: small;
	font-family: Verdana, Tahoma, Arial, Helvetica;
}


A:link  {
/* Customised by RH */
    color: #4f0045; /* blue */
/* End - Customised by RH */
}

A:visited   {
/* Customised by RH */
    color: #4f0045; /* blue */
/* End - Customised by RH */
}

A:active    {
/* Customised by RH */
    color: #4f0045; /* blue */
/* End - Customised by RH */
}

A:hover {
/* Customised by RH */
    text-decoration: underline;
    color: #4f0045;   /* red */
/* End - Customised by RH */
}

.DNN_News_ItemLink 
{
    FONT-WEIGHT: bold;	FONT-SIZE: small;	MARGIN-BOTTOM: 0px;
}

.DNN_News_ItemDate 
{	MARGIN: 0px;	FONT-STYLE: italic;
 	MARGIN-BOTTOM: 5px;
}




/* Used to help the floated images above remain controlled by the parent container. */
.EndContainer { clear:both; }

/* Makes pasted in Word documents with numbering look better - applies to the Club AGM Minutes/Agendas */
div.ModDNNHTMLC ol ol
{
    margin-left:3em;
}

/* Make the mega menu second level items show white.  Gray on Gray didn't have enough contrast. */
UL.dnnmega LI.root span
{
    color : White;
}

div.ModDNNHTMLC img,
div.DNN_HTMLContent img,
div.ModDnnForgeNewsArticlesC div.articleEntry img,
div.ModOpenContentC div.gallery-image img,
.InlineContentImage  {
/* Customised by RH */
    border-width:2px;
    border-style:solid;
    border-color: #606060;
    padding : 1px;
    margin-right:10px;
    float:left;
    clear:both;
/* End - Customised by RH */
}

div.gallery-image {
	width:33%;
}

@media only screen and (max-width: 1000px) {
	div.gallery-image {
  		width:50%;
  	}
}
@media only screen and (max-width: 768px) {
	div.gallery-image {
  		width:100%;
  	}
}


/* End of Richard's additions. */

/*  Added by RH April 2021 */
/* A few bootstrap type styles to help the Form and List module work with a non Bootstrap skin. */
.col-md-1 {
  			float:left;
  			box-sizing: border-box;
  			width: 8.3%;
}
.col-md-2 {
  			float:left;
  			box-sizing: border-box;
  			width: 16.667%;
}
.col-md-3 {
  			float:left;
  			box-sizing: border-box;
  			width: 25%;
}
.col-md-4 {
  			float:left;
  			box-sizing: border-box;
  			width: 33.333%;
}
.col-md-5 {
  			float:left;
  			box-sizing: border-box;
  			width: 41.666%;
}
.col-md-6 {
  			float:left;
  			box-sizing: border-box;
  			width: 50%;
}
.col-md-7 {
  			float:left;
  			box-sizing: border-box;
  			width: 58.333%;
}
.col-md-8 {
  			float:left;
  			box-sizing: border-box;
  			width: 66.666%;
}
.col-md-9 {
  			float:left;
  			box-sizing: border-box;
  			width: 75%;
}
.col-md-10 {
  			float:left;
  			box-sizing: border-box;
  			width: 83.333%
}
.col-md-11 {
  			float:left;
  			box-sizing: border-box;
  			width: 91.666%
}
.col-md-12 {
  			float:left;
  			box-sizing: border-box;
  			width: 100%;
}

/* This is the clearfix hack - used to emulate bootstrap's form-group */ 
/* From https://www.w3schools.com/cssref/pr_class_float.asp */
.form-group::after, .clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/* Override browser settings for inputs in form-groups. (https://stackoverflow.com/a/11251221) */
.form-group input {
			box-sizing: border-box;
  			width: 100%;
}

/* End of bootstrap type styles. */

/* Push the form-groups a little farther apart */

.form-group {
	margin-top: 4px;
  	margin-bottom: 4px;
}

/* Style tables inside form-groups for a simple border. */

.form-horizontal table {
  border-collapse: collapse;
}

.form-horizontal table,
.form-horizontal  th, 
.form-horizontal td {
  border: 1px solid #202020;
}
.form-horizontal td {
 padding: 4px;
}
/*  END - Added by RH April 2021 */