/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* 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:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* 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:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL 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 {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

.v-menu ul.nav-main {
    border-radius: 0px !important;
}

body .lv-table-responsive .lv-table-consistent th,
body .lv-table-responsive .lv-table-consistent td {
    word-wrap: break-word;
    text-align: left;
}


table.schedule {
    width: 100%;
    border-collapse: collapse;
}

table.schedule th,
table.schedule td {
    border-top: 1px solid #BCBCBC;
    padding: 8px;
    text-align: left;
}

table.schedule th {
    font-weight: bold;
}

table.schedule tr:nth-child(even) {
    background-color: #F2F2F2;
}

table.schedule tr:nth-child(odd) {
    background-color: #FFFFFF;
}

table.schedule tr:hover {
    background-color: #e0f7fa; /* light cyan hover effect */
    cursor: pointer;
}

/* Responsive stacking for mobile */
@media screen and (max-width: 768px) {
    table.schedule,
    table.schedule thead,
    table.schedule tbody,
    table.schedule th,
    table.schedule td,
    table.schedule tr {
        display: block;
        width: 100%;
    }

    table.schedule thead {
        display: none;
    }

    table.schedule tr {
        margin-bottom: 15px;
        border-top: 2px solid #BCBCBC;
        background-color: #fff;
        box-shadow: 0 2px 3px rgba(0,0,0,0.1);
    }

    table.schedule td {
        text-align: right;
        padding-left: 50%;
        position: relative;
    }

    table.schedule td::before {
        content: attr(data-label);
        position: absolute;
        left: 10px;
        width: 45%;
        padding-left: 10px;
        font-weight: bold;
        text-align: left;
        color: #333;
    }
}

/* SOA FOOTER 
--------------------------------------------- */
.aea-footer { max-width:200px; display:inline-block;}
.sea-footer {display:inline-block; float:right;}

/* 2017 SOA Theme */
/* Global Navigation 
--------------------------------------------- */
.global-nav-menu {
    background: #072f49;
    padding: 5px;
    border-top: 3px solid #edbd03;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: 1.6;
    display: block;
    color: #222;
}
.inline-div {
	margin: 0 auto;
	max-width: 960px;
}
.global-nav-menu .inline-div > ul {
	display: inline-block;
	font-size: .75em;
	line-height: 1em;
	margin: 0;
	padding: 0;
	*padding:10px 0 ; /* IE7 and below */
	text-align: right;
	max-width: 960px;
	width: 100%;
	vertical-align: bottom;
}
.global-nav-menu a {
color:#FFFFFF;
padding: 0 .63em;
letter-spacing: 1px;
font-weight: normal;
text-decoration: none;
}
.global-nav-menu a:hover {
text-decoration: underline;
}
.global-nav-menu .inline-div > ul > li{
	display: none;
	*display: inline; /* IE7 and below */
	overflow: hidden;
    padding: 10px 0 7px;
	text-overflow: ellipsis;
    vertical-align: bottom;
	*vertical-align: middle; /* IE7 and below */
	white-space: nowrap;
}
.global-nav-menu .inline-div > ul > li:last-child {
display: inline-block;
}
.global-nav-menu .inline-div > ul> li:first-child {
    display: block;
	margin: 0 0 0 10px;
	padding: 0;
    position: absolute;
    text-align: left;
    width: 18em;
}
.global-nav-menu .inline-div > ul > li:first-child a {
	background-image: url("https://webcontent.alaska.gov/style/soa/20170315/images/2016-soa-logo.png");
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 138px 33px;
    display: inline-block;
	*display: block; /* IE7 and below */
    text-indent: -999999px;
    width: inherit;
	padding: 12px 0;
	*margin: 6px 0 0; /* IE7 and below */
}

@media only screen and (min-width: 36em) {
.global-nav-menu .inline-div > ul > li {
    display: inline-block;
    padding: 20px 0 3px; 
/*     padding: 21px 0 3px; If search-div is active */
}
.global-nav-menu .inline-div > ul > li:last-child {
	display: none;
}

}

/* container */
.padded-boxes {
    display:flex;
    flex-wrap:wrap;
    gap:2rem;
}

/* boxes */
.padded-boxes > * {
    width:100%;
    border-style: solid;
	border-width: .5px;
	border-color: #D3D3D3;
    /*border-radius:.4rem;*/
}

/* headings */
.padded-boxes .heading {
    background:#f97171;
    margin:0;
    padding:1rem;
    /*border-top-left-radius:.4rem;
    border-top-right-radius:.4rem;*/
}

/* padded content */
.padded-boxes .padded {
    /*padding:.1rem 1rem;*/
    padding:5pt 5pt;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .padded-boxes > * {
        width:calc((100% - 4rem) / 3);
    }
}



