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

	
/* 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}
#eWebFrameWorkTopRow #TopPane {height: 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; }
#eWebContentPaneTable { min-width:300px; width:100% ; max-width: 1200px;  margin:0px auto}
#eWebTopPaneTable {margin:0px 0 0 0; padding:0; background-color:#f8f8f8;}


/*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%;}
.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 #74a2d3; padding:1px 7px; display:inline-block; background:#74a2d3;  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:#74a2d3; }
.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;     }

A.TopUIHyperLink:visited{ color:#888;text-decoration:none; background-color: transparent}
A.TopUIHyperLink:link{  color:#888;text-decoration:none;background-color: transparent}
A.TopUIHyperLink:active{  color:#888; text-decoration:none;background-color: transparent}
A.TopUIHyperLink:hover{ color:#222; text-decoration:none; background-color:#eee;}

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: #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:#74a2d3 }

/*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  }
.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: 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; 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:#74a2d3}
.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;
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 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:#74a2d3; 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 (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{
	#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);
    }
}
.form-horizontal .DataFormDivDefault .controls  {  margin-left:0px; }