body {}

/*------------------------------------------------------------------Site Colors------------------------------------------------------------------*/
.topnavcolor {
    background: #005587;
}

.primarycolor {
    background: #30B2E4;
}

.secondarycolor {
    background: #081d39;
}

.tertiarycolor {
    background: #30B2E4;
}

.highlightcolor {
    background: #5ca6d9;
}

/*------------------------------------------------------------------Other Site Colors------------------------------------------------------------------*/
#eco_schedule {
    background: #AAC538;
}

#headerwrapper {
    background: #fff;
}

#contentmain {
    background: #FFF;
}

#footerwrapper {
    background-color: #005587;
   /* background-image: url("/templates/t_images/stripes.png");*/
}

#contentwrapper.secondarypage {
    /*background-image: url(/templates/t_images/bkg_topcurve.png);
    background-repeat: no-repeat;*/
	background-color: #fff;
    background-image: url("/templates/t_images/secondarybkg.png");
	background-repeat: repeat-x;
}
#contentwrapper.secondarypage #contentwrapperin {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 20px;
}

#contentwrapperin.secondary {
    background-color: #fff;
}

/*------------------------------------------------------------------Theme Page------------------------------------------------------------------*/
.color-block {
    width: 50px;
    height: 50px;
    margin: 0 auto;
}

.theme-headline {
    width: 100%;
    display: table;
    padding: 0;
    margin: 0;
    border-bottom: 3px solid #000000;
    margin-bottom: 10px;
}

.btn-small {
    width: 100px !important;
    display: inline-block !important;
}

.primaryfont {
    font-family: 'pt_sansregular', sans-serif;
    font-size: 20px;
}

.secondaryfont {
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 20px;
}

/*------------------------------------------------------------------Site Menus------------------------------------------------------------------*/
/*--------------------MAIN MENU--------------------*/
#header .RadMenu_ezSilk .rmRootGroup>.rmItem>.rmLink {
    color: #005587;
}

#header .RadMenu_ezSilk .rmRootGroup>.rmItem:hover>.rmLink {
    background-color: #005587;
    color: #fff;
	border-top: 3px solid #DB9218 !important
}

#header .RadMenu_ezSilk .rmGroup {
    background-color: #005587;
   /* padding-bottom: 5px !important;*/
}

/* ---- fix phantom vertical line with 2 column radmenus ---------*/
background color to remove the vertical line
.RadMenu_ezSilk .rmGroup span.rmLink, .RadMenu_ezSilk .rmGroup a.rmLink {
    background-color: #005587;
}

#header .RadMenu_ezSilk .rmGroup>.rmItem:hover>.rmLink {
    background-color: #760000;
}

#header .RadMenu_ezSilk .rmGroup>.rmItem>.rmLink {
    color: #fff;
}

/*--------------------Content Wrapper Menus --------------------*/
.RadMenu_ezSilk .rmGroup {
    background-color: #5860AB;
    -webkit-box-shadow: 2px 4px 8px rgba(0, 0, 0, .1);
    box-shadow: 2px 4px 8px rgba(0, 0, 0, .1);
}

.RadMenu_ezSilk .rmGroup span.rmLink,
.RadMenu_ezSilk .rmGroup a.rmLink {
    color: #fff;
}

.RadMenu_ezSilk .rmGroup .rmLink:hover {
    color: #fff !important;
    background-color: #5860AB;
    border: 0 !important;
}

/*--------------------VERTICAL AND HORIZONTAL MENUS (inside the Content Wrapper)--------------------*/

/*** fix rad 2 col menu dropdown not expanding */
.RadMenu .rmMultiColumn .rmGroupColumn {
   float: none !important;
}
 
/***Background and text color***/
#contentwrapper .RadMenu_ezSilk .rmRootGroup {
    background-color: #ececec;
    color: #000000;
}

/***Background and text color on hover***/
#contentwrapper .RadMenu_ezSilk .rmRootGroup .rmItem:hover {
    background-color: #005587;
    border: solid 0pt #ccc !important;
}

#contentwrapper .RadMenu_ezSilk .rmRootGroup>.rmItem:hover>.rmLink {
    color: #fff !important;
}

#contentwrapper .RadMenu_ezSilk .rmGroup .rmLink {
    color: #243242;
    background-color: #eeede8;
}

#contentwrapper .RadMenu_ezSilk .rmGroup .rmLink:hover {
    background-color: #005587;
}

/*--------------------PANEL BAR--------------------*/
/***Backgorund and text color***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink,
#contentwrapperin .RadPanelBar_ezMetro .rpLink:visited,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate {
    color: #000;
    background-color: #ECECEC;
    border-color: #666;
    border: 0px;
}

/***1st selected hover bar***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink.rpExpanded:hover,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate.rpExpanded:hover {
    color: #fff;
}

/*-----change this----*/
/***1st selected bar***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink.rpFocused,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate.rpFocused {
    color: #fff;
    background-color: #013C5F !important;
}

/***Backgorund and text color on hover (exluding first item)***/
#contentwrapperin .RadPanelBar_ezMetro .rpLink:hover,
#contentwrapperin .RadPanelBar_ezMetro .rpHeaderTemplate:hover {
    color: #fff;
    background-color: #013C5F;
}

/***Background and text color on focus***/
.RadPanelBar_ezMetro .rpLink.rpFocused,
.RadPanelBar_ezMetro .rpHeaderTemplate.rpFocused {
    color: #fff;
    background-color: red;
}

/***background focus**/
#contentwrapperin .RadPanelBar_ezMetro .rpRootGroup{
    border: 0px;
    outline: none;
}

#contentwrapperin .RadPanelBar_ezMetro .rpRootGroup:focus{
    border: 0px;
    outline: none;
}

/***Background and text color for sub menu item that is selected***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpExpanded,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpExpanded {
    color: #333;
    background-color: #efefef;
}

/***Font color and style for submenu item***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate {
    color: #333;
    border-color: #d7d7d7;
    background: #efefef;
}

/***Background and text color for submenu item on hover***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink:hover,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate:hover {
    color: #333;
    background-color: #dedede;
}

/***Background and text color for a SUB(2nd level) submenu item that is selected***/
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpLink.rpSelected,
#contentwrapperin .RadPanelBar_ezMetro .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
    color: white;
    background-color: #585fab;
}

/*Submenu Hover*/
.RadPanelBar_ezMetro .rpGroup .rpItem:hover {
    background-color: #d7d7d7;
}

/*--------------------TAB STRIPS (Make sure both sets are the same)--------------------*/
html .eztabs__tabs__wrapper {
    border-bottom: 0px;
}

html .eztabs__tab {
    padding: 7px 18px 10px 18px;
    background: #DEDEDE;
    color: #000;
    margin-left: 0px;
    margin-left: -1px;
    margin-right: 0px;
    border-bottom-width: 0px;
    margin-right: 8px;
    border-radius: 5px;
}

html .eztabs__tab:hover::after,
html .eztabs__tab--active::after {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-style: solid;
    border-color: #017053 transparent transparent transparent;
}

html .eztabs__tab:hover {
    color: #fff;
    background: #017053;
}

html .eztabs__tab--active {
    background: #017053;
    color: #fff;
}

html .eztabs__tab--active:hover {
    background: #017053;
    color: #fff;
}

/*--------------------DROP DOWN MENUS (not in top nav)--------------------*/
/***Background and Text Color for the Selector***/
#contentwrapper .RadDropDownList_ezMetro .rddlInner {
    color: white !important;
    background: #585fab;
    padding: 10px;
}

.RadDropDownList_ezMetro .rddlEmptyMessage,
.RadDropDownList_ezMetro .rddlDefaultMessage {
    color: white;
}

/*-----Dropdown----*/
.rddlPopup_ezMetro {
    border-color: #585fab;
    color: #fff;
    background-color: #585fab;
    font-size: 14px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
}

.rddlPopup_ezMetro a {
    text-decoration: none;
    color: #333;
}

.rddlPopup_ezMetro .rddlItemHovered {
    color: #000;
    background-color: #a8b6bf;
}