@import url(/s/resources/css/appstyles.css);
@import url(/s/resources/fonts/fontawesome-curr/css/font-awesome.css);

/* General Style
---------------------------------------------*/
form,body,html{height:100%;width:100%;}
form,body,html{height:100%;width:100%;}
body{margin:0;padding:0;font:14px/1.5em Helvetica, Arial, sans-serif; background:#fff;}

h1, h2, h3, h4, h5, .PageTitleHeader, .PageSubTitleHeader {font-weight:bold;margin:0;padding:0;}
h1, .PageTitleHeader {font-size:2em;line-height:1.3em;}
h2, .PageSubTitleHeader {font-size:1.6em; line-height:1.3em;}
h3 {font-size:1.25em;line-height:1.3em;}
h4 {font-size:1em;line-height:1.25em;text-transform:uppercase;}
h5 {font-size:0.85em;line-height:1.1em;}
p {margin:0.5em 0 1.5em;padding:0;}
#PageTitle, .PageTitleHeader { display:none;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}

hr{height:1px;line-height:1px;margin:2em 0px;clear:both;border:none;background:#ccc;color:#ccc;}

img.left{float:left;margin:0 20px 10px 0;}
img.right{float:right;margin:0 0 10px 20px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#70a533!important;}
.expand img {background-color: #70a533!important;}
.expand{background-color: #70a533!important; display:inline-block; width:18px;}
.Error,.error {width:auto!important}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

#inner-wrap img[src="/images/spacer.gif"] {display:none;}

::selection { background: #0066CC; color: #fff; } /* Safari 3.1+, Opera 9.5+, Chrome 2+ */
::-moz-selection { background: #0066CC; color: #fff; } /* Mozilla Firefox */

#inner-wrap * {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box;  box-sizing: border-box; -ms-box-sizing: border-box;}
#inner-wrap img {max-width:100%; height:auto;}

/* UTILITY BAR ELEMENTS
---------------------------------------------*/
div#utilityBar {float:left; width:100%; background:#333333; padding:7px 0;}

#ContentMemberTools { font-size:11px; line-height:19px; }
#ContentMemberTools ul {list-style:none;margin:0;padding:0;float:left;}
#ContentMemberTools li {float:left;padding:0 20px 0 0px;}
#ContentMemberTools li:first-child {}
#ContentMemberTools a {display:block; color:#fff;text-decoration:none;}

#ContentSearch {float:right; text-align:right; background:#fff; position:relative; padding-right:19px; height:19px;}
#ContentSearch input {height:19px; border:none; background:#fff; padding:0 5px;float:left; width:200px; color:#999; font-size:12px;}
#ContentSearch img {position:absolute; right:0; top:0; background:#104418; width:19px; height:19px; display:block; padding:2px;}

/* HEAD ELEMENTS
---------------------------------------------*/
.structHead {float:left; width:100%; background:#fff; padding:1em 0;}

.headLogo {padding:10px 0;}
.headLogo a {color:#006633; text-decoration:none; }
header.structHead {font-family: "Bembo W01", Georgia, serif;font-weight:normal;}
header.structHead h2 {font-family: "Bembo W01", Georgia, serif; font-weight:normal; font-size:32px; font-weight:normal; line-height:normal; text-transform:uppercase;}
.commName {font-family: "Bembo W01", Georgia, serif;font-weight:normal;}

#nav {display:none;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/
.desktopNav {background:#006633; float:left; width:100%; position:relative;z-index:999;border-bottom:2px solid #fff;}

/* General Styles */
.desktopNav ul {list-style-type:none;margin:0; padding:0;}
.desktopNav ul li {float:left;padding:0;}
.desktopNav ul li a{display:block;text-decoration:none; padding:0 10px; color:#fff;}

/* Top Level Group */
.desktopNav nav > ul {}
.desktopNav nav > ul > li {position:relative;}
.desktopNav nav > ul > li > a {line-height:40px;font-weight:normal;  font-size:16px;}
.desktopNav nav > ul > li > a:hover,
.desktopNav nav > ul > li:hover > a {color:#fff;background:#007336;}

/* Second Level Groups */
.desktopNav li ul { position: absolute; left: 0;margin:0px; background:#fff; float:none; width:200px;text-align:left;display:none; padding:5px 0 10px; box-shadow:-1px 1px 5px 0 #666;}
.desktopNav nav > li:last-child > ul {left:auto; right:0;}
.desktopNav li li { width: 100%; border:none; margin: 0; padding:0px;background:none;line-height:normal;text-transform:none; font-size:1em; position:relative;}
.desktopNav li li a {font-weight:normal;text-align:left;padding:5px 10px;border:none; color:#000000;}
.desktopNav ul li:hover li a{}
.desktopNav ul li:hover li a:hover{}
.desktopNav li li:hover > a { background: #007336; color:#fff;}

/* Third Level Groups */
.desktopNav li li ul { left: 195px;margin:0px; background:#f1f1e4;  top:-5px;}
.desktopNav li li li { }
.desktopNav li li li a {}
.desktopNav ul li li:hover li a{}
.desktopNav ul li li:hover li a:hover{}
.desktopNav li li li:hover {}


/* LEFT COLUMN
---------------------------------------------*/
aside.structLeft {background:#f1f1e4; padding:30px 20px 20px;}

/* Secondary Navigation - General Styles */
.secondaryNav ul {margin:0; padding:0; list-style:none;}
.secondaryNav ul li {}
.secondaryNav ul li a {display:block; line-height:normal;text-decoration:none; color:#6a737b;}

/* Secondary Navigation - First Level */
.secondaryNav > ul {margin-bottom:30px;}
.secondaryNav > ul > li {display:none;}
.secondaryNav > ul > li.selected {display:block;}
.secondaryNav > ul > li > a {padding:8px 0;border-bottom:5px solid #006633; font-weight:bold; color:#6a737b;}

/* Secondary Navigation - Second Level */
.secondaryNav > ul > li > ul {}
.secondaryNav > ul > li > ul > li {border-top:1px solid #e3ded3;}
.secondaryNav > ul > li > ul > li a {display:block; padding:8px;}
.secondaryNav > ul > li > ul > li a:hover {color:#0a416b;background:#fff;}



/* BODY ELEMENTS
---------------------------------------------*/
.structBody {float:left;padding:0em 0 60px; width:100%;background:#fff;}

.midWrap {padding-bottom:3em; padding-left:45px;}

#ContentMiddle {margin-bottom:40px;}

/* Page Name/Title */
.pageName {margin: 0 0 20px;}
.pageName h1 {border-bottom:5px solid #006633; padding:22px 0 5px;font-family: "Bembo W01", Georgia, serif;font-weight:normal;}

/* Breadcrumbs */
.structBody .breadCrumbs {margin-bottom:2em}
.structBody .breadCrumbs ul {padding:0;margin:0;list-style:none;}
.structBody .breadCrumbs ul li{padding:0 0px 0 0px;margin:0;display:inline;font-size:.8em;}
.structBody .breadCrumbs ul li a{text-decoration:none;padding:0px 5px 0 8px;}
.structBody .breadCrumbs ul li:before {content: "»";}
.structBody .breadCrumbs ul li:first-child a {padding-left:0;}
.structBody .breadCrumbs ul li:first-child:before {content:"";}
.structBody .breadCrumbs ul li.selected a{font-weight:bold;}

/* News Listing */
.newsItem {float:left; width:100%; padding:20px 0; border-top:1px solid #ccc;}
.newsItem:first-of-type {padding-top:0; border:none;}
.newsItem .thumb {float:left; width:120px;}
.newsItem .text {padding-left:140px;}
.newsItem .title {font-size:1.2em; line-height:normal; padding:0 0 5px; font-weight:bold;}
.newsItem .title a {}
.newsItem .preview {}

/* Events Listing */
.eventItem {float:left; width:100%; padding:20px 0; border-top:1px solid #ccc;}
.eventItem:first-of-type {padding-top:0; border:none;}
.eventItem .date {float:left; width:60px;background:#fff; border:1px solid #ccc;text-align:center;}
.eventItem .date .month {text-transform:uppercase; font-weight:bold; font-size:0.85em; line-height:1em; background:#006633; padding:5px 0; color:#fff;}
.eventItem .date .day {font-size:2em; line-height:1.5em;}
.eventItem .thumb {float:left; width:120px; padding-left:20px;}
.eventItem .text {padding-left:80px;}
.eventItem .text.withThumb {padding-left:200px;}
.eventItem .title {font-size:1.2em; line-height:normal; padding:0 0 5px; font-weight:bold;}
.eventItem .title a {text-decoration:none;}
.eventItem .preview {}

/*Event radio buttons */
span.idbmsActivityCategoryCheckbox input {
    margin: 0 1em 0 0;
 }

/* Feature Rotator */
.wideArea {margin-top:0; margin-bottom:0;}
.bx-wrapper {position:relative;}
.bx_slide {position:relative;}
.bx_slide .sldimg {}
.bx_slide .sldtxt {position:absolute; bottom:20px; left:20px; width:40%;background:#000; background:rgba(0,0,0,0.8); color:#fff; padding:20px;}
.bx_slide .sldtxt .title {font-size:1.25em; font-weight:bold; text-transform:uppercase; padding:0 0 10px;}
.bx_slide .sldtxt .title a {}
.bx_slide .sldtxt .preview {}

.bx-pager {position:absolute; bottom:20px; right:20px;z-index:100;}
.bx-pager a {display:block; width:20px; height:20px; border-radius:50%; background:#fff;text-indent:-999em;}
.bx-pager a.active {background:#000;}

.bx-controls-direction {}
.bx-controls-direction a {position:absolute; top:45%; z-index:100;}
.bx-controls-direction a.bx-prev {left:20px;}
.bx-controls-direction a.bx-next {right:20px;}


/* RIGHT COLUMN
---------------------------------------------*/


/* Footer Elements 
---------------------------------------------*/
footer {float:left; width:100%;}
footer .footWrap { padding:10px 15px 20px; border-top:5px solid #006633;}

#ContentFooterAlumniLogo {text-align:right;}

footer ul.social {margin:0; padding:0;list-style:none;float:right;}
footer ul.social li {display:inline; padding:0 5px;}
footer ul.social li a {text-decoration:none;}

.toplink {display:block; text-align:center;font-size:0.85em; text-transform:uppercase; line-height:normal; padding:10px;}
.toplink a {text-decoration:none; }


/* Homepage Elements 
---------------------------------------------*/
.start .midWrap {padding-left:15px; padding-right:50px;}
.start #ContentMiddleLayoutTopBlock {margin:0px 0 30px;}
.start .structBody h2 {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:#006633; color:#fff; text-transform:uppercase; font-size:14px; padding:8px 20px;text-transform:uppercase; font-weight:normal;margin:15px 0 30px;}
.start .structBody h2 a {color:#fff; text-decoration:none;}
.start .subColRow {padding-top:30px;}

ul.imod-cms-menu2 li a, ul.imod-cms-menu2 li a {height: initial !important;}

/*directory*/
.dirWrap .imod-directory-member-data-container{padding-right:0px!important;word-wrap: break-word;}
.dirWrap .imod-directory-member-data-container .imod-profile-thumbnail{position:absolute;top:0;left:0;}
.dirWrap .imod-directory-member-data-container .button {display:block;text-align:center;background:#006633;padding: 5px 5px;font-size: 14px;color: #fff;}
.dirWrap .imod-directory-member-data-container h4{font-size:16px!important;}
.dirWrap .imod-directory-member-data-container .practiceCol{float:left;padding-right:0px;padding-left:0px!important;width:50%;}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1024px){
/* Styles */
	

}

/* =============================================================================
   Tablets
   ========================================================================== */

@media only screen and (min-width: 700px) and (max-width: 1023px){
/* Styles */

.desktopNav > .container {font-size:13px; padding:0;}
.desktopNav ul li a {padding:5px 6px;}
.desktopNav nav > ul > li > a {font-size:13px;padding:0 6px;}

.midWrap {padding-bottom:1em; padding-left:35px;}
.structRight {margin-bottom:2em;}

/*directory*/
.dirWrap .imod-directory-member-data-container .split25colA {width:100%;padding:0;}
.dirWrap .imod-directory-member-data-container .split25colB {width:100%;padding:1.125em 0 0 0;}
.dirWrap .imod-directory-member-data-container .split25colC {width:100%;padding:1.125em 0 0 0;}
.dirWrap .imod-directory-member-data-container .split25colD {width:100%;padding:1.125em 0 0 0;}

}

/* =============================================================================
   Mobile
   ========================================================================== */
@media only screen and (max-width: 699px) {
/* Styles */

#nav {display:block; background:url(images/bkgd_nav.png) repeat-y right top #f2f2e6; padding:10px 10px 30px;}
.commLabel h2 {font-family:"Helvetica Neue", Helvetica,Arial, sans-serif; font-weight:bold; font-size:14px; border-bottom:5px solid #006633; padding:0 5px 5px;}
.commLabel h2 a {text-decoration:none;color:#6a737b;}
.accordion-btn-wrap,
.accordion-btn-wrap .accordion-btn {text-align: right !important; color:#6a737b; padding-right:5px;}

.m-pikabu-sidebar .mainNav ul {border:none;}
.m-pikabu-sidebar .mainNav ul li {background:none; border-color:#e3ded3;}
.m-pikabu-sidebar .mainNav ul li a {color:#6a737b; text-decoration:none; font-size:1em; padding:8px 10px;}
.m-pikabu-sidebar .mainNav ul li.current > a {color:#337ab7;}
.m-pikabu-sidebar .mainNav > ul > li:first-child {border:none;}
.m-pikabu-sidebar .mainNav ul ul {display:none;}
.m-pikabu-sidebar .mainNav li.selected > ul {display:block;}
.m-pikabu-sidebar .mainNav ul li a:hover {background:#FFF;} 
.m-pikabu-sidebar .mainNav ul ul li a:hover {background:none;}

.m-pikabu-sidebar .mainNav ul ul {padding:0 0 0px;}
.m-pikabu-sidebar .mainNav ul ul li {border-color:#e3ded3; background:none; font-size:13px;}
.m-pikabu-sidebar .mainNav ul ul li a {padding:8px 5px 8px 20px; font-weight:bold;color:#6a737b;}
/*.m-pikabu-sidebar .mainNav ul ul li.selected > a {color:#337ab7;}*/

.m-pikabu-sidebar .mainNav ul ul ul {padding:0 0 5px;}
.m-pikabu-sidebar .mainNav ul ul ul li {border-color:#e3ded3; background:none; font-size:12px;}
.m-pikabu-sidebar .mainNav ul ul ul li a {padding:8px 5px 8px 40px; font-weight:normal;color:#6a737b;}
.m-pikabu-sidebar .mainNav ul ul ul li.selected > a {}
	
#ContentMobileSearch {padding:1em 0; text-align:center; color:#ccc;}
#ContentMobileSearch input {background:#666;border:none; padding:0.5em 1em; width:80%;-webkit-border-radius: 20px; border-radius: 20px; color:#ccc;}
#ContentMobileSearch button,
#ContentMobileSearch label,
#ContentMobileSearch .SearchModuleSpacer {display:none;}

header.structHead {border-bottom:20px solid #006633;}
.headLogo {padding:0 0 0 50px;}
header.structHead h2 {text-transform:none; font-size:26px; line-height:1em;}
a.m-pikabu-nav-toggle {padding:0; font-size:34px; float:left; position:relative; z-index:10; display:block;cursor:pointer;}

.structBody {padding:0 0 15px;}
.midWrap {padding:0 0 30px;}

.pageName h1 {padding-top:15px;}

.eventItem .thumb {display:none;}
.eventItem .text.withThumb {padding-left:80px;}

footer .footWrap {padding-left:0; padding-right:0;}
#ContentFooterAlumniLogo {text-align:left;}

.start .midWrap {padding-right:15px;}
.wideArea {padding:0;}
.start #ContentMiddleLayoutTopBlock {margin-bottom:10px;}
.start .structBody h2 {margin:0 -15px 15px;}
.start .subCol {margin:30px 0 0;}
	
}

/****  event fixes  ***** */ 

.split50left .CommerceSummary table { 
    width: 100%; 
}
/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
/* Styles */

}

/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {

}

/* character counter */
[class*="charCount"] .chars {clear:both; padding:10px 0 0 5px; font-size:12px; width:80%; line-height:normal;}
[class*="charCount"] .chars .remaining {font-weight:bold;}
[class*="charCount"] .chars.red .remaining {color:red;}

/* MAINT 127312 DT 11122019 */
.desktopNav #nav1 li #nav2 {
    z-index: 50;
}