/************************************************
Developed by: Jonathan Wright, KM Systems
Notes: This is the stylesheet of the Support UNAV.
Last Updated: November 5, 2014 - 10:50am CDT
Version: 1.0
*************************************************/
/****TO DO*****************************************
-MIN file needs to be prepped and added.
***************************************************/

/****UNAV Container****/
div#shamrock-unav {
background: #e8e8e8;
width: 100%;
margin: 0 auto;
overflow: hidden;
}

/****Top Tier Headers****/
table#shamrock-top-tier {
width: 964px;
text-align: center;
border-spacing: 0;
height: 35px;
border: none;
padding: 0;
margin: 0 auto;
background: #E8E8E8;
}

/*Header links styling*/
td.shamrock-top-tier-header {
font-family: Helvetica,Arial,sans-serif;
color: #e20074;
font-size: 18px;
vertical-align: middle;
text-align: center;
margin: 0px;
width: 137.714285714px;
}
td#shamrock-top-tier-header-contact a, td#shamrock-top-tier-header-home a {
color: #e20074;
display: inline-block;
width: 100%;
height: 100%;
padding: 6px 0;
}
/*Header links hover*/
td.shamrock-top-tier-header:hover {
background: #e20074;
text-decoration: none;
color: #ffffff;
cursor: pointer;
}
td#shamrock-top-tier-header-contact a:hover, td#shamrock-top-tier-header-home a:hover {
color: #ffffff !important;
}
/*Header links active*/
td.shamrock-top-tier-header:active {
background: #ba0060;
}
/*Indicator arrow beneath selected link*/
td.shamrock-top-tier-header.shamrock-top-tier-header-active:after {
top: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
border-color: transparent;
border-top-color: #ffffff;
border-width: 13px;
top: 82px;
margin-left: -36px;
z-index:1001;
}
td.shamrock-top-tier-header#shamrock-top-tier-header-account:after {margin-left: -44px;}
td.shamrock-top-tier-header#shamrock-top-tier-header-billing:after {margin-left: -38px;}
td.shamrock-top-tier-header#shamrock-top-tier-header-coverage:after {margin-left: -52px;}
td.shamrock-top-tier-header#shamrock-top-tier-header-phones:after {margin-left: -41px;}
td.shamrock-top-tier-header#shamrock-top-tier-header-plans:after {margin-left: -34px;}

/****Active Pane****/
/*******************/
/*******************/
/*Hide all panes initially*/
div.shamrock-primary-pane-tile {
display: none;
width: 962px;
margin: 0 auto;
}
/*Display selected pane*/
div.shamrock-primary-pane-tile.shamrock-primary-pane-tile-active {
display: block;
}
div#shamrock-unav-primary-pane-container {
border-top: 2px solid #ffffff;
position: absolute;
z-index: 1000;
width: 100%;
background: #e20074;
}
/*Header container active override*/
div.shamrock-unav-active, table.shamrock-unav-active {
background: #e20074 !important;
}
/*Header link active override*/
table.shamrock-unav-active td.shamrock-top-tier-header, table.shamrock-unav-active td.shamrock-top-tier-header a {
color: #ffffff !important;
}
/*Selected header link override*/
td.shamrock-top-tier-header.shamrock-top-tier-header-active {
background: #ba0060 !important;
color: #ffffff !important;
}

div#shamrock-unav table.shamrock-unav-active td.shamrock-top-tier-header:hover {
background: #ba0060 !important;
}

/*Tiles within active pane*/
div.shamrock-primary-pane-tile-active > div {
display: inline-block;
}
/*Style the sub tiles*/
div.shamrock-pane-sub-tile {
width: 262px;
padding: 10px 10px 10px 40px;
border-left: 1px solid #ffffff;
margin: 20px 0;
}
/*Width change for 4-tile pane*/
div.shamrock-primary-pane-quad-tile div.shamrock-pane-sub-tile {
width: 200px;
padding: 10px 6px 10px 30px;
}
/*Remove border from first sub tile*/
div.shamrock-pane-sub-tile.shamrock-pane-sub-tile-space {
border-left: none;
}
div.shamrock-unav-pane-icon img {
height: 90px;
/*max-height:90px;*/
width: 90px;
/*max-width:90px;*/
background: #e20074;
margin: 0 0 20px 0;
}
div.shamrock-unav-pane-body {
color: #ffffff;
font-family: Helvetica,Arial,sans-serif;
font-weight: normal;
margin: 0 0 10px 0;
}
a.shamrock-unav-pane-link-block {
display: inline-block;
width: 100%;
}
div.shamrock-unav-pane-link span {
color: #ffffff;
font-weight: bold;
}
div.shamrock-unav-pane-link a {
font-weight: bold;
color: #ffffff !important;
text-decoration: none;
font-family: Helvetica,Arial,sans-serif;
display: block;
width: 100%;
}
div.shamrock-unav-pane-link span:after {
content: "\00A0\27A4";
font-size: 12px;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
margin: 4px;
}
div.shamrock-unav-pane-link a:hover,  div.shamrock-unav-pane-link a:after:hover {
color: #ba0060 !important;
}
/*Secondary Row in Pane*/
div.shamrock-primary-pane-tile hr {
border: 1px solid #ffffff;
}
.shamrock-pane-sub-tile.shamrock-pane-sub-tile-secondary {
border-left: none;
width: 100%;
text-align: center;
margin: 0 auto;
}
div.shamrock-pane-sub-tile.shamrock-pane-sub-tile-secondary a.shamrock-unav-pane-link-block {
display: inline-block;
height: 90px;
width: auto;
vertical-align: middle;
}
div.shamrock-pane-sub-tile-secondary div.shamrock-unav-tile-body-link {
text-align: left;
margin: 20px 10px;
}