@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 url('https://fonts.googleapis.com/css?family=Oswald:200,400,500,600,700');
@import "select2.css";
@import "intlTelInput.css";
@import "MetaDao_ISPOR_SidebarNavigation.css";


	
/* Original Styles ------------------------------------------------------------------------------------------------------------------------ */

/*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%;  max-width:1200px !important; }
#TopPane { height:53px}
#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; background-color:transparent; border-bottom:none}
#eWebTopPaneBottomLinksCell {background-color: #27aae1;}


/*FRAMEWORK settings*/
#eWebRightPaneTableCell {display:none;}
.PageFrameworkBODYModal  #BottomPane { border-bottom:0}
#eWebFrameWorkBottomRow { background-color:#fbfeff; border-top:1px solid #d4eef9;}
#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;}

/*FOOTER*/
.footer {padding: 20px 0 60px;}
.footer-copy {font-weight: 500;font-size: 16px;}
.footer-copy p {margin-bottom: 15px;}
.footer-copy a {color: #716658;}
.footer-social {text-align: right;}
.footer-social a {
    color: #fff;
    background-color: #27aae1;
    font-size: 26px;
    text-align: center;
    line-height: 45px;
    width: 45px;
    border-radius: 100%;
    display: inline-block;
    margin-left: 25px;
}
.footer-social a:hover {
    color: #fff;
    background-color:#0373a3;
}


/*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}
.WizardTitle, legend {font-family: Oswald,sans-serif;}

/*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}

/*HEADER CONTAINER */
#TopPane .navbar-inverse {
    max-width: 1200px;
    margin: 0 auto;
}

/* TOOLBAR LINKS/BAR */
.toolbar-desktop {
    font-size: 15px;
}
.toolbar-desktop {
    font-size: 15px;
}
.toolbar-desktop a {
    color: #716658;
    font-size: 13px;
    font-weight: 600;
    font-family: Oswald,sans-serif;
    margin-left: 7px;
}
.toolbar-desktop a:hover {
	text-decoration: none;
}
.toolbar-mobile {
    background-color: #27aae1;
    padding: 7px 15px;
}
.toolbar-mobile a {
    margin-left: 11px;
}

/* MAIN MENUS */

.TopUIHyperLink{    
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    font-family: 'Oswald', sans-serif;
    line-height: 30px;
	  text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing:  1.5px;
	  white-space:nowrap;
	  padding: 10px !important;
    background-color: transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent; 
    margin: 0px 0; 
    display: inline-block; 
    position: relative; 
    z-index: 98;   
}

.TopUIHyperLink:hover {
	  border-bottom: 5px solid #95c93d;
}

.TopUIHyperLink a {
	  color: #fff;
}

.TopUIHyperLink a:hover{
	  text-decoration: none;
}

.TopUIHyperLink.active {color:#fff; background-color:rgba(0,0,0,0.1); border-color:transparent;}
.TopUIHyperLink.active a {color:#fff;}

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; text-decoration:none;background-color: transparent}
A.TopUIHyperLink:hover{ color:#fff; text-decoration:none; background-color:transparent;}

A.TopUIHyperLinkSelected:visited{color:#444;  font-weight: bold;text-decoration:none;}
A.TopUIHyperLinkSelected:link{color:#444;text-decoration:none;}
A.TopUIHyperLinkSelected:active{color:#444; 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: #0373a3; 
    margin:0; 
    padding:7px 15px;  
    border-radius: 0; 
    -webkit-border-radius:  0;	
    -moz-border-radius:  0; 
    -o-border-radius:  0;
    -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: 3px 20px !important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    text-align: left;
    font-family: 'Oswald', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 22.8px;
    border-top: none !important;
    border-bottom: none !important;
    display: inline-block;
    position: relative;
    z-index: 98;
  	width: auto;
    margin: 10px 0;
}
.PopMenuSubMenuTable .TopUIHyperLink a {
	color: #666;
}

.PopMenuSubMenuTable .TopUIHyperLink.active {color:rgba(255,255,255,0.8); background-color:rgba(255,255,255,0.2); border-color:transparent;}
.PopMenuSubMenuTable .TopUIHyperLink.active a {color:rgba(255,255,255,0.8);}

.PopMenuSubMenuTable A.TopUIHyperLink:visited{ color:#fff;text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:link {  color:#fff;text-decoration:none;display:block;}
.PopMenuSubMenuTable A.TopUIHyperLink:active {  color:#666; text-decoration:none;}
.PopMenuSubMenuTable A.TopUIHyperLink:hover { color:#262626; text-decoration:none; background-color: #f5f5f5;}

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; margin-right:5px; }
/*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: #716658; 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%; }
a { color: #27aae1; font-weight: bold; text-decoration: none;}
a:hover, a:focus { color: #27aae1;}
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:200px; height:65px; margin-left:10px; margin-top:5px; background:url('images/template/logo.png') no-repeat left; background-size:auto  }
.header_social {font-size: 1.0em; margin:0px 0px; color:#ddd; background-color:#444; 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:#222  }
.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: 28px;
    font-weight: 600;
    font-family: Oswald,sans-serif;
    color: #716658;
    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; top: -0.5em;	bottom: -0.25em;}


.desc { font-style:italic; color:#666}
.download {display:inline-block; background:url(../../images/DEMO1/30-download.png) no-repeat center; width:24px; height:24px; text-indent:-9999px }


pre, code, kbd, samp { 	font-family: monospace, sans-serif;} /* normalize monospace sizing */

/*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}


.margRneg2 {margin-right:-2px}
.margRneg4 {margin-right:-4px}


.pad10 {padding:10px}
.pad6 {padding:6px}
.padt8 {padding-top:8px }
.padr8 {padding-right:8px}


.bold { font-weight:700}
.upper { text-transform:uppercase}
.italic {font-style:italic }
.small { font-size:75%; line-height:120%}
.cite { font-weight:normal; line-height:120% }
.strong { font-weight:700  }
.em { font-style:italic  }
.normal { font-weight:100;}
.lead { font-size:1.2em;  }

.black { color:#000}
.white {color:#fff}
.green {color: #659a22;}
.blue, .WizardHeader, legend {color:#716658}
.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% }

/*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%}


.w10 { width:10px; }
.w20 {width:20px;}
.w50 { width:50px}
.w60 { width:60px}
.w100 {width:100px}
.w120 {width:120px}
.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 !important}
.w500 {width:500px}
.w600 {width:600px}
.w680 {width:680px}
.w700 {width:700px}

/*Heights*/
.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}
.h400{height:400px}
.h440 {height: 440px}
.h500 {height: 500px}
.h550 {height: 550px}
.h600 {height: 600px}
.h640 {height: 640px}
.h800 {height: 800px}

/*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*/

/*END HELPER CLASSES*/


/*Buttons*/

.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;
font-weight: 600;
font-family:Oswald,sans-serif;
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}
.bio { white-space:pre-wrap; margin-bottom: 1em; }

/*Login Control*/
#eWebLoginControl_TextBoxLoginName, #eWebLoginControl_TextBoxPassword { padding:4px 2%; font-size:1.1em; width:96%;  }
#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-family:Oswald,sans-serif; 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 */
.LayoutCell .span4 h1 a { color: #716658; }
.text-right .btn { border-color: #ccc; }
.LayoutCell .span4 h1 a:hover { color: #716658;text-decoration:none;}
.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 input[type="email"], #SurveyTable input[type="number"], #SurveyTable input[type="tel"],
#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;}
}
input[type=number]::-ms-clear { width: 0; height: 0; }

@media  (max-width: 900px) {
    .footer-social a {margin-left: 10px;}
}

@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; }

.footer {text-align: center;}
.footer-social {text-align: center;margin-top: 20px;}
.footer-social a {margin: 0 10px;}
}

@media (min-width: 768px) and (max-width: 1000px) { 

.shopping-cart.grid-view .thumbnails > li { margin-left:0px !important; }	
}

@media print{
	#eWebLeftPaneTableCell, #eWebTopPaneTableRowBottom, #eWebFrameWorkTopRow, .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
----------------------------------------------------------------------------------------------------*/
/*::selection {background: rgb(125, 175, 39); color: rgb(255, 255, 255);}*/
::-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;}
td.member-actions {
    width: 20%;
}
.navbar-inverse a.white:hover,
.navbar-inverse a.white:focus {
    color: #bce8f1;
    text-decoration: none;
}

@media (min-width: 481px) {
    table.roster th.action-btn {
        width: 100px;
    }
}
@media (max-width:480px) {
    .DataFormLabelErrorMessage {
        width: auto;
    }
    .form-horizontal .controls .DataFormDivDefault {  margin-left:0px;}
    .DataFormDivDefault .controls .input-mini {
        height: initial;
        padding: 0;
        font-size: 12px;
        line-height: normal;
        width: 50px;
    }
    .DataFormDivDefault .controls span {
        font-size: 12px;
    }
    .DataFormDivDefault .table th,
    .DataFormDivDefault .table td {
        padding: 0 1px;
        font-size: 12px;
    }
    ul.nav li.list-group-item {
        padding: 0 2px;
    }
    table.roster td {
        padding: 4px 2px;
    }
    table.roster td .size14 {
        font-size: inherit;
    }
    table.roster th {
        line-height: 1.2;
    }
    table.roster img.member-flag-no {
        display: none;
    }
    th.member-flag, td.member-flag {
        text-align: center;
    }
    .event-reg input[type=checkbox] {
        transform: scale(1.5);
    }
    
    .footer-copy {
        font-size: 14px;
    }
    .footer-copy p {
        margin-bottom: 10px;
    }
    .footer-social a {
        font-size: 20px;
        line-height: 35px;
        width: 35px;
        margin: 0 3px;
    }
}



.form-horizontal .DataFormDivDefault .controls  {  margin-left:0px; }
.controls span.fa {

    margin-top: 0px;
    line-height: inherit;
    
}

.create-account-form{
    min-width: fit-content;
    max-width: 500px;
    margin: 0 auto;
}
.create-account-form-border{
    padding: 30px;
    margin-top: 30px;
}

.block-level-dropdown {
    display: block;
    width: 100%; 
}
.underline-title {
    text-decoration: underline;
}

.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f078";    
    float: right;
}
.accordion-opened .accordion-toggle:after {    
    content: "\f054";    
}
  
.interest-button {
    margin: 5px;
    background-color: #f8f9fa;
    border: 1px solid #ccc;
    padding: 3px 6px;
    font-size: 12px; 
    border-radius: 8px; 
    color: #333;
    cursor: pointer; 
}
.interest-button:hover {
    background-color: #007bff;
    color: white;
}

.interest-button.selected { 
    background-color: #007bff;
    color: white;
}

.centered-loader {
    display: none; 
    position: fixed; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    background-color: rgba(0, 0, 0, 0.5); 
    z-index: 999; 
}

.centered-loader img {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%); 
    z-index: 1000; 
}
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */s
    padding-right: 5px;
    z-index: 10000;
}

ul.ui-autocomplete li.ui-menu-item {
    padding-top: 5px; /*font-family:'Futura LT W01 Book';*/
    font-size: 0.875rem;
}

    ul.ui-autocomplete li.ui-menu-item a:hover {
        text-decoration: none;
        cursor: pointer !important
    }


.spacer {
    height: 30px; 
    }
    
label:not([for]) {
    cursor: default !important;
}

.hidden {
    display: none !important;
}

.ui-autocomplete .ui-menu-item.no-match {
    color: red !important;
}

.ui-autocomplete .ui-menu-item.no-match:hover,
.ui-autocomplete .ui-menu-item.no-match.ui-state-active,
.ui-autocomplete .ui-menu-item.no-match.ui-state-focus {
    color: red !important; /* Ensure the text remains red on hover, focus, and when active */
}

li.no-match>div{
    color: red!important;
}


/*******************custom Style for Ispor****************/

/*****************general***************/
*, :after, :before {
    -webkit-box-sizing: border-box  !important;
    box-sizing: border-box  !important;
}
.h1-style, .h2-style, h1, h2 {

    line-height: 1.33;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Oswald, sans-serif;
	line-height: 1.43;
	font-weight:700;
    font-weight: 600;
    margin-top: 0; 
    margin-bottom: 0;
}
h1{
	font-size:32px;
}
h2{
	font-size:36px;
}
h3{
	font-size:36px;
	font-weight:200;
}
h4{
		font-family: "Open Sans", sans-serif;
	font-size:20px;
	line-height: 28.6px;
}

a {
    font-weight: 200;
    line-height: 1.25;
    color: #27aae1;
}
body{
    font-size: 16px;
    font-family: Open Sans, sans-serif;
    color: #716658;
}


button, input, select, textarea {
    font-family: inherit;
    font-size: 16px !important;
    line-height: inherit;
    }
/*****************alert-info************************/
.alert h4	{
	color:#716658;
}
.alert-info{
	color: #716658;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
}

	
/*********************buttons*************/
.btn, #ButtonSave , #ButtonCancel, .wizardbutton, #ButtonDelete  {
	font-size: 18px;	
    font-family: Oswald, sans-serif;
    font-weight: 700;
    letter-spacing: 1.3px; 
	line-height: 22px !important;
    padding: .7rem 2rem !important;
    border-radius: 2px;
    text-transform: uppercase;  	
    margin-top: 0px !important;

}
 input[type="submit"].btn {
	 margin-top: 0px !important;
}
.btn.btn-info{
	background-color: #8d8579!important;
    color: #fff !important;
    font-size: 16px !important;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1)!important;
	border-color:#8d8579!important;
}

.btn-mini:hover, .btn-primary:hover{
	background-color: #aad464 !important;
    text-decoration: none;
    -webkit-box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 5px 6px 0 rgba(0, 0, 0, .1);
}

 .btn, .btn.tip, .btn-secondary{
	background-color: #ffffff ;
    color: #27aae1 ;
    border: 1px solid #27aae1 ;  
}

 .btn.tip:hover, .btn-secondary:hover{
    background-color: #d4eef9 !important;
    text-decoration: none !important;
}
.btn-primary, #ButtonSave, .btn-autosubmit {
	color: #ffffff !important;
	background-color: #95c93d !important;
	border: none !important;
}
.btn-mini,.btn-mini:hover {
    padding: 0 6px !important;
font-size: 12px;
}
.btn .glyphicons i:before, .btn-mini .glyphicons i:before{
	color:#27aae1 !important;
}
 /***************paragraph******************/
p{
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
    margin: 1rem 0;
    line-height: 1.5;
}
/******************avatar********************/
.member-avatar{
	width: 200px;
    border-radius: 126px;
    height: 200px;	
}
/*******************panel*****************************/
.panel{
	border-radius: 0px;
}
.panel-info{
	border-color:transparent !important;
}
.panel-primary {
    border-color: #e5e5e5;
}
.panel-primary > .panel-heading, .panel-default > .panel-heading, .panel-info > .panel-heading {
    color: #fff;
    background-color: #95c93d;
    border-color: #95c93d;
}
/*******************table******************/
table th, table th a{
	color: #ffffff !important;
	background-color: #95c93d !important;
	font-size:20px;
	font-weight:700px;
}

.table thead:first-child tr:first-child th, table th{
	    border: 1px solid white !important;
	
}
.table td {
    border: 1px solid #e6e4e1;
    padding: 5px;
	background-color: #FFFFFF !important;
}
.table td:empty  {
	    border: 1px solid #FFFFFF !important;
}

/**********************Form***************/
.module-header{
	height: 45px ;
}
.form-horizontal{
	margin:10px;
}
/*********************Inputs*************/
.tip:hover{
    background-color: #d4eef9;
    text-decoration: none;
}
input:focus{
    border: 1px solid #27aae1;
}
input:hover{
        border: 1px solid #c6c2bc;
}
select, input[type="file"] {
    height: 45px;
    line-height: 45px;
	width: 205px;
}
input{
    height:45px  !important;
        border: 1px solid #e6e4e1  !important;
    padding: 7.5px !important;
    border-radius: 2px !important;
}
input[type=tel].input-block-level{
	padding-left: 76px !important;
}
.checkboxlistcontainer input[type="checkbox"] {
	float:inherit !important;
}
 /*********************products*****************/
 .media img.media-object{
	 height: 130px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
	width:162px;
	height:214px;
	
 }
 .media-heading{
	 font-size:36px;
	font-family: Oswald, sans-serif;
    font-weight: 200;
    line-height: 1.33; 
 }
/*************************Form*******************/
.form-horizontal .control-label{
	margin-right: 5px;
	/*text-align:left !important;
	Width: 100% !important;*/
}
.form-horizontal .controls{
	/*margin:0px*/
}

label {
	text-transform:uppercase;
    font-size: 12px !important;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 600 !important;
	color: #716658 !important;
	margin-right: 10px !important;
}

/****************footer********************************/
.help-block{
	font-size: 12px !important;
	font-weight:200 !important;
	margin-top: 0px !important;
	color: #ff6a00 !important;
	text-transform: capitalize !important;
}
.img-circle{
    width: 200px;
    height: 200px;
}
#footer__copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
margin-bottom: 10px;
margin-top: 10px;
}



.is-accent-lighter {
    color: #aaa39b !important;
    font-size: .75rem;
}
#footer__copyright .col-md-4 {
    text-align: center;
}   
#footer__copyright h2 {
    font-size: 22.4px;
	font-weight:500;
} 
#footer__copyright .col-md-4, #footer__copyright .col-md-8 {
    float: none;
}
@media (min-width: 992px) {
    .col-md-8 {
        width: 66.66667%;
    }
}
.flex-center {    
    justify-content: center;   
    align-items: center;
    display: flex;
}
/**********************accordion-*******************/
.accordion-heading .accordion-toggle{
	font-size: 20px !important;
    line-height: 1.43;
	font-family: Open Sans, sans-serif;
    font-weight: 600;
	 color: #27aae1;
}
.accordion-toggle .glyphicon-chevron-down:before, 

 .accordion-toggle .glyphicon-plus:before{
	Width:0px !important;
	content: "";
}


.accordion-toggle{
	padding-left:0px !important;
	padding-right:0px !important;
}
.accordion-toggle:after {
    font-family: 'FontAwesome';
    content: "\f067";
	margin-right: 10px;
    float: right;
	font-weight:100;
	 color: #95c93d;
}
.accordion-group{
	border:0px;
}
.accordion-heading {
	border-top:1px solid #e5e5e5;
}
.collapse{
	border-bottom: 1px solid #e5e5e5;
}





/*******************list Numbers */
ol.mg-list-numbered li a{
    padding-left:32px ;
}
ol.mg-list-numbered li, ol.mg-list-numbered li:before {
    align-items: center;
}
ol.mg-list-numbered li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;   
    justify-content: flex-start;
    padding: 20px 0;
    padding: 2rem 0;
    padding-left: 100px;
    min-height: 106px;
    border-bottom: 1px solid #e6e4e1;
}
ol.mg-list-numbered li:before {
    content: counter(a) " ";
    counter-increment: a;
    background-color: #8e7aa8;
    font-size: 22.5px;
    font-size: 2.25rem;
    font-weight: 700;
    font-family: Oswald, sans-serif;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    position: relative;
    left: 10px;
    left: 1rem;
    width: 70px;
    height: 70px;   
    display: inline-flex;   
    justify-content: center;
}
ol.mg-list-numbered li, ol.mg-list-numbered li:before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

ol.mg-list-numbered {
    counter-reset: a;
    list-style-type: none;
    padding-left: 0;
}

ol, ul {
    margin-top: 0;
    margin-bottom: 11px;
}
/****************members******************/
.container-directory{
	display:inline-block;
    float: left;
    padding-bottom: 30px;
	Width:50%;
}
..container-directory.avatar {
    background: #ffffff !import;
    position: relative;
}
#search-results .avatar {
    background: #ffffff;
    
}
@media (max-width: 768px) {
    .container-directory {
        width: 100% !important;
    }

}
/******************Resources*******/
.circle-media {   
    display: flex;    
    justify-content: center;   
    align-items: center;   
    flex-wrap: wrap;
    margin: 20px 0;
    margin: 2rem 0;
}
.circle-media--item {
    margin: 10px;
    margin: 1rem;
    padding: 0;
    position: relative;
    width: 256px;
    height: 256px;   
    object-fit: cover;
    border-radius: 50%;    
    box-shadow: 0 4px 21px 0 rgba(0, 0, 0, .2);
    overflow: hidden;
}
.circle-media--text {
    background-color: #8e7aa8;
    font-weight: 700;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 40%;
    text-align: center;    
    justify-content: center;   
    align-items: flex-end;
    padding: 10px 20px;
    padding: 1rem 2rem;
    padding-bottom: 30px;
    padding-bottom: 3rem;
}
div#ISPORDesignations .checkboxlistcontainer tbody {
	width: 100% !important;
	}
	
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
margin-bottom:0	
}

.sticky-content {
    max-width: 240px;
    max-height: 90px;
}

.sticky-top {
    position: fixed;
    z-index: 1020;
    display: block;
    margin-top: 10px;
    margin-left: -15px;
    max-width: 240px;
}

.card {
    font-size: 1rem;
}

    .card.card-primary {
        background-color: #d9d9d9;
        border-radius: 0.5rem;

        color: #000;
        border: none;
    }

    .card.card-secondary {
        background-color: #cebb2c;
        background-color: rgba(206, 187, 44, .25); /* Tint color */
        border-radius: 0;
        border: 0px;
    }

.card-body {
    padding: 2rem;
}

@media (max-width: 979px) {
    .sticky-top {
        position: unset;
        max-width: unset;
        margin: unset;
        display: block;
    }
}

div.image {
    background: transparent url('images/notavailable.gif') 50% 50% no-repeat padding-box;
    box-shadow: 0px 7px 30px #0000003B;
    border: 7px solid #FFFFFF;
    opacity: 1;
    background-size: cover;
    margin: auto;
}
div.image.image-rounded {
    border-radius: 50%;
}
div.image.image-small {
    height: 200px;
    width: 200px;
}

/* CUSTOM STYLES FOR JOB FUNCTION AND INTERESTS */
/* button checkbox */

ul.ck-button {
    margin: 0;
}
.ck-button li {
    margin: 4px;
    background-color: #EFEFEF;
    border-radius: 50px;
    border: 1px solid #D0D0D0;
    overflow: auto;
    float: left;
}

    .ck-button li:hover {
        background: #149b9e;
    }

    .ck-button li label {
        float: left;
    }

    .ck-button li label {
        text-align: center;
        padding: 10px 20px;
        display: block;
        margin: 0 !important;
    }

    .ck-button li input {
        position: absolute;
        top: -10px;
        visibility: hidden;
    }

        .ck-button li input:checked + label {
            background-color: #149b9e;
            color: #eee;
            margin: 0;
        }

    .chip {
        display: inline-block;
        text-align: center;
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 25px;
        background-color: #149b9e;
        color: #eee;
        margin-bottom: 5px;
    }

    .noneStyle {
        background: none;
        color: inherit;
        border: none;
        cursor: pointer;
        outline: inherit;
    }

    .min-width-panel {
        min-width: 730px; /* Adjust the width as needed */
        min-height: 250px;
    }

    .update-progress .overlay {
        position: fixed;
        z-index: 98;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background-color: #f7f7f7;
        filter: alpha(opacity=80);
        opacity: 0.5;
    }
    
    .update-progress .overlayContent {
        z-index: 99;
        margin: 250px auto;
        width: 80px;
        height: 80px;
    }
    
    .update-progress .update-progress-img {
        background-image: url(loading.gif);
        background-repeat: no-repeat;
        width: auto; /*or your image's width*/
        height: auto; /*or your image's height*/
        margin: 0;
        padding: 0;
    }