/* ================================
    CSS STYLES FOR SHARP-IDNCSERVICE
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
    background-color: #FFFFFF;
}

/* background color for the content part of the pages */
Body
{
    background-color: white;
}

/* background/border colors for the selected tab */
.TabBg {
    background-color: #524E4E;
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
    font-weight: bold;
    font-size: 8.5pt;
    color: white;
    font-family: 'Open Sans', Arial, Tahoma, Helvetica, sans-serif;
    text-decoration: none;
    vertical-align: middle;
}

/* 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: #FFFFFF;
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    text-decoration: none;
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
    text-decoration:    none;
    color:#524E4E;
}

A.OtherTabs:visited  {
    text-decoration:    none;
    color:#999494;
}

A.OtherTabs:active   {
    text-decoration:    none;
    color:#524E4E;
}

A.OtherTabs:hover    {
    text-decoration:    none;
    color:#999494;
}

/* GENERAL */
/* style for module titles */
.Head   {
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size:  12px;
    font-weight: bold;
    color: #524E4E;
}

/* style of item titles on edit and admin pages */
.SubHead {
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 13px;
    font-weight: bold;
    color: #57585b;
}

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

/* text style used for most text rendered by modules */
.Normal
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 13px;
    font-weight: normal;
	color: #4D5159;
}

/* text style used for most model names */
.Model
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
	color: #323434;
}

/* text style used for product page links */
.ProductPageLinks
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 10px;
    font-weight: normal;
	color: #333333;
}

/* text style used for product page links */
.SubModels
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 11px;
    font-weight: bold;
	style:italic;
	color: #999999;
}

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

.NormalRed
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    color: #ff0000
}

.NormalBold
{
/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #4D5159;

}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    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: Arial, Tahoma, Helvetica, sans-serif;
	font-size:  16px;
	font-weight:   bold;
	color: #003399;
}
*/

h1 a:link, h1 a:visited, h1 a:active{
	color: #3694df;
}
h1 a:hover {
	color: #e51937;
}

h1, .h1{font-size:28px;line-height:1.5em;letter-spacing:0;color:#000000;font-weight:600;font-family:'Montserrat', Arial, Tahoma, sans-serif;}
h2, .h2{font-size:24px;line-height:1.5em;letter-spacing:0;color:#000000;font-weight:600;font-family:'Montserrat', Arial, Tahoma, sans-serif;}
h3, .h3{font-size:20px;line-height:1.5em;letter-spacing:0;color:#000000;font-weight:600;font-family:'Montserrat', Arial, Tahoma, sans-serif;}
h4, .h4{font-size:18px;line-height:1.5em;letter-spacing:0;color:#000000;font-weight:600;font-family:'Montserrat', Arial, Tahoma, sans-serif;}
h5, .h5{font-size:16px;line-height:1.5em;letter-spacing:0;color:#000000;font-weight:600;font-family:'Montserrat', Arial, Tahoma, sans-serif;}
h6, .h6{font-size:14px;line-height:1.5em;letter-spacing:0;color:#000000;font-weight:600;font-family:'Montserrat', Arial, Tahoma, sans-serif;}

TFOOT,
THEAD {
	font-family: 'Open Sans', Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	color: #003366;
}

TH {
	vertical-align: baseline;
	font-family: 'Open Sans', Arial, Tahoma, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #003366;
}
/*
p, tr, ul, li {
color: #4D5159;
font-family: Arial;
font-size: 11px;
}
*/

a:link {
	text-decoration: none;
	color: #155488;
}

a:visited {
	text-decoration: none;
	color: #601588;
}

a:hover {
	text-decoration: underline;
	color: #c81704;
}

a:active {
	text-decoration: underline;
	color: #155488;
}

.gray-well a:link, .gray-well a:visited, .gray-well a:active {
    text-decoration: none;
    color: #000000;
    
}
.gray-well a:hover {
    text-decoration: underline;
    color: #003366;
    
}
/*
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
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
    background-color: #eeeeee
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size:  11px;
    font-weight:    bold;
    color: #003366;
}

/* 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: Arial, Tahoma, Helvetica, sans-serif; */
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #363434 0px solid; 
	border-bottom: #363434 1px solid; 
	border-top: #363434 1px solid; 
	border-right: #363434 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: #363434 0px solid; 
	border-left: #363434 0px solid; 
	border-top: #363434 0px solid; 
	border-right: #363434 0px solid;
}

.ModuleTitle_MenuBreak {
	border-bottom: #363434 1px solid; 
	border-left: #363434 0px solid; 
	border-top: #363434 1px solid;  
	border-right: #363434 0px solid; 
	background-color: #EEEEEE; 
	height: 1px;
}

.ModuleTitle_MenuItemSel {

	cursor: pointer; 
	cursor: hand; 
	color: black; 
/*	font-family: Arial, Tahoma, Helvetica, sans-serif; */
	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: #363434 1px solid; 
	border-bottom: #363434 1px solid; 
	border-top: #363434 0px solid;
}

.ModuleTitle_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}

/* Main Menu */

.MainMenu_MenuContainer {
	border-bottom: #363434 0px solid; 
	border-left: #363434 0px solid; 
	border-top: #363434 0px solid; 
	border-right: #363434 0px solid;  
	background-color: Transparent;
	vertical-align: middle;
}

.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand; 
	height:16;
}

.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 
	color: #ffffff; 
/*	font-family: Arial, Tahoma, Helvetica, sans-serif; */
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	border-left: #363434 0px solid; 
	border-bottom: #363434 1px solid; 
	border-top: #363434 1px solid; 
	border-right: #363434 0px solid;
}

.MainMenu_MenuIcon {
	cursor: pointer; 
	cursor: hand; 
	background-color: #363434; 
	border-left: #363434 0px solid; 
	border-bottom: #363434 0px solid; 
	border-top: #363434 0px solid; 
	text-align: center; 
	width: 15; 
	height: 21;
}

.MainMenu_SubMenu {
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	background-color:#363434; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3) ; 
	border-bottom: #363434 0px solid; 
	border-left: #363434 0px solid; 
	border-top: #363434 0px solid; 
	border-right: #363434 0px solid;
}

.MainMenu_MenuBreak {
	border-bottom: #363434 1px solid; 
	border-left: #363434 0px solid; 
	border-top: #363434 1px solid;  
	border-right: #363434 0px solid; 
	background-color: White; 
	height: 1px;
}

.MainMenu_MenuItemSel {
	background-color: Transparent; 
	cursor: pointer; 
	cursor: hand; 
	color: #999494; 
/*	font-family: Arial, Tahoma, Helvetica, sans-serif; */
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_MenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
	border-right: #363434 1px solid; 
	border-bottom: #363434 1px solid; 
	border-top: #363434 0px solid;
}

.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}


.CurrDate {
    font-weight: bold;
    font-size: 8.5pt;
    color: #524E4E;
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    text-decoration: none;
    vertical-align: middle;
}

.ProductCategories {
/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #4D5159;

}
.Help {

    font-weight: bold;
    font-size: 9pt;
    color: #FFFFFF;
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    text-decoration: none;
}
.demos {
	list-style-type: circle;
	left: 25px;
/*	font-family: Tahoma, Arial;*/
	font-size: 9px;
	font-weight: bold;
}
.titles {
/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size:  14px;
	font-weight: bold;
	color: #524E4E;
	font-style: italic;

}
.ProductCategoriesWhite {

/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.NormalCopyWhite {

/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 11px;
    font-weight: normal;
	color: #FFFFFF;
}
.ProductCategoriesRed {

/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #FF0000;
}
.NormalBoldLG {

/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 12px;
    font-weight: bold;
    color: #4D5159
}
.tableBackground {
	background-image: url(/portals/0/IDClogosmallfl.gif);
	background-repeat: no-repeat;
}
.ProductCategoriesSmall {

/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 9px;
	font-weight: bold;
	color: #4D5159;
}
.tableBackgroundflash {

	background-image: url(/portals/0/contest_logo.swf);
	background-repeat: no-repeat;
}

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #ffffff;
}



.skinmaster {
	height: 100%;
	background-color: #ffffff;
	BORDER-RIGHT: #000000 1px solid; 
	BORDER-TOP: #000000 1px solid; 
	BORDER-LEFT: #000000 1px solid; 
	BORDER-BOTTOM: #000000 1px solid; 
	border-radius: 3px 3px 15px 15px;
}
.skinheader {
}
.skingradient {
	BACKGROUND-IMAGE: url(gradient_DKwhite.jpg); HEIGHT:30px;
}
.ProductCategoriesBlue {
/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #0000FF;
}

.NormalRedLarge
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 14px;
    font-weight: bold;
    color: #ff0000
}.WhiteLarge {
/*	font-family: Arial, Helvetica, sans-serif;*/
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
}

.FootnoteCopy
{
/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 9px;
    font-weight: normal;
	color: #4D5159;
}

.ProductCategoriesGreen {
/*	font-family: Arial, Tahoma, Helvetica, sans-serif;*/
	font-size: 11px;
	font-weight: bold;
	color: #54be7a;
}

.NormalCopyBlue {

/*    font-family: Arial, Tahoma, Helvetica, sans-serif;*/
    font-size: 11px;
    font-weight: normal;
	color: #0000FF;
}

.NormalMedium {
/*	font-family: Arial, Tahoma, Helvetica;*/
	font-size: 12px;
	font-weight: normal;
	color: #4D5159;
}

.left {
	float: left;
}

.basicContent {
	padding: 12px 15px 3px 20px;
}

.basicContentBorder {
	padding: 12px 5px 3px 10px;
	border: thin solid #999;
}

.clear {
	clear: both;
}

.ForgotPasswordLink {
    font-size: 12px;
}
.LinkValue {
    margin-top: 5px;
}


.dnnEditState .DnnModule {
opacity: 1.0;
}


/* ==========BOOTSTRAP 4 CARD DECKS===========*/
.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
 border-radius:4px;}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.card-footer {
    padding: .75rem 1.25rem;
    background-color: rgba(0,0,0,.03);
    border-top: 1px solid rgba(0,0,0,.125);
}
.card-title {
    margin-bottom: .75rem;
}
/* Card deck*/
.card-deck {
  display: flex;
  flex-direction: column;
}
.card-deck .card {
  margin-bottom: 15px;
}
/* Card image caps*/
.card-img-top {
  width: 100%; /* Required because we use flexbox and this inherently applies align-self: stretch*/
  border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
@media handheld, only screen and (min-width:768px) {
  .card-deck {
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    display: flex;
    /*      Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored*/
    flex: 1 0 0%;
    flex-direction: column;
    margin-right: 15px;
    margin-bottom: 0; /* Override the default*/
    margin-left: 15px;
  }
}