﻿/* WebmontonMedia Responsive v1.0.2 Copyright 2013 Webmonton Ltd. */

/* ------------------------------------------- */
/* Page Shell - Desktop Display*/
/* ------------------------------------------- */

@media screen and (max-width:799px) {

    Body { -webkit-text-size-adjust: none; }

    /* Define screen and page */
    .wscreenwidth { min-width: 0; }
    .wpagewidth { max-width: 100%; min-width: 0; }

    /* Multilayered BG */
    .wbody_bk0 { }
    .wbody_bk1 { background-image: none; }
    .wbody_bk2 { background-image: none; padding-top:0px;margin-top: 0px;}

    /* ------------------------------------------- */
    /* Layout Panes */
    /* ------------------------------------------- */

    /* Pane(s) Container */
    .wpanes { clear: both; }

    /* Define Top Band */
    .wpagetop { display: none; }

    /* Current Date */
    .wpagetopleft { float: none; width: auto; }
    /* Empty */
    .wpagetopmid { float: none; width: auto; }
    /* Search */
    .wpagetopright { float: none; width: auto; }

    /* Define Header */
    .wheader { position: relative; height: auto; }

    /* Logo */
    .wheaderleft { float: none; vertical-align: top; width: auto; padding: 0 12px 0 0; }

    .wlogoblock {width:77%; float:left; margin:9px 0 0 6px;padding-top: 0px;}
    .wlogoblock img { max-width: 100%; }

    


    /* Search */
    .wheadermid { clear:both; float: none; width: auto; position:relative; top:0px; right:0px; text-align:center;}
    .LoginLink2{ display:none;}
    .HeaderPane1{float:none; display:inline-block;}
    .wsearch { clear:both; margin-left: 20px;float:none;}

    /* Menu */
    .wheaderright { float: none; width: auto; position:relative; top:0px; right:0px; text-align:center;}
    .HeaderPane2{float:none; display:inline-block; margin:6px auto;}
    /* Menu Location */
    .wskin_menu {height:auto;padding-top:0px; border:0px;}
    .wbackaccent {display:none;}

.wback {position:relative;}

.Sliderpane { display:none;text-align:center; /*overflow:hidden;*/ padding:0px; margin:0px;}
.Sliderpane img { /*max-width:1920px;*/ height:auto;/* z-index:-1;*/}

    /* Define page block 1 - no margins/padding for slider,etc. */
    .wpageblock1 { margin: 0px 5px; }

    /* Define page block 2 */
    .wpageblock2 { -webkit-box-shadow: 0 0 0px 0px #000;-moz-box-shadow: 0 0 0px 0px #000;box-shadow: 0 0 0px 0px #000;}

    .wpageblock2 .wpanes { padding: 0px 0px; }

    .wpageblock2 img { max-width: 100%; }

    .wpageblock2 .wpagepadding{padding:0px 5px;}

    /* Define footer */
    .wfooter { padding: 0px 0px 20px 0px; }

    .wfooter .wpanes div { text-align: left; }

    /* Define Legal */
    .wlegal { }
    .wlegal .wpanes { padding: 10px 10px; }

    /* Login */
    .wlegalleft { float: none; width: auto; padding-bottom: 20px; }

    .wloginbox { text-align: center; padding-left: 0px; }
    #Login { display: inline-block; }


    /* Legal */
    .wlegalright { float: none; width: auto; clear: both; }

    .wlegalbox { text-align: center; padding-right: 0px; }

    /* ------------------------------------------- */
    /* Internal Columns */
    /* ------------------------------------------- */

    .wrowfluid { width: 100%; }
    .wCols2 { float: none; width: 100%; margin-right: 0; }
    .wCols3 { float: none; width: 100%; margin-right: 0; }


    /* ------------------------------------------- */
    /* Editable Panes */
    /* ------------------------------------------- */

    .BannerPane { padding: 0; margin: 0px auto; width: auto; }
    .TopPane { padding: 0px 0px; }

    .LeftPane1 { float: none; padding: 5px 0px; width: auto; }
    .RightPane1 { float: none; padding: 5px 0px; width: auto; }

    .LeftPane2 { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }
    .RightPane2 { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }

    .LeftPane3 { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }
    .RightPane3 { float: none; padding: 5px 0px; text-align: left; vertical-align: top; width: auto; }


    .LeftPane4 { float: none; padding: 5px 0; width: auto; }
    .MidPane4 { float: none; padding: 5px 0; width: auto; margin: 0; }
    .RightPane4 { float: none; padding: 5px 0; width: auto; }

    .ContentPane { padding: 5px 0px; text-align: left; vertical-align: top; }

    .LeftPane5A { float: none; padding: 5px 0px; width: auto; margin: 0; }
    .LeftPane5B { float: none; padding: 5px 0px; width: auto; margin: 0; }
    .RightPane5A { float: none; padding: 5px 0px; width: auto; margin: 0; }
    .RightPane5B { float: none; padding: 5px 0px; width: auto; margin: 0; }

    .LeftPane6 { float: none; padding: 5px 0; width: auto; margin: 0; }
    .RightPane6 { float: none; padding: 5px 0; width: auto; margin: 0; }

    .BottomPane { padding: 5px 0px 10px 0; clear: both; }

    .FooterPane1 { float: none; width: auto; margin: 0; }
    .FooterPane2 { float: none; width: auto; margin: 0; }
    .FooterPane3 { float: none; width: auto; margin: 0; }
    .FooterPane4 { float: none; width: auto; margin: 0; }

    .LegalPane1 {}
    .LegalPane2 {position:relative; top:0px; right:0px; left:0px; float:none; width:auto; text-align:center; padding: 10px; margin:0px auto; }
    /* ------------------------------------------- */
    /* Skin Specific */
    /* ------------------------------------------- */


.rsLocations .slidebody p{float:none; width:95%;}
.rsstaff .slideheader a{padding:5px 0px 5px 30px;margin:0px;}
.rsstaffcontent{width:96%; float:none; padding:0px 2%;}
.rsstaffphoto{display:none;}
.rsstaff .slideheader a {background-position:6px 6px; margin-bottom:5px;}
.witemblock{padding:10px 0px 3px 0px;border:0px solid silver;}
.witemimg{width:96%;float:none;}
.witemtext{width:100%;float:none;padding:0px 0px 0px 0px;}

.witemphotos{text-align:center;width:96%;}

 .wcareerpost{display:none;}
   
    .wGrads {height:auto;}
    .wClients {height:auto;}

.wPlaceImages img:first-child {
width: 100%;
margin-left: 0;
}

.wPlaceImages img {
float: none;
width: 100%;
margin-left: 0;}

/* hide banner nav in mobile */
#controlnext439 {display:none;}
#controlprev439 {display:none;}


    /* ------------------------------------------- */
    /* AP Menu */
    /* ------------------------------------------- */

    /* Main Menu */
    div#apmenu { display: none; padding-top:5px; }

    /* Mini Menu */
    .wmenu_box { background: url("../img/wmenu_icon02.png") no-repeat scroll 0 0 transparent; width: 40px; height: 60px; display: block; text-indent: -9999em; float: right; margin: 8px 0px 0 0px; }
    .wmenu_box:hover { background: url("../img/wmenu_icon01.png") no-repeat scroll 0 0 transparent; width: 40px; height: 60px; display: block; text-indent: -9999em; float: right; margin: 8px 0px 0 0px; }

    /* Menu Level 1 and below */
    div#apmenu ul { padding: 0; margin: 0;  }
    div#apmenu ul.menu { padding: 7px 7px; background:#fff; }

    div#apmenu ul li { float: none; position: relative; width: auto; display: block; padding: 2px 0px; text-align: left; }
    div#apmenu li div { position: relative; z-index: 999; float: none; display: none; visibility: hidden; }
    div#apmenu ul li a { position: relative; z-index: 10; display: block; color: #ffffff; padding: 8px 20px; background: #285EA4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;/* -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;*/ text-decoration: none; }
    div#apmenu ul li a span { font-family: Arial, Helvetica, Sans-Serif; font-size: 16px; letter-spacing: 1px; font-weight: normal; margin: 0; padding: 10px; text-transform: none; }
    div#apmenu ul li a:hover { background: #222222; color: #fff; }

    div#apmenu ul.menu > li:hover > a { background: #222222; }
    div#apmenu ul.menu > li:hover > a span { color: #fff; }

    div#apmenu li:hover > div { display: none !important; visibility: visible; margin-left: 10%; }

    /* Menu Current */
    div#apmenu ul li.current a.head { color: #fff; background: #222222; }
    div#apmenu ul li.HasChild > a { background: url("../img/haschild2.png") no-repeat scroll 97% 50% #285EA4; }
    div#apmenu ul li.HasChild > a.over { background: url("../img/haschild2.png") no-repeat scroll 97% 50% #222222; }

    /* Menu Lava Lamp */
    div#apmenu li.back, div#apmenu li.back .left { }

    /* ---------------------------------------------- */
    /* Shopping Guide */
    /* ---------------------------------------------- */
    .FabListingBox { float: none; margin: 10px 0 10px 0; padding: 1%; width: 100%; max-height: 300px; overflow: hidden; }
    .FabListingImg { text-align: center; }
    .FabListingImg img { width: auto; max-height: 200px; margin-top: 5px; }
    .FabListingTitle { margin: 10px auto; font-size: 17px; text-align: center; }
    .FabListingMore { width: 96%; }

    /* ---------------------------------------------- */
    /* Fab Featured */
    /* ---------------------------------------------- */
    .fabFeaturedListItem h3, .fabFeaturedListItem h4 { text-align: center; }
    .fabFeaturedListItemImg { max-width: 100%; margin: 0px auto 10px auto; float: none; text-align: center; }
    .fabFeaturedListItemImg img { max-height: 300px; }

    .fabFeaturedDetailTitle { text-align: center; }
    .fabFeaturedDetailImg { float: none; width: 100%; text-align: center; }
    .fabFeaturedDetail { float: none; width: 100%; }

    /* ---------------------------------------------- */
    /* Personnel */
    /* ---------------------------------------------- */
    .wNameListItem { float: none; width: 100%; margin-right: inherit; }
    .wNameListImg { max-height: 200px; width: auto; }

    /* ------------------------------------------- */
    /* Video Section */
    /* ------------------------------------------- */
    .wvideofnl { width: 98%; float: none; margin: 0px 2% 20px 0px; }

    .wwideoblock1 { float: none; width: 100%; }
    .wwideoblock2 { float: none; width: 100%; }

    .wvideoDetailBlock1 { float: none; padding: 2%; width: 94%; }
    .wvideoDetailBlock2 { float: none; width: 100%; }
    .wvideoDetailBlock2 iframe { width: 100% !important; }


    /* Social Profile Groups */
    .dnnGroupDirectory { padding: 10px !important; }

    /* Over ride long non-breaking string on mobile */
    .dnnSearchResultItem-Link { overflow: hidden; font-size: 10px; max-width: 100%; }

    /* Easy DNN gallery mobile overrides */
    .EDGmain .EDGimage a .title { display: none; }
    .EDGmain .EDGimage a input, .EDGmain .EDGimage a img { padding: 0px !important; }
    #EDG_0_Shadow .EDGmain { margin: 2px 2px 2px 2px !important; position: relative; background-image: none !important; padding-bottom: 2px !important; padding-right: 2px !important; }

    /* general image un float */
    .fabMobileStyle { float: none !important; margin-right: auto !important; margin-left: auto !important; display: block; }

    /*.dgdAvatar{
    max-width: 50px !important;
    width: auto !important;
    height: auto !important;
    padding:0 !important;
    margin-right:0 !important;
    }

    .dgdAvatar a{max-height:100% !important;}*/


.wbannertext h2 {margin:7px 0 0 0; font-size:22px; line-height:120%;}
.wbannertext h3 {font-size:16px;}
#LiveRotator439 .spacer {padding-bottom:4px;}

}

@media handheld, only screen and (max-width: 480px) {
    html, body, p, .normal, .Normal, table, Table { font-size: 12px; }   

.wbannertext h2 {margin:7px 0 0 0; font-size:16px; line-height:110%;}
.wbannertext h3 {display:none;}
#LiveRotator439 .spacer {padding-bottom:4px;}

.DNN_Documents .DescriptionCell, .DNN_Documents .DescriptionHeader {display:none;}
.DNN_Documents .SizeCell, .DNN_Documents .SizeHeader {display:none;}
.DNN_Documents .ModifiedCell, .DNN_Documents .ModifiedHeader  {display:none;}
}


@media handheld, only screen and (max-width: 320px) {
    /*.wlogoblock { width: 60%; padding: 0; margin: 15px 0 0 0; }*/
}







