@import "../jquery-ui.css";
@import "../bootstrap.min.css";
@import "../bootstrap-responsive.min.css";
@import "../glyphicons.css";
@import "../bootstrap.iconpro.css";
@import "bootstrap.custom.css";
@import "jquery-ui.custom.css";
@import "../jquery.fileupload-ui.css";
@import "styleIcbaFooter.css";

/*@import "/eweb/content/themes/icba2/font-awesome-4.7.0/css/font-awesome.min.css";*/
@import "//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css";
@import "//fast.fonts.net/cssapi/8acfff8b-3681-4bed-ba89-9623778a977c.css";
/*@import "8acfff8b-3681-4bed-ba89-9623778a977c.css";*/

/*---------------Formatting---------------*/

body
{
    font-family:'Futura LT W01 Book';
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background: #FFF;
}

h2 {
    font-size: 2.3em;
    font-weight: 200;
}



a {
    color: #00456b;
    text-decoration: none !important;
}
a:hover {
    text-decoration: underline !important;
}
img {
    max-width: 100%;
    height: auto;
}
.headSocial li, .footSocial li {
    display: inline;
    padding-left: .45em;
}
.headSocial a, .footSocial a {
    display: inline-block;
    text-align: left;
    font-size: 16px;
}

.headSocial a, .footSocial a {
    display: inline-block;
}
.headSocial a:after, .footSocial a:after {
    color: #00456b;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.footSocial a:after {
    font: normal normal normal 18px/1 FontAwesome;
}
.headSocial a.fb:after, .footSocial a.fb:after {
    content: '\f09a'
}
.headSocial a.tw:after, .footSocial a.tw:after {
    content: '\f099'
}
.headSocial a.in:after, .footSocial a.in:after {
    content: '\f0e1'
}
.headSocial a.yt:after, .footSocial a.yt:after {
    content: '\f16a'
}
.headSocial a:hover, .footSocial a:hover {
    text-decoration: none !important;
}
.headSocial a:hover:after, .footSocial a:hover:after {
    color: #79b0ce;
}
/*---------------Global---------------*/
.rowwrap {
    max-width: 1200px;
    margin: 0 auto;
}
.row {
    padding: 2em 0;
    clear: both;
}
.cols {
    display: inline-block;
    vertical-align: text-top;
}
.row .rowwrap h2 {
    color: #00456b;
    font-weight: 400;
    text-align: center;
    margin-top: 0;
}
/*---------------Header---------------*/
.headWrap {
    width: 100%;
    top: 0;
    background: #FFF;
    /* Removed because modals get overlapped on mobile view*/
    /*z-index: 9999;*/
}
.eyebrow {
    font-family: "Futura LT W01 Light";
    text-align: right;
    color: #c3d8e3;
    line-height: 30px;
    background: #00456b;
}
.eyebrow .rowwrap .sfContentBlock, .eyebrow .rowwrap ul {
    display: inline-block;
    margin-bottom: 0 !important
}
.eyebrow li {
    color: #5993b4;
    display: inline;
    padding: 0 2em 0 0;
}
.eyebrow a {
    color: #c3d8e3 !important;
}
.login {
    display: inline-block;
    padding: 0 1em;
    border-left: 1px solid #559acc;
    border-right: 1px solid #559acc;
}
.login a {
    color: #FFF;
}
a.logo {
    display: inline-block;
    width: 142px;
    height: 88px;
    background: url(https://www.icba.org/Sitefinity/WebsiteTemplates/ICBA/App_Themes/ICBA/global/images/bgLogo.jpg);
}
a.btnRwd {
    display: none;
    position: absolute;
    top: 45px;
    margin-left: 50px;
}
    a.btnRwd:before {
    content: "\f0c9";
    color: #acacac;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 40px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    }
    a.btnRwd:hover {
        text-decoration: none;
    }
.headerRight {
    float: right;
    padding: 1em 2em 0 0;
}
nav {
    font-family:'Futura LT W01 Medium Condensed';
    color: #5993b4;
    margin: -40px 0 0 110px;
}
nav li {
    display: inline;
    padding: 0 0 0 2.25em;
}
nav a {
    font-size: 1.75em;
    color: #00456b;
}
nav a:hover {
    text-decoration: none;
}
.subnav {
    font-family: "Futura LT W01 Light";
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    line-height: 20px;
}
.subnav li {
    display: inline-block;
    padding: 0 1em 0 0
}
.headSocial {
    float: right;
}
.abilaLogin {
    text-align: right;
    margin-top: 1em;
}
/*---------------L2---------------*/
section {
    margin-top: 125px;
    min-height: 350px;
}
/*---------------Footer---------------*/
footer {
    clear: both;
}
/*
.footTop {
    color: #FFF;
    background: #00456b;
}
.footTop h2 {
    font-family:'Futura LT W01 Medium Condensed';
    font-size: 2.0em;
    font-weight: 200;
    line-height: 70px;
}
.footBot .footLeft {
    font-size: 1.2em;
    line-height: 1.5em;
    color: #00456b;
    float: left;
    width: 250px;
}
.footBot .footRight {
    margin-left: 250px;
}
.footBot .footRight .col1, .footBot .footRight .col2, .footBot .footRight .col3 {
    width: 33%;
}
.footBot .footRight h3 {
    font-family:'Futura LT W01 Medium';
    font-size: 1.4em;
    color: #00456b;
}
.footBot .footRight ul {
    margin: 0;
}
.footBot .footRight li {
    padding-bottom: 1.5em;
    list-style: none;
}
.footBot a {
    color: #00456b !important;
    text-decoration: none !important;
}
.footCap {
    font-size: 1.2em;
    background: #f3f3f3;
    padding: 3em 0 2em 0;
    clear: both;
}
.footCap .footLeft {
    display: inline-block;
    color: #00456b;
}
.footCap .footRight {
    float: right;
}
.footCap li {
    display: inline;
    padding: 0 0 0 2em;
}
*/
.sidr {
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 260px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #d2d8db;
}
    .sidr.left {
        left:-260px;
        right:auto
    }
    a.button {
        display: inline-block;  
        font-size: 1.2em;
        text-align: center;
        color: #FFF !important;
        margin: 0 2px;
        padding: 1em;
        min-width: 220px;
        background: #00456b;
    }
    .close2 {
        text-align: center;
        padding: 1em 0;
    }
    .sidr ul {
        margin: 0;
    }
    .sidr li {
        list-style: none;
        font-size: 1.3em;
        border-bottom: 1px solid #CCC;
        padding: 10px;
    }
        .sidr li a {
            display: block;
		}
		
@media only screen and (max-width : 1199px) {
    nav {
        font-size: .9em;
    }
	
    .rowwrap {
        padding: 0 1em;
    }
/*
    .footBot .footRight .col1, .footBot .footRight .col2, .footBot .footRight .col3 {
        width: 49%;
    }
*/
}
/*
@media only screen and (max-width : 1100px) {
    .footBot .footRight .col1, .footBot .footRight .col2, .footBot .footRight .col3 {
        width: 49.5%;
    }
}
*/
@media only screen and (max-width : 1030px) {
    .headWrap {
        position: relative;
    }
    nav {
        display: none !important;
    }
    a.btnRwd {
        display: inline-block;
    }
}
/*
@media only screen and (max-width :800px) {
    .footBot .footRight {
        display: none;
    }
}
*/

@media only screen and (max-width :768px) {
    body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .btn-info.w100p {
        display: block;
    }
}
@media only screen and (max-width :600px) {
    .headerRight {
        text-align: right;
    }
    .subnav {
        display: block;
    }
        .subnav li:last-child {
            padding: 0;
        }
    .headSocial {
        float: none;
    }
/*    .footCap .footRight {
        float: none;
    }
        .footCap li {
            padding: 0 1em 0 0;
        }
*/		
}
@media only screen and (max-width :568px) {
    .headWrap {
        height: auto;
    }
    .headerRight {
        text-align: center;
        float: none;
        max-width: none;
        padding: 0;
        margin: 0 0 .5em 0;
    }
    .subnav, .headSocial {
        display: inline-block;
    }
/*	
    .footTop h2 {
        font-size: 1.5em;
        line-height: inherit;
        padding: 1em 0;
    }
*/	
}



/* Original Styles ------------------------------------------------------------------------------------------------------------------------ */
table#eWebTopPaneBottomLinksCellTable {
    max-width: 1200px;
    margin: 0 auto;
    background:#00456b;
}
    table#eWebTopPaneBottomLinksCellTable a {
        color: #FFF;
    }
        
    .PopupMenuSubMenuTable {
        background: #DDD;
    }
    table#eWebTopPaneBottomLinksCellTable .PopupMenuSubMenuTable a.TopUIHyperLink {
        color: #000 !important; 
        display: block;
    }
        table#eWebTopPaneBottomLinksCellTable .PopupMenuSubMenuTable a.TopUIHyperLink:hover {
            color: #000 !important;
            background: #CCC;
            display: block;
        }
#Pop1, #Pop2, #Pop3, #Pop4 {left:auto !important}
.navbar.navMenu {
    display: none;
    margin-top: 40px;
    padding: 0 1em;
}
/*.btn-info.w100p {
    display: none;
}*/
 /*Error Messages*/
.DataFormLabelWarning{color:red;}
.DataFormRangeValidator{color:red;}
.DataFormRegularExpressionValidator{color:red}
.DataFormRequiredFieldValidator{color:red}
.ErrorPageTD{color:red}
.ErrorPageTitle{font-weight:bold;color:red}
.DataFormLabelErrorMessage, .DataFormValidationSummary { color:red; background-color:#fff1f1; padding:10px; border:1px solid #f00;border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px; width:98%; display:block; margin:10px 0 }
.DataFormValidationTD {color:red}

/*PAGE COLOR PROPERTIES*/
.PageFrameworkBODY{ background:#fff } /*insert background image in this class */
.PageFrameworkBODYModal{background-color:#FFFFFF;color:#000000;margin:0;}

/*MAIN FRAMEWORK PROPERTIES*/
#PageFrameWorkTable { margin:0px auto; padding:0px 0px; }
.PageFrameworkBODYModal #PageFrameWorkTable {width: auto; margin:1px auto}
.PageFrameworkBODYModal .PageFrameworkContentTD {width:auto}
#TopPane , #BottomPane , #eWebBottomPaneTable, header{ margin:0px auto; width:100%; background: #FFF;}
#TopPane { height:53px; background: rgba(255, 255, 255, 0) }


#ContentPane {   margin:0px auto; padding:0px 4px 10px 4px; min-height:400px !important; display:block;/* -moz-box-shadow: 0px 1px 10px #888;-webkit-box-shadow: 0px 1px 10px #888; box-shadow: 0px 1px 10px #888; border-collapse: separate;*/border-radius: 8px; -webkit-border-radius: 8px;	-moz-border-radius: 8px; }
.PageFrameworkBODYModal #ContentPane { background-color:#fff; margin:2px auto; padding:3px;  -moz-box-shadow: none;-webkit-box-shadow: none; box-shadow: none; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px; }
@media only screen and (max-width: 767px) {	#ContentPane { margin: 0px auto; padding: 14px 4px 10px 4px; }}
#eWebContentPaneTable { min-width:300px; width:100% ; max-width: 1200px;  margin:0px auto}
#eWebTopPaneTable {margin:0px 0 0 0; padding:0;}


/*FRAMEWORK settings*/
#eWebRightPaneTableCell {display:none;}
.PageFrameworkBODYModal  #BottomPane { border-bottom:0}
#eWebFrameWorkBottomRow { background-color:#eee}
#eWebForm {display:inline;}
.DataFormTABLE, .DataFormTable { width:100%}
.DesignedTABLE{width:100%}

#SystemTextBox {border:transparent;}
#XXXXXXXX__UP INPUT, #XXXXXXXX {BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BACKGROUND-COLOR: transparent; BORDER-TOP: 0px; BORDER-RIGHT: 0px}
.demoAlert { background: #c00;  width:99%; padding:3px 10px; color:#fff; text-align:center; position: absolute; top:-20px; left:0; font-weight:700; height:20px; min-height:20px;}

#BoothSearchDatagrid input[name^="BoothSearchDatagrid"] { border:1px solid #ddd; border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px; padding:6px 10px; font}
#BoothSearchDatagrid input[name^="BoothSearchDatagrid$ct"] {  background:#ffaa00; font-weight:700 }
#BoothSearchDatagrid input[name^="BoothSearchDatagrid$ct"]:after { content:"selected"; background-color:yellow;
color:red;
font-weight:bold;}

/*WIZARDS*/
.WizardOuterTable{border-style:none;}
.WizardContentTable { width:100%; margin-top:20px}
.WizardInnerTable{border-style:none;}
.WizardMultiPage{border-style:solid;border-width:1px;border-top:none;padding:1px;}
.wizardstep { font-size: 12pt; font-weight: bold ; color: #990000}
.WizardTabStripSepDefaultStyle{border-color:Black;border-width:1px; border-style:solid;border-top:none; border-left:none; border-right:none;}
.WizardTabStripTabDefaultStyle{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:White;}
.WizardTabStripTabDefaultStyleError{border-color:Black;border-width:1px;border-style:solid;width:100px;text-align:center; background-color:Red;}
.WizardTabStripTabHoverStyle{background-color:#eeeeee}
.WizardTabStripTabSelectedStyle{border-style:solid;font-weight:bold;border-bottom:none}
.WizardTitle span {font-size:2.0em; padding: 10px 0px 20px 0; margin-left:-6px;}
.WizardTitleSeparator { font-size: 10pt}
.WizardProgressTable {width: 150px; border: solid 1px #663399;}
.WizardProgressHeaderTD{font-size:9pt;font-weight:bold;background-color:#663399;color:#ffffff; height:11px; }
.WizardProgressTableTD { border-top: solid 1px #663399;}
.WizardProgressStepTable {width: 150px;}
.WizardProgressStepTableActive{width: 150px;}
.WizardProgressStepNumberCell {width: 30px; text-align: right;}
.WizardProgressStepNumber { font-size: 16pt; font-weight: bold; font-style:italic;}
.WizardProgressImageCell{width: 120px; text-align: center;}
.WizardProgressHyperLinkCell{width:120px; text-align: center;}
.WizardProgressHyperLinkCellSubItem{width:120px; text-align: left;}
A.WizardProgressHyperLink:visited{color:Black; font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:link{color:Black; font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:active{color:Black; background-color:White;  font-size: 7pt;text-decoration:none;}
A.WizardProgressHyperLink:hover{color:Black; background-color:White;  font-size: 7pt;text-decoration:none;}
.WizardProgressHyperLinkCurrent {color:Black; font-size: 7pt; font-weight: bold;}
.wizardbutton {font-size:11pt; vertical-align:top;}
#WizardContentTableBottom { margin-bottom:10px}

/*PAGER*/
span.DataFormChildDataGridPagerLink {color:#fff;  border:1px solid #0088cc; padding:1px 7px; display:inline-block; background:#0088cc;  border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px; display:inline-block; margin-right:3px; margin-bottom:3px; }
a.DataFormChildDataGridPagerLink, .pager a {color:#888; border:1px solid #ccc;  padding:1px 8px; display:inline-block; background:#fff;  border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px; display:inline-block; margin-left:0px; margin-bottom:3px;}
.pager a:hover {color:#fff; background-color:#0088cc; }
.pager { margin:4px 0 10px 0; font-size:14px; }
.pager b {font-size:14px }

/* GRIDS*/
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowRemoveAll { text-indent:-99999px; height:20px; width:20px; display:inline-block; background:url(images/delete.png) no-repeat 50% 50%;}
#UPDATEGRIDCONTROL_DOD_Invoice_Detail_AllowAdd { text-indent:-99999px; height:20px; width:20px; display:inline-block; background:url(images/grey_cart.png) no-repeat 50% 50%;}
.DataFormChildHeader { background-color:#eee; padding:0px 5px}

/* MAIN MENUS */
/* .TopUIHyperLink{ white-space:nowrap; padding: 10px 10px !important; margin:0px 0;  text-align: center; color:#444; background-color:#ddd; font-family: arial; font-size: 14px; display: inline-block; position: relative; z-index: 98;     } */
#eWebTopPaneBottomLinksCell { background: #00456b}
.TopUIHyperLink{ white-space:nowrap; padding: 10px 10px !important; margin:0px 0; color:#fff; background-color:#00456b; font-family: arial; font-size: 14px; display: inline-block; position: relative; z-index: 98;     }

.TopUIHyperLink a { color:#00456b; text-decoration: none }

A.TopUIHyperLink:visited{ color:#fff;text-decoration:none; background-color: transparent}
A.TopUIHyperLink:link{ color:#fff;text-decoration:none;background-color: transparent}
A.TopUIHyperLink:active{ color:#fff !important; text-decoration:none;background-color: transparent}
A.TopUIHyperLink:hover{ color:#FFF !important; text-decoration:none; background-color:#79b0ce;}

A.TopUIHyperLinkSelected:visited{color:#444;  font-weight: bold;text-decoration:none;}
A.TopUIHyperLinkSelected:link{color:#444;text-decoration:none;}
A.TopUIHyperLinkSelected:active{color:#fff; text-decoration:none;}
A.TopUIHyperLinkSelected:hover{color:#444; text-decoration:none;}

A.TopUIItemHyperLink:visited{color:#444; text-decoration:none;}
A.TopUIItemHyperLink:link{color:#444; text-decoration:none;}
A.TopUIItemHyperLink:active{color:#444; background-color:White; text-decoration:none;}
A.TopUIItemHyperLink:hover{color:#444; background-color:White;  text-decoration:none;}

A.TopUIItemHyperLinkSelected:visited{color:#444;text-decoration:none;}
A.TopUIItemHyperLinkSelected:link{color:#444; text-decoration:none;}
A.TopUIItemHyperLinkSelected:active{color:#444; text-decoration:none;}
A.TopUIItemHyperLinkSelected:hover{color:#444; text-decoration:none;}

.TopUIItemSeparator{color:#444; }
.TopUIItemHyperLinkNav{  font-weight: bold;text-decoration:none;color:#444}
#eWebContentPaneTopLinksCellTable .TopUIHyperLink {font-size:7.5pt;font-weight:normal; width:auto; padding:2px 2px; background-color: transparent}

/*LEFT SIDE MENU*/
#eWebLeftPaneLeftLinksCellTable .TopUIHyperLink { background: #659a22; padding: 3px 8px !important; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;text-align: left; color: #fff; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:120px;background-color: transparent }
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:visited{ text-decoration:none; background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:link{  text-decoration:none;background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:active{   text-decoration:none;background-color: transparent}
#eWebLeftPaneLeftLinksCellTable A.TopUIHyperLink:hover{ color:#fff; text-decoration:none;background-color: #659a22}

/*POPUP LINKS STYLE*/
.PopMenuSubMenuTable { background: #fff; margin:0; padding:0;  border-radius: 0px 0 8px 8px; -webkit-border-radius:  0px 2px 8px 8px;	-moz-border-radius:  0px 2px 8px 8px; -o-border-radius:  0px 2px 8px 8px;
 -moz-box-shadow: 0px 2px 6px #ccc;-webkit-box-shadow:  0px 2px 6px #ccc; box-shadow: 0px 2px 6px #ccc; border-collapse: separate;	 }
.PopMenuSubMenuTable .TopUIHyperLink { padding: 6px 12px !important; border-radius: 0px; -webkit-border-radius: 0px;	-moz-border-radius: 0px;text-align: left; color: #666; font-family: arial; font-size: 12px; display: inline-block; position: relative; z-index: 98; width:160px; margin:0}
.PopMenuSubMenuTable A.TopUIHyperLink:visited{ color:#666;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:link {  color:#666;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:active {  color:#666; text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:hover { color:#222; text-decoration:none; background-color: transparent}

ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li { display:block; margin:0 0 0 0;  }
ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li a , ul#eWebTopPaneBottomLinksCellTable li ul.PopMenuSubMenuTable li span { text-align:left}

/*Top menu bar*/
ul#eWebTopPaneBottomLinksCellTable { list-style-type:none; margin:0 auto;  width:100%; max-width:1200px !important; /*padding:0px 10px;background-color: #f8f8f8; border:1px solid #ddd;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;*/ }
ul#eWebTopPaneBottomLinksCellTable li { display:inline-block }
/*PopLink*/
.PopLink { display:inline-block;  border:1px solid #eee; cursor:pointer; }
#PopLinks { margin-left:-148px; margin-top:24px; font-size:12px;}
.PopLinks {font-size:12px;  background:#fff; border:1px solid #ddd; padding:10px;  -webkit-border-radius: 8px  ; -moz-border-radius: 8px ; border-radius: 8px; -moz-box-shadow: 0px 0px 5px #444;-webkit-box-shadow: 0px 0px 5px #444; box-shadow: 0px 3px 5px rgba(0,0,0,0.05); list-style-type:none; width:160px;  -moz-box-shadow: 0px 2px 8px #888;-webkit-box-shadow:  0px 2px 8px #888; box-shadow: 0px 2px 8px #888; border-collapse: separate;  }
.PopLinks li {border:0; padding:4px 0px; font-size:1em}
.PopLinks li:hover, .PopLinks li a:hover {border:0; }


/*LOAD Spinner*/
.SpinnerSpan { height: 30px; display:block }
.SpinnerSpan div { display:block; width:16px; float:right; margin-top:-4px }

.spinner /*NON IE */ {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	height: 200px;
	width: 200px;
	text-indent: 250px;
	white-space: nowrap;
	overflow: hidden;
	-webkit-mask-image: url(../../../images/spinner.png);
	background-color: #fff;
	-webkit-animation-name: spinnerRotate;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

@-webkit-keyframes spinnerRotate {
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}

#spinner /*Good for IE*/ { 
background:url(../../../images/spinner.gif) 50% 50% no-repeat;
width: 100px;
height:100px;
margin: 50px 0 0 -50px;
position: absolute;
top: 50%;
left: 50%;
}

/*FORM HELPERS*/
.DataGridItem .DataFormHyperLink img { position: relative; top:3px}
.LookUpHyperLink, .LookUpClearHyperLink { top:4px; position:relative;}
.DataGridItem .LookUp  {  position: static;}
.DataGridItem .DatePicker { position: relative; bottom:2px}
/*Add/Edit Dropdown*/
.AddEditLinkDiv { float:right}
select.AddEdit { float:left;}
td.LayoutCell .AddEditLinkDiv { float:none; height:33px;}
@media (max-width: 767px) {
.AddEditLinkDiv { float:none}
select.AddEdit { float:none;}
td.LayoutCell .AddEditLinkDiv { float:none; height:auto;}
}

/*.DataFormDivDefault input[type=text], input[type=text], input[type=password]  {padding:2px 3px; font-size:11pt;  }
select, textarea { padding:2px 3px;  font-size:11pt; }
.legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit;  color: #333333;  border: 0; border-bottom: 1px solid #e5e5e5;}*/
.hasDatepicker { position:relative; bottom:0;  }

/*radio buttons on forms*/
.DataFormRadioButtonList { width:98%}
.DataFormRadioButtonList td {  text-align: center; vertical-align: top; margin:auto; padding:1px 2px}
.DataFormRadioButtonList label { color:#0088cc }

/*PAGE STRUCTURE STYLES*/
footer {display: block;}
header {display: block;}
hgroup {display: block;}

section {	display: block;}
body { margin:0; padding:0; color: #222; line-height: 1.6em !important; position: relative; background-repeat: repeat; background-color: #fff;	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; transition:all .2s linear; -o-transition:all .2s linear; -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;  height : auto !important;   height : 100%; min-height : 100%; }
html {	font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
img {max-width: 100%; transition:all .2s linear;  -o-transition:all .2s linear;   -moz-transition:all .2s linear;  -webkit-transition:all .2s linear;border: 0px currentColor; height: auto; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.back-to-top { position: fixed; bottom: 2em;right: 0px; display: none;}

/*INPUTS*/
button {margin: 0px; font-size: 100%; vertical-align: middle;}
input {	margin: 0px; font-size: 100%; vertical-align: middle;}
select {margin: 0px; font-size: 100%; vertical-align: middle; font-size:11pt}
textarea {	margin: 0px; font-size: 100%; vertical-align: middle;}
button {	line-height: normal;}
input {	line-height: normal;}
button {cursor: pointer; -webkit-appearance: button;}
input[type='button'] {	cursor: pointer; -webkit-appearance: button;}
input[type='reset'] {	cursor: pointer; -webkit-appearance: button;}
input[type='submit'] {	cursor: pointer; -webkit-appearance: button;}
input[type='search'] {	box-sizing: content-box; -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;}
textarea {	overflow: auto; vertical-align: top;}

.input-block-level {	width: 100%; display: block; min-height: 28px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box;}

/*HEADER STYLES*/
/* .logo { width:100px; height:10px; margin-left:10px; margin-top:5px; background:url('images/wb_logo.png') no-repeat left; background-size:100% auto } */

/* ICBA LOGO */
.logo { width:50px; height:10px; margin-left:10px; margin-top:5px; background:url('images/wb_logo.png') no-repeat left; background-size:100% auto } 


/* HEADER BACKGROUND */
.header_social {font-size: 1.0em; margin:0px 0px; color:#ddd; background-color:#fff; padding:8px 16px;  /*-moz-box-shadow: 0px 1px 8px #888888;-webkit-box-shadow: 0px 1px 8px #888888; box-shadow: 0px 1px 8px #888888; */border-collapse: separate; text-align:right;   background-color:#fff  }

.MyAccountTop { background: url(images/regIndWhite.png) no-repeat left; padding-left:25px; position:relative }
.header_social a {color:#fff} 
.header_social a:hover {color: #9C0}

/* BODY TEXT */

h1,h2,h3,h4 {  font-weight: 300;  }
/*h1 {font-size: 26px; font-weight: 300; color:#666; border-bottom:1px solid #eee; padding-bottom:0.3em  }*/
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}
h1,h2,h3,h4,h5,h6 { text-rendering: optimizelegibility; }
h3.pagetitle { background:none;  font-size:22px; line-height:30px; text-transform:none; margin:10px 0; border:0; padding:0 }

sub {	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
sup {	line-height: 0; font-size: 75%; vertical-align: baseline; position: relative;}
sup {	top: -0.5em;}
sub {	bottom: -0.25em;}


/*FONT SIZE*/
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size24{ font-size: 24px; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }
.size100{ font-size: 100px; }
.size120{ font-size: 120px; }
/*FONT SIZE ENDS*/
pre, code, kbd, samp { 	font-family: monospace, sans-serif;} /* normalize monospace sizing *//* 

/*Widths*/

.w10p { width:10%}
.w20p { width:20%}
.w30p { width:30%}
.w40p { width:40%}
.w50p { width:50%}
.w60p { width:60%}
.w80p { width:80%}
.w100p { width:100%}


.w20 {width:20px;}
.w50 { width:50px}
.w60 { width:60px}
.w100 {width:100px}
.w130 {width:130px}
.w150 {width:150px}
.w160 {width:160px}
.w180 {width:180px}
.w200 {width:200px}
.w220 {width:220px}
.w260 {width:260px}
.w300 {width:300px}
.w320 {width:320px}
.w310 {width:310px}
.w330 {width:330px}
.w360 {width:360px}
.w400 {width:400px}
.w500 {width:500px}
.w600 {width:600px}
.w680 {width:680px}
.w700 {width:700px}

/*Hights*/
.h10{height:10px}
.h20{height:20px}
.h24 {height:24px;}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
.h100{height:100px}
.h110{height:110px}
.h120{height:120px}
.h130{height: 130px}
.h140{height: 140px}
.h150{height: 150px}
.h200{height:200px}
.h220{height:220px}
.h250{height:250px}
.h300{height:300px}
.h350{height:350px}
.mh350 { min-height:350px;}
.h400{height:400px}
.h440 {height: 440px}
.h500 {height: 500px}
.h550 {height: 550px}
.h600 {height: 600px}
.h640 {height: 640px}
.h800 {height: 800px}

/*HELPER CLASSES*/

.radius2 {border-radius: 2px; -webkit-border-radius: 2px;	-moz-border-radius: 2px;}
.radius6 {border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;}
.radius10{border-radius: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;}

.margl4 { margin-left:4px;}
.margl10 { margin-left:10px;}
.margl20 { margin-left:20px;}
.margl70 {margin-left:70px; }

.margr4 { margin-right:4px;}
.margr10 { margin-right:10px;}
.margr20 { margin-right:20px;}

.margt4 {margin-top:4px;}
.margt8 {margin-top:8px;}
.margt10 { margin-top:10px;}

.margb8 {margin-bottom:8px; }
.margb10 {margin-bottom:10px; }

.marga{ margin:auto}

.pad10 {padding:10px}
.pad6 {padding:6px}
.padt8 {padding-top:8px }

.bold { font-weight:700}
.upper { text-transform:uppercase}
.italic {font-style:italic }

.black { color:#000}


/* SETTING COLORS TO WHITE */
.white {color:#fff}

/* HOVER COLOR FOR MOBILE TOP BLACK BANNER LINKS */
a.white:hover {color:#ccc; text-decoration: none }

.green {color: #659a22;}
.blue, .WizardHeader, legend {color:#0088cc}
.red { color:red}

.greyBG { background-color:#eee;}
.reverseGreen { background-color: #659a22; color:#fff; padding:4px 8px}

.borderTop { border:0; border-top:1px solid #ddd; }
.borderRight { border:0; border-right:1px dashed #ddd;}
.borderGrey3 { border:3px solid #ccc; padding:10px 12px}
.sep { display:block; border-bottom:1px solid #ccc ; margin-bottom:0px; height:2px; }

.ellipses {  text-overflow:ellipsis; overflow:hidden; white-space: nowrap; display:inline-block}
.ohidden { overflow:hidden}
.wrap {white-space:pre-wrap}
.nowrap {WHITE-SPACE: nowrap}
.pointer { cursor: pointer }
.left-float {FLOAT: left}
.right-float {FLOAT: right}
.right { text-align:right}
.left { text-align:left}

.block {display:block}
.iblock {display:inline-block}
.vertical {border:0;  border-left:1px solid #ddd; height:100px; margin-left:10px; margin-right:3px; padding-left:10px;}

.relative { position:relative}
.absolute { position: absolute }
.fixed { position:fixed}
.relative-important { position: relative !important; }

.top10 { top:10px;}
.top30 { top:30px;}
.top100 { top:100px;}
.top-100 { top:-100px;}
.top-110 { top:-110px;}
.left10 { left: 10px; }
.left20 { left:20px; }
.bottom10 { bottom:10px;}

.right10 { right: 10px; }

.opacity05 { opacity:0.5;}
.opacity08 { opacity:0.8;}

.removePadding { padding-left: 0; padding-right: 0; }
.removePaddingLeft { padding-left: 0; }
.removePaddingRight { padding-right: 0; }

.imgScaleW { width:100%; height:auto}
.imgScaleH { width:auto; height:100% }

/*END HELPER CLASSES*/


/*Bottons*/

.wizardbutton, .DataFormButton {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}
.wizardbutton:hover, .DataFormButton:hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  background-color: #e6e6e6;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

#ButtonSave { 
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);

}
#ButtonSave:hover,
#ButtonSave:focus,
#ButtonSave:active,
#ButtonSave.active,
#ButtonSave.disabled,
#ButtonSave[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

/*END OF BUTTONS*/

.DataFormHeaderTD .PageTitle { background: transparent; padding:3px 0; border:0 ; font-size:16px}
.reviewtable { width:98%; margin-right:20px;}
.googleMap  {  overflow:hidden; margin:auto; text-align:center }

/*SOCIAL */
.add_this { background-color:#eee; margin:10px 0 10px 0; padding:4px 8px; border-radius: 6px; -webkit-border-radius: 6px;	-moz-border-radius: 6px;height:20px}
.addthis_toolbox {margin-top:2px; margin-left:3px }
#eWebLoginControl_LoginFacebookButton { margin:3px 6px}

.module-header, #eWebLoginControl_LoginTable .LeftUITableHeaderTD {
height:15px;
padding:10px;
font-size:1.1em;
border:1px solid #ddd;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
background: #eee;
}
.module-header a {color:#000}
.module-body {padding:10px}
.module-body-border {padding:10px; border:1px solid #ddd; border-top:0;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px; }
.module-body ul { margin:0; padding:0 0 10px 0; list-style-type:none;}
.module-body li {  padding:3px 0px; position:relative;  }
.module-body .edit3 {   display:inline-block; height:22px; width:22px; right:20px; top:14px; position: absolute}

/*Login Control*/
#eWebLoginControl_TextBoxLoginName, #eWebLoginControl_TextBoxPassword { padding:4px 0px; font-size:1.1em; width:99%;  }
#eWebLoginControl_LoginTable { width:98%; margin:0px auto; max-width:420px;}
#ForgotPwdControl_ForgotPasswordTable {width:100%; margin:0px auto;}
#DemographicsTable span.DataFormLabel {white-space: nowrap}


/*MF STYLES*/
.mf_basic { padding:0; margin:10px 0px; list-style-type:none; text-align:center}
.mf_basic li { color:#eee; display:inline-block; -webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px; padding:5px 15px; text-align:center; font-size:12px; width:40px;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88b74d,endColorstr=#466c17); background: -webkit-gradient(linear, left top, left bottom, from(#88b74d), to(#466c17)); background: -moz-linear-gradient(top,  #88b74d,  #466c17);    background-image: -o-linear-gradient(#88b74d,#466c17); margin-left:2px;}
.mf_basic li  .total { display: block; font-weight:700; color:#fff; font-size:1.3em}

/*STAR RATING*/

/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
.ratingblock {	width: 50%; padding-bottom: 8px; margin-bottom: 8px; border-bottom-color: rgb(153, 153, 153); border-bottom-width: 1px; border-bottom-style: solid; display: block;}
.unit-rating {	background: url("images/starrating.gif") repeat-x left top; list-style: none; margin: 0px; padding: 0px; height: 30px; position: relative; width:150px; }
.unit-rating li {	margin: 0px; padding: 0px; text-indent: -90000px; float: left; }
.unit-rating li a {	padding: 0px; width: 30px; height: 30px; text-indent: -9000px; text-decoration: none; display: block; position: absolute; z-index: 20;}
/*.unit-rating li a:hover {	background: url("images/starrating.gif") left; left: 0px; z-index: 2;
}*/
.unit-rating a.r1-unit {left: 0px;}
.unit-rating a.r1-unit:hover {	width:30px;}
.unit-rating a.r2-unit {left: 30px;}
.unit-rating a.r2-unit:hover {	width:60px;}
.unit-rating a.r3-unit {left: 60px;}
.unit-rating a.r3-unit:hover {	width:90px;}
.unit-rating a.r4-unit {left: 90px;}
.unit-rating a.r4-unit:hover {	width:120px;}
.unit-rating a.r5-unit {left: 120px;}
.unit-rating a.r5-unit:hover {	width:150px;}
.unit-rating a.r6-unit {left: 150px;}
.unit-rating a.r6-unit:hover {	width:180px;}
.unit-rating a.r7-unit {left: 180px;}
.unit-rating a.r7-unit:hover {width:210px;}
.unit-rating a.r8-unit {left:210px;}
.unit-rating a.r8-unit:hover {width:240px;}
.unit-rating a.r9-unit {left: 240px;}
.unit-rating a.r9-unit:hover {width:270px;}
.unit-rating a.r10-unit{left:270px;}
.unit-rating a.r10-unit:hover {	width:300px;}
.unit-rating li.current-rating {background: url("images/starrating.gif") left bottom; height: 30px; text-indent: -9000px; display: block; position: absolute; z-index: 1;}

.rating-box { margin-top:8px; font-size:0.8em; color:#ff4400}
.rating-links { margin:6px 0 6px 0}
.rating {}

/*Avatar*/
.avatar {background:  #333;  position: relative;  }
.avatar:after {content:"No Photo"; font-size:1.4em; position:absolute; top:40%; left:50%; width:110px;  z-index:3; color:#ccc; font-weight:100; text-transform:uppercase; margin:auto; margin-left:-50px; text-align:center; vertical-align:middle}
.avatar div{ position:relative; z-index:5; min-height: 200px ; background-attachment: scroll; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; background-size: auto 100%; background-origin: padding-box; background-clip: border-box; background-color: transparent;}

#search-results .avatar {background:  #ddd;  position: relative;  }
#search-results .avatar:after { font-size:1.2em; position:absolute;width:100px;  color:#aaa;  text-transform: lowercase; margin-left:-50px; }
#search-results .avatar div{  min-height: 132px ; }

/*Event Calendar Styles*/
.CalendarLink { float:left}
.CalendarEventTitleStyle {font-size:7pt;}
.CalendarEventDayStyle{color:red;}
/*Calendar */
.EvCalMultipleDays, .EvCalMultipleDays a {color:#222; background-color: #fff}
.EvCalSingleDay, .EvCalSingleDay a {color:#fff; background-color:#888;}
.EvCalFirstDay {}
.EvCalNoFirstDay {}

.EvCalTable { border-color:#ddd; line-height:110%; width:100%}
.EvCalTable td { padding:0}
.EvCalHeader {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee,endColorstr=#cccccc); background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background: -moz-linear-gradient(top,  #eee,  #ccc); background-image: -o-linear-gradient(#eeeeee,#cccccc); padding:4px 4px; border-color:#bbb }
.EvCalTitle {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd); background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background: -moz-linear-gradient(top,  #fff,  #ddd); background-image: -o-linear-gradient(#fff,#ddd); color:#666; font-size:1.4em; font-weight:700; height:26px; line-height:26px;  border-color:#ddd}
.EvCalTitle td { border-color:#ddd}
.EvCalOtherMonthDays { background-color:#ddd; border-color:#ccc; color:#888 }
.EvCalDay {border-color:#ddd;}
.EvCalWeekendDay { background-color:#CDE9F1; border-color:#cff; color:#39C}
.EvCalTodayDay { border-color:#444; color:#659a22; font-weight:700}
.EvCalDay a ,.EvCalWeekendDay a, .EvCalOtherMonthDays  a {display:inline-block; padding:2px 6px; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px; font-size:0.8em; line-height:110%}
.EvCalTodayDay a{background-color:#9C0; display:inline-block; padding:4px 3px; border-radius: 3px; -webkit-border-radius: 3px;	-moz-border-radius: 3px;}
.EvCalOtherMonthDays, .EvCalWeekendDay, .EvCalDay { min-height:24px}

/*2013-2014 styles*/
/*Search Form*/
.FindFormResponsive { margin:auto; width:420px;}
.FindFormResponsive .body { padding-top:20px;}

/* ---------- Store Products */
.productThumb { position:relative; width:306px; overflow:hidden; float:left}
.productThumb img { max-width:300px; height:auto; overflow:hidden; border:3px solid #aaa; margin-right:0px; background-color:#eee}

/* Grid View */
	.shopping-cart.grid-view {  }
	.shopping-cart.grid-view.featured-products { }

	.shopping-cart.grid-view .thumbnails,
	.shopping-cart.grid-view .thumbnails > li { margin-left:18px !important; }	

	.shopping-cart.grid-view .thumbnails .thumbnail { }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-image {}
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-image > img { }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-title {}
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-description {  }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-info {  }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-info > .product-price { }
	.shopping-cart.grid-view .thumbnails .thumbnail > .product-info > .product-actions > a {  }
	
	/* List View */
	.list-view .media > p { margin-bottom: 10px; }
	.list-view .media .media-object { width: 150px; }
	.list-view .media .pricet { border: none; display: block; }

/*Store */
.menuDropStore { float:right; margin-top:2px; margin-right:0px; background-color:#aaa; padding:6px 10px; min-width:218px; -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px;
border-collapse: separate;-moz-box-shadow: 0px 0px 9px #444;-webkit-box-shadow: 0px 0px 9px #444;box-shadow: 0px 0px 9px #444;  }
.menuDropStore  select { padding:3px 8px; font-size:1.2em; max-width:230px; width:100%;  -webkit-border-radius: 8px; -moz-border-radius:  8px; border-radius: 8px; border:1px solid #659a22;}

/* ---------- Individual Profile */
.ind.member-avatar {background:  #333 no-repeat 50% 50%;  position: relative;  }
.ind.member-avatar:after {content:"No Photo"; font-size:1.4em; position:absolute; top:40%; left:50%; width:110px;  z-index:3; color:#ccc; font-weight:100; text-transform:uppercase; margin:auto; margin-left:-50px; text-align:center; vertical-align:middle}
.ind.member-avatar div{ position:relative; z-index:5; min-height: 200px ; background-attachment: scroll; background-repeat: no-repeat; background-position-x: 50%; background-position-y: 50%; background-size: auto 100%; background-origin: padding-box; background-clip: border-box; background-color: transparent;}

/* ---------- Member Directory Search Results */
	
/* ---------- Upcoming Events */

/* ---------- FAQ Search */
	.faqSearch {}
	.faqSearch dl > dd { margin-bottom: 10px; margin-left: 0px; }
	
/* ---------- Store Products */
	/* Grid View */

	/* Removes left margin from certain list elements */	
	.shopping-cart.grid-view .thumbnails > li:nth-child(4n+1) { margin-left: 0; }
	.shopping-cart.product-details .product-image { max-height: 400px; }
		
/* ---------- Survey Modal */
#SurveyTable {}
#SurveyTable .DataFormChildHeader { background: none;  font-style: normal; font-weight: 100; font-size: 22px; line-height: 32px; margin-top: 20px; padding-left: 0; padding-right: 0; text-transform: capitalize; }
#SurveyTable .first-row .DataFormChildHeader { margin-top: 0; }
#SurveyTable .DataFormTD { font-size: 14px; font-weight: 500; color:#0088cc; padding-bottom: 5px; padding-top: 15px; }
#SurveyTable input[type="text"],
#SurveyTable textarea { font-size: 14px; padding: 4px 6px; margin-bottom: 0; }
#SurveyTable .DataFormCheckBoxList label,
#SurveyTable .DataFormRadioButtonList label { display: inline-block; left: 10px; position: relative; top: 5px; }
#SurveyTable .DataFormRadioButtonList td { text-align: left; }
	 
/* Fix Calendar Width */
.ui-datepicker,
.ui-datepicker table { width: 188px; }

/*RESPONSIVE FEATURES*/
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns, or wrap each row of columns in a <div class="row"> */
.clearfix:before, .clearfix:after, .row:before, .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after, .clearfix:after { clear: both; }
.row, .clearfix { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.cityDrop { background:url(assets/Images/sprite.png) no-repeat 200px 0px; padding-top:4px }
.cityDrop select { font-size:14px; border:2px solid #aaa; padding:3px 6px }
.bs_old .visible-sm.visible-xs { display: none !important; }

 @media ( max-width: 480px) {
.menuDropMenu {  top:12px; right:10px; font-size:0.9em}
.pageTitle, h1 {  margin:10px 0; font-size:1.8em; line-height:120%}
	.WizardTitle span { color:#666; font-size:1.4em;line-height:120%}
.invSep { display: inline  }
img.scale-with-grid, img.scale {width:98%;height:auto}
.product-right-side  { float:left; margin-left:10px;  margin-top:10px}
.right-float, .left-float { float:none}
.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }
.FindFormResponsive { margin:auto; width:96%;}
/* Headings and Titles
---------------------------------------------- */
h1, h2, h3, h4, h5, h6 {}
	/* heading specific */
h1 {}
/*----INPUTS--*/

textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] {
outline: 0;*padding-top: 2px;*padding-bottom: 1px;*height: auto;}

}

@media (min-width: 480px) and (max-width: 640px) {
.pageTitle, h1 {}
.invSep { display:inline}
img.scale-with-grid, img.scale {width:98%;height:auto}
.product-right-side  { width:99%; margin-left:10px; margin-top:10px}
.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }	
.socialLinks {display:none}
/*----INPUTS--*/
textarea, select, input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="input"], input[type="time"], input[type="url"], input[type="week"] { outline: 0;font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
}
}

@media  (max-width: 767px) {
.bs_old .hidden-sm.hidden-xs { display: none !important; }
.bs_old .visible-sm.visible-xs { display: inline-block !important; }
#eWebTopPaneBottomLinksCellTable { display: none !important; }

}

@media (min-width: 768px) and (max-width: 1000px) { 

.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }	
}

@media print {


html, body { height: 99%; }
/* Added on 11-2.  This code did not eliminate blank pages on order printouts. 

.navbar
{
   print:none;
}
.container-fluid clearfix
{
   print:none;
}  */


div.footRight >div{
		word-wrap: break-word;
		word-break:break-all;
	}
	div.footRight >div >h3{
		word-wrap: break-word;
		word-break:break-all;
	}
	div.footRight >div >h3 >a{
		word-wrap: break-word;
		word-break:break-all;
	}
	div.footRight >div >ul{
		word-wrap: break-word;
		word-break:break-all;
	}
	div.footRight >div >ul >li{
		word-wrap: break-word;
		word-break:break-all;
	}
	div.footRight >div >ul >li >a{
		word-wrap: break-word;
		word-break:break-all;
	}
	#eWebFrameWorkTopRow,
	#eWebFrameWorkBottomRow{
		display:none;
	}
	#eWebLeftPaneTableCell, #eWebTopPaneTableRowBottom, .header_social {display:none;}
	#LeftPane {display:none;}
	.DataFormLabel{font-size:7pt !important; font-size:8pt} /* fix for firefox label wrap */
	.DataFormLabelRequired{font-size:7pt !important; font-size:8pt} /* fix for firefox label wrap */
	#PageFrameWorkTable td *, #eWebFrameWorkMiddleRow, #ContentPane tr {page-break-inside: auto;} /*FHF, Avoids the blank pages on IE and Firefox*/
	}
	
	/* UI Consistency
----------------------------------------------------------------------------------------------------*/
::-moz-focus-inner {border: 0;padding: 0;}
input[type="search"]::-webkit-search-decoration {display: none;}
input, button, select, textarea { vertical-align: middle; }
/*input[type="radio"], input[type="checkbox"] { position: relative; vertical-align: top; top: 3px;	 top: 0\0;   *top: -3px;}  */

/* WORK-AROUNDS*/
.form-horizontal .controls .DataFormDivDefault {  overflow:hidden !important; margin-left:-180px;}
@media (max-width:480px) { .form-horizontal .controls .DataFormDivDefault {  margin-left:0px;}
}
.form-horizontal .DataFormDivDefault .controls  {  margin-left:0px; }

/* Version 1: Custom Style added pm 9/30 per Adam Smith to correct attendee registrant button issue ZD 820 replaced by ICBA on 10/26 using new code from OTI

form[action*="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] #ExtensionQuickRegSessions {
max-height: 200px;
overflow: auto;
} */


/* Custom Style added pm 9/30 per Adam Smith to correct attendee registrant button issue ZD 820 */

form[action="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] #ExtensionQuickRegTracks,
form[action="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] #ExtensionQuickRegEventFeesCOE,
form[action*="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] #ExtensionQuickRegSessions {
max-height: 180px;
overflow: auto;
}
form[action*="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] .AddEditLinkDiv {
display: inline-block;
}
@media (max-width: 767px) {
form[action*="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] .AddEditDiv .input-large {
max-width: 240px;
}
}
form[action*="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] textarea#reg_ada_requirements {
margin-left: -180px;
width: calc(100% + 180px);
height: 60px;
}
@media (max-width:480px) {
	form[action*="WizardStep=7147EE7C-09D7-4FCB-A654-C66C6A5F5753"] textarea#reg_ada_requirements {  
		margin-left:0px;
		width: 100%;
	}
}

/* Added on 9/8/16 to Fix Group Guest Registration Page Size per GS */
form[action*="WizardStep=bd148b3b-26ce-4266-ac34-e7eb66d21038"] #WizardContentTableBottom div {
padding-bottom: 40px;
}
.navbar-toggle .icon-bar {
    background: #FFF;
}

/* fusionSpan */
body {
    font-family: "Futura LT W01 Book";
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background: #FFF;
}
h1 {
    font-size: 3em;
    font-weight: 300;
    color: #00476c;
    margin-bottom: 0.25em;
}
h1, h2, h3, h4, h5 {
    font-family: "Futura LT W01 Medium Condensed";
    font-weight: 200;
    margin-top: 0px;
}
/*media all*/
Label, span.control-label {
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0.3em;
}
/*@media all and (max-width:480px)*/
.control-label {
    color: #00476c;
}


.module-header, legend, .DataFormTR, .panel-title, div.module-header {
	font-family: "Futura LT W01 Medium Condensed";	
	font-size: 1.5em;
	font-weight: 200;
	margin: 0;
	color: #00456b;
}
.DataFormTR {
	padding:20px !important;
}
.module-header, legend {
	padding-bottom: 20px;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: .5; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    opacity: .5;
}

::-ms-input-placeholder { /* Microsoft Edge */
    opacity: .5;
}
.module-header, #eWebLoginControl_LoginTable .LeftUITableHeaderTD, .module-body-border, .panel, .alert {border-radius:0px;}
.alert-info {
    background-color: #fff;
	color: #cb252d !important;
    border-color: #00456b;
}
.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    color: #fff;
    background-color: #00456b;
}

.accordion-group, .dropdown-menu, div.thumbnail {
	border-radius: 0px !important;
}
:last-child.list-group-item {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    color: #fff;
    text-decoration: none;
    background-color: #00456b;
    background-image: none;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
	min-height:20px;
	border-collapse: separate !important;
	border-spacing: none !important;
}
table, table .panel-heading {
	border-collapse: separate !important;
	border-spacing: none !important;
}

.panel-info, .panel-primary {
    border-color: #00456b;
}
.panel-info > .panel-heading, .panel-info > .panel-heading > .panel-title, .panel-primary > .panel-heading, .panel-primary > .panel-heading > .panel-title {
    color: #fff;
    background-color: #00456b;
    border-color: #00456b;
}
/*media all*/
input[type='submit'], input[type='button'], .btn {
    font-family: "Futura LT W01 Medium Condensed";
    font-size: 1em;
    font-weight: 400;
    border: none;
    padding: .7em 1.5em;
	border-radius: 0px !important;
	margin-left:1px;
}
.btn-primary, .btn-info {
    color: #fff;
    background: #00456b;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .active.btn-info, .open .btn-info.dropdown-toggle {
    color: #fff;
    background: #00456b;
}
.AddEditLinkDiv .btn-mini {
	padding: 0 6px;
}
select, input[type='text'], input[type='password'], input[type='number'], input[type='tel'], input[type='email'], input[type='url'], input[type='date'], input[type='file'], textarea  {
    margin: 0 0 10px 0;
    padding: 5px;
    border: 1px solid #CCC;
	border-radius: 0px;
/*    width: 50%; */
    font-family: "Futura LT W01 Book";
    font-size: 14px;
    font-weight: 400;
}
input[type=checkbox] {
    height: 20px;
    width: 20px;
    padding: 0;
    margin-top: 0px;
}

/*media all*/
span.jobCheckbox > label {
    display: inline-block;
    margin-bottom: 1em;
	font-weight:100;
	padding-left:4px;
}
span.jobCheckbox > label { margin-left:20px; margin-top:-20px;}

#eWebLoginControl_TextBoxLoginName, #eWebLoginControl_TextBoxPassword {
    /*padding: 4px 4px;*/
}

/*media all*/
select:focus, input[type='text']:focus, input[type='password']:focus {
    outline: none;
    background: #EEE;
    border: 1px solid #CCC;
}
.help-block {
	color: #cb252d !important;
}
a:hover, a:focus {
    color: #0065c8;
    text-decoration: none;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #00456b;
    border-color: #428bca;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
#eWebContentPaneTableCell {padding-top: 10px;}

.EvCalDay {
	min-height:100px;
}
.EvCalTitle {
	color: #fff;
    background: #00456b;
	padding:20px;
	border-color: #00456b;
}
.EvCalTable
{
	border-collapse: collapse;
}
.EvCalTable th, .EvCalTable td :not(.EvCalTitle) {
/*    border: 1px solid #ddd; */
} 
.EvCalOtherMonthDays {
	color: #fff;
    background: #00456b;
	opacity: .5;
}
.EvCalWeekendDay {
	color: #fff;
    background: #00456b;
	opacity:.25;
}
.EvCalPrevNext img {filter: brightness(0) invert(1);}

.DataFormLabelErrorMessage, .DataFormValidationSummary {border-radius: 0px; width:95%; }

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

span.ui-dialog-title { font-family: "Futura LT W01 Book"; font-size:14px; }

.ui-widget-header {
	min-height:30px;
	color: #fff;
    background: #00456b;
}
.loginlink {
	padding: 0 1em;
	border-left: 1px solid #559acc;
	border-right: 1px solid #559acc;
}
a.loginlnk > span {
	margin-left: 20px;
	margin-right: 20px;
}

#cbtable_ICBAPartialApplicationCategory td {
	vertical-align: top;
}		

#cbtable_ICBAPartialApplicationCategory input[type='checkbox'], #cbtable_ICBACategory input[type='checkbox']  {
	position: absolute;
}
#cbtable_ICBAPartialApplicationCategory input[type="checkbox"] ~ label, #cbtable_ICBACategory input[type="checkbox"] ~ label { 
    padding-left:1.4em;
    display:inline-block;
}
#ExtensionCertFeesDiv, #ExtensionQuickRegSessionsOE, #ExtensionCertProgramAutoEnrollmentsDiv, #ExtensionQuickRegEventFeesCOE, #WizardContentTableBottom__UP, td[id*='UPDATEGRIDCONTROL_DOD_'].DataFormTD, div.collapse, div.calendar, div.body-panel, div.panel {
	overflow-x:auto;
	max-width:90vw;
}
td[id*='UPDATEGRIDCONTROL_'].DataFormTD{
	overflow-x:auto;
	max-width:60vw;
}

tr[id*='UPDATEGRIDCONTROL_DOD_']>td:last-child {
	width:auto;
}
 @media ( max-width: 480px) {
	#eWebLoginControl_LoginGoButton {
		width:85%;
	}
}
.nav-pills>li>a {
	border-radius: 0px;
}
header nav {
	padding-left: 20px;
}
header nav > ul > li{
	padding:15px 15px 15px 15px ;
}
header nav > ul > li:hover, header nav > ul > li:active, header nav > ul > li:hover > a, header nav > ul > li:active > a{
    color: #FFF;
    background: #00456b;
	text-decoration: none;
}
header nav > ul > li > a:hover, header nav > ul > li > a:active{
    color: #FFF;
    background: #00456b;
	text-decoration: none !important;
}
li.margt10 > a.btn {
	margin-bottom: 3px;
	width:100px;
}
@media ( max-width: 480px) {
	li.margt10 > a.btn {
		margin-bottom: 3px;
		width: 83%;
	}
 }
 div.tooltip {
     font-family: "Futura LT W01 Medium Condensed";
}
a.logo {
	margin: 0px;
}
#DesignedDiv {
	border-radius: 0px;
	padding:10px;
}
#DesignedTable {
	width: 100%;
}
h5 { height: 20px; }
h1 a.btn {
	font-size: 20px;
}
#CustomDemographicsTable td:first-child {
	width: 160px;
	padding-right:20px;
}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
	background-color: inherit;
}
hr, #Div_gft_prc_key {
	width: auto !important;
}
div.shopping-cart ul.thumbnails  li.span2  div.text-left {
	padding-top: 15px;
}
div#otherItemsBox ul.thumbnails li.span2 div.thumbnail {
	height: 240px !important;
}
div.thumbnail.h250 {height:100% !important;}
div.thumbnail.h250 a.h150 {height:100% !important;}
div.thumbnail.h250 h5 {height:75px !important;}

/*typeahead*/
ul.ui-autocomplete li.ui-menu-item { padding-top:5px; font-family:'Futura LT W01 Book'; }
ul.ui-autocomplete li.ui-menu-item a:hover { text-decoration: none !important; cursor: pointer !important }
ul.ui-autocomplete li.ui-menu-item a div.suggestionDetail { opacity:0.5; font-size:12px; }

.MDSpinnerSpan {
    display: inline-block;
    width:20px;
    height:20px;
}
        
.MDSpinnerLoading{
    background-image: url("../../../images/updating.gif") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:0}
/* fusionSpan - End */