﻿ul.megamenu li .sub {top: 45px !important;}

/* === Font Styles === */
    body, th, td, table, .Head, .SubHead, .SubSubHead,
    .Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled, input, .CommandButton { font-family: 'Open Sans', sans-serif; line-height:1.451em; font-size: 13px; color: #333;}
    em { font-style: italic; letter-spacing: 0; font-weight: normal !important; }
    strong { font-weight: bold; }
    small { font-size: 11px; letter-spacing: 0; }

    /* --- Header Styles --- */
        h1, h2, h3, h4, h5, h6 { line-height: 1; margin: 0 0 10px 0; font-family: 'Open Sans', sans-serif; line-height:1.451em;}
        h1 { font-size: 26px; }
        h2, h2 .Head { font-size: 18px; border-bottom:none; }
        h3, h3 .Head { font-size: 15px; }
        h4, h4 .Head { font-size: 12px; }
        h5, h5 .Head { font-size: 12px; color: #666; }
        h6, h6 .Head { font-size: 12px; color: #666; }

    /* --- Anchor Styles --- */
        a, a:link, a:visited, a:active { color: #457393; text-decoration: none; }
        a:hover { color: #29475f; text-decoration: none; }

    /* --- Paragraph Styles --- */
        p { margin: 0 0 15px 0; }
        hr { clear: both; height: 0; border: solid #c0c0c0; border-width: 1px 0 0; margin: 20px 0 20px 0; }

    /* --- List Styles --- */
        ol li { list-style-type: decimal; margin-bottom: 8px; vertical-align: top; }
        ol ol { margin-top: 8px; margin-left: 30px; }
        ol ol li { list-style-type: lower-roman; }
        ol ol ol li { list-style-type: lower-alpha; }
        ol ul li { list-style-type: lower-roman; }

    /* --- DNN Specific Selectors --- */
        .CommandButton { font-size: 13px; color: #3d3d3d; font-weight: bold; }
        .CommandButton:hover { color: #007cae; }
        a.CommandButton:link { font-size: 13px; text-decoration: none; color: #3d3d3d; font-weight: bold; }
        a.CommandButton:hover { text-decoration: underline; color: #007cae; }

/* === TABLE STYLE === */
    /* Default Table Style */
        table.tableDefault { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; }
        table.tableDefault th, table.tableDefault td { font-size: 12px; padding: 8px; }
        table.tableDefault th { font-weight: bold; text-align: left; border-bottom: solid 2px #aaa; background-color: #d7d7d7; }
        table.tableDefault td { border-bottom: solid 1px #d9d9d9; }
        table.tableDefault tr:nth-child(odd) { background: transparent; }
        table.tableDefault tr:nth-child(even) { background: #e3e4e6; }
        .tableDefault tbody tr:hover td { color: #111; }

/* === FORM STYLE === */
    input[type="text"], select,
    textarea, input[type="email"],
    input[type="search"],
    input[type="password"]
        { padding: 5px; margin-bottom: 10px; background: #f3f3f3; border: 1px solid #bfbfbf; -webkit-border-radius: 0px; border-radius: 0px;
            -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8), inset 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
            color: #666; font-size: 13px; }

/* === BUTTONS STYLE === */
    /* --- Primary Style Button --- */
        a.dnnPrimaryAction                      { color: #efefef; }
        button.primaryButton, a.primaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #3B96B6;
                                                background: -moz-linear-gradient(top, #1aa0c9 0%, #1aa0c9); background: -webkit-gradient(linear, left top, left bottom, from(#1aa0c9), to(#1aa0c9));
                                                -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff;
                                                -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
                                                -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
                                                box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
                                                font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff;
                                                -webkit-text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
                                                text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
                                                }

    /* Secondary Style Button (darkgray) */
        a.dnnSecondaryAction { color: #555; }
        button.secondaryButton, a.secondaryButton { display: inline-block; padding: 12px 20px; margin-bottom: 5px; background-color: #666;
                                                    background: -moz-linear-gradient(top, #8a8a8a 0%, #8a8a8a); background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#8a8a8a));
                                                    -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffffff;
                                                    -moz-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
                                                    -webkit-box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
                                                    box-shadow: 0px 1px 3px rgba(240,240,240,0.5), inset 0px 0px 0px rgba(15,177,217,0);
                                                    font-size: 12px; font-weight: bold; line-height: 1; text-align: center; color: #ffffff;
                                                    -webkit-text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
                                                    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
                                                    }

    /* Alternative Style Button (darkgray with arrow) */
        button.altButton, a.altButton { display: inline-block; padding: 9px 32px 9px 22px; margin-bottom: 5px; background-color: #484848;
                                        background-color: -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
                                        background-color: -webkit-gradient(linear, left top, left bottom, from(#3d3d3d), to(#3d3d3d));
                                        -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; border: 0px solid #ffbf00;
                                        -moz-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
                                        -webkit-box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
                                        box-shadow: 0px 0px 0px rgba(000,000,000,0), inset 0px 0px 0px rgba(255,255,255,0);
                                        font-size: 12px; font-weight: bold; line-height: 1; color: #ffffff;
                                        -webkit-text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
                                        text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
                                        }

        button.primaryButton:hover, button.secondaryButton:hover, a.primaryButton:hover, a.secondaryButton:hover    { cursor: pointer; background-image: none; background-color: #D00; }
        button.altButton:hover, a.altButton:hover                                                                   { cursor: pointer; background-color: #D00; }

/* === LOGIN === */
    .LoginLink {font-weight: bold; text-transform: uppercase; }
    #login .registerGroup, #login .registerGroup *, #login .loginGroup, #login .loginGroup * { display: block; }
    #login .registerGroup, #login .loginGroup { float: right; padding: 0; margin: 0; }
        #login .registerGroup li:first-child:hover { border-left: #e7e7e7; }
    
    /* --- Register Group Styles --- */
        #login .registerGroup li { float: left; }
        #login .registerGroup .buttonGroup { margin-right: 0; }
        #login .registerGroup a,
        #login .loginGroup a { display: block; position: relative; height: 25px; min-width: 12px; padding: 7px 15px 0 15px; color: #222; font-size: 11px; }
            #login .registerGroup a:hover, #login .loginGroup a:hover {
                background: rgb(45,45,45); /* Old browsers */
                background: -moz-linear-gradient(top, rgba(45,45,45,1) 0%, rgba(86,86,86,1) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,45,45,1)), color-stop(100%,rgba(86,86,86,1))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgba(45,45,45,1) 0%,rgba(86,86,86,1) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d2d2d', endColorstr='#565656',GradientType=0 ); /* IE6-9 */
                color: #ddd; text-shadow: 0px -1px 0px #333333; text-decoration: none; }
            #login .registerGroup a:active, #login .loginGroup a:active { color: #fff; text-shadow: 0px -1px 0px #333333; }
            #login .registerGroup a strong,
            #login .loginGroup a strong { display: block; position: absolute; left: 0; top: 0; width: 100%; overflow: hidden; font-size: 11px; text-indent: -9999px; }
    #login .userMessages a, #login .userNotifications a { background-color: #333; }
    #login .userMessages strong { height: 100%; background: url('../images/icon_message.png') no-repeat center center; }
    #login .userNotifications { border-right: 1px solid #e7e7e7; }
        #login .userNotifications strong { height: 100%; background: url('../images/icon_notification.png') no-repeat center center; }
    #login .registerGroup a span { display: inline-block; position: absolute; right: 2px; top: -9px; min-width: 7px; margin-right: 3px; background: rgb(59,150,182); /* Old browsers */ text-align: center; font-size: 11px; color: #fff; text-shadow: 0px 1px 0px #333333; }
    #login .registerGroup .userProfileImg a { min-width: 25px; min-height: 32px; padding: 0; background: none; }
    #login .registerGroup a img { height: 32px; width: 32px; background: #333; }

    /* --- Login Group Styles --- */
        #login .loginGroup a { color: #222; }

    /* --- Number of message next to the message icon --- */
    #login .userMessages a span, #login .userNotifications a span { display: inline-block; margin-top: 9px; margin-right: 0px; background-color: transparent; font-size: 10px; }

/* === MENU STYLE === */
    .MenuHome {border-left: solid 1px #215fad; border-right: solid 1px #215fad; background: transparent url(../images/Home.png) no-repeat center; width: 46px; height: 46px; box-shadow: 0px -2px 0px #2f88a7 inset; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s;}
    .MenuHome:hover { box-shadow: 0px -5px 0px #215fad inset; background-color: #457393;}
    .MenuRep { background-color: #0081c5; }
    * { outline: none; }
        ul.megamenu { margin: 0; padding: 0; float: left; width: 100%; list-style: none; z-index: 9999; background: transparent; }
        ul.megamenu, ul.megamenu li { list-style-type: none; }
        ul.megamenu li { float: left; margin: 0; padding: 0; position: relative; }
        ul.megamenu ul { padding: 0; margin: 0; }
        ul.megamenu li a { float: left; text-decoration: none; }
        ul.megamenu li .sub { position: absolute; left: 0; float: left; display: none; background-color: #0081c5; border-top: solid 2px #2f88a7; padding: 10px 0px; box-shadow: 0px 2px 3px rgba(0,0,0,0.5); }
        ul.megamenu li .row { clear: both; float: left; width: 100%; }
        ul.megamenu li .sub ul { list-style: none; padding: 0; margin: 0; width: 220px; float: left; }
        ul.megamenu .sub ul li { width: 90%; }
            ul.megamenu .sub ul li h2 { padding: 0; margin: 0; font-weight: normal; }
            ul.megamenu .sub ul li a { float: none; /*--Reset text indent--*/ display: block; text-decoration: none; padding: 0; margin: 0; }
    /* --Modify for styling --*/
        ul.megamenu a.level0 { color: #fff; border-right: solid 1px #215fad; text-transform: uppercase; line-height: 46px; padding: 0px 10px; background-color: transparent; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; box-shadow: 0px -2px 0px #215fad inset; }
        ul.megamenu li a.level0:hover, .megahover { background-color: transparent; box-shadow: 0px -5px 0px #215fad inset;}
            div.sub { z-index: 9999;}
            div.sub ul { position:relative; background-color: transparent; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; left: 8px; }
            #megamenu li.subheader { text-transform: none;}
            #megamenu li.sublink { padding:5px 0px; }
            #megamenu li.sublink a {color: #fff; font-size: 8pt;}
            #megamenu li.subheader h2 { margin-bottom: 0px; }
            ul.megamenu .sub ul li h2 a { color: #fff; font-size:9pt; text-transform: uppercase; line-height: 36px; padding: 0px 3%; border-bottom: solid 1px #215fad; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s;}
            ul.megamenu .sub ul li h2 a:hover { color: #fff; background-color: transparent; padding-left: 5%; }

/*------------------------------------------------*/
/* Google Search Overrides */
/*------------------------------------------------*/
    .gs-title { line-height: 1.3em !important; }
    .gsib_a { padding: 0px !important; }
    .gsc-input, .gsc-input:hover, .gsc-input:active, .gsc-input:focus { padding-left: 5px; height:32px; text-indent: 0px !important; border: none !important; background: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
    .gsc-control-cse { padding: 0px !important; border: none !important; background-color: transparent !important; }
    .gs-imageResult-popup .gs-image-popup-box { background-color: #fff !important; }
    .gsc-option-menu div { background-color: #fff !important; }
    input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus { border: none !important; font-size: 10pt !important; box-shadow: none !important; }
    .form.gsc-search-box { margin: 0px !important; }
    .gsc-search-button-v2 { background-image: none !important; padding: 7px 0 !important; background:none !important; border:none !important; width:28px !important; }
    .cse input.gsc-search-button, input.gsc-search-button {border-radius:0px !important;}
    .gsq_a {font-size:9pt; font-weight:normal;}
    input.gsc-search-button { display: inline-block !important; float: right !important; height: 12px !important; width: 12px !important; margin: 0 !important; padding: 10px !important;
                              background-color: #c7b29b !important; text-indent: -9999px; border: none !important; }

    .gsc-input-box { border: none !important; background: none !important; height:32px !important; width: 100% !important; }
        .gsc-input-box:hover, .gsc-input-box:active, .gsc-input-box:focus { -webkit-box-shadow: none !important; box-shadow: none !important; border: none !important; }
    
    #search a.SearchButton:link, #search a.SearchButton:visited { display: inline-block; float: right; height: 35px; width: 32px; margin: 0; padding: 0; text-indent: -9999px; }
    #search { display: block; float: right; height: 33px; margin: 2% 0px; background-color: #e7e7e7; border: none; border-radius: 0; outline: none; border-left: 1px solid #ddd;
              color: #000; line-height: 35px;  -webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;
              }
        #search:hover { background: #f4f4f4; -webkit-box-shadow: inset 0px 0px 3px #999; box-shadow: inset 0px 0px 3px #999; }
	.gsc-search-box-tools .gsc-search-box .gsc-input {padding-right: 0}
	.gsc-search-button-v2 svg {fill:#999}

/* === Responsive Styles === */
    /* === More than 960px width (desktops) */
        @media only screen and (min-width : 1070px) {
        }
        
    /* === More than 768px width and less than 980px (pads) */
        @media only screen and (min-width : 750px) and (max-width : 1069px) {
        
            /* Menu Changes */
                ul.megamenu a.level0                    { padding: 0px 5px;}
                .sub                                    { display: none;}
        }