﻿@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,400italic,700italic);

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #393939;
}

/* DNN Body */
#Body {
    background: #e6e6e6;
    min-height: 1px;
}

/*------------------------------------------------*/
/* FONT STYLE */
/*------------------------------------------------*/
body, th, td, table, h1, h2, h3, h4, h5, h6,
.Head, .SubHead, .SubSubHead,
.Normal, .NormalBold, .NormalRed, .NormalTextBox, .NormalDisabled,
a:link, a:visited, a:hover, input, .CommandButton {
    font-family: 'Open Sans', sans-serif;
}

/* Set text size in modules*/
.Normal,
.NormalDisabled,
.NormalDeleted {
    color: #393939;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}

/* disabled text styles */
.NormalDisabled,
.NormalDeleted {
    color: #999;
}

em {
    font-style: italic;
    letter-spacing: 0;
}

strong {
    font-weight: bold;
}

small {
    font-size: 12px;
    letter-spacing: 0;
}

blockquote, blockquote p {
    font-size: inherit;
    color: inherit;
    font-style: inherit;
    padding: 0;
    margin: 13px 40px;
    line-height: inherit;
    border-left: 0px none;
}

/*------------------------------------------------*/
/* HEADER STYLE */
/*------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    line-height: 1;
    margin: 0 0 10px 0;
}

h1 {
    font-size: 26px;
}

h2, h2 .Head {
    font-size: 18px;
}

h3, h3 .Head {
    font-size: 18px;
    color: #666;
}

h4, h4 .Head {
    font-size: 16px;
    color: #666;
}

h5, h5 .Head {
    font-size: 14px;
    margin: 0;
}

footer h5 {
    margin-bottom: 10px;
}

h6, h6 .Head {
    font-size: 13px;
    color: #666;
}

/*------------------------------------------------*/
/* ANCHOR STYLE */
/*------------------------------------------------*/
a, a:link, a:visited, a:active {
    /*color: #004162;*/
    color: #0041a2;
    text-decoration: none;
}

.Normal a {
    font-weight: bold;
}

    a:hover {
        text-decoration: none;
        color: #393939;
    }

a.buttonlink {
    display: block;
    background-color: #1097d0;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

a.buttonlink:hover {
    background-color: #004162;
}

/* 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;
}

/*------------------------------------------------*/
/* PARAGRAPH STYLE */
/*------------------------------------------------*/
p {
    margin: 0 0 25px 0;
}

hr {
    clear: both;
    height: 0;
    border: solid #c0c0c0;
    border-width: 1px 0 0;
    margin: 20px 0 20px 0;
}

/*------------------------------------------------*/
/* IMAGE STYLES */
/*------------------------------------------------*/
img {
    border: 0;
}

/* Image Align Left 
    -------------------------------------*/
.imgLeft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
}

/* Image Align Right 
    -------------------------------------*/
.imgRight {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
}

/* Image with border 
    -------------------------------------*/
.imgBorder {
    border: solid 3px #fff;
}

/* Polaroid Image Style 
    -------------------------------------*/
.imgPolaroid {
    color: #a6a6a6;
    font-size: 12px;
    text-align: left;
    padding: 13px 13px 17px 13px;
    background-color: #fff;
    box-shadow: 0 1px 2px #ccc;
}

    .imgPolaroid img {
        margin-bottom: 12px;
    }

/*------------------------------------------------*/
/* lIST STYLE */
/*------------------------------------------------*/


/* Ordered List */

ul, ol {
    margin-left: 58px;
}

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;
}

/*------------------------------------------------*/
/* 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: 9px;
    margin-bottom: 20px;
    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 (blue)*/
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-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

/* Secondary Style Button (darkgray) */
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-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    color: #ffffff;
    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: #484848 url('images/arrow.png') no-repeat 87% center;
    background: url('images/arrow.png') no-repeat 87% center, -moz-linear-gradient(top, #3d3d3d 0%, #3d3d3d);
    background: url('images/arrow.png') no-repeat 87% center, -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-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-shadow: 0px 0px 0px rgba(000,000,000,0), 0px 0px 0px rgba(255,255,255,0);
}

a.dnnPrimaryAction {
    color: #efefef;
}

a.dnnSecondaryAction {
    color: #555;
}

button.primaryButton:hover,
button.secondaryButton:hover,
a.primaryButton:hover,
a.secondaryButton:hover {
    cursor: pointer;
    cursor: hand;
    background-image: none;
    background-color: #D00;
}

button.altButton:hover,
a.altButton:hover {
    cursor: pointer;
    cursor: hand;
    background: #D00 url('images/arrow.png') no-repeat 87% center;
}

/*------------------------------------------------*/
/* SITE SPACING
/*------------------------------------------------*/
.spacingTop {
    margin-top: 30px;
}

.spacingRight {
    margin-right: 30px;
}

.spacingBottom {
    margin-bottom: 30px;
}

.spacingLeft {
    margin-left: 30px;
}

/*------------------------------------------------*/
/* SITE STRUCTURE */
/*------------------------------------------------*/
#userControls {
    height: 32px;
}

.wrapper {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 1.4%;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin-left: 1.4%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }

/*  GRID OF EIGHT  */
.span8 {
	width: 100%;
}

.span7 {
  	width: 87.32%;
}

.span6 {
  	width: 74.65%;
}

.span5 {
  	width: 61.97%;
}

.span4 {
  	width: 49.3%;
}

.span3 {
  	width: 36.62%;
}

.span2 {
  	width: 23.95%;
}

.span1 {
  	width: 11.27%;
}

/*------------------------------------------------*/
/* SEARCH */
/*------------------------------------------------*/


    #dnn_dnnSearch_ClassicSearch a.SearchButton:link,
    #dnn_dnnSearch_ClassicSearch a.SearchButton:visited {
        display: inline-block;
        float: right;
        height: 40px;
        font-size: 24px;
        line-height: 40px;
        margin: 0;
        padding: 0 10px;
        color: #fff;
    }

    #dnn_dnnSearch_txtSearch.watermarked, #dnn_SearchInput1_txtSearch.watermarked {
        color: #e6e6e6;
    }

    #dnn_dnnSearch_ClassicSearch a.SearchButton:hover {
        background-color: #393939; 
    }

#dnn_dnnSearch_txtSearch, #dnn_SearchInput1_txtSearch {
    display: block;
    float: left;
    width: 90%;
    height: 20px;
    font-style: italic;
    font-size: 15px;
    padding: 0;
    margin: 10px 15px;
    background-color: transparent;
    border: none;
    border-bottom: 1px solid rgba(255,255,255,0.5);
    border-radius: 0;
    box-shadow: none;
    outline: none;
    color: #fff;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

#dnn_dnnSearch_ClassicSearch {
    float: left;
    height: 40px;
    width: 100%;
}

.searchInputContainer {
    background-color: rgba(255,255,255,0.17);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.26) inset;
    width: 85%;
    display: inline-block !important;
    margin: 0 -3px 0 0 !important;
    position: relative !important
}

    #dnn_dnnSearch_txtSearch:active, #dnn_dnnSearch_txtSearch:focus {

    }

#dnn_dnnSearch_txtSearch[placeholder] {
    color: #fff;
}
#dnn_dnnSearch_txtSearch::-webkit-input-placeholder {
   color: #fff;
}

#dnn_dnnSearch_txtSearch:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

#dnn_dnnSearch_txtSearch::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

#dnn_dnnSearch_txtSearch:-ms-input-placeholder {  
   color: #fff;  
}

/*------------------------------------------------*/
/* LOGIN */
/*------------------------------------------------*/
#login {
    float: right;
}

    #login .registerGroup,
    #login .registerGroup *,
    #login .loginGroup,
    #login .loginGroup * {
        display: block;
    }

    #login .registerGroup,
    #login .loginGroup {
        float: left;
        padding: 0;
        margin: 0;
    }

        #login .registerGroup li:first-child:hover {
            border-left: #222;
        }

        /* 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: #333;
            font-size: 11px;
            vertical-align: middle;
        }

            #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;
            }

            #login .registerGroup a:active,
            #login .loginGroup a:active {
                color: #fff;
                text-shadow: 0px -1px 0px #333333;
            }

            #login .registerGroup a:hover,
            #login .loginGroup a:hover {
                text-decoration: none;
            }

            #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 #CCC;
    }

        #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 {
        border-right: 1px solid #CCC;
    }

        #login .loginGroup a {
            color: #333;
        }

    /* 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;
    }

/*------------------------------------------------*/
/* SITE HEADER */
/*------------------------------------------------*/
header {
    background: #103162;
}

#siteHeadinner {
    line-height: 100px;
}

/* Language */
.language .language-object {
    float: right;
    display: block;
    margin: 0;
    padding: 0;
}

    .language .language-object span {
        float: left;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 5px;
        margin: 0;
    }

        .language .language-object span:first-child {
            padding-left: 8px;
        }

        .language .language-object span img {
            height: 12px;
            width: 17px;
            opacity: 0.3;
        }

        .language .language-object span:hover img {
            opacity: 1;
        }

    .language .language-object .Language.selected img {
        opacity: 1;
        border-color: #222;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
        box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.8);
    }

/*------------------------------------------------*/
/* NAVIGATION */
/*------------------------------------------------*/

/* Site Navigation */
#topNav {
      background-color: #1097d0;  
}
.menu-link {
    display: none;
}
.menu {
    transition: all 0.3s ease 0s;
}
.menu ul {
    display: inline-table;
    list-style: outside none none;
    margin: 0;
    padding: 0;
    position: relative;
}
.menu > li > ul.sub-menu {
    background-color: #a2180c;
    border: 1px solid #a2180c;
    min-width: 10em;
    padding: 4px 0;
}
.menu ul li {
    padding: 0;
}
.menu > ul > li {
    display: inline-block;
}
.menu ul li a {
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
}
.menu ul li a.selected {
    font-weight: bold;
}

.menu ul li a:hover {
    color: #e6e6e6;
}
.menu ul li > a {
    height: 40px;
    line-height: 40px;
    margin-right: 30px
}
.menu ul ul {
    background-color: #b32317;
    border: 1px solid #a2180c;
    display: none;
    min-width: 160px;
    position: absolute;
    top: 100%;
    z-index: 900;
}
.menu ul li:hover > ul {
    display: block;
}
.menu ul ul > li {
    position: relative;
}
.menu ul ul > li a {
    background-color: #a2180c;
    font-size: 1em;
    height: auto;
    padding: 5px 15px 5px 10px;
    text-align: left;
}
.menu ul ul > li a:hover {
    background-color: #b32317;
    color: #fff;
}
.menu ul ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}


/*------------------------------------------------*/
/* BREADCRUMBS */
/*------------------------------------------------*/
#Breadcrumb {
    background-color: #393939;
    line-height: 26px;
}
#Breadcrumb .breadcrumbtitle {
    background: #929292 url(Images/breadcrumb-hist-bg.png) no-repeat scroll right center;
    color: #393939;
    display: inline-block;
    margin-left: -1.4%;
    padding: 0 1.4%;
}
    #Breadcrumb img {
        margin-left: 10px;
        margin-right: 10px;
    }

    #Breadcrumb a.breadcrumbLink:link,
    #Breadcrumb a.breadcrumbLink:visited {
        color: #e6e6e6;
        font-size: 13px;
        font-weight: 300;
        margin: 0 9px;
    }

    #Breadcrumb a.breadcrumbLink:hover {
        color: #1097d0;
    }

    #Breadcrumb i {
        color: #e6e6e6;
    }

/*------------------------------------------------*/
/* SIDE NAV */
/*------------------------------------------------*/

.side_nav a, .side_nav_other a 
{
    display: block;
    font-size: 15px;
    padding-left: 8%;
}

.side_nav a:link { color: #000; font-weight: normal; text-decoration: none; }
.side_nav a:visited { color: #000; font-weight: normal; text-decoration: none; }
.side_nav a:hover { color: #000; font-weight: normal; text-decoration: none; background-color: #e6e6e6;}
.side_nav a:active { color: #000; font-weight: normal; text-decoration: none; }

.blurred .side_nav a:link { color: #ccc; }
.blurred .side_nav a:visited { color: #ccc; }
.blurred .side_nav a:hover { color: #ccc; background-color: #fff; }
.blurred .side_nav a:active { color: #ccc; }

.side_nav 
{
    list-style-type: none;
    margin: 0;
    padding-bottom: 20px;
    border-bottom: 2px solid #e6e6e6;
    background-repeat: no-repeat;
    background-position: right top;
    min-height: 140px;
}

#ulA { background-image: url(Images/SideLetters/a.png); }
#ulB { background-image: url(Images/SideLetters/b.png); }
#ulC { background-image: url(Images/SideLetters/c.png); }
#ulD { background-image: url(Images/SideLetters/d.png); }
#ulE { background-image: url(Images/SideLetters/e.png); }
#ulF { background-image: url(Images/SideLetters/f.png); }
#ulG { background-image: url(Images/SideLetters/g.png); }
#ulH { background-image: url(Images/SideLetters/h.png); }
#ulI { background-image: url(Images/SideLetters/i.png); }
#ulJ { background-image: url(Images/SideLetters/j.png); }
#ulK { background-image: url(Images/SideLetters/k.png); }
#ulL { background-image: url(Images/SideLetters/l.png); }
#ulM { background-image: url(Images/SideLetters/m.png); }
#ulN { background-image: url(Images/SideLetters/n.png); }
#ulO { background-image: url(Images/SideLetters/o.png); }
#ulP { background-image: url(Images/SideLetters/p.png); }
#ulQ { background-image: url(Images/SideLetters/q.png); }
#ulR { background-image: url(Images/SideLetters/r.png); }
#ulS { background-image: url(Images/SideLetters/s.png); }
#ulT { background-image: url(Images/SideLetters/t.png); }
#ulU { background-image: url(Images/SideLetters/u.png); }
#ulV { background-image: url(Images/SideLetters/v.png); }
#ulW { background-image: url(Images/SideLetters/w.png); }
#ulX { background-image: url(Images/SideLetters/x.png); }
#ulY { background-image: url(Images/SideLetters/y.png); }
#ulZ { background-image: url(Images/SideLetters/z.png); }
#ul09 { background-image: url(Images/SideLetters/numbers.png); }

.side_nav li 
{
    line-height: 25px;
}

.side_nav_other a:link { color: #333333; font-weight: bold; text-decoration: none; }
.side_nav_other a:visited { color: #333333; font-weight: bold; text-decoration: none; }
.side_nav_other a:hover { color: #333333; font-weight: bold; text-decoration: none; background-color: #e6e6e6;}
.side_nav_other a:active { color: #333333; font-weight: bold; text-decoration: none; }

.side_nav_other 
{
    list-style-type: none;
    padding-left: 20px;
    margin-left: 0px;
    font-size: 13px;
}

.side_nav_other li 
{
	padding-bottom:7px;
	padding-top:7px;
}

.plus_item 
{
   /* list-style-image: url(/skins/plus_sign.gif);*/
}

.side_menu2 a:link { color: #ffffff; font-weight: bold; text-decoration: none; margin-right: 15px; }
.side_menu2 a:visited { color: #ffffff; font-weight: bold; text-decoration: none; margin-right: 15px; }
.side_menu2 a:hover { color: #fba822; font-weight: bold; text-decoration: none; margin-right: 15px; }
.side_menu2 a:active { color: #ffffff; font-weight: bold; text-decoration: none; margin-right: 15px; }

.side_menu2 
{
    list-style-type: none;
    font-size: 13px;
    padding-left: 20px;
    margin-left: 0px;
    width: 190px;
    margin-top: 0px;
}

.side_menu2 li 
{
    margin-bottom: 5px;
}

.side_nav_back a
{
    text-align: center;
    background-color: #393939;
    font-size: 15px;
    padding: 4px 0px;
    margin-top: 10px;
    color: #ffffff;
    display: block;
}

.side_nav_back a:hover { background-color: #1097d0; }

#sidenav_panel 
{
    height: 640px;
    width: 100%;
    overflow: auto;
    background-color: #ffffff;
}

.sidenav_head 
{
    height: 8px;
    width: 286px;
    background-image: url(sidenav-header-bg.gif);
}

.sidenav_footer 
{
    height: 8px;
    width: 286px;
    background-image: url(sidenav-footer-bg.gif);
}

.sidenav_tabs 
{
    text-align: left;
    padding-top: 10px;
}

.sidenav_tabs ul
{
    list-style: none;
    margin: 0;
}

.sidenav_tabs ul li
{
    float: left;
    margin-right: 2px;
    text-align: center;
}

.sidenav_tabs ul li a {
    background-color: #929292;
    font-size: 15px;
    line-height: 34px;
    color: #fff;
    font-weight: 400;
    display: block;
    padding: 0 10px;
    border-top: 3px solid #e6e6e6;
}

.sidenav_tabs ul li a.active {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    border-top: 3px solid #1aa0c9;
}

#showAlpha {
    color: #1097d0;
    font-size: 18px;
    float: right;
}

.sidenav_Alphawrap {
    background-color: #fff;
    margin-bottom: 2px;
    padding: 3% 6%;
    position: relative;
}

.blurred {
    filter: blur(4px);
    -webkit-filter: blur(4px);
}

#divAlphaItems {
    transition: all 0.2s ease;
}

#AlphaTable_wrap {
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    width: 85%;
    display: none;
    -webkit-box-shadow: 0px 10px 15px 1px rgba(50, 50, 50, 0.8);
    -moz-box-shadow:    0px 10px 15px 1px rgba(50, 50, 50, 0.8);
    box-shadow:         0px 10px 15px 1px rgba(50, 50, 50, 0.8);
    z-index: 900;
}

.AlphaTable 
{
    
}

ul.AlphaTable {
    list-style: none;
    margin: 0;
    padding: 1%;
}

ul.AlphaTable li {
    background-color: #929292;
    display: block;
    float: left;
    font-size: 18px;
    height: 3em;
    line-height: 3em;
    margin: 1%;
    padding: 0;
    text-align: center;
    width: 18%;
}

ul.AlphaTable li a {
    background-color: #1097d0;
    color: #fff;
    display: block;
}

ul.AlphaTable li a:hover {
    background-color: #004162;
}


/*------------------------------------------------*/
/* CONTENT PANES */
/*------------------------------------------------*/
.contentPane {
    padding-top: 18px;
}

/* Content Pane - Home */
.leftPane.blankLeft {
    padding-top: 18px;
}

.sidebarPane {
    
}
#dnn_AdPane {
margin-top: 60px;
}

/* Content Pane - Footer */
footer {
    background-color: #103162;
    color: #fff;
    padding-top: 20px;
    margin-top: 20px;
}

footer h5 {
    color: #1097d0;
}

footer a:link, footer a:visited, footer a:active { color: #fff;}
footer a:hover { color: #ccc;}

#footer {
    clear: both;
    margin-top: 70px;
}

.footerPane {
    float: left;
    width: 136px;
}

    .footerPane,
    .footerPane .Normal {
        color: #808080;
    }

.footerPaneRight {
    float: right;
}

/* Empty Panes */
.DNNEmptyPane {
    width: 0;
    margin: 0;
}

    .DNNEmptyPane.rightTwoCol + div {
        width: 100%;
    }

    /* Other Items */
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}

.addthis_toolbox .vertical {
    width: 136px;
    float: left;
}

.addthis_toolbox .vertical a {
    position: relative;
    display: block;
    width: 102px;
    padding: 4px 0 4px 22px;
    text-decoration: none;
    color: #cccccc;
}

.addthis_toolbox .vertical a:hover {    
    background: #0a548d;
    color: #ffffff;
    text-decoration: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.addthis_toolbox .vertical span {
    position: absolute;
    left: 2px;
    top: 4px;
}

.addthis_toolbox .vertical .more {
    border-top: solid 1px #eee;
    padding: 10px 0 0 0;
    margin: 10px 10px 0 10px;
    text-align: center;
}

.addthis_toolbox .atclear 
{
    clear: none !important;
}

.addthis_toolbox .vertical .more a {
    padding: 4px 0;
    margin: 0;
}
.addthis_toolbox .vertical .more a:hover {
    background: none;
}

.addthis_toolbox .vertical .more span {
    display: none;

} 
.iconlinks a
{
    padding: 4px 0 4px 22px;
    display: block;
    position: relative;
}

.iconlinks .icon 
{
    left: 2px;
    position: absolute;
    top: 4px;
    display: block;
    height: 16px;
    line-height: 16px !important;
    overflow: hidden;
    width: 16px
}

.iconlinks .ads
{
    background: transparent url(Images/ads-icon.gif) no-repeat scroll left top;
}

.iconlinks .news
{
    background: transparent url(Images/news-icon.gif) no-repeat scroll left top;
}

.iconlinks .facebook
{
    background: transparent url(Images/fb-icon.png) no-repeat scroll left top;
}

.iconlinks .linkedin
{
    background: transparent url(Images/LI-icon.png) no-repeat scroll left top;
}

.home-header-inner {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 15px;
    color: #fff;
	font-family: "Surveyor SSm A", "Surveyor SSm B";
	font-style: normal;
	font-weight: 300;
    text-align: center;
    font-size: 26px;
	line-height: 1.3;
	border-color: rgba(255, 255, 255, 0.5);
    border-width: 1px;
    border-style: solid;
    max-width: 600px;
    margin: 45px auto 0;
}

.cycle-slideshow {
    margin-top: -15px;
    }

.slider-item {
    width: 100%;
    height: 221px;
    background-size: cover;
    background-position: center;
    text-align: center;
}

.slider_item_image {
    display: none;
    height: 100%;
    width: auto;
    margin: 0 auto;
}

.slider_item_image_alt {
    height: 100%;
    width: auto;
    margin: 0 auto;
}

/* Copyright
    -------------------------------------*/
#copyright {
    font-size: 12px;
    color: #a6a6a6;
    margin: 25px 0 5px;
}

    #copyright a:link,
    #copyright a:visited {
        font-size: 12px;
        color: #a6a6a6;
    }

    #copyright a:hover {
        color: #D00;
    }

    #copyright a.DNNMobileLink {
        color: #666;
        font-weight: bold;
    }

        #copyright a.DNNMobileLink:hover {
            color: #D00;
        }



/*------------------------------------------------*/
/* GENERIC CLASSES
    /*------------------------------------------------*/

/* Clear-fix for floated elements 
    -------------------------------------*/
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

.textright {
    text-align: right;
}



/* Footer 
    -------------------------------------*/
ul.footerlinks {
    margin: 0;
}

.footerlinks li {
    list-style: none;
    margin-bottom: 8px;
}

    .footerlinks li a:link,
    .footerlinks li a:visited {
        color: #808080;
    }

    .footerlinks li a:hover {
        color: #D00;
    }

ul.footerConnect {
    margin: 0px;
}

    ul.footerConnect li {
        display: inline-block;
        list-style-type: none;
        margin-right: 10px;
    }


/*------------------------------------------------*/
/* CONTACT US */
/*------------------------------------------------*/
/* One Column Form
-------------------------------------*/
.form_oneCol label {
    display: block;
    font-weight: bold;
    margin-bottom: 10px;
}

.form_oneCol input, .form_oneCol textarea {
    width: 94%;
}

/* Dealer Form 
    -------------------------------------*/
.form_dealer input {
    width: 200px;
    margin-bottom: 5px;
}

/*------------------------------------------------*/
/* Slide jquery
/*------------------------------------------------*/
#container {
    position: relative;
    z-index: 0;
    width: 980px;
    padding: 0px;
    margin: 0 auto;
}

#example {
    position: relative;
    width: 980px;
    height: 380px;
}

/* Slide -*/
#slides {
    position: absolute;
    z-index: 9;
    top: 0px;
    left: 0px;
}

.slides_container {
    display: none;
    position: relative;
    width: 980px;
    overflow: hidden;
}

    .slides_container a {
        display: block;
        width: 980px;
        height: 380px;
    }

        .slides_container a img {
            display: block;
        }

/* Next/Prev buttons 
    -------------------------------------*/
#slides .next, #slides .prev {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    bottom: 9px;
    left: 12px;
    padding: 0;
    z-index: 12;
}

#slides .prev {
    background: transparent url('images/left-arrow.png') center center no-repeat;
}

#slides .next {
    left: 96px;
    background: transparent url('images/right-arrow.png') center center no-repeat;
}

/* Page link -*/
.pagination_wrap {
    display: inline-block;
    position: absolute;
    z-index: 10;
    bottom: 0;
    right: 0;
    width: 128px;
    height: 40px;
    opacity: 0.8;
    background-color: #222;
}

.pagination {
    position: absolute;
    z-index: 11;
    bottom: 0;
    right: 0;
    padding: 0;
    margin: 15px 40px;
}

    .pagination li {
        float: left;
        margin: 0 3px;
        list-style: none;
    }

        .pagination li a {
            float: left;
            display: block;
            width: 9px;
            height: 0;
            padding-top: 8px;
            background-image: url(images/pagination.png);
            background-position: 0 0;
            overflow: hidden;
        }

        .pagination li.current a {
            background-position: 0 -9px;
        }


/*------------------------------------------------*/
/* Media Queries
/*------------------------------------------------*/
@media all and (min-width: 1200px) {
    .Normal,
    .NormalDisabled,
    .NormalDeleted {
        font-size: 1.1em;
        line-height: 1.6em;
    }
}
@media all and (max-width: 1520px) {
    .menu ul li a {
        margin-right: 20px;
    }
}
@media all and (max-width: 1400px) {
    .menu ul li a {
        margin-right: 15px;
        font-size: 14px;
    }
}
@media all and (max-width: 1300px) {
    .menu ul li a {
        margin-right: 15px;
        font-size: 13px;
    }

    #topNav .wrapper {
        padding-right: 0;
    }
}
@media all and (max-width: 1210px) {
    .menu ul li a {
        margin-right: 10px;
        font-size: 12px;
    }
}
    @media all and (max-width: 1110px) {
        .menu ul li a {
            font-size: 11px;
        }

        .searchInputContainer {
            width: 83%;
        }
        .slider_item_image {
            display: inline;
        }
        .slider_item_image_alt {
            display: none;
        }
    }

    @media all and (max-width: 1023px) {
        a.menu-link {
            color: #fff;
            display: block;
            float: right;
            height: 40px;
            margin-right: 15px;
            text-decoration: none;
            line-height: 40px;
            font-size: 16px;
        }

            a.menu-link i {
                font-size: 40px;
                vertical-align: middle;
            }

        .menu {
            clear: both;
            float: none;
            min-width: inherit;
        }

            .menu, .menu > ul ul {
                background-color: #1097d0;
                max-height: 0;
                overflow: hidden;
            }

                .menu > li > ul.sub-menu {
                    border: medium none;
                    padding: 0;
                }

                .menu.active, .menu > ul ul.active {
                    max-height: 55em;
                }

                .menu ul {
                    display: inline;
                }

                    .menu ul li a {
                        font-size: 1.3em;
                        padding-left: 10px;
                        padding-right: 10px;
                    }

                .menu > ul {
                    border-top: 1px solid #808080;
                }

                    .menu li, .menu > ul > li {
                        display: block;
                    }

                        .menu li a {
                            border-bottom: 1px solid #808080;
                            color: #000;
                            display: block;
                            padding: 0.8em;
                            position: relative;
                        }

                        .menu li.has-submenu > a::after {
                            content: "+";
                            display: block;
                            font-size: 1.5em;
                            padding: 0.35em 0.5em;
                            position: absolute;
                            right: 0;
                            top: 0;
                        }

                        .menu li.has-submenu > a.active::after {
                            content: "-";
                        }

                .menu ul ul > li a {
                    background-color: #f4f4f4;
                    font-size: 1em;
                    height: 28px;
                    line-height: 28px;
                    padding: 5px 18px 5px 30px;
                    text-align: left;
                }

                .menu ul ul, .menu ul ul ul {
                    border: medium none;
                    display: inherit;
                    left: auto;
                    position: relative;
                    top: auto;
                }

        .wrapper > .section > .span2 {
            width: 32.4%;
        }

        .wrapper > .section > .span6 {
            width: 65.3%;
        }

        #siteHeadinner {
            line-height: 70px;
        }
        #siteHeadinner img {
            
        }
        #siteHeadinner img {
            width: 190px;
        }
        .searchInputContainer {
            width: 85%;
        }

        .home-header-inner {
            margin: 0 auto;
        }

        .slider-item {
            height: auto;
        }
    }

    @media all and (max-width: 870px) {
        .searchInputContainer {
            width: 83%;
        }
    }

@media only screen and (max-width: 768px) {
	.mobiletablethide {
        display: none;
    }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .sidenav_tabs ul li a {
        font-size: 13px;
        padding: 0 7px;
    }

    .searchInputContainer {
        width: 80%;
    }

    #dnn_dnnSearch_txtSearch, #dnn_SearchInput1_txtSearch {
        width: 80%;
    }
}

@media only screen and (max-width: 767px) {

    .home-header-inner {
        background-color: rgba(0, 0, 0, 0.7);
        padding: 15px;
        color: #fff;
        font-family: "Surveyor SSm A", "Surveyor SSm B";
        font-style: normal;
        font-weight: 300;
        text-align: center;
        font-size: 22px;
        border-color: rgba(255, 255, 255, 0.5);
        border-width: 1px;
        border-style: solid;
        max-width: 600px;
    }

    .slider_item_image {
        height: auto;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
    }
    }

    @media all and (max-width: 640px) {
        .searchInputContainer {
        width: 78%;
        }
    }

    @media all and (max-width: 585px) {
        .searchInputContainer {
        width: 74%;
        }
    }

    @media only screen and (max-width: 480px) {
        .col {
            margin: 1% 0 1% 0%;
        }

        .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8 {
            width: 100%;
        }

        .wrapper > .section > .span2 {
            width: 100%;
        }

        .wrapper > .section > .span6 {
            width: 100%;
        }

        img {
            max-width: 100%;
            float: none;
        }

        .mobilehide {
            display: none;
        }

        #siteHeadinner {
            line-height: normal;
        }

        #siteHeadinner img {
            width: 90%;
        }

        #siteHeadinner .col {
            text-align:center;
        }

        .searchInputContainer {
        width: 85%;
        }
    }
