/*------------------------------------------------------------------------------------------

*Filename:              media-query.css
*Version:               1.0.0 (27/03/2013)
*Website:               AIA

------------------------------------------------------------------------------------------*/
/*------============= Media Query Starts --------------==============*/
/* Below are media queries Fede B placed in global.css. 
Global.css should not hold media queries, it should hold base/mobile first styles.
This was creating issues correctly displaying desktop/mobile views
Moved to top of media-query.css 3-4 Katie Murray */

@media screen and (min-width: 480px) and (max-width: 767px) {
    .dropListLarge {
        width: 300px;
    }
    .dropListMed {
        width: 200px;
    }
}
@media screen and (min-width: 480px) and (max-width: 550px) {
    .btnGroup .btnReset {
        margin-right: 0.5em;
    }
}
@media screen and (min-width: 768px) and (max-width: 920px) {
    .close {
        right: -31px;
        top: -15px
    }
    .btnSearchPlacement {
        margin-right: 0
    }
    .footernav li {
        padding-left: 3%
    }
}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .mobileLeft {
        float: left!important
    }
    .formObjectWiderColumn {
        float: none!important;
        width: 275px;
    }
    .close {
        right: -10%;
        top: -3%
    }
    .advSearchHolder {
        margin-bottom: 2em;
    }
    .meetingType{
        float:right;
        width:60%;
    }
}
@media screen and (min-width: 320px) and (max-width: 920px) {
    div.formObjectColumn {
        width: 293px
    }
}
@media screen and (min-width: 320px) and (max-width: 479px) {
    .btnGroup .btnSearchAdv {
        margin: 0 auto 1em;
        padding: 0.5em 2.5em
    }
    .btnGroup .btnReset {
        margin-right: 0.5em;
        padding: 0.5em 2.5em;
    }
    .marginLeft {
        margin-left: 0em;
    }
    .css-treeview {
        margin-bottom: 2em
    }
    .btnSearchPlacement {
        margin-right: 0
    }
    .dropListLarge, .dropListMed {
        width: 283px
    }
    .overlay:target + .popup {
        top: 70%;
    }
    .formRow .formDropdown {
        width: 246px;
    }
    .formPopUpContainer {
        margin: 0 auto !important;
        padding: 1em 3%;
        width: 250px;
    }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .overlay:target + .popup {
        top: 90%;
    }
}
/*TREE CSS3*/

.css-treeview ul, .css-treeview li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.css-treeview li {
    display: inline-table;
    position: relative;
    width: 100%;
    margin: 0.2em 0
}
.css-treeview input {
    left: 14px;
    position: absolute;
    top: 0
}
.css-treeview {
    font: normal 13px Arial, Sans-serif;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}
.css-treeview a {
    text-decoration: none;
}
.css-treeview a:hover {
    text-decoration: underline;
}
.css-treeview input + label + ul {
    margin: 2em 0 0 15px;
}
.css-treeview input ~ ul {
    display: none;
}
.css-treeview label, .css-treeview label::before {
    cursor: pointer;
}
.css-treeview input:disabled + label {
    cursor: default;
    opacity: .6;
}
.css-treeview input:checked:not(:disabled) ~ ul {
    display: block;
}
.css-treeview ul li label {
    width: 100%;
    font-size: 14px
}
.css-treeview ul li {
    font-size: 14px
}
.css-treeview label, .css-treeview label::before {
    background: url("/images/icons.png") no-repeat;
}
.css-treeview label, .css-treeview a, .css-treeview label::before {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}
.css-treeview label {
    background-position: 18px 0;
}
.css-treeview label::before {
    content: "";
    width: 16px;
    margin: 0 22px 0 0;
    vertical-align: middle;
    background-position: 0 -32px;
}
.css-treeview input:checked + label::before {
    background-position: 0 -16px;
}
/* webkit adjacent element selector bugfix */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .dateHolder .datePicker {
        top: 5px;
    }
    .imagePosition img {
        width: 108px!important;
        min-width: 108px
    }
    .nslistGrid#tblStaff td:last-child {
        border-right: solid 3px #ccc;
        border-bottom: solid 1px #ccc;
    }
    #tblStaff.nslistGrid td.imageThumbWrapper {
        width: 10%;
    }
    #tblStaff.nslistGrid td.staff {
        width: 90%
    }
    .advSearchContent .fncyHeader h1 {
        padding: 13px 13px;
    }
    .grayBox .chqBoxList label {
        display: inline-table;
        width: 75%;
    }
    .css-treeview {
        -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
    }
    .mainNav ul ul li a:hover {
        padding: 7px 7px 7px 12px;
    }
    .longTitle {
        width: 246px
    }
    @-webkit-keyframes webkit-adjacent-element-selector-bugfix {
        from {
            padding: 0;
        }
        to {
            padding: 0;
        }
    }
}
/* Katie M. media queries added post-build 2-27 */

@media only screen and (min-width: 420px) {
    /*.membrCenterMain .level3 {display:inline-block;float:none;width:100%;padding-right:5px;}*/
    
    .last.flyout ul.level2, .membrCenterMain .level2a, .membrCenterMain .level3 {
        width: 50%;
        float: left;
        display: inline-block
    }
}
@media only screen and (min-width: 550px) {

    .advThreeCol.dateBox.margleft {
        float:left !important;
        margin:0 17% 0 0;
    }

}

@media only screen and (min-width: 630px) {
    .dataWrapper {
        position: relative;
        width: 100%;
        text-align: right
    }
    .dataWrapper > a {
        margin-right: -10px
    }
    td.date-column {
        white-space: nowrap;
        min-width: 11em
    }
}
@media only screen and (min-width: 680px) {
    /* members mega menu desktop */
    
    .memberMega {
        width: 370px;
        overflow: hidden;
        background: none repeat scroll 0 0 #eda404;
        position: absolute;
        z-index: 100;
        right: -29px;
        top: 38px;
        padding: 10px;
        display: none;
        box-shadow: 2px 2px 5px #787676;
    }
    .last.flyout ul.level2, .membrCenterMain .level2a, .membrCenterMain .level3 {
        width: 180px;
        float: left
    }
    .membrCenterMain-toggle {
        display: none
    }
    .membrCenterMain ul li:hover .memberMega {
        display: block;
    }
    /* mobile > desktop nav transition */
    
    a.mobile_handle {
        display: none !important
    }
    .mainNavOuter {
        background: url("/images/mnu-bg.png") repeat-x scroll 0 0 transparent;
        margin: 3px 0 10px;
        padding: 0;
    }
    .mainNav {
        float: left;
        width: 80%
    }
    .membrCenterMain {
        float: left;
        width: 17%
    }
    .mainNav ul li.first {
        padding: 0
    }
    .mainNav ul {
        padding: 0;
        margin: 0 0 0 30px;
    }
    .mainNav ul li {
        float: left;
        list-style: none outside none;
        padding: 0;
        position: relative;
        top: 0;
        left: 0;
        min-width: 20%;
        background: transparent;
        border-bottom: 0;
    }
    .mainNav ul li:hover {
        background: url("/images/mnu-hover-bg.png") no-repeat scroll right 0 #2d3245;
        background-position: auto -10px;
    }
    .mainNav ul li a:hover, .mainNav ul li.active a:hover, .mainNav ul li.active a {
        color: #ffffff;
    }
    .mainNav ul li a, .membrCenterMain ul li a, .membrCenterMain ul li.last a {
        color: #FFFFFF;
        background: transparent;
        display: block;
        font-size: 1.1em;
        padding: 7px 6% 4px 5%;
        text-decoration: none;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        margin-top: 7px;
    }
    .memberMega .level2a ul li a {
        margin-top: 0
    }
    .membrCenterMain ul ul li {
        margin-left: 30px;
    }
    .membrCenterMain {
        background: transparent;
        padding: 0;
        margin: 0
    }
    .membrCenterMain ul li:hover {
        background: url("/images/mnu-hover-membCnter.png") no-repeat scroll right 0 #eda404;
    }
    .mainNav ul ul {
        background: none repeat scroll 0 0 #2D3245;
        left: 0;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 37px;
        z-index: 100;
        width: 100%;
        display: none;
    }
    .mainNav ul ul li {
        text-align: left;
        padding: 0;
        width: 100%;
    }
    .mainNav ul ul li a {
        font-size: 1.1em;
        font-weight: normal;
        padding: 7px 9px 7px 12px;
        text-transform: none;
        text-align: left;
    }
    .mainNav ul ul li a:hover {
        background: #e4e4e4;
        color: #2d3245;
        font-weight: bold;
    }
    /* Footer transition mobile > desktop */
    
    .footernav li {
        border-left: 2px solid #D5D4D4;
        color: #2D3245;
        float: left;
        font-size: 1.27em;
        list-style: none outside none;
        margin-bottom: 1.5em;
        margin-left: 3%;
        padding-left: 2%;
        text-transform: uppercase
    }
    .footernav li ul {
        margin: 10px 0;
    }
    .footernav li ul li {
        border: medium none;
        float: none;
        font-size: 0.9em;
        margin: 0;
        padding-left: 0;
        padding-bottom:0;
    }
    .footernav li ul li a {
        text-decoration: none;
    }
    .footernav li {
        margin-left: 2%;
        padding-left: 3%;
        font-size: 100%
    }
    .footernav li span {
        font-weight: bold;
        background: transparent;
        color: #2D3245;
        padding: 0
    }
    .footernav li:first-child {
        border-left: 0;
        margin-left: 0 !important
    }
    .ftrSrch {
        width: 60%;
        margin-right: 2%;
        float: left
    }
    .ftrSrch > div {
        width: 70%;
        float: left;
    }
    .ftrSrch .advnSrch {
        width: 30%;
        float: left;
        margin-right: 0
    }
    .ftrSocialMedia {
        width: 37%;
        float: left;
        text-align: right
    }
    .ftrSocialMedia a {
        width: 9%
    }
    .ftrSocialMedia a:first-child {
        width: 5%
    }
    .ftrSrch input[type="text"] {
        font-size: 100%;
        padding: 2% 5% 2% 9%;
        width: 78%
    }
    .ftrSrch .serachBtn {
        width: 6%
    }
    .footernav.clearfix > li {
        min-height: 190px;
        font-size: 130%
    }
    .resourcesMain, .newsMain {
        float: left;
        width: 49%;
    }
    .newsMain {
        margin-top: -20px
    }
    .ceoUpdate {
        margin-top: 0;
        width: 25%
    }
    .whatNewAreaMain {
        float: left;
        position: relative;
        width: 72%;
        z-index: 0;
        padding: 0;
    }
    .whatNewAreaMain .fncyHeader {
        left: 3%;
        top: -12px;
        width: 170px;
    }
    .whtsNewSection {
        float: left;
        min-height: 45px;
        padding: 2% 0 0 2%;
        position: relative;
        width: 36%;
    }
    .whtsNewSection .smallMore2 {
        right: -22px
    }
    .whtsNewSectionFeatured {
        padding: 35px 3% 12px 2%;
        width: 55%;
        border-right: 1px solid #F1F1F1;
    }
    .whatNewAreaCeo {
        width: 100%
    }
    .meetingEvents {
        background-color: #EAEAEA;
        float: left;
        width: 42%;
        position: relative;
        padding-top: 10px;
    }
    .meetingEvents .fncyHeader, .topNewsMain .fncyHeader, .resourcesInner .fncyHeader {
        margin-top: -1.5em;
    }
    .meetingType {float:right;}
    .newsTempRghtInner.twitterInner .fncyHeader {
        margin-top: -1em;
    }
    .advSearchContent.ebulletin .fncyHeader, .advSearchContent .fncyHeader {
        margin-top: 1em
    }
    .topNewsMain {
        background-color: #3d4357;
        float: right;
        width: 56%;
        position: relative;
        padding-top: 10px;
    }
    .shortcutMain ul li {
        float: left;
        list-style: none outside none;
        margin-left: 4%;
        /*font-family: AvenirLight;*/
    
        width: 22%;
        font-size: 1em;
    }
    .shortcutMain ul li:first-child {
        margin-left: 0;
    }
    .shortcutMain ul li ul {
        padding: .5em 0 0 0;
    }
    .shortcutMain ul li ul li {
        float: none;
        margin: 0;
        padding: 0 0 7px 0;
        width: 100%;
    }
    .shortcutMain ul li ul li a {
        font-weight: normal;
        letter-spacing: -1px;
    }
    .storiesSection {
        min-height: 400px;
    }
    .newsTemplateLeft, .contentLeft {
        float: left;
        position: relative;
        width: 69%;
    }
    .contentLeft {
        float: left;
        position: relative;
        width: 75%;
    }
    .contentRight {
        background-color: #2D3245;
        float: right;
        padding: 1.3%;
        width: 20%;
        margin-top: 0;
    }
    .newsTemplateRight {
        background-color: #2D3245;
        float: right;
        padding: 1.3%;
        margin-top: 0;
        width:20%;
    }
    div.formObjectColumn {
        width: 235px;
        float: left;
        margin: 1em 0 0;
        font-size: 13px
    }
}
@media only screen and (min-width: 750px) {
    .rotatorImage {
        float: left;
        width: 48%
    }
    .rotatorDiscri {
        float: right;
        width: 48%;
        padding: 3% 0 0 3%
    }
    .twoColSec1, .oneColWidth, .promoCol {
        float: left;
        margin-right: 2%
    }
    .twoColSec2 {
        display: inline-block
    }
    .twoColSec1 {
        width: 68%
    }
    .twoColSec2, .btmWrapper .twoColSec2 {
        width: 30%
    }
}
@media screen and (min-width: 48.5em){
    .oneColumContent {
        width: 70%;
        margin-left: 30%;
        padding:1em 0;
    }
    .wrapperInner{
        font-size:13px;
    }
    .templateRight {
        background-color: #2D3245;
        float: right;
        padding: 1.3%;
        width: 20%;
        margin-top: 0;
    }
    .mainContentArea{padding:1em 2.8em 1em 3em;}
    .advFourCol.dataBox {
        margin-left:1em;
    }
    .advThreeCol.dateBox.endTextBox.margleft {margin-left:0;}
    .advThreeCol.dateBox.margleft {float:right;margin-right:0;}
}

/* media queries based on device pixel ratios for mobile retinas etc */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width:1024px),
only screen and (-0-min-device-pixel-ratio: 2) and (max-width:1024px),
only screen and (min-resolution:192dpi) and (max-width:1024px),
only screen and (min-resolution:2dppx) and (max-width:1024px),
@media only screen and (-webkit-min-device-pixel-ratio: 3) and (max-width:1024px),
only screen and (min--moz-device-pixel-ratio: 3) and (max-width:1024px),
only screen and (-0-min-device-pixel-ratio: 3) and (max-width:1024px),
only screen and (min-resolution:3dppx) and (max-width:1024px), {
    .templateRight {
        float: none;
        width: 100%;
    }
    .templateRight {
        float:none;
        width:100%;
        padding:0 2%;
        margin:0;
        font-size:15.5px !important;
        line-height:1.2;
    }
    .oneColumContent {
        margin:0 !important;
        width:100% !important;
        font-size:15.5px !important;
        line-height:1.2;
    }
    .mainContentArea{padding:1em;}

}
@media only screen and (min-width: 1000px) {
    .dataWrapper {
        position: relative;
        width: 100%;
        text-align: right
    }
    .rotatorImage {
        width: 67%
    }
    .rotatorDiscri {
        width: 30%
    }
    .footernav li {
        font-size: 100%
    }
    .threeColNew {width:33%;}
    .oneColumContent {
        width: 70%;
        margin-left: 30%;
        padding:1em 0;
    }
}
/* end 2-27 media queries */

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .advFourCol {
        margin-right: 0;
        width: 50%;
        float:left;
    }
    .advFourCol.dataBox {
        margin:0 0 1em;
    }
}
@media only screen and (max-width: 900px) {
    .accSavedInfo, .accInfo {
        margin: 0 2em 0 0em;
    }
    .membrCenterMain ul ul {
        top: 37px;
    }
    .accSavedInfo td {
        width: auto;
        padding: .6em 0em .6em 0;
    }
    .btnSignIn, .btnCreatAcc {
        position: static;
        margin: 1em 0 2em 190px;
    }
    .loginForm {
        width: 50%;
    }
    .storiesSection {
        float: none;
        width: 94%;
        height: auto !important;
        padding-bottom: 2.5em;
        margin-bottom: 2em;
    }
    .seeAll {
        left: 35%;
    }
    .nslistGrid td {
        padding: .5em 4% .5em 0;
    }
    .searchTerm input {
        width: 150px;
    }
    .dateRange .blueButton {
        margin: 3% 0 2% 7%;
    }
    .mediaContactMain .fncyHeader {
        min-width: 175px;
    }
}
@media only screen and (max-width: 768px) {
    .memWebBlue {
        padding: 7% 3.2%;
    }
    .memberMega {
        right: 0;
        top: 41px;
    }
    .ceoUpdate {
        padding: 40px 0.6% 22px;
    }
    .videoContainer iframe {
        width: 100%;
        height: 190px;
    }
    .storiesSection {
        float: none;
        width: 93%;
        margin-right: 1.5%;
    }
    .loginForm {
        width: 70%;
        border-right: none;
    }
    .eventLanding .rightCol {
        width: 95%;
        float: left;
    }
    .eventLanding .leftCol {
        width: 30%;
    }
    .eventLanding .middleCol {
        float: right;
        width: 65%;
    }
    .joinForm {
        padding-bottom: 0em;
    }
    .nslistGrid {
        width: 100%;
    }
    .seeAll {
        left: 42%;
    }
    .accInfoModal p strong {
        width: 100px;
    }
    .defaultShow .blueButton {
        margin-left: 100px;
    }
    .searchActions {
        float: left;
    }
    .dateRange .blueButton {
        margin: 0;
    }
}
@media only screen and (max-width: 800px) and (min-width: 610px) {
    .memWebBlue {
        padding: 7% 3.2%;
    }
    .meetingEvents {
        padding-top: 30px;
    }
    .topNewsMain {
        padding-top: 25px;
    }
    .storiesSection {
        float: none;
        width: 93%;
        margin-right: 1.5%;
    }
    /*.meetingEvents .fncyHeader, .topNewsMain .fncyHeader{top: -13px;}
	.mediaContactMain .fncyHeader {top: -13px !important;}
	.newsTempRghtInner .fncyHeader{top:-23px;}.mediaContactMain h1{padding:13px 7%;}*/
}
@media only screen and (min-width: 767px) and (max-width: 880px) {
    .mediaContactMain {
        padding-top: 40px;
    }
    .mediaContactMain h1 {
        padding: 13px 10%;
    }
    .ftrSrch input[type="text"] {
        width: 76%;
    }
}
/*@media only screen and (min-width: 680px) and (max-width: 880px) {
.ceoUpdate .fncyHeader {
    left: 7%;
    top: -13px;
    width: 83%;
}

.ceoUpdate .fncyHeader h1{font-size:90%}
}*/
/* Small tablet portrait  ----------- */

@media only screen and (min-width: 600px) and (max-width: 800px) {
    /*.fncyHeader{top: -29px}*/
    
    .memWebBlue {
        padding: 7% 3.2%
    }
    .aiaVedioMain {
        margin: 25px auto 0
    }
    .aiaVedioMain .fncyHeader {
        top: -13px !important
    }
    .otherStoriesSub {
        padding: 0;
    }
    .storiesSection {
        float: none;
        margin-right: 0;
        width: 95%
    }
    .otherStoriesMain {
        padding: 5% 1% 55px
    }
    .twitterInner .fncyHeader {
        top: -13px
    }
    .tweetInner {
        padding: 20px 3% 0
    }
}
@media only screen and (max-width: 767px) {
    .advThreeCol {
        margin-right: 17%
    }
    .advFourCol {
        width: 50%;
        margin:0 0 1em 0 !important;
    }
    .resultsGrid th, .accSavedInfo th {
        display:none;
    }
    .resultsGrid tr td, .accSavedInfo tr td {
        display:block;
    }
    .accSavedInfo tr {border-bottom:1px solid #ebebeb;}
    .mobile-table-title {
        display:inline-block;
        font-weight:bold;
    }
    .mobile-table-title:after {
        content:':';
        margin-right:.25em;
    }
    .accDateCol {text-align:left;}
}
@media only screen and (min-width: 768px) {
    .mobile-table-title {
        display:none;
    }
    .resultsGrid th, .accSavedInfo th {
        display:table-cell;
        text-align:left;
    }
    .accSavedInfo {margin-left:0;margin-right:0;}
    .accSavedInfo tr {border-bottom:none}
    .accSavedInfo td:first-child {white-space:nowrap;min-width:160px;}
}
/* Mobile (portrait and landscape) ----------- */

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .dateRange .blueButton {
        margin: 0 auto;
        margin-top: 3%;
        margin-bottom: 3%;
    }
    .refineSearch {
        width: 50%
    }
    .resultsContent {
        width: 100%;
        float: left;
    }
}
@media only screen and (min-width: 480px) and (max-width: 620px) {
    .refineSearch {
        width: 28%
    }
    .resultsContent {
        width: 69%
    }
}
@media only screen and (min-width: 320px) and (max-width: 550px) {
    .chqBoxList td {
        display: table;
        width: 100%;
    }
    .advFourCol, .advThreeCol {
        width: 100%;
    }
    .advThreeCol {
        float: none;
        margin-left: 0;
        margin-right: 17%;
    }
    .advThreeCol.dateBox.endTextBox.margleft {
        padding-top:0  !important;
    }
    .eventLanding .leftCol {
        width: 90%;
        margin: 0 auto;
        float: none;
        margin-bottom: 1em;
    }
    .eventLanding .middleCol {
        float: right;
        width: 95%;
    }
    .eventDate {
        width: 25%;
    }
    .eventDesc {
        margin-left: 5%;
        width: 70%;
    }
    .MobFooterHead {
        display: block !important;
        font-size: 1.8em;
        color: #2D3245;
        margin-bottom: .8em;
    }
    .advnSrch a {
        font-size: 1.4em;
        font-weight: bold;
        margin: .5em 0 .5em 0;
        display: inline-block;
    }
    .memberLogout a {
        font-size: 1.3em;
    }
    .footernav li ul li a {
        font-size: 1.2em;
    }
    .nslistGrid .nsCol2, .nslistGrid .nsCol3 {
        width: 32%;
    }
    .blockItem {
        width: 43%;
    }
    .seeAll {
        left: 48%;
    }
    .refineSearch {
        width: 60%;
        margin-bottom: 2em;
    }
    /*.twitterInner .fncyHeader{top:-32px;}
    .mediaContactMain .fncyHeader{min-width:195px;}*/
}
@media only screen and (min-width: 320px) and (max-width: 479px) {
    .issuesBox .selAll {
        width: 100%;
    }
    .advFourCol {
        width: 100%;
    }
    .chqBoxList td {
        display: table;
        padding-bottom: 5px;
        vertical-align: top;
        width: 100%;
    }
    .btnSearchPlacement {
        margin-top: 1em!important
    }
    .footernav li span {
        width: 53%;
    }
    .ftrcopyRight label {
        padding-left: 2%
    }
    .formRowChq {
        margin-top: .5em
    }
    .loginForm .formRowChq label {
        font-size: 12px;
    }
    .loginForm p {
        font-size: 12px;
    }
    .ftrcopyRight, .iAPPSLogo {
        float: none;
        width: 100%;
    }
    .iAPPSLogo {
        text-align: center;
        margin-top: 1em
    }
    .memWebBlue {
        padding: 7% 3.2%;
    }
    .formRow .formTextarea {
        width: 210px;
    }
    .formSubmit a {
        margin-left: 0;
    }
    .loginForm {
        width: 100%;
        border-right: none;
    }
    .loginSection {
        padding-left: 10px;
        width: 97%;
    }
    .loginForm .formRowChq label {
        width: 85%;
    }
    .blueBoxLogin {
        padding: 2em 1em 1.4em 1em;
    }
    .btnLogin {
        margin: 0 0 5px 35%;
    }
    .storiesSection {
        padding: 7% 2% 5% 2%;
    }
    .blockItem {
        width: 87%;
    }
    .seeAll {
        left: 70%;
    }
    .twitterInner .fncyHeader {
        top: -26px;
    }
    #boxes .mwindow {
        width: 250px!important;
    }
    .accInfoModal input {
        width: 150px !important;
    }
    .accInfoModal p strong {
        width: 70px;
    }
    .defaultShow .blueButton {
        margin-left: 70px;
    }
    .refineSearch {
        width: 90%;
    }
    .searchResults .mainContentArea {
        padding: 0 1em 1em 1em;
    }
    .genericInner .mainContentArea {
        padding: 0 1em 1em 1em;
    }
    .searchBox {
        text-align: left
    }
    .advFourCol {
        width: 100%;
        margin-bottom: .5em
    }
    .advFourCol {
        margin-bottom: 1em;
        min-height: 70px;
        width: 100%;
    }
}
.emailBtn {
    background: none repeat scroll 0 0 #DBDBDB;
    border: 1px solid #333333;
    color: #333333;
    display: inline;
    font: 14px/22px arial;
    margin: 1em auto 0;
    text-align: center;
    text-decoration: none;
    width: 65px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.templateColumn {
    margin: 0px 0px 0px 10px;
    width: 93%;
}
.templateLeft {
    padding: 0% 5% 4%;
    padding-bottom: 0px;
    position: relative;
}