﻿/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) */
/* Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
    nav ul { list-style: none; }
blockquote, q { quotes: none; }
    blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }
/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
/************************************************************************************/

/* PX to EM */

/*  
    10px = 0.625em 
    12px = 0.75em;
    14px = 0.875em;
    16px = 1em;
    18px = 1.125em;
    20px = 1.25em;
    22px = 1.375em;
    24px = 1.5em;
    26px = 1.625em;
    28px = 1.75em;
    30px = 1.875em;    
*/


/* pTools CMS Stylesheet */
img.left { float: left; margin-right: 10px; }
img.right { float: right; margin-left: 10px; }
.underline { text-decoration: underline; }
.content .center, .alignCenter { text-align: center; }
.left, .alignLeft { text-align: left; }
.right, .alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
.no_border_btm { border-bottom: none !important; }
.relative { position: relative; }
.bold { font-weight: bold; }
.Hidden { position: absolute; left: -99999px; text-indent: -99999px; }
.printOnly { display:none; }
/************************************************************************************/

body { font-size: 100%; font-family: 'Droid Sans', sans-serif; color: #000; background: url('/images/portal/structures/gradient-bg.png') repeat-x left top #fff; }
/*body.ie7 , body.ie8, body.ie9  { background:url('/images/output/structures/body.gif') repeat-x left top #fff; }*/
.ie7 .main.flexslider .slides img, .ie8 .main.flexslider .slides img { display: none; }
.ie7 .desktopDisplayNone, .ie8 .desktopDisplayNone { display: none !important; }
.clear { clear: both; height: 0; overflow: hidden; }

.cl:before, .cl:after { content: " "; /* 1 */ display: table; /* 2 */ }
.cl:after { clear: both; }

/* * For IE 6/7 only Include this rule to trigger hasLayout and contain floats. * */
.ie7 .cl { zoom: 1; height: 1%; }


.ie8 .mobileDisplayBlock, .ie7 .mobileDisplayBlock { display: none !important; }

/* Button */
/*.button {  display: inline-block; height: 30px; line-height: 30px; height:1.875rem; line-height:1.875rem; padding: 0 16px 0 20px; padding:0 1rem 0 1.25rem; font-size: 15px; font-size: 0.9375rem; color: #fff; background-color: #97094C; border:1px solid #6E0135; text-decoration:none !important; background-repeat:no-repeat; background-position:5px center; }
    .button:after { content:" "; display:block; position:relative; top:-5px; margin:0 auto; width:0; height:2px; background-color:#fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
       .button_parent:hover .button:after { background-color:#fff; width:100%;  }
    .button.pdf { background-image:url('/images/icons/icon-pdf.png');   padding-left:30px; padding-left:1.875rem; }
    .button.full_width { width: 100%; text-align: center; padding-right: 0; padding-left: 0; }*/


.button, button { position: relative; display: inline-block; height: 35px; line-height: 35px; padding: 0 32px 0 12px; padding: 0 2rem 0 0.75rem; font-size: 15px; font-size: 0.9375rem; font-weight: bold; color: #fff; text-decoration: none !important; background-image: url('/images/output/buttons/btn-blue.png'); background-repeat: no-repeat; background-position: right top; border: none; border-left: 1px solid transparent; }
    .button:hover, button:hover { background-image: url('/images/output/buttons/btn-blue-over.png'); }
    .button:active, button:active { background-image: url('/images/output/buttons/btn-blue-active.png'); border-color: #00597E; }

    .button.grey { background-image: url('/images/output/buttons/btn-grey.png'); }
        .button.grey:hover { background-image: url('/images/output/buttons/btn-grey-over.png'); }
        .button.grey:active { background-image: url('/images/output/buttons/btn-grey-active.png'); border-color: #000; }

        .button.grey.sml { background-image: url('/images/output/buttons/btn-greysml.png'); height: 25px; line-height: 25px; font-size: 14px; font-size: 0.875em; }
            .button.grey.sml:hover { background-image: url('/images/output/buttons/btn-greysml-hover.png'); }
            .button.grey.sml:active { background-image: url('/images/output/buttons/btn-greysml-active.png'); }

    .button.red { background-image: url('/images/output/buttons/btn-red.png'); }
        .button.red:hover { background-image: url('/images/output/buttons/btn-red-hover.png'); }
        .button.red:active { background-image: url('/images/output/buttons/btn-red-active.png'); border-color: #720020; }

    .button.rss { background-image: url('/images/output/buttons/btn-rss.png'); }
        .button.rss:hover { background-image: url('/images/output/buttons/btn-rss-over.png'); }
        .button.rss:active { background-image: url('/images/output/buttons/btn-rss-active.png'); border-color: #000; }


    .button.reverse, button.reverse { padding: 0 12px 0 32px; padding: 0 0.75rem 0 2rem; background-image: url('/images/output/buttons/btn-blue-reverse.png'); background-position: left top; border: none; border-right: 1px solid transparent; }
        .button.reverse:hover, button.reverse:hover { background-image: url('/images/output/buttons/btn-blue-reverse-over.png'); }
        .button.reverse:active, button.reverse:active { background-image: url('/images/output/buttons/btn-blue-reverse-active.png'); border-color: #00597E; }

        .button.reverse.grey { background-image: url('/images/output/buttons/btn-grey-reverse.png'); }
            .button.reverse.grey:hover { background-image: url('/images/output/buttons/btn-grey-reverse-over.png'); }
            .button.reverse.grey:active { background-image: url('/images/output/buttons/btn-grey-reverse-active.png'); border-color: #000; }

            .button.reverse.grey.sml { background-image: url('/images/output/buttons/btn-greysml-reverse.png'); height: 25px; line-height: 25px; font-size: 14px; font-size: 0.875em; }
                .button.reverse.grey.sml:hover { background-image: url('/images/output/buttons/btn-greysml-reverse-hover.png'); }
                .button.reverse.grey.sml:active { background-image: url('/images/output/buttons/btn-greysml-reverse-active.png'); }

        .button.reverse.red { background-image: url('/images/output/buttons/btn-red-reverse.png'); }
            .button.reverse.red:hover { background-image: url('/images/output/buttons/btn-red-reverse-hover.png'); }
            .button.reverse.red:active { background-image: url('/images/output/buttons/btn-red-reverse-active.png'); border-color: #720020; }

    .button.cancel { background-image: url('/images/output/buttons/btn-cancel.png'); }
        .button.cancel:hover { background-image: url('/images/output/buttons/btn-cancel-over.png'); }
        .button.cancel:active { background-image: url('/images/output/buttons/btn-cancel-active.png'); border-color: #720020; }


    .button.full_width { width: 100%; text-align: center; padding-right: 0; padding-left: 0; }
input.button, button { cursor: pointer; background-color: transparent; }
.ie7 .button { display: inline; zoom: 1; }

a.button { text-decoration: none !important; color: #fff !important; }






img, table, iframe, object { max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#map-canvas img, #map img { max-width: none; }

a { color: #05638E; text-decoration: none; cursor: pointer; }
    a:hover { text-decoration: underline; }

.shell { width: 960px; margin: 0 auto; }
.border_l_r { border-left: 2px solid #fff; border-right: 2px solid #fff; }
.content { }



/* Border Radius */
.border_radius { border-radius: 5px; -webkit-border-radius: 5px; }
.border_radius_t_l { border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; }
.border_radius_t_r { border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; }
.border_radius_b_l { border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.border_radius_b_r { border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }

/* Input */
/* We use this to get basic styling on all basic form elements */
input[type="text"], input[type="password"], input[type="email"], textarea, select { background-color: white; font-family: inherit; border: 2px solid #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0); color: rgba(0, 0, 0, 0.75); display: block; font-size: 1em; padding: 0.5em; height: 35px; height: 2.1875rem; width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
textarea { height: auto; line-height: 1.3; min-height: 10em; }
    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, select:focus { background: #fcfcfc; border-color: #666666; outline: none; }
    input[type="text"][disabled], input[type="password"][disabled], input[type="email"][disabled], textarea[disabled], select[disabled] { background-color: #dddddd; }
.selectedOptionText { position: absolute; display: block; left: 0; top: 0; height: 30px; line-height: 30px; padding-right: 30px; padding-left: 5px; }
.js-select { width: 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; }

/*Contact Us*/
.forms textarea { min-height: 100px; }


/* Gradient */
.grey_gradient { background: #D0D4D8; background-image: -webkit-gradient(linear, left top, left bottom, from(#D0D4D8), to(#CAC9CD)); background-image: -webkit-linear-gradient(top, #D0D4D8, #CAC9CD); background-image: -moz-linear-gradient(top, #D0D4D8, #CAC9CD); background-image: -ms-linear-gradient(top, #D0D4D8, #CAC9CD); background-image: -o-linear-gradient(top, #D0D4D8, #CAC9CD); background-image: linear-gradient(to bottom, #D0D4D8, #CAC9CD); }

/* Structures */
.cols_1 { }
.cols_2 > .col { float: left; width: 48.95833333333334%; margin-right: 2.083333333333333%; }
    .cols_2 > .col.last { margin-right: 0; }
    .cols_2 > .col.reverse { float: right; }

.cols_2 > .col_1 { float: right; width: 76.04166666666667%; }
.cols_2 > .col_2 { float: right; width: 23.95833333333333%; /* 230px / 960px */ }

.homepage .cols_2 > .col_1 { float: left; width: 65.625%; /* 630px; */ margin-right: 2.083333333333333%; }
.homepage .cols_2 > .col_2 { float: left; width: 32.29166666666667%; /* 230px / 960px */ }


.cols_3 > .col { float: left; width: 31.25%; /* 300px /960px */ margin-right: 3.125%; /* 30px / 960px */ }
    .cols_3 > .col.last { margin-right: 0; }

.one_column .cols_2 > .col_1 { width: 32.97872340425532%; margin-left: 1.063829787234043%; }
.one_column .cols_2 > .col_2 { width: 65.95744680851064%; }

.one_column .cols_3 > .col { width: 31.94444444444444%; margin-right: 2.083333333333333%; /* 20px / 960px */ }
    .one_column .cols_3 > .col.last { margin-right: 0; }

.cols_4 > .col { float: left; width: 23.4375%; /* 225px /960px */ margin-right: 2.083333333333333%; /* 20px / 960px */ }
    .cols_4 > .col.last { margin-right: 0; }

.cols_5 > .col { float: left; width: 18.33333333333333%; /* 176px /960px */ margin-right: 2.083333333333333%; /* 20px / 960px */ }
    .cols_5 > .col.last { margin-right: 0; }

.cols_2 .content .cols_2 > .col { width: 48.56733524355301%; margin-right: 2.865329512893983%; /* 698px */ }
    .cols_2 .content .cols_2 > .col.last { margin-right: 0; }
.cols_2 .content .cols_3 > .col { width: 31.42311365807068%; margin-right: 2.865329512893983%; }
    .cols_2 .content .cols_3 > .col.last { margin-right: 0; }
.cols_2 .content .cols_4 > .col { width: 22.85100286532951%; margin-right: 2.865329512893983%; }
    .cols_2 .content .cols_4 > .col.last { margin-right: 0; }
.cols_2 .content .cols_5 > .col { width: 17.70773638968481%; margin-right: 2.865329512893983%; }
.ie7 .cols_2 .content .cols_5 > .col { width: 17.60773638968481%; margin-right: 2.865329512893983%; }
.cols_2 .content .cols_5 > .col.last { margin-right: 0; }



.main_panel { position: relative; padding-bottom: 2em; }
    .main_panel .shell { background-color: #fff; border-bottom: 2px solid #fff; }




/* Helpful Typography Defaults */
em, i { font-style: italic; line-height: inherit; }
strong, b { font-weight: bold; line-height: inherit; }
small { font-size: 60%; line-height: inherit; }
hr { border: solid #ecf0f1; border-width: 2px 0 0; clear: both; margin: 5px 0 20px 0; height: 0; }

/* Lists */
.content ol,
.content dl { line-height: 1.6; margin-bottom: 1.25em; margin-left: 20px; list-style-position: outside; }

/* Unordered Lists */
.content ul { list-style-type: none; line-height: 1.6; margin-bottom: 1.25em; margin-left: 0; }
    .content ul li { margin-left: 0; padding-left: 1.25em; background: url('/images/output/navigation/bullet.png') no-repeat left 5px; }
        .content ul li.blue { background: url('/images/output/navigation/bullet-blue.png') no-repeat left 5px; }
        .content ul li.logo { background: url('/images/portal/navigation/bullet-logo.png') no-repeat left 6px; }
        .content ul li ul, .content ul li ol { /*margin-left: 1.25em;*/ margin-bottom: 0; /* Override nested font-size change */ }
            .content ul li ul li { padding-left: 1em; background: url('/images/output/navigation/inside_bullet.gif') no-repeat left 9px; }

/* Ordered Lists */
.content ol li ul, .content ol li ol { margin-left: 1.25em; margin-bottom: 0; }

/* Definition Lists */
.content dl dt { margin-bottom: 0.3em; font-weight: bold; }
.content dl dd { margin-bottom: 0.75em; }

/* pager */
div.Pager { margin: 20px 0 35px; }
ul.pager { display: block; height: 1.5em; margin-left: -0.3125em; font-size: 0.9230769230769231em; text-align: center; }
    ul.pager a { text-decoration: none !important; }
    ul.pager > a.next, ul.pager > a.prev { display: inline-block; padding: 0.0625em 0.5625em; border: 1px solid #d5d5d5; color: #9B9999; }
        ul.pager > a.next:hover, ul.pager > a.prev:hover { border: 1px solid #9B9999; color: #666666; text-decoration: none; }
    ul.pager li { display: inline-block; vertical-align: top; height: 1.5em; color: #222222; margin-left: 0.625em; background: none; padding: 0; }
        ul.pager li a { display: block; padding: 0.0625em 0.5625em 0.0625em; color: #fff; font-weight: bold; background-color: #0093D0; border: 1px solid transparent; }
            ul.pager li a:visited { color: #fff; }
        ul.pager li.current a, ul.pager li:hover a { text-decoration: none; background: #fff; border: 1px solid #0093D0; color: #0093D0; }
        ul.pager li.unavailable a { cursor: default; color: #999999; }
            ul.pager li.unavailable:hover a, ul.pager li.unavailable a:focus { background: transparent; }



ul.pager-centered { text-align: center; }
    ul.pager-centered ul > li { float: none; display: inline-block; }





ul.pager li.unavailable a:hover { background-color: #ecf0f1; }




.transition { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }




.main_panel h1 { position: relative; margin-bottom: 24px; margin-bottom: 1.5rem; padding: 6px 152px 6px 16px; padding: 0.375rem 9.5rem 0.375rem 1rem; color: #333; font-size: 22px; line-height: 1; font-weight: normal; background-color: #EBECEC; }
.main_panel .cols_2 h1 { padding-left: 32px; padding-left: 2rem; margin-left: 4px; }
.main_panel .one_column h1 { background: url('/images/portal/navigation/pointer.png') no-repeat left top #EBECEC; padding-left: 1.5em; }

.content h2 { margin-bottom: 0.25em; padding: 0.25rem 0; line-height: 1; color: #0093D0; font-size: 21px; font-size: 1.3125rem; font-weight: normal; }
.content h3 { margin-bottom: 0; padding: 0 0.75em 0.25em 0; line-height: 1; font-size: 18px; font-size: 1.125rem; color: #333; font-weight: normal; }
.content h4 { margin-bottom: 0; padding: 0 0.75em 0.25em 0; line-height: 1; color: #0093D0; font-size: 16px; font-size: 1rem; font-weight: normal; }
.content h5 { margin-bottom: 0; padding: 0 0.75em 0.25em 0; line-height: 1; font-size: 15px; font-size: 0.9375rem; color: #333; font-weight: normal; }
.content h6 { font-weight: normal; margin-bottom: 0; padding: 0 0.75em 0.25em 0; font-size: 14px; font-size: 0.875rem; color: #333333; }
.content p { color: inherit; margin-bottom: 16px; }

.main_panel .one_column .content { padding: 0 1em; color: #333; }
    .main_panel .one_column .content.no_padding { padding: 0; }
.main_panel .cols_2 .content { padding: 0 1em 0 1.5em; color: #333; }
.content { font-size: 0.8125em; line-height: 1.3; }
.banner { font-size: 0.8125em; line-height: 1.4; }




    .content a, .banner a { text-decoration: underline; }
        .content a:visited { color: #54075B; }

        .content a:hover, .banner a:hover { text-decoration: none; }

/* Login */
#hp_login_pnl { position: absolute; margin-top: 1em; background-color: #fff; z-index: 9999; width: 300px; border: 2px solid #F8981D; right: 0; }
.hp_login { font-size: 0.875em; padding: 3em 1em 1em 1em; }
#hp_login_pnl .close { position: absolute; width: 20px; height: 12px; top: 13px; right: 10px; cursor: pointer; overflow: hidden; text-indent: 200%; white-space: nowrap; background: url('/images/arrow-up.png') no-repeat left top; }

.row { margin-bottom: 1.5em; }
.errorText { color: Red !important; }
.alert-box { padding: 0.5em 1em; margin-top: 1em; background-color: #E74C3C; border: 2px solid #D62C1A; color: #fff; font-weight: bold; }

/* Header */
#header_top { background-color: #414042; }
    #header_top a { color: #fff; }
    #header_top .nav ul { list-style-type: none; padding: 1em 0; }
    #header_top .nav > ul { font-size: 0.8125em; }
    #header_top .nav ul li { float: left; border-left: 1px solid #999; }
        #header_top .nav ul li > a { padding: 0 1em; }
        #header_top .nav ul li:first-child { border-left: none; }
    #header_top .nav ul > li > ul { display: none; position: absolute; z-index: 21; width: 200px; width: 15.625em; padding: 1em 0 0 0; font-size: 0.875em; background-color: #413F43; }
    #header_top .nav ul > li:hover > ul { display: block; }
    #header_top .nav ul > li > ul > li { float: none; border-top: 1px solid #fff; margin: 0; padding: 0.75em 0; text-align: left; background-image: url('/images/output/navigation/bullet-footer.png'); background-repeat: no-repeat; background-position: -30px center; }

        #header_top .nav ul > li > ul > li:first-child { border-top: none; padding-top: 1em; }
        #header_top .nav ul > li > ul > li > a { display: block; padding: 0 1em; color: #fff; text-decoration: none !important; }
        #header_top .nav ul > li > ul > li:hover { padding-left: 0.5em; background-position: 0.5em center; }
            #header_top .nav ul > li > ul > li:hover span { }

    #header_top > .shell > div { display: inline-block; vertical-align: top; }
        #header_top > .shell > div.nav { width: 56.25%; }
.ie7 #header_top > .shell > div { display: inline; zoom: 1; }
#social_banner { min-width: 245px; min-width: 15.3125rem; position: absolute; top: 5px; right: 5px; color: #333; line-height: 1.3; text-align: right; }
    #social_banner ul li { list-style-type: none; display: inline-block; vertical-align: top; }
        #social_banner ul li a:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /* IE 5-7 */ filter: alpha(opacity=90); /* Netscape */ -moz-opacity: 0.9; /* Safari 1.x */ -khtml-opacity: 0.9; /* Good browsers */ opacity: 0.9; }
.ie7 #social_banner ul li { display: inline; zoom: 1; margin-left:5px; }

#style_switcher { margin: 0.416em 20em 0.416em 2em; float: right; }
.ie7 #style_switcher { top: 0px; float: none; }
#style_switcher > span { cursor: pointer; display: inline-block; width: 26px; height: 26px; background-repeat: no-repeat; background-position: left top; }
#blank { background-image: url('/images/output/icons/text-normal.png'); }
    #blank.active, #blank:hover { background-image: url('/images/output/icons/text-normal-over.png'); }
#contrast { background-image: url('/images/output/icons/text-contrast.png'); }
    #contrast.active, #contrast:hover { background-image: url('/images/output/icons/text-contrast-over.png'); }

#header { }
    #header > .shell { background-color: #fff; }

#header_left { position: relative; float: left; margin: 1.25em 0 0 1.25em; z-index: 3; }
#header_right { float: right; width: 18.125em; margin: 2.5em 1.25em 0 0; }
 
#logo a { display: block; }






#header_right ul li:first-child { margin-left: 0; }
.ie7 #header_right ul li { display: inline; zoom: 1; margin-left: 5px; }



.site_search_pnl { }
.ie7 .site_search_pnl { }
input::-webkit-input-placeholder { /* WebKit browsers */ line-height: 1.5em; color: #333; opacity: 1 !important; }
:-moz-placeholder { /* Firefox 18- */ color: #333; opacity: 1 !important; }
::-moz-placeholder { /* Firefox 19+ */ color: #333; opacity: 1 !important; }
:-ms-input-placeholder { color: #333; opacity: 1 !important; }
#site_search { position: relative; }
input[type='text'].search_box,.zoom_searchbox { margin: 0; padding: 0 1em; height: auto; height: 33px; line-height: normal; border: none; font-size: 0.875em; color: #333; background-color: #DFDFE2; }
.ie7 input[type='text'].search_box, .ie8 input[type='text'].search_box { line-height: 33px; }
.search_btn,.zoom_button { position: absolute; text-indent: -9999px; color: transparent; cursor: pointer; right: 0em; top: 0; width: 35px; height: 33px; border: none; background: url('/images/output/icons/icon-search.png') no-repeat center center #8DC63F; }
.hide_text { overflow: hidden; text-indent: 200%; white-space: nowrap; }
.flexLabel { position: absolute; cursor: pointer; margin-left: 3px; display: none; font-size: 0.875em; color: #333; }

.ie7 input[type='text'].search_box { padding: 0 0 0 5px; }
.ie7 .search_btn ,.ie7 .zoom_button{ top: 1px; right: -4px; color: transparent; text-transform: capitalize; }


/*#structure_1 { float:left; background-color:#0093D0; width:39.0625%; height:36px; position:relative;}
#structure_1:after { content:" "; position:absolute; right:-16px; width: 0; height: 0; border-left: 16px solid #0093D0; border-top: 18px solid transparent; border-bottom: 18px solid transparent; }
#structure_2 { float:left; margin-left:2.291666666666667%; margin-top:18px; background-color:#8DC63F; width:58.64583333333333%; height:36px; position:relative;}
#structure_2:after { content:" ";position: absolute; left: -16px; width: 0; height: 0; border-right:16px solid #8DC63F; border-top: 18px solid transparent; border-bottom: 18px solid transparent; }

#structure_3 { background-color:#333; width:39.0625%; height:36px; margin-top:-13px; position:relative}
#structure_3:after { content:" "; position:absolute; right:-16px; width: 0; height: 0; border-left: 16px solid #333; border-top: 18px solid transparent; border-bottom: 18px solid transparent; }
#structure_4 { background-color:#333; height:36px; margin-top:-16px; }*/
/* Main Nav */


.top-nav { height: auto; margin-top: -20px; z-index: 2; }
.ie7 .top-nav { position:relative; }
    .top-nav .shell { position: relative; background: url('/images/portal/structures/border_bottom.gif') repeat-x left bottom #fff; }
ul#nav { float: right; display: table; width: 60.9375%; /* 585px */ list-style: none outside; }

    ul#nav li { list-style-type: none; }
.ie7  ul#nav { padding-top: 1.25em; text-align:right; }
    .ie7 ul#nav > li { display: inline; zoom:1; }
        .ie7 ul#nav > li > a { display: block; padding-right: 10px; padding-left: 10px; }


ul#nav > li { display: table-cell; vertical-align: top; background-color: #8DC63F; text-align: center; padding-left: 1px; border-left: 2px solid #fff; }
    ul#nav > li:hover { background-color: #666666; }
    ul#nav > li:first-child { border-left: none; background-image: url('/images/portal/navigation/nav_find.png'); background-repeat: no-repeat; background-position: left top; }
        ul#nav > li:first-child:hover { background-position: left -60px; }
        ul#nav > li:first-child a { padding-left: 24px; }

    ul#nav > li.last { position: relative; }
        ul#nav > li.last:hover > ul { right: 0; left: auto; }


    ul#nav > li > a { display: block; height: 50px; line-height: 1.2; padding-top: 10px; font-size: 1.125em; color: #000; text-align: center; }
    ul#nav > li:hover > a { color: #fff; }
    ul#nav > li > a > span { display: block; font-size: 0.7222222222222222em; font-weight: normal; }
ul#nav li a:hover { text-decoration: none; }
ul#nav > li:first-child > ul { margin-left: 30px; }
ul#nav > li > ul { display: none; position: absolute; z-index: 21; width: 250px; width: 15.625rem; background-color: #666666; }
.ie7 ul#nav > li:first-child { padding-left:40px;}
.ie7 ul#nav > li { position: relative; }
    .ie7 ul#nav > li > ul { display: block; left: -30000px; background-color: #666666; }
    .ie7 ul#nav > li:hover > ul { display: block; left: 0px; }

ul#nav > li:hover > ul { display: block; }
ul#nav > li > ul > li { float: none; min-width: 200px; border-top: 1px solid #fff; padding: 0.75em 0; text-align: left; background-image: url('/images/output/navigation/bullet-footer.png'); background-repeat: no-repeat; background-position: -30px center; }

    ul#nav > li > ul > li:first-child { border-top: none; }
    ul#nav > li > ul > li > a { display: block; padding-left: 1em; color: #fff; font-size: 0.875em; }
    ul#nav > li > ul > li:hover { padding-left: 0.5em; background-position: 0.5em center; }
        ul#nav > li > ul > li:hover span { }







/* Mobile Nav */
#mobile_header { padding: 1em; background-color: #0093D0; }
    #mobile_header ul { list-style-type: none; }
        #mobile_header ul li { float: right; width: 30px; margin-left: 10px; }
            #mobile_header ul li.m_search a { background: url('/images/output/icons/magnification.png') no-repeat left top; }
            #mobile_header ul li.m_menu a { background: url('/images/output/icons/nav-icon.png') no-repeat left top; }
                #mobile_header ul li.m_menu a:hover { background: url('/images/output/icons/nav-icon-over.png') no-repeat left top; }
            #mobile_header ul li a { height: 30px; display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; }

ul#mobile_nav { list-style: none outside; background-color: #0093D0; }
    ul#mobile_nav li { list-style-type: none; }
        ul#mobile_nav li a { color: #fff; }
    ul#mobile_nav > li { border-bottom: 1px solid #CACACC; border-left: none; }
        ul#mobile_nav > li > a { display: block; padding: 0.75em; font-weight: bold; font-size: 0.9375em; }
    ul#mobile_nav li a:hover { text-decoration: none; }
    ul#mobile_nav > li:hover { background: #05638E; }


    ul#mobile_nav > li > ul { display: none; }
    ul#mobile_nav > li:hover > ul { display: block; background-color: #05638E; }
    ul#mobile_nav > li > ul li { border-top: 1px solid #fff; text-align: left; }
        ul#mobile_nav > li > ul li:hover { background-color: #05638E; }

        ul#mobile_nav > li > ul li:first-child { border-top: none; }
    ul#mobile_nav > li > ul > li a { display: block; padding: 0.75em 1em; font-weight: bold; font-size: 0.9375em; }

    ul#mobile_nav > li > ul > li > ul { display: none; }
    ul#mobile_nav > li > ul > li:hover > ul { display: block; }
    ul#mobile_nav > li > ul > li > ul > li > a { padding-left: 1.75em; }


    ul#mobile_nav > li > ul > li > ul > li > ul { display: none; }
    ul#mobile_nav > li > ul > li > ul > li:hover > ul { display: block; }
    ul#mobile_nav > li > ul > li > ul > li > ul > li > a { padding-left: 2em; }




/* Footer Text & Menu */
#footer { color: #333; }
    #footer a { color: #333; }
    #footer ul { list-style-type: none; }
        #footer ul li a { color: #05638E; }

#footer_top { background-image: url('/images/portal/structures/footer-bg.png'); line-height: 1.3; }
    #footer_top .shell > div { display: table; width: 100%; }
    #footer_top ul { font-size: 0.8125em; }
        #footer_top ul li { margin-top: 0.75em; padding: 0 0.5em 0 1em; background: url('/images/portal/navigation/bullet-footer.png') no-repeat left 6px; }
    #footer_top p { font-size: 0.9375em; }
.footer_t_l { display: table-cell; vertical-align: top; width: 730px; padding: 2.5em 0 2em; }
.ie7 .footer_t_l { float: left; }
.footer_t_r { display: table-cell; vertical-align: top; width: 230px; height: 100%; background-color: #8DC63F; }
.ie7 .footer_t_r { float: right; }
.footer_t_r .banner img { padding-top: 1em; }
.footer_t_r .banner { padding: 0 0.75em 1em 0.75em; font-size: 1em; }
.footer_t_r h4 { font-weight: normal; margin-top: 1em; font-weight: bold; color: #000; }
    .footer_t_r h4 a { color: #000; }
#footer_top .footer_t_r p { color: #000; font-size: 0.75em; margin-bottom: 1em; }
    #footer_top .footer_t_r p a { color: #000; }

#footer_top .location, #get_in_touch .location { background-image: url('/images/output/icons/iconmini-location.png'); }
#footer_top .phone, #get_in_touch .phone { background-image: url('/images/output/icons/iconmini-phone.png'); }
#footer_top .email, #get_in_touch .email { background-image: url('/images/output/icons/iconmini-email.png');  }


.phone { background-image: url('/images/output/icons/iconmini-phone2.png'); padding-left: 1.75em; background-position: left top; background-repeat: no-repeat;}
.email { background-image: url('/images/output/icons/iconmini-email2.png'); padding-left: 1.75em; background-position: left top; background-repeat: no-repeat;}
.fax { background-image: url('/images/output/icons/iconmini-fax.png'); padding-left: 1.75em; background-position: left top; background-repeat: no-repeat; }
.location { background-image: url('/images/output/icons/iconmini-address.png'); padding-left: 1.75em; background-position: left top; background-repeat: no-repeat;}
.time { background-image: url('/images/output/icons/iconmini-time.png'); padding-left: 1.75em; background-position: left top; background-repeat: no-repeat; }
#footer_top .footer_t_r p a { color: #000; }

#footer_btm { font-size: 0.75em; background-color: #D8D9DA; padding: 1em 0; }

#footer #footer_btm a { text-decoration: underline; color: #333; }
    #footer #footer_btm a:hover { text-decoration: none; }
#footer_btm div.nav ul li { float: left; margin-left: 1em; }
    #footer_btm div.nav ul li:first-child { margin-left: 0; }
.cols_4f > .col_1 { float: left; width: 76px; }
.cols_4f > .col_2 { float: left; width: 93px; margin-top: 3em; text-align: center; }
.cols_4f > .col_3 { float: left; width: 560px; margin-top: 3em; }
.cols_4f > .col_4 { float: right; width: 231px; }



/* Google Map */
#map { width: 100% !important; }
    #map img { border: none !important; max-width: none !important; }
.googleMapInfoWindow h1 { margin-bottom: 1em; }
    .googleMapInfoWindow h1 a { font-size: 1.4em !important; }
.googleMapInfoWindow p { font-size: 1.1em !important; }
.gm-style-iw > div { min-height: 100px; }


/* Homepage */
.homepage { margin-bottom: 2.5em; }
    .homepage > .shell { background-color: #fff; padding-top: 1.25em; }
.hp_content h3 { display: inline-block; vertical-align: top; color: #97094C; background-color: #fff; font-size: 1.125em; }
.ie7 .hp_content h3 { display: inline; zoom: 1; }
.hp_content h3 a { color: #97094C; text-decoration: none; }


.hp_content_1 { margin-bottom: 2.5em; }
    .hp_content_1 .banner { background-color: #FFD051; color: #333; padding: 1em; border-bottom: 2px solid #fff; }
        .hp_content_1 .banner strong { font-size: 1.142857142857143em; }


p.news { margin:0; padding:0 0 12px 42px; line-height:1; background:url('/images/portal/structures/ei-sml-logo.png') no-repeat left top; color:#0093D0; font-size:24px; font-size: 1.5rem; }
.flexslider.vertical + .blue_bg { height: 35px; line-height: 35px; margin-top: 22px; font-weight: bold; font-size: 0.875em; }
.blue_bg p.floatLeft { margin-left: 10px; }
.blue_bg .rss { display: block; padding-left: 2em; background: url('/images/portal/icons/rss-blue.png') no-repeat left 6px; }
    /*.blue_bg .rss:hover { background-image: url('/images/portal/icons/iconsml-rss-over.png'); }*/
.blue_bg .right_arrow { display: block; padding-right: 1.25em; background: url('/images/portal/navigation/bullet-white.png') no-repeat right 13px; }
.blue_bg p.floatRight { margin-right: 10px; }
.blue_bg a { color: #fff; text-decoration: underline; }
    .blue_bg a:hover { text-decoration: none; }

.hp_content_2 { position: relative; padding-bottom: 2.5em; }
    
.green_gradient { background: url('/images/output/structures/intro-bg.png') repeat-y left top; }
.green { background-color: #8DC63F; }
.blue_bg { background-color: #0093D0; }
.hp_content_2 .content { color: #4e4c4c; }
.hp_content_2 .content h1, .hp_content_2 .content h2, .hp_content_2 .content h3 { margin:0; padding:0 0 12px 0; line-height:1; color:#0093D0; font-size:24px; font-size: 1.5rem; }
.hp_content_2 .content h4 { margin:0; padding:0 0 12px 0; line-height:1; color:#0093D0; font-size:22px; font-size: 1.375rem; }
 
.hp_content_2 .externalVideo:first-child { float:right; margin: 0 0 16px 20px;}
 
.grey_bg { border: 1em solid #EBECEC; background: url('/images/output/structures/watermark.png') no-repeat right bottom #EBECEC; color: #333; }
.dark_grey_bg { background-color: #666666; }
.hp_content_3 { margin-bottom: 2.5em; }
    .hp_content_3 .banner { background-position: left top; background-repeat: no-repeat; }
        .hp_content_3 .banner h3 { font-size: 1.125em; }

        .hp_content_3 .banner a { text-decoration: none; }
            .hp_content_3 .banner a:hover { text-decoration: underline; }
        .hp_content_3 .banner.item_1 { background-color: #DCDCDC; color: #4e4c4c; }
            .hp_content_3 .banner.item_1 a { color: #4e4c4c; }
        .hp_content_3 .banner.item_2 { background-color: #DCDCDC; color: #4e4c4c; }
            .hp_content_3 .banner.item_2 a { color: #4e4c4c; }
        .hp_content_3 .banner.item_3 { background-color: #DCDCDC; color: #4e4c4c; }
            .hp_content_3 .banner.item_3 h3 { color: #4e4c4c; }
                .hp_content_3 .banner.item_3 h3 a { color: #4e4c4c; }
            .hp_content_3 .banner.item_3 a { color: #4e4c4c; }



    .hp_content_3 .item_l { float: left; width: 35%; margin-right: 3.333333333333333%; }
    .hp_content_3 .item_r { float: left; width: 55.66666666666667%; padding: 11px 0; }
    .hp_content_3 .item_itself { height: 78px; padding: 11px; }
    .hp_content_3 .col { margin-bottom: 2.5em; }
        .hp_content_3 .col.first { clear: left; }


.hp_content_4 { border-bottom: 35px solid #EBECEC; }
.hp_content_5 { margin-top:2.5em;}
.hp_content_5 iframe { width: 100% !important; height: 182px !important; }
.follow_us { background: url("/images/output/buttons/btn-followtwitter.png") no-repeat scroll left top rgba(0, 0, 0, 0); height: 20px; position: absolute; right: 8px; top: 8px; width: 111px; }
    .follow_us a { display: block; }

.hp_content_4 h4, .hp_content_5 h4 { font-size: 1.3125em; font-weight: normal; height: 35px; line-height: 35px; padding: 0 0.5em; }
.hp_content_4 h4 { background-color: #EBECEC; color: #333; }

.hp_content_5 h4 { background-color: #0093D0; color: #FFFFFF; }

.wrapper { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: -moz-use-text-color #AAAAAA #AAAAAA; border-image: none; border-right: 1px solid #AAAAAA; border-style: none solid solid; border-width: 0 1px 1px; }


/* Landing Page */
.landing { margin: 2em 0; }
    .landing .col > p.first { color: #fff; border-bottom: 1px solid #fff; background-color: #0093D0; margin: 0; font-size: 18px; font-size: 1.125rem; padding: 8px; padding: 0.5rem; }
        .landing .col > p.first a { color: #fff; text-decoration: none; }
            .landing .col > p.first a:hover { text-decoration: underline; }
    .landing .col > p.second { margin-bottom: 0 !important; }
        .landing .col > p.second img { width: 100%; background-color: transparent; }
    .landing .col > p.third { background-color: #EBECEC; padding: 1em; }


/* Sticky */
#sticky_panel { height: 50px; }
.ie7 #sticky { height: 37px; }
#sticky { z-index: 9999; float: right; padding-bottom: 0.5em; font-size: 0.75em; width: auto !important; color: #fff; }
    #sticky ul { list-style-type: none; }
        #sticky ul li { float: left; width: 30px; margin-right: 0.75em; }

    #sticky a { width: 30px; height: 30px; display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; }

    #sticky .print { background: url('/images/output/icons/icon-print.png') no-repeat left center; }
        #sticky .print:hover { background-image: url('/images/output/icons/icon-print-over.png'); }
    #sticky .bookmark { background: url('/images/output/icons/icon-bookmark.png') no-repeat left center; }
        #sticky .bookmark:hover { background-image: url('/images/output/icons/icon-bookmark-over.png'); }
    #sticky .backtop { background: url('/images/output/icons/icon-top.png') no-repeat left center; }
        #sticky .backtop:hover { background-image: url('/images/output/icons/icon-top-over.png'); }


/* Share This */
.stButton .stLarge:hover { /* IE 8 */ /* Netscape */ -moz-opacity: 1 !important; /* Safari 1.x */ -khtml-opacity: 1 !important; /* Good browsers */ opacity: 1 !important; }
.stButton { margin: 0 !important; }
.stButton .stLarge { position:static !important; }
.st_twitter_large .stButton .stLarge { width: 21px !important; height: 21px !important; background: url('/images/output/icons/share-twitter.png') no-repeat left top !important; }
    .st_twitter_large .stButton .stLarge:hover { background-image: url('/images/output/icons/share-twitter-over.png') !important; }
.st_facebook_large .stButton .stLarge { width: 21px !important; height: 21px !important; background: url('/images/output/icons/share-facebook.png') no-repeat left top !important; }
    .st_facebook_large .stButton .stLarge:hover { background-image: url('/images/output/icons/share-facebook-over.png') !important; }
.st_sharethis_large .stButton .stLarge { width: 21px !important; height: 21px !important; background: url('/images/output/icons/share.png') no-repeat left top !important; }
    .st_sharethis_large .stButton .stLarge:hover { background-image: url('/images/output/icons/share-over.png') !important; }
.st_email_large .stButton .stLarge { width: 30px !important; height: 30px !important; background: url('/images/output/icons/icon-email.png') no-repeat left top !important; }
    .st_email_large .stButton .stLarge:hover { background-image: url('/images/output/icons/icon-email-over.png') !important; }

/* Left Nav Menu */

/* First Level */
.aside_nav { line-height: 1.3; }
    .aside_nav .first_level { position: relative; padding: 5px 0.75em; font-size: 1.125em; position: relative; z-index: 1; background-color: #8DC63F; color: #000; }
        .aside_nav .first_level:hover a { text-decoration: underline !important; }
        .aside_nav .first_level > span { position: absolute; background: url('/images/portal/navigation/pointer.png') no-repeat left top; width: 20px; height: 33px; top: 0; right: -20px; }
    .aside_nav ul { list-style-type: none; margin-top: 2px; }
    .aside_nav > ul { font-size: 0.875em; }
    .aside_nav li { position: relative; list-style-type: none; /*-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;*/ }
    .aside_nav a { display: block; color: #333; text-decoration: none !important; }
    .aside_nav > ul > li { padding: 0.5714285714285714em 1em 0.5em 2em; border-bottom: 2px solid #fff; background: url('/images/portal/navigation/left-nav.png') no-repeat -4px top #EBECEC; }



        .aside_nav > ul > li.active, .aside_nav > ul > li:hover { background-image: url('/images/portal/navigation/left-nav-over.png'); }
            .aside_nav > ul > li.active a, .aside_nav > ul > li:hover > a { color: #0093D0; }


        /* Second Level */
        .aside_nav > ul > li > ul { margin-top: 0.25em; }
            .aside_nav > ul > li > ul > li { padding: 5px 12px; font-size: 0.875em; }
                .aside_nav > ul > li > ul > li.active { font-weight: bold; }

        .aside_nav > ul > li.active > ul > li > a { color: #333; }
        .aside_nav > ul > li > ul > li.active > a, .aside_nav > ul > li.active > ul > li:hover > a { color: #0093D0; }

        /*Third Level*/

        .aside_nav > ul > li > ul > li > ul > li { padding: 5px 12px; }
            .aside_nav > ul > li > ul > li > ul > li.active { font-weight: bold; }

/* Social Media */
#social_media { position: absolute; top: 6px; right: 10px; font-size: 0.875em; font-weight: bold; }
    #social_media ul { list-style-type: none; float: left; }
        #social_media ul li { display: inline-block; width: 21px; height: 21px; vertical-align: top; margin-left: 0.25em; }
            #social_media ul li a { display: block; overflow: hidden; text-indent: 200%; white-space: nowrap; }
    #social_media p { float: left; margin: 0.25em 0.5em 0 0; }
.ie7 #social_media ul li { display: inline; zoom: 1; }
.stButton .sharethis { background: none !important; display: block; }

/* Breadcrumb */
#breadcrumb { padding: 1.5em 1em 1.25em 1em; font-size: 0.75em; font-weight: bold; color: #333; }
    #breadcrumb > a { text-decoration: underline; }
        #breadcrumb > a:hover { text-decoration: none; }
        #breadcrumb > a.home { display: inline-block; margin-top: -3px; margin-right: 3px; vertical-align: top; width: 16px; height: 16px; background: url('/images/output/icons/icon-home.png') no-repeat left top; overflow: hidden; text-indent: 200%; white-space: nowrap; }
.ie7 #breadcrumb > a.home { display: inline; zoom: 1; }
#breadcrumb .home:hover { background: url('/images/output/icons/icon-home-over.png') no-repeat left top; }
#breadcrumb .separator { margin: 0 0.5em; }



#left_banners .banner a { text-decoration: none; }
    #left_banners .banner a:hover { text-decoration: underline; }
#left_banners .banner.item_1 { background-color: #8DC63F; color: #333; }
    #left_banners .banner.item_1 a { color: #333; }
#left_banners .banner.item_2 { background-color: #545355; color: #fff; }
    #left_banners .banner.item_2 a { color: #fff; }
#left_banners .banner.item_3 { background-color: #0093D0; color: #000; }
    #left_banners .banner.item_3 h3 { color: #fff; }
    #left_banners .banner.item_3 a { color: #fff; }


#left_banners .banner { margin-top: 1.5em; padding: 1em 0; }
    #left_banners .banner strong { font-size: 1.125em; }
    #left_banners .banner a { text-decoration: none; }
        #left_banners .banner a:hover { text-decoration: underline; }
#left_banners .item_l { float: left; width: 25%; margin-right: 3.333333333333333%; }
#left_banners .item_r { float: left; width: 65.66666666666667%; }



/* Item List */



/* Related Links */
.linkedItems { margin-bottom: 20px; background-color: #EBECEC; }
    .linkedItems h3 { background-color: #0093D0; color: #fff; margin: 0; padding: 0.5em; }
    .linkedItems p, .linkedItems ul { margin-bottom: 0; }
    .linkedItems ul { padding: 1em; }
        .linkedItems ul li { margin-top: 0.25em; }
            .linkedItems ul li:first-child { margin-top: 0; }
    .linkedItems.files ul li { background-image: none; padding-left: 3px; }
.extenstion_icon { vertical-align: middle; }

.item_title { font-size: 1.1em; font-weight: bold; }
.each_item { margin-top: 2em; }
    .each_item .item_title { font-weight: bold; }
    .each_item p { margin-bottom: 0; }
    .each_item .linkedItems { margin: 0.5em 0 0 0; }

.item_left { float: left; width: 20.7447%; margin-right: 2.65957%; box-shadow: 0px 0px 10px #aaa; }
.item_right { float: left; width: 76.5957%; }
    .item_right.itself { float: none; width: auto; }
.each_item .hyperlink { color: #777; font-size: 0.875em; }


/* Blockquote */
blockquote { position: relative; background: url('/images/output/structures/quotation_r_b.gif') no-repeat 99% 90% #EBECEC; padding: 1em 0.5em; margin-bottom: 4em; }
    blockquote > *:first-child { padding-top: 1em; background: url('/images/output/structures/quotation_l_t.gif') no-repeat left top #EBECEC; }
    blockquote > * { padding: 0 2em; }
    blockquote:after { position: absolute; content: " "; bottom: -30px; right: 10px; width: 0px; height: 0px; border-style: solid; border-width: 0 30px 30px 0; border-color: transparent #EBECEC transparent transparent; }


/* Table */
     .table_container { height:auto !important; line-height:inherit !important; margin:0 !important; padding:0 !important; overflow:auto;-webkit-overflow-scrolling: touch;}
.content table { border-collapse: collapse; border-spacing: 0; margin-bottom: 1em; border:2px solid #fff; border-top:none; }
    .content table th { padding: 0.7em; border-left: 2px solid #FFF; background-color: #8DC63F; color: #000; text-align: left; }
        .content table th:first-child, .content table td:first-child { border-left: none; }
    .content table td { vertical-align:top; border-left: 2px solid #fff; border-top: 2px solid #fff; background-color: #EBECEC; line-height: 1.3; padding: 0.5em 0.75em; }
    .content table caption { background-color: #8DC63F; border-color: transparent; border-style: solid solid none; border-width: 1px 1px medium; font-weight: bold; padding: 0.714285em; text-align: center; }

    .content table.noBorder { border: medium none; }
        .content table.noBorder th, .content table.noBorder td { border: medium none; }

.hp_content_2 .content table { border:none; }
.hp_content_2 table td { background-color:transparent; border:none; }



/* Find your LEO */

.find_LEO .blue_bg { padding: 1em; }
#contactMap { border: 1px solid #B3D1FF; }
.blue_bg { background-color: #0093D0; color: #fff; }
.content .blue_bg h2 { padding-top: 0; color: #fff; line-height: 1.3; }
.blue_bg a { color: #fff; }
.textbox_pnl { position: relative; }
    .textbox_pnl #txtContactSearch { width: 205px; }
    .textbox_pnl .button { position: absolute; right: 0; top: 0; }

/* dialog */
.ui-dialog { background-color: #FFFFFF; border: 2px solid #0093D0; display: none; padding: 10px; width: 50% !important; }
    .ui-dialog .ui-dialog-titlebar-close { background: url('/images/output/icons/close_icon.png') no-repeat center center; border: none; }
.ui-widget-overlay { background-color: #111111; opacity: 0.6; z-index: 9998; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 5-7 */ filter: alpha(opacity=60); }

/* Content Templates */

.contact_details.grey_bg { display: table; padding: 0; padding: 0.5em 0 1em 0; width: 100%; line-height: 1.4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ie7 .contact_details.grey_bg { width: 97%; }
.contact_details.grey_bg > div { display: table-cell; vertical-align: top; padding-left: 1.25em; }
    .contact_details.grey_bg > div:first-child { padding-left: 0; }

.contact_details.grey_bg p { margin-bottom: 0.5em; }

.ie7 .contact_details.grey_bg > .col_1 { float: left; width: 40.70773638968481%; margin-right: 2.865329512893983%; }
.ie7 .contact_details.grey_bg > .col_2 { float: left; width: 24.28080229226361%; margin-right: 2.865329512893983%; }
.ie7 .contact_details.grey_bg > .col_3 { float: left; width: 25.28080229226361%; }


/* Tooltips */
.tooltip_panel { position: relative; width: 40px; height: 20px; z-index: 9999; }

.tooltip_icon { position: absolute; display: block; left: 0; top: 0; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 18px; color: #fff; background-color: #0093D0; }
.tooltip_content { display: none; position: absolute; left: 35px; top: 0; width: 160px; padding: 15px; background-color: #EBECEC; color: #333; }
.js-tooltip .tooltip_content { display: block; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
.tooltip_arrow { position: absolute; left: -10px; top: 0; width: 0px; height: 0px; border-style: solid; border-width: 10px 12px 10px 0; border-color: transparent #EBECEC transparent; }
.tooltip_panel:hover .tooltip_content { display: block; }
.tooltip_panel:hover.js-tooltip .tooltip_content { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; /* IE 5-7 */ filter: alpha(opacity=1); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; }
/* Login from */
#LoginFormContainer #LoginName, #LoginFormContainer #Password {
border-color:#0093D0; width:60%;
}
    #LoginFormContainer #LoginName:focus, #LoginFormContainer #Password:focus {
        border-color:#666666;
    } 
/* Cookie Notification */
#cookiePanel { display: table; width: 100%; padding: 2em 0; background-color: #0093D0; border-bottom: 2px solid #fff; color: #fff; font-size: 0.8125em; font-weight: bold; line-height: 1.4; }
    #cookiePanel a { color: #fff; text-decoration: underline; }
        #cookiePanel a:hover { text-decoration: none; }
.cookie_l { display: table-cell; width: 78.125%; }
.cookie_r { display: table-cell; width: 21.875%; text-align: right; vertical-align: middle; }
.ie7 .cookie_l { float: left; }
.ie7 .cookie_r { float: left; }

/* Sitemap */
#sitemap h2 { margin-bottom: 0; background-color: #0093D0; color: #fff; font-size: 18px; font-size: 1.125rem; font-weight: bold; }
    #sitemap h2 a:link, #sitemap h2 a:visited { display: block; padding: 0.25em 0.5em;; color: #fff; }
#sitemap > .col > .subs { padding: 1em; background-color: #EBECEC; }

#sitemap.cols_2 > .col { float: none; display: inline-block; vertical-align: top; width: 47.91666666666667%; margin: 0 1.041666666666667% 2em 1.041666666666667%; }
.content #sitemap ul { margin-bottom: 0; }


/* #Media Queries
================================================== */


/* Desktop */
@media only screen and ( min-width: 960px) {

    /* Media Responsible Classes*/

    .desktopDisplayInline { display: inline !important; }
    .desktopDisplayBlock { display: block !important; }
    .desktopDisplayNone { display: none !important; }
}



/* ipad portrait */

@media only screen and ( min-width: 768px) and ( max-width: 959px ) {

    /* Media Responsible Classes*/

    .tabletDisplayBlock { display: block !important; }
    .tabletDisplayInline { display: inline !important; }
    .tabletDisplayNone { display: none !important; }
    
    body { min-width: 768px; }
    .shell { max-width: 748px; }
    .button { font-size: 14px; font-size: 0.875rem; }
    .top-nav { margin-top:0; }
     

    .hp_content_2 .grey_bg.half > div { width: auto !important; height: auto !important; }
    .hp_content_2 .grey_bg .js-done { position: static; }
    .homepage .cols_2 > .col_1, .homepage .cols_2 > .col_2 { float: none; width: 630px; margin: 0 auto 2em auto; }

    .footer_t_r { position: static; width: auto; }

    ul#nav > li > a { font-size: 1em; }
    #social_banner { position: static; text-align: right; width: auto; min-width: initial; clear: both; display: block !important; }

    #site_search { width: 195px; }
    #header_right { margin-top: 4em; width: auto; }
    ul#nav > li:first-child a { padding-left: 40px; }

    .footer_t_r { width: 200px; }
    .cols_4f > .col_4 { clear: left; width: auto; float: none; padding-top: 2em; text-align: center; }

    #style_switcher { position: absolute; top: 5px; margin: 0; z-index: 9999; }
    #header_top > .shell > div.nav { width: 70%; }
}


@media only screen and ( max-width: 767px) {
    /* Media Responsible Classes*/
    .mobileDisplayBlock { display: block !important; }
    .mobileDisplayInline { display: inline !important; }
    .mobileDisplayNone { display: none !important; }

    
	.content ul li { text-align:left; }

    .shell { max-width: 90%; }
    .button { font-size: 14px; font-size: 0.875rem; }
    #header > .shell { padding-bottom: 2em; }
    .externalVideo { width: 100% !important; height: auto !important; background-color:transparent !important; }
    .main_panel .cols_2 .content { padding: 0 1em; }

    #header_left { float: none; width: auto; margin: 0 2em; padding: 2em 0; text-align: center; }
    #header_right { margin: 0; width: auto; float: none; }
    #placeholder1 { position: static; padding: 0 1em; background-color: #8DC63F; border-bottom: 2px solid #fff; }
    #placeholder2 { display: none; }
    .top-nav .shell { background: none; }
    .site_search_pnl { display: none; top: 0; border: none; width: 100%; }
    #site_search { width: 100%; margin: 0; }
    input.search_box[type="text"] { padding-right: 35px; height: 35px; }
    .search_btn { height: 35px; }

    .hp_content_3 .upcoming_events > div .blue_bg { font-size: 1em; }
    .hp_content_7 { margin-bottom: 0; }
    .upcoming_events .button { width: auto; }
    .hp_content_8 .col.last { margin-top: 2.5em; }

    .aside_nav .first_level { background: url("/images/output/navigation/nav-dropdown-bg.png") repeat-y scroll left top rgba(0, 0, 0, 0); }
        .aside_nav .first_level span { display: none; }

    #social_banner { min-width: initial; width: 100%; background-color: #414042; position: static; padding: 10px 0 5px 0; height: 35px; line-height: 35px; text-align: center; }
    #breadcrumb { display: none; }
    .cols_2 > .col_1, .cols_2 > .col_2 { float: none !important; width: auto !important; margin-right: 0 !important; }
    .cols_2 > .col { float: none !important; width: auto !important; text-align: center; margin-right: 0 !important; }
    .cols_3 > .col { float: none !important; width: auto !important; margin-top: 1em !important; margin-right: 0 !important; }
    .cols_4 > .col { float: none !important; width: auto !important; margin-top: 1em !important; margin-right: 0 !important; }
    .cols_5 > .col { float: none !important; width: auto !important; margin-top: 1em !important; margin-right: 0 !important; }
    .content { font-size: 0.9em; line-height: 1.3; }
    .footer_t_r { position: static; float: none; width: auto; }

    .cols_4f { text-align: center; }
        .cols_4f > .col_1, .cols_4f > .col_2 { float: none; display: inline-block; width: auto; vertical-align: top; }
        .cols_4f > .col_4 { float: none; margin-top: 1em; width: auto; text-align: center; }


    .main_panel .cols_2 h1 { margin-left: 0; padding-left: 0.5em; }

    .hp_content_3 .upcoming_calendar { float: none; width: auto; margin-right: 0; }
    .hp_content_3 .upcoming_events { float: none; width: auto; margin-top: 2.5em; }

    .button_area { position: static; margin: 1em auto 2em; }
    .hp_content_2 { margin-top: 2.5em; }
        .hp_content_2 .grey_bg.half > div { width: auto !important; height: auto !important; }
        .hp_content_2 .grey_bg .js-done { position: static; width: 100% !important; height: auto !important; }

	#cookiePanel { display:block; }
    .cookie_l { display: block; width: auto; }
    .cookie_r { display: block; width: auto; text-align: right; vertical-align: middle; }
	 #sitemap.cols_2 > .col { float: none; display: block; width: auto; margin: 0 0 1em 0; }
}

iframe[id^='twitter-widget-']{ width:100% !important;}
