/********************************************/
/* ControlBar Module 						*/
/********************************************/
@import url(////fonts.googleapis.com/css?family=Lato:400,100,300,700,900);

.ControlModulePanel 							{ position: fixed; display: none; top: 20px; left: 0; width: 100%; height: 180px; 
											background: rgba(0,0,0,0.85); -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); 
											box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); margin-bottom: 50px; }
.ControlModuleContainer 						{ position: relative; width: 980px; margin: 0 auto; padding-top: 10px; }
.ControlModuleContainer .RadComboBox 		{ width: 200px; }
.ControlModuleContainer .RadComboBox table	{ background-color: transparent; }
.ControlModuleContainer .dnnLeftComboBox 	{ float: left; margin-right: 10px; }
.ControlModuleContainer .ControlBar_chckCopyModule 
											{ float: left; padding-top: 5px; }
.ControlModuleContainer .ControlBar_chckCopyModule label 
											{ color: #999; }
.ControlModuleContainer .ControlBar_chckCopyModule.disabled label 
											{ color: #444; }
a.controlBar_CloseAddModules 				{ display: block; float: right; background: transparent url(https://www.rushpikespeak.com/desktopmodules/bsb/bsb.controlpanel/resources/controlbarimages/closeAddModule.png) no-repeat 0 5px;
											padding: 0 0 0 15px; margin: 5px; color: #999; cursor: pointer; }
a.controlBar_CloseAddModules:hover 			{ color: #4e89e3; /*blue*/ }
div.ControlBar_ModuleListWaiter,
div.ControlBar_ModuleListMessage 			{ width: 980px; overflow: hidden; margin: 10px auto 10px auto; height: 170px; display: none; background-color: #000; }
div.ControlBar_ModuleListWaiter 				{ background: #000 url('https://www.rushpikespeak.com/desktopmodules/bsb/bsb.controlpanel/resources/images/controlPanelLoader.gif') no-repeat center 60px; }
div.ControlBar_ModuleListWaiter > p,
div.ControlBar_ModuleListMessage > p 			{ width: 980px; text-align: center; font-style: italic; font-size: 14px; color: #aaa; margin-top: 105px; letter-spacing: 0.015em; text-shadow: none; }
div.ControlBar_ModuleListMessage > p 			{ margin-top: 85px; }
div.ControlBar_ModuleListHolder 				{ width: 100%; overflow: hidden; margin: 10px auto 10px auto; position: relative; height: 150px; display: none; }
ul.ControlBar_ModuleList 					{ height: 105px; list-style-type: none; margin: 0; position: absolute; }
ul.ControlBar_ModuleList > li 					{ display: block; float: left; margin: 0 5px; padding: 0; height: 150px; width: 150px; }
ul.ControlBar_ModuleList > li > div 			{ width: 150px; height: 150px; position: relative; background: rgb(42,43,47); /* Old browsers */
											background: -moz-linear-gradient(left,  rgba(42,43,47,1) 0%, rgba(43,44,48,1) 100%, rgba(125,185,232,1) 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(42,43,47,1)), color-stop(100%,rgba(43,44,48,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(left,  rgba(42,43,47,1) 0%,rgba(43,44,48,1) 100%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(left,  rgba(42,43,47,1) 0%,rgba(43,44,48,1) 100%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(left,  rgba(42,43,47,1) 0%,rgba(43,44,48,1) 100%,rgba(125,185,232,1) 100%); /* IE10+ */
											background: linear-gradient(to right,  rgba(42,43,47,1) 0%,rgba(43,44,48,1) 100%,rgba(125,185,232,1) 100%); /* W3C */
											cursor: move; color: #999; -webkit-box-shadow: inset 0px 0px 0px 1px #0f1014, 0px 0px 3px 0px #000; 
											box-shadow: inset 0px 0px 0px 1px #0f1014, 0px 0px 3px 0px #000; -webkit-border-radius: 5px; border-radius: 5px; 
											-webkit-transition: background 1000ms ease; -moz-transition: background 1000ms ease; -ms-transition: background 1000ms ease; 
											-o-transition: background 1000ms ease; transition: background 1000ms ease; }
ul.ControlBar_ModuleList > li > div:hover 		{ color: #fff; background: #3693eb; /* Old browsers */
											background: -moz-linear-gradient(top, #3693eb 1%, #145eb8 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3693eb), color-stop(100%,#145eb8)); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top, #3693eb 1%,#145eb8 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top, #3693eb 1%,#145eb8 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(top, #3693eb 1%,#145eb8 100%); /* IE10+ */
											background: linear-gradient(to bottom, #3693eb 1%,#145eb8 100%); /* W3C */}
ul.ControlBar_ModuleList > li > div.ControlBar_Module_Selected 
											{ color: #fff; background: #3693eb; /* Old browsers */
											background: -moz-linear-gradient(top, #3693eb 1%, #145eb8 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3693eb), color-stop(100%,#145eb8)); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top, #3693eb 1%,#145eb8 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top, #3693eb 1%,#145eb8 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(top, #3693eb 1%,#145eb8 100%); /* IE10+ */
											background: linear-gradient(to bottom, #3693eb 1%,#145eb8 100%); /* W3C */
											-webkit-box-shadow: inset 0px 1px 0px 0px #6DC0ED, 0px 0px 3px 0px #000;
											box-shadow: inset 0px 1px 0px 0px #6DC0ED, 0px 0px 3px 0px #000; }
ul.ControlBar_ModuleList > li > div > img 		{ display: block; width: 60px; height: 60px; border: none; top: 20px; left: 45px; position: absolute; }
ul.ControlBar_ModuleList > li > div > span 		{ display: block; width: 100px; text-align: center; line-height: 1.3em; position: absolute; top: 90px; left: 25px; overflow : hidden; }
ul.ControlBar_ModuleList > li > div > div 		{ position: absolute; width: 23px; height: 23px; top: 2px; right: 2px; display: none; cursor: pointer;
											background: #000 url(controlbarimages/icons.png) no-repeat -47px -20px; }
ul.ControlBar_ModuleList > li > div.ControlBar_Module_Selected > div 
											{ display: block; }
div.ModuleLocator_Menu.ModuleLocator_Hover 	{ background: #FFF url(controlbarimages/icons.png) no-repeat -47px 3px; }
.controlBar_ModuleListScrollDummy 			{ width: 980px; margin: 0 auto 0 auto; height: 20px; overflow: auto; position: relative; display: none; }
.controlBar_ModuleListScrollDummy .jspHorizontalBar 
											{ background: none; }
.controlBar_ModuleListScrollDummy .jspHorizontalBar 
											{ background: #333; border-radius: 2px; -webkit-transition: background 500ms ease; -moz-transition: background 500ms ease; 
											-ms-transition: background 500ms ease; -o-transition: background 500ms ease; transition: background 500ms ease; }
.controlBar_ModuleListScrollDummy .jspHorizontalBar:hover,
.controlBar_ModuleListScrollDummy .jspHorizontalBar:focus 
											{ background: #444; }
.controlBar_ModuleListScrollDummy .jspDrag 	{ background: #000; }
.controlBar_ModuleListScrollDummy .jspDrag:hover, 
.controlBar_ModuleListScrollDummy .jspActive { background: #4E89E3; /* blue */ }
ul#ControlBar_Module_ModulePosition 			{ display: none; position: absolute; background: #fff; list-style-type: none; z-index: 10000; width: 200px; max-height: 220px; 
											overflow: auto; padding: 0; margin: 0; }
ul#ControlBar_Module_ModulePosition li 		{ display: block; color: #999; padding: 8px 0 5px 10px; min-height: 20px; margin: 0; border-bottom: 1px solid #ccc; 
											white-space: nowrap; width: 190px; cursor: pointer; }
ul#ControlBar_Module_ModulePosition li:hover 	{ background-color: #e8f1fa; }
#ControlBar .dnnCheckbox 					{ margin: -2px 5px 0 0; }
#ControlEditPageMenu .dnnCheckbox 			{ position: absolute; }
#ControlEditPageMenu .dnnCheckbox + label 		{ display: inline-block; margin-left: 25px; font-weight: normal; }
#ControlBar .dnnCheckbox img 					{ background: transparent url(https://www.rushpikespeak.com/desktopmodules/bsb/images/darkCheckbox.png) no-repeat; }
#ControlBar .dnnCheckbox.dnnCheckbox-checked img 
											{ background: transparent url(https://www.rushpikespeak.com/desktopmodules/bsb/images/darkCheckbox.png) no-repeat -50px 0; }
#shareableWarning 							{ padding: 16px; display: none; }
#shareableWarning h3 						{ font-weight: bold; font-size: 125%; }

/* FIX FOR darkknight skin */
#DNN6 > #Header > #ContentBG 					{ width: 100%; margin: 0; background: none; }
#DNN6 > #Header > #ContentBG > #ControlPanelWrapper 
											{ height: 53px; position: absolute; top: -53px; }
#controlBar_SwitchSite,
#controlBar_SwitchLanguage 					{ width: 120px; }
#controlBar_SwitchSite .rcbInput,
#controlBar_SwitchLanguage .rcbInput 		{ padding: 4px; width: 90px; }
#controlBar_SwitchSite .rcbArrowCellRight a,
#controlBar_SwitchLanguage .rcbArrowCellRight a 
											{ width: 15px; }
#controlBar_SwitchSite_DropDown li.rcbItem,
#controlBar_SwitchSite_DropDown li.rcbHovered,
#controlBar_SwitchLanguage_DropDown li.rcbItem,
#controlBar_SwitchLanguage_DropDown li.rcbHovered 
											{ padding: 4px; }
.RadComboBox .rcbDisabled 					{ opacity: 0.3; }

/* dropdown list black theme -- only for controlbar*/
#ControlBar_ControlPanel .dnnDropDownList .dt-container .sort-button.desc span 
											{ background-position: 100% 7px; }
#ControlBar_ControlPanel .dnnDropDownList .dt-container .sort-button.asc span 
											{ background-position: 100% -12px; }
.ControlHeader	.dnnDropDownList .selected-item
											{ border: 4px solid hsl(228, 11%, 9%); border-radius: 8px; box-shadow: none; }
.ControlHeader a.bsbLink,a.bsbLink:link,a.bsbLink:visited
											{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 5px; 
											color: #bababa; text-decoration: none; margin-right: 16px; }
.bsbHLWrapper li a.bsbLink,a.bsbLink:link,a.bsbLink:visited
											{ margin-right:0; }
.ControlHeader a.bsbLink:hover,a.bsbLink:focus,a.bsbLink:active
											{ color: #fff; text-decoration: underline; }
.ControlHeader label							{ color: #bababa; }
.ControlHeader								{ background: #38404b; -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.1); }
.ControlHeader td							{ padding: 6px 0; }
.PageSelection								{ margin: 0 5px; }
.PageSelection label,.PageSelection input		{ vertical-align:middle; margin:0; font-weight: normal; }
.PageHeader									{ background: url(../../../../DesktopModules/BSB/BSB.Controls/Resources/Images/black_header_back.jpg) repeat-x; padding: 10px; }
.bsbLink img									{ margin-right: 6px; margin-top: 5px; }
.clear										{ clear: both; }
.clear::after 								{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.inline-block								{ display: inline-block; }
.block										{ display: block; }
.text-left									{ text-align: left; }
.ControlHeader								{ margin: 18px auto; }
.PageSelection								{ padding: 12px; display:none; }
.PageHeader									{ font-size: 15px; line-height: 24px; }
.PageHeader .txt								{ display: inline-block; *display: inline; zoom: 1; font-size: 15px; line-height: 24px; }
.ControlHeader .pull-left					{ float: left;}
.ControlHeader .pull-right					{ float: right;}
div.ControlBar_ModuleListHolder 				{ height: 180px; margin: auto; padding: 6px 0 0 0; }
ul.ControlBar_ModuleList 					{ height: 150px; }
div.ControlBar_ModuleListHolder .jspHorizontalBar
											{ background: #333; border-radius: 2px;
											-webkit-transition: background 500ms ease;
											-moz-transition: background 500ms ease;
											-ms-transition: background 500ms ease;
											-o-transition: background 500ms ease;
											transition: background 500ms ease; }
div.ControlBar_ModuleListHolder .jspHorizontalBar:hover,
div.ControlBar_ModuleListHolder .jspHorizontalBar:focus 
											{ background: #444; }
div.ControlBar_ModuleListHolder .jspDrag 		{ background: #000; }
div.ControlBar_ModuleListHolder .jspDrag:hover, 
div.ControlBar_ModuleListHolder .jspActive 	{ background: #4E89E3; }
div.ControlBar_ModuleListWaiter, 
div.ControlBar_ModuleListMessage,
div.ControlBar_ModuleListWaiter > p, 
div.ControlBar_ModuleListMessage > p			{ width: auto; }
.pageModuleList								{ border: 4px solid hsl(228, 11%, 9%); border-radius: 8px; box-shadow: none; display: inline-block; position: relative; width: 240px; cursor:pointer; }
.dt-container .dt-header						{ display: none; }
.dnnDropDownList .dt-container .dt-content	{ margin: 0 !important; height: 130px !important; }
.dnnDropDownList .dt-container				{ height: 130px !important; }
.jspVerticalBar								{ display:none ;}
.dnnDropDownList .dt-container .dt-footer	{ display:none ;}
.no-scroll-pane .ControlBar_ModuleList		{ margin: auto; position: relative; }

/* Button */
/********************************************************************/
a.BSBbtn,
a.BSBbtn:link,
a.BSBbtn:visited							{ display: inline-block; font-family: "Segoe UI", Arial, Helvetica, sans-serif; vertical-align: middle;
											font-size: 12px; line-height: 18px; color: #0b6eb6; text-decoration: none; padding: 0 4px; 
											cursor: pointer; text-align: center; font-weight: normal; }
a.BSBbtn:hover,
a.BSBbtn:focus								{ color: #222; text-decoration: none; }

a.BSBbtn-medium,
a.BSBbtn-medium:link,
a.BSBbtn-medium:visited						{ font-size: 16px; line-height: 18px; font-weight: normal; padding: 4px 10px; }
.icn-wrapper								{ background-image: url(https://www.rushpikespeak.com/desktopmodules/bsb/bsb.controlpanel/resources/images/icn-reg-strip.png); background-repeat: no-repeat; vertical-align: middle; 
											background-color: transparent; height: 18px; width: 18px; display: inline-block; margin: 0 4px 0 0;}
a.BSBbtn-medium .icn-wrapper,
a.BSBbtn-medium:link .icn-wrapper,
a.BSBbtn-medium:visited .icn-wrapper			{ height: 24px; width: 24px; }
a.BSBbtn-medium .BSBbtn-saparetor,
a.BSBbtn-medium:link .BSBbtn-saparetor,
a.BSBbtn-medium:visited .BSBbtn-saparetor	{ height: 24px; margin: 0 2px; }
#Body a.BSBbtn-green,
#Body a.BSBbtn-green:link,
#Body a.BSBbtn-green:visited					{ background: #b4f340; /* Old browsers */
											background: -moz-linear-gradient(top,	#b4f340 0%, #79c413 100%); /* FF3.6+ */
											background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4f340), color-stop(100%,#79c413)); /* Chrome,Safari4+ */
											background: -webkit-linear-gradient(top,	#b4f340 0%,#79c413 100%); /* Chrome10+,Safari5.1+ */
											background: -o-linear-gradient(top,	#b4f340 0%,#79c413 100%); /* Opera 11.10+ */
											background: -ms-linear-gradient(top,	#b4f340 0%,#79c413 100%); /* IE10+ */
											background: linear-gradient(to bottom,	#b4f340 0%,#79c413 100%); /* W3C */
											filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4f340', endColorstr='#79c413',GradientType=0 ); /* IE6-9 */
											-moz-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */
											-webkit-box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */
											box-shadow: inset 0 0 1px 1px rgba(255,255,255,0.5), 0 6px 0 #568711, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */
											text-shadow: 1px 1px #c6ea91; margin: 0 0 7px 0;
											-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color: #213900; }
#Body a.BSBbtn-green:hover,
#Body a.BSBbtn-green:focus 					{ -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */
											-webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */
											box-shadow: inset 0 0 4px rgba(0,0,0,0.5), 0 6px 0 #3a6600, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */
											text-decoration: none; }

#Body a.BSBbtn-green:active					{ -moz-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* Mozilla */
											-webkit-box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* Chrome,Safari */
											box-shadow: inset 0 0 9px rgba(0,0,0,0.8), 0 6px 0 #274500, 2px 6px 8px rgba(0,0,0,0.5); /* W3C */ }
#Body a.BSBbtn-green .BSBbtn-saparetor,
#Body a.BSBbtn-green:link .BSBbtn-saparetor,
#Body a.BSBbtn-green:visited .BSBbtn-saparetor
											{ border-left: 1px solid #bee87d; border-right: 1px solid #599c00; }


#BSBContainer .inline-block					{ display: inline-block; vertical-align: middle; }
#Body .ControlHeader span.BSBbtn-text		{ display: inline-block; vertical-align: middle; }
a.BSBbtn-medium .BSBbtn-text,
a.BSBbtn-medium:link .BSBbtn-text,
a.BSBbtn-medium:visited .BSBbtn-text			{ margin: -1px 0 0 0; }
#BSBContainer .top-align						{ vertical-align: top; }
.PageSelection .icn-wrapper					{ background-image: url(https://www.rushpikespeak.com/desktopmodules/bsb/bsb.controlpanel/resources/images/icn-reg-strip.png); background-repeat: no-repeat; vertical-align: middle; 
											background-color: transparent; height: 18px; width: 18px; display: inline-block; margin: 0 4px 0 0;}
a.BSBbtn-medium .icn-wrapper,
a.BSBbtn-medium:link .icn-wrapper,
a.BSBbtn-medium:visited .icn-wrapper			{ height: 24px; width: 24px; }
.PageSelection .icn-edit						{ width: 18px !important; height: 18px !important;background-position: 0 0;}
a.BSBbtn-icn:hover .icn-edit,
a.BSBbtn-icn:focus .icn-edit					{ background-position: 0 -18px; }
.PageSelection .icn-switch					{ background: url(images/icn-green-switch.png) 0 0 no-repeat transparent; margin: 0; }
.ControlHeader .Expand,.ControlHeader .Collapse
											{ cursor:pointer; }
#dnn_ControlBar_pageModuleList_DropDown .rcbHovered 
											{ background: #fff; color: #000; padding: 6px;}
#Body .RadComboBoxDropDown_Default .rcbItem,
#Body .RadComboBoxDropDown_Default .rcbHovered 
											{ padding: 6px; }
.pageModuleList .rcbInput					{ padding: 8px ; color: #000;font-family:arial;line-height: 16px; }
.pageModuleList, .pageModuleList .rcbInput	{ color: #333333;}
#dnn_ControlBar_pageModuleList_DropDown		{ top: 4px; }
.pageModuleList td.rcbInputCellLeft			{ box-shadow: none;}
.pageModuleList td.rcbArrowCellRight			{ background:rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #ffffff 0%, #f0f2f1 100%) repeat scroll 0 0;  box-shadow: none;}
.pageModuleList td.rcbArrowCellRight a		{ background:rgba(0, 0, 0, 0) url("../../../../images/dnnspinnerdownarrow.png") no-repeat scroll center bottom}
.pageModuleList .rcbFocused td.rcbArrowCellRight a {background:rgba(0, 0, 0, 0) url("../../../../images/dnnspinneruparrow.png") no-repeat scroll center bottom}
.pageModuleList td.rcbInputCellLeft input[readonly]{ cursor:pointer}
#AdditionalSettings 							{float: right;height: 40px;}
#AdditionalSettings  a						{background-color: #444444;line-height: 40px; margin-right: 20px; padding: 5px; text-decoration: none;box-shadow: 0 0 0 1px #444444, 1px 1px 2px 0 #000000;}
#AdditionalSettings  a span 					{ background-repeat: no-repeat; vertical-align: middle;height:50%;width:15px;background-position: center center; display: inline-block;margin-left: 5px;}
#AdditionalSettings  a span.down 				{ background: transparent url(images/sReg-Light-Strip.png) -162px 0 no-repeat;}
#AdditionalSettings  a span.up				{ background: transparent url(images/sReg-Light-Strip.png) -162px -18px no-repeat;}
.rcbSlide									{position:relative;}
.pull-right.margin-top-5					{margin-top:3px;}
.RadComboBox.RadComboBox_Default.dnnLeftComboBox.pageModuleList
											{min-height: 34px;overflow: hidden;}
.selected-item a.selected-value 				{line-height: 20px;}

#Body .PageSelection .pull-left>div			{ margin-right: 12px; }
#Body .PageHeader							{ vertical-align: middle; padding: 7px 10px 10px 10px; background-size: auto 100%; } 
#Body .PageHeader label,
#Body .PageHeader span,
#Body .PageHeader a.PageEditorLink,
#Body .PageHeader a.PageEditorLink:link,
#Body .PageHeader a.PageEditorLink:visited,
#Body .PageHeader a.bsbLink,
#Body .PageHeader a.bsbLink:link,
#Body .PageHeader a.bsbLink:visited			{ display: inline-block; _display: inline; zoom: 1; vertical-align: middle; line-height: 24px; color: #bababa; } 
#Body .PageHeader a.bsbLink,
#Body .PageHeader a.bsbLink:link,
#Body .PageHeader a.bsbLink:visited			{ margin-left: 12px;  }
#Body .PageHeader a.PageEditorLink:hover,
#Body .PageHeader a.bsbLink:hover			{ color: #fff; }
#Body .PageHeader a.bsbLink img,
#Body .PageHeader a.bsbLink:link img,
#Body .PageHeader a.bsbLink:visited img		{ margin: 3px 3px 0 0; }
#Body .dnnDropDownList,
#Body .RadComboBox.pageModuleList			{ width: 240px; }
#Body .dnnDropDownList .dt-container			{ width: 240px; }

/* Start VolunteerListing Module New Design (BWA-5666) and (BWA-8673)*/
#Body .volunteer-listing,
#Body .registration-listing                             { display: table; margin: auto; max-width: 960px; width: 100%;}
#Body .bsb-btn,#Body a.bsb-btn,
#Body a.bsb-btn:link,#Body a.bsb-btn:visited 
											{ background-color: transparent;border: 1px solid #525252;border-radius: 3px;color: #525252;cursor: pointer;display: inline-block;
											font-size: 16px;line-height: 20px;max-width: 100%;padding: 9px 16px;text-decoration: none;transition: background-color 0.5s ease 0s;
											vertical-align: middle; font-family: "Lato",sans-serif; white-space: nowrap;}
#Body .bsb-btn:hover,#Body a.bsb-btn:hover,
#Body a.bsb-btn:link:hover,#Body a.bsb-btn:visited:hover
											{ background-color: #525252;color: #ffffff;}
#Body a.bsb-btn.btn-gray                                    { padding: 6px 15px;}
#Body .bsb-btn.btn-gray:hover,#Body a.bsb-btn.btn-gray:hover,
#Body a.bsb-btn.btn-gray:link:hover,#Body a.bsb-btn.btn-gray:visited:hover
											{ background-color: #7b7b7b;color: #ffffff;border: 1px solid #7b7b7b;}
#Body .bsb-white-border,#Body a.bsb-white-border,
#Body a.bsb-white-border:link,#Body a.bsb-white-border:visited
											{ border: 1px solid #ffffff; color: #ffffff;padding: 6px 16px;}
.volunteer-listing #BSBContent                         { background: transparent; border-width: 1px 0 0 0; border-color: #c4c4c4; border-style: solid; border-radius: 0;}
.volunteer-listing .grid-title                         { color: #525252;font-family: 'Lato', sans-serif;font-size: 22px; letter-spacing:0;}
#BSBContainer.volunteer-listing                       { padding: 0 0 12px;text-align: left;}
#BSBContainer.volunteer-listing .row-title    { color: #525252;font-family: 'Lato', sans-serif;font-size: 20px; letter-spacing:0;}
.volunteer-listing #BSBGrid .grid-alt-row       {background: #f0f0f0 none repeat scroll 0 0;}
.volunteer-listing #BSBGrid .row-counter        {color: #c6c6c6;font-family: "Lato",Arial,Helvetica,sans-serif;font-size: 45px;line-height: 45px;padding: 0;
											position: relative;text-align: center;width: 45px;}
.volunteer-listing a,
.volunteer-listing a.description                    {color: #9b9b9b;font-size: 14px; font-family: "Lato",sans-serif; letter-spacing:0;}
#BSBContainer.volunteer-listing .volunteer-icn-add,
#BSBContainer.registration-listing .volunteer-icn-add 
											{font-family: "Lato",sans-serif; font-size: 33.26px;font-weight: 300; line-height: 21px;}
.s-t-padding                                                        {padding-top: 5px;}
#BSBContainer .grid-header                                {display: table;width: 100%;border-collapse: separate;} 
#BSBContainer .inline-block.BSBbtn-text		{ font-family: "Lato",sans-serif; vertical-align: initial; }
.registration-listing #BSBGrid .grid-wrapper  { padding: 0 0 22px; }
.registration-listing #BSBGrid .grid-last-wrapper 
											{ padding: 0; }
.registration-listing #BSBContent                   {background: transparent;border: none;}
.registration-listing #BSBGrid .grid-header .grid-title,
.registration-listing#BSBContainer .grid-title
											 { color: #525252; font-size: 22px; font-family: 'Lato', sans-serif; letter-spacing:0; padding: 0; word-break: break-all;}
.volunteer-listing .grid-title                          { color: #525252; font-family: 'Lato', sans-serif;font-size: 22px;}
.row-text td                                                         { font-family: 'Lato', sans-serif;font-size: 14px; color: #9b9b9b;}
.registration-listing #BSBGrid .row-text         { color: #9b9b9b; font-size: 14px; font-family: 'Lato', sans-serif;letter-spacing:0.5px;}
.registration-listing #BSBGrid h4.row-title    {font-family: 'Lato', sans-serif; color: #525252;letter-spacing:0;}
.registration-listing #BSBGrid .grid-body,
.registration-listing #BSBGrid .grid-header, 
.registration-listing #BSBGrid .edit-row .header
                                                                             {border: none; padding: 0;}
.registration-listing #BSBGrid .row-content   { padding: 0 20px;}
.registration-listing #BSBGrid .row-counter    { color: #c6c6c6; font-size: 45px; font-family: 'Lato', sans-serif; font-weight: 600;}
.registration-listing #BSBGrid .amount-icn      {color: #c6c6c6; font-size: 35px; font-family: 'Lato', sans-serif; font-weight: 600;vertical-align: middle;}
 #BSBContainer.registration-listing  .amount-text
											{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #7b7b7b; font-size: 35px;
											font-family: 'Lato', sans-serif;font-weight: 600;line-height: 42px;padding: 0;vertical-align: middle;}
.registration-listing #BSBGrid .label-info     { background: rgba(0, 0, 0, 0) url("controlbarimages/listing-module-icn-info.png") no-repeat scroll;cursor: pointer;
											display: inline-block;height: 15px;margin: 0;width: 15px;}
.registration-listing #BSBGrid .label-info:hover 
											{ background-position: 0 0; }
.registration-listing #BSBGrid .grid-alt-row { background: #f0f0f0; }
#BSBContainer.custom-title                               {margin-bottom: -20px;padding-bottom: 0;position: relative;top: 35px;margin-top: -30px;float: right;}
.registration-listing.content-part,
.volunteer-listing.skWidth                { background: #ffffff;}
#BSBContainer.registration-listing .margin-right 
											{margin-right: 18px;}
#BSBContainer .alert-text                                  { padding: 2px 6px;}
.registration-listing .custom_tip                   { cursor: pointer; text-decoration: none; color: #919090; font-size: 14px; font-family: "Lato",sans-serif; font-weight: bold;}
.registration-listing .custom_tip:hover         { color: #919090;}
.registration-listing #BSBGrid .custom_tip .label-info 
											{ height: 18px; width: 18px; margin-top: 2px;}
.registration-listing .remaining-min-height h5.row-title,
.registration-listing .policy-min-height h5.row-title
											{ margin: 5px 0 0; padding: 0;}
.registration-listing h5.row-title                  { margin: 0; padding: 0;}
#BSBContainer.registration-listing .alert-text
											{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-radius: 4px; color: #525252; font-size: 12px; font-weight: bold;
											 line-height: 12px; padding: 2px 0px; text-decoration: none; text-transform: uppercase; vertical-align: middle; }
.registration-listing .info-circle                  { background: #525252 none repeat scroll 0 0; border-radius: 50%; color: #ffffff; display: inline-block; font-style: normal; height: 12px;
											line-height: 12px; text-align: center; width: 12px; font-size: 9.6px; font-family: "Lato",sans-serif;}
.registration-listing .grid-row.policy-min-height,
.registration-listing .grid-row.remaining-min-height
						                                   { height: 78px; min-height: 78px; }
.registration-listing .policy-min-height h5.row-title 
											{ bottom: -26px; position: absolute; white-space: nowrap;}
.registration-listing .remaining-min-height h5.row-title 
											{ bottom: -20px; position: absolute; white-space: nowrap; }
#Body .registration-listing  .more_info                       
											{ color: #525252; font-size: 14px; font-family: "Lato",sans-serif; padding-left: 0;}
.registration-listing #BSBGrid .edit-row        { background: #dedede; border: none; margin: 0 12px; padding: 20px;}
/* End VolunteerListingModule Design*/

/******************************************************************/ 
   /* Start Page Editor and Website Manager UI */
/******************************************************************/

#Body .RadComboBox.pageModuleList,
#Body .dnnDropDownList .selected-item		{ background: #333; border: 4px solid #515151; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
											-webkit-box-shadow: inset 0 0 4px #222; -moz-box-shadow: inset 0 0 4px #222; box-shadow: inset 0 0 4px #222; }
#Body .dnnDropDownList .selected-item a		{ color: #ddd; text-align: left; }
#Body .dnnDropDownList .dt-container			{ background: #333; border: 4px solid #515151; border-top: 0; margin-top: -4px;
											-webkit-box-shadow: inset 0 0 4px #222; -moz-box-shadow: inset 0 0 4px #222; box-shadow: inset 0 0 4px #222; }
#Body .dnnDropDownList .dt-container ul.tv-root
											{ margin: 0; padding: 0; }
#Body .dnnDropDownList .dt-container ul.tv-nodes li
											{ margin: 0; padding: 0; text-align: left; vertical-align: middle; border-right: medium none; 
												position: relative; white-space: normal; }
#Body .dnnDropDownList ul.tv-nodes a.icon          { position: absolute; top: 9px; left: 6px; }
#Body .dnnDropDownList .dt-container ul.tv-nodes 
											{ margin: 0; }
#Body .dnnDropDownList ul.tv-nodes ul.tv-nodes a.icon
                                                                               { left: 14px; }
#Body .dnnDropDownList ul.tv-nodes ul.tv-nodes  ul.tv-nodes  a.icon
                                                                               { left: 22px; }
#Body .dnnDropDownList ul.tv-nodes a.icon:after
											{ content:""; position: absolute; top: -7px; left: -10px; height: 14px; width: 14px; background: trasparent; z-index: 1; }
#Body .dnnDropDownList ul.tv-nodes a.icon.expanded:after
											{ top: -10px; left: -7px; }
#Body .dnnDropDownList .dt-container ul.tv-nodes a.text
											{ color: #ddd; text-decoration: none; border: 0; display: block; }
#Body .dnnDropDownList .dt-container ul.tv-nodes li a.text.selected
											{ color: #fff; background-color: #111;  }
#Body .RadComboBox.pageModuleList td.rcbArrowCellRight,
#Body .RadComboBox.pageModuleList td.rcbInputCellLeft, 
#Body .RadComboBox.pageModuleList td.rcbInputCellRight
											{ background: transparent !important; border: 0; }
#dnn_ControlBar_pageModuleList_DropDown.RadComboBox.pageModuleList .rcbInput	{ padding: 9px; }
#dnn_ControlBar_pageModuleList_DropDown.RadComboBox.pageModuleList, 
#dnn_ControlBar_pageModuleList_DropDown.RadComboBox.pageModuleList .rcbInput	{ color: #ddd; }

#Body .dnnDropDownList .selected-item a,
#Body .dnnDropDownList .selected-item a:link, 
#Body .dnnDropDownList .selected-item a:visited, 
#Body .dnnDropDownList .selected-item a:hover, 
#Body .dnnDropDownList .selected-item a:active
											{ background: transparent; position: relative; }
#Body .dnnDropDownList .selected-item a:before
											{ position: absolute; top: 50%; right: 0; margin: -5px 0 0 0; border-bottom: 0; 
											border-left: 6px solid transparent; border-right: 6px solid transparent; 
											border-top: 10px solid #999; padding: 0; width: 0; height: 0; 
											font-size: 0; line-height: 0; _border-right-color: #999; _border-left-color: #999; 
											_filter: chroma(color=#999); content: ""; }
#Body .dnnDropDownList .selected-item a.opened:before
											{ border-top: 0; border-bottom: 10px solid #dfdfdf; }
#Body .RadComboBox.pageModuleList td.rcbArrowCellRight a
											{ background: transparent !important; display: inline-block; _display: inline; zoom: 1; border-bottom: 0; 
											border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid #999; 
											padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #999; _border-left-color: #999; 
											_filter: chroma(color=#999); margin: 6px 7px -4px 0; }
#Body .RadComboBox.pageModuleList .rcbFocused td.rcbArrowCellRight a
											{ border-top: 0; border-bottom: 10px solid #dfdfdf; margin: -7px 7px 0 0; }
#Body #AdditionalSettings					{ float: none; height: auto; padding: 12px; text-align: center; }
#Body #AdditionalSettings a.bsbLink,
#Body #AdditionalSettings a.bsbLink:link,
#Body #AdditionalSettings a.bsbLink:visited	{ background: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #dddddd; 
											font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size: 18px; font-weight: normal; line-height: 24px; }
#Body #AdditionalSettings a span				{ position: absolute; height: 15px; margin-top: 6px; }
#Body .ControlHeader	 div ,
#Body .ControlHeader	 span					{ vertical-align: top;}
#Body .ControlHeader .ControlBar_ModuleList span
											{ color: #999999;}
#Body .scom .bsb-tournament .btn-tournament.hover-grey:hover, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey:focus, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey:active, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey.active, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey.active:link, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey.active:visited, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey.active:hover, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey.active:active, 
#Body .scom .bsb-tournament .btn-tournament.hover-grey.active:focus 
											{ background: #7b7b7b none repeat scroll 0 0 !important; border-color: #7b7b7b !important; color: #ffffff !important; }
.dnnLabel { display: block; float: none; margin-right: 0px; overflow: visible; padding-right: 20px; position: relative; text-align: right; width: auto; }
#Body .bsbSkin,
#Body .bsbSkin .scom                                                     { background-color: #ffffff; border-radius: 10px;}
#Body .scom .bsb-tournament.scom-header               { border-radius: 10px 10px 0 0;}
#Body .scom .bsb-tournament .dark-green-text.active,
#Body .scom .bsb-tournament .dark-green-text.active:hover,
#Body .scom .bsb-tournament .dark-green-text:active,
#Body .scom .bsb-tournament .dark-green-text:hover { color: #09957e; text-decoration: none; }
#Body .bsbSkin .row                                                       { border-collapse: initial; display: inherit; width: auto; }
#Body .bsbSkin .cursor-move                                         { cursor: move; }
#Body .bsbSkin .dash-border                                         { border: 2px dashed #d5d5d5; }
#Body .bsbSkin .dash-border ul                                      { color: #aaaaaa; }
#Body .bsbSkin .bg-color-light                                    { background: #f0f0f0; margin-bottom:5px; }
#Body .bsbSkin .inner-bg .bg-color-light                   { background: #dedede; margin-bottom:5px; }
#Body .bsbSkin label                                                       { font-weight: bold; vertical-align: middle; }
#Body .bsbSkin .dnnTooltip .dnnFormHelpContent,
#Body .dnnHelperTip .dnnFormHelpContent,
#Body .bsbSkin .dnnHelperTip .dnnFormHelpContent     { background: #ffffff;color: #000000;border: 1px solid #000000;border-radius: 4px;font-family: "Lato",Arial,Helvetica,sans-serif;
													padding: 10px 8px;font-size: 12px; line-height: 18px; }
#Body .bsbSkin .dnnTooltip .dnnFormHelpContent span:after, 
#Body .dnnHelperTip .dnnFormHelpContent span:after,
#Body .bsbSkin .dnnHelperTip .dnnFormHelpContent span:after
												   { opacity: 1;}
#Body .bsbSkin #PagesTreeview ul li .row                       { display: flex; align-items: center; }
#Body .bsbSkin #PagesTreeview ul li .row .flex-display      { display: flex; align-items: center; }
#Body .bsbSkin #PagesTreeview ul li .inner-bg > ul > li  .row .col-sm-5 
												{ width: calc(41.66667% - 17px); }
#Body .bsbSkin #PagesTreeview ul li .inner-bg > ul > li  .row .col-sm-3 
												{ width: calc(25% + 17px); }
#Body #PagesTreeview ul li .inner-bg > ul > li > .inner-bg > ul > li .row .col-sm-5 
												{ width: calc(41.66667% - 34px); }
#Body #PagesTreeview ul li .inner-bg > ul > li > .inner-bg > ul > li .row .col-sm-3 
												{ width: calc(25% + 34px); }
#Body .bsbSkin #PagesTreeview ul li table.tabs	{ background: transparent; border: 0; margin: 0; }
#Body .bsbSkin #PagesTreeview ul li table.tabs td
												{ margin: 0; padding: 0; }
#Body .bsbSkin #PagesTreeview ul                               { margin-left: 30px; }

#Body .defaultcursor input[disabled] ~ img             { filter: grayscale(100%);}

/* Start Tab view*/
#Body .bsbSkin ul.dnnAdminTabNav                                 { 	border-bottom: medium none; display: table; height: 37px; margin-left: 0; margin-top: 5px; width: 100%; }
#Body .bsbSkin ul.dnnAdminTabNav li                              { display: table-cell; float: none; list-style: outside none none; margin-right: 4px; width: 33.33%; } 
#Body .bsbSkin ul.dnnAdminTabNav li a                           { border-bottom: 0 none; border-radius: 3px 3px 0 0; box-shadow: none; display: block; margin-bottom: 0; }
#Body .bsbSkin ul.dnnAdminTabNav li:first-child a      { border-radius: 3px 0 0 3px; border-right: 0; }
#Body .bsbSkin ul.dnnAdminTabNav li:last-child a        { border-radius: 0 3px 3px 0; border-left: 0; }
#Body .bsbSkin ul.dnnAdminTabNav li.ui-tabs-active a::before
												{  border-left: 24px solid rgba(0, 0, 0, 0); border-right: 24px solid rgba(0, 0, 0, 0); border-top: 18px solid #f8972a;
												bottom: -10px; content: ""; left: 50%; position: absolute; transform: translateX(-50%); -webkit-transform: translateX(-50%); 
												-moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#Body .bsbSkin ul.dnnAdminTabNav li a                        {  border: 1px solid #a0a0a0; border-radius: 0; box-shadow: none; display: block; margin-bottom: 0; font-weight: normal;
												text-shadow: none; font-size: 18px; color: #7b7b7b; background: none; padding: 9px; position: relative; }
#Body .bsbSkin ul.dnnAdminTabNav li a:hover              { color: #ffffff; background: #f8972a; border: 1px solid #f8972a; } 
#Body .bsbSkin ul.dnnAdminTabNav li.ui-tabs-active a 
												{ background: #f8972a; border: 1px solid #f8972a; 	color: #ffffff; margin-top: 0; }
/* End Tab View */

/* Start Combo box css*/
.RadComboBox_Default                                                 { display: block !important; }
#Body #Form .bsbSkin .pageModuleList.RadComboBox_Default td.rcbInputCellLeft,
#Body #Form .bsbSkin .pageModuleList.RadComboBox_Default td.rcbInputCellRight
												{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; border: medium none; box-shadow: none;
												color: #999999; margin: 0 !important; padding: 0 !important; text-decoration: none; box-shadow: none; }
#Body #Form .bsbSkin .pageModuleList.RadComboBox td.rcbInputCell input[type="text"],
#Body #Form .bsbSkin .pageModuleList.RadComboBox td.rcbInputCell input.rcbInput[type="text"] 
												{ color: #525252; font-size: 16px; height: auto; line-height: normal; margin: 0; padding: 0; text-align: left; 
												font-family: Lato,​Helvetica​,sans-serif; }
#Body #Form .bsbSkin .pageModuleList.RadComboBox_Default td.rcbArrowCellRight, 
#Body #Form .bsbSkin .pageModuleList.RadComboBox_Default td.rcbArrowCellLeft 
												{ background: none !important; border: none; box-shadow: none; color: #525252; text-decoration: none; 
												vertical-align: middle !important; width: 12px !important; }
#Body #Form .bsbSkin .pageModuleList.RadComboBox_Default td.rcbArrowCellRight a, 
#Body #Form .bsbSkin .pageModuleList.RadComboBox_Default td.rcbArrowCellLeft a 
												{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; cursor: pointer; height: auto !important; padding-top: 0 !important;
												text-indent: -99999px; margin-right: 10px; }
#Body #Form .bsbSkin .pageModuleList.RadComboBox td.rcbArrowCell a::before 
												{ color: #7b7b7b; content: ""; font-family: FontAwesome; font-size: 18px; height: 100%; left: 0; line-height: 24px; 
												position: absolute; text-align: center; text-indent: 0; top: 0; width: 100%; }
#Body #Form .bsbSkin .RadComboBoxDropDown_Default .rcbItem, 
#Body #Form .bsbSkin .RadComboBoxDropDown_Default .rcbHovered
												{ border-top: 1px solid #c9c9c9; color: #525252; cursor: pointer; font-size: 14px; margin: 0; padding: 8px; text-shadow: none; }
#Body #Form .bsbSkin .RadGrid_Default .rgHeader, 
#Body #Form .bsbSkin .RadGrid_Default th.rgResizeCol 
												{ -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none;
												background: #066756 none repeat scroll 0 0; border-image: none; border-style: none; border-width: 0; }
#Body #Form .bsbSkin .RadGrid_Default .rgHeader, 
#Body #Form .bsbSkin .RadGrid_Default .rgHeader a  { color: #ffffff; font-size: 16px; } 
#Body #Form .bsbSkin .RadGrid_Default .rgRow td,
#Body #Form .bsbSkin .RadGrid_Default .rgAltRow td,
#Body #Form .bsbSkin .RadGrid_Default .rgEditRow td{ font-size: 16px; }
#Body #Form .bsbSkin .RadGrid_Default .rgEditForm label,
#Body #Form .bsbSkin .RadGrid_Default .rgEditForm td,
#Body #Form .bsbSkin .RadGrid_Default .rgEditForm td span{color: #525252; font-size: 16px; margin: 0 !important;}
    
    
/* End */
#Body .bsbSkin .urlControlFileRow                           { clear: both; overflow: visible; }
#Body .bsbSkin .urlControl                                       { float: none; }
#Body .bsbSkin .urlControl label,
#Body .bsbSkin input[type="radio"] ~ label              { margin: 0 0 0 10px; }
#Body .bsbSkin .left-align-label label                      { margin: 0 10px 0 0;vertical-align: baseline;}
#Body .bsbSkin .urlControlImagesRow                         { overflow: visible; }
#Body .bsbSkin .RadComboBox.pageModuleList table  { border: none !important;}

/* Permission Tab View */
#Body .bsbSkin .dnnPermissionsGrid                          { width: 100%; border: medium none; margin-bottom: 10px; }
#Body .bsbSkin .dnnPermissionsGrid .dnnGridHeader{ background: #066756 none repeat scroll 0 0; color: #ffffff;}
#Body .bsbSkin .dnnPermissionsGrid .dnnGridHeader td
												{ padding: 8px; vertical-align: middle; background: none; border-right: none; }
#Body .bsbSkin .dnnPermissionsGrid .dnnGridAltItem 
												{ background: #f0f0f0; }
.dnnGridItem:hover, .dnnGridAltItem:hover            { background-color: transparent; }
#Body .bsbSkin .dnnPermissionsGrid .dnnGridItem td,
#Body .bsbSkin .dnnPermissionsGrid .dnnGridAltItem td
												{ border: medium none; padding: 8px; vertical-align: middle; }
#Body .bsbSkin .dnnPermissionsGrid .dnnGridItem td:first-child,
#Body .bsbSkin .dnnPermissionsGrid .dnnGridAltItem td:first-child
												{ padding-left: 40px; text-align: left !important; }
#Body .bsbSkin input#dnn_ctr_TabSettings_dgPermissions_txtUser 
												{ background-color: #ffffff; background-image: none; border: 1px solid #a0a0a0; border-radius: 3px; color: #555555; display: inline-block;
                                                font-size: 14px; height: 38px; line-height: 1.42857; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
                                                width: 100%; margin-left: 10px; max-width: 665px;}
#Body .bsbSkin input#dnn_ctr_TabSettings_dgPermissions_txtUser:focus 
												{ border-color: #0eccab; box-shadow: 0 0 8px rgba(14, 204, 171, 0.6); outline: 0 none; }
#Body .bsbSkin .dnnFormItem .dnnSecondaryAction    { border: 1px solid #9b9b9b; background: transparent; box-shadow: none; text-shadow: none; color: #525252; border-radius: 4px;
												cursor: pointer; display: inline-block; font-size: 16px; line-height: 20px; max-width: 100%; padding: 5px 12px; text-decoration: none;
												transition: background-color 0.5s ease 0s; vertical-align: middle; margin: 0 0 3px 10px; }
#Body .bsbSkin .dnnFormItem .dnnSecondaryAction:hover 
												{ box-shadow: none; text-shadow: none; background: #f8972a; border-color: #f8972a; color: #ffffff; }
#Body .bsbSkin .dnnPermissionsGrid .dnnFormItem                                                  
												{ background: #f0f0f0 none repeat scroll 0 0; color: #828282; padding: 20px; }
#Body .bsbSkin .dnnFormItem .dnnSecondaryAction:before
												{ content: "+";font-family: "Lato",Arial,Helvetica,sans-serif; font-size: 26px;font-weight: 300;vertical-align: top;
													color: #09957e; margin-right: 6px;}
#Body .bsbSkin .dnnFormItem .dnnSecondaryAction:hover:before
												{ color: #ffffff;}
/* End */
/* Start Advance Setting Page */
#Body #tabSettingsForm                                              { color: #7b7b7b; }
#Body  #Form .bsbSkin .RadPicker .rcTable tr td .rcCalPopup 
												{ color: #7b7b7b; margin: 0 0 0 5px; }
.RadCalendar_Default a.rcPrev, .RadCalendar_Default a.rcNext 
												{ background-image: none; margin: 0 !important; }
#Body .bsbSkin a.dnnFormHelp                                    { top: 3px;}
#Body .bsbSkin .dnnHelperTip .dnnFormHelpContent 
												{ background: #ffffff none repeat scroll 0 0; border: 1px solid #525252; width: 300px; color: #525252; font-size: 13px;
												padding: 10px;}
#Body .pinHelp 
												{ display: none; }
#Body .bsbSkin .dnnTooltip .dnnFormHelpContent span::after, 
#Body .bsbSkin .dnnHelperTip .dnnFormHelpContent span::after 
												{ border-top: 7px solid #525252; }
#Body .bsbSkin .inline-radio  tr                                { display: inline-block; margin-left: 10px;}

/* End */
/* Start Page Editor */
#Body .bsbSkin .PageHeader                                        { background: #525252 none repeat scroll 0 0; padding: 10px 15px; border-top-left-radius: 7px; border-top-right-radius: 7px; }
#Body .bsbSkin .ControlHeader                                   { background: #fff none repeat scroll 0 0; box-shadow: none; border-radius: 10px; margin-bottom: 0; }
#Body .scom .bsb-btn.btn-default.btn-website-manager,
#Body .scom .bsb-btn.btn-default.btn-website-manager[disabled],
#Body .scom .bsb-btn.btn-default.btn-website-manager[disabled]:hover, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager[disabled], 
#Body .scom a.bsb-btn.btn-default.btn-website-manager[disabled]:hover, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager:link, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager[disabled]:link, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager[disabled]:link:hover, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager:visited, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager[disabled]:visited, 
#Body .scom a.bsb-btn.btn-default.btn-website-manager[disabled]:visited:hover
												{ background: transparent; border-radius: 2px; border: 1px solid #ffffff; color: #ffffff; padding: 6px 16px; }
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager:hover, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager:focus, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager:active, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager.active, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager.active:link, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager.active:visited, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager.active:hover, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager.active:active, 
#Body .scom .bsb-tournament .btn-tournament.btn-website-manager.active:focus 
												{ background: #ffffff !important; color: #525252 !important; border-color: #ffffff !important; padding: 6px 16px;}
#Body #AdditionalSettings a span                              { height: 28px; margin: 0; position: absolute; width: 28px; }
#AdditionalSettings a span.down                               { background: url("../../../../Portals/_default/Skins/bsb/assets/images/icn-dropdown-gray-arrow.png") no-repeat top left; }
#AdditionalSettings a span.up                                   { background: url("../../../../Portals/_default/Skins/bsb/assets/images/icn-dropdown-gray-arrow.png") no-repeat top right; }
#Body #AdditionalSettings a.bsbLink,
#Body #AdditionalSettings a.bsbLink:link,
#Body #AdditionalSettings a.bsbLink:visited          { color: #525252; font-family: "Lato",Arial,Helvetica,sans-serif; font-size: 16px; line-height: 24px; }
#Body .dnnDropDownList,
#Body .RadComboBox.pageModuleList,
#Body .dnnDropDownList .dt-container                      { width: 100%;}
#Body .RadComboBox.pageModuleList, 
#Body .dnnDropDownList .selected-item                     { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #a0a0a0; border-radius: 3px; box-shadow: none; }
#Body .dnnDropDownList .selected-item a::before ,
#Body .RadComboBox.pageModuleList td.rcbArrowCellRight a
												{ border-color: #7b7b7b rgba(0, 0, 0, 0) -moz-use-text-color; border-width: 7px 7px 0; margin: -3px 0 0; }
#Body #Form .bsbSkin .RadComboBox.pageModuleList td.rcbArrowCellRight a 
												{ margin: 0 7px 0 0 !important; } 
#Body .RadComboBox.pageModuleList .rcbFocused td.rcbArrowCellRight a 
												{ border-bottom: 7px solid #7b7b7b; border-top: 0 none; margin: -7px 7px 0 0; } 
#Body .dnnDropDownList .selected-item a.opened::before 
												{ border-bottom: 7px solid #7b7b7b; border-top: 0 none; }
#Body .bsbSkin .dnnDropDownList .selected-item a   { font-family: "Lato",Arial,Helvetica,sans-serif; font-size: 16px; color: #525252; }
#Body .bsbSkin .dnnDropDownList .selected-item a,
#Body .bsbSkin .dnnDropDownList .selected-item a:link,
#Body .bsbSkin .dnnDropDownList .selected-item a:visited,
#Body .bsbSkin .dnnDropDownList .selected-item a:hover,
#Body .bsbSkin .dnnDropDownList .selected-item a:active 
												{ border-left: 5px solid rgba(0, 0, 0, 0); border-right: 10px solid rgba(0, 0, 0, 0); display: block; margin: 0; overflow: hidden;
												padding: 9px; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; }
#Body .bsbSkin .dnnDropDownList .dt-container       {background: #ffffff none repeat scroll 0 0; border-color: transparent #a0a0a0 #a0a0a0; border-image: none; border-style: none solid solid;
												border-width: 0 1px 1px; box-shadow: none; margin-top: 0; }
#Body .bsbSkin .dnnDropDownList .dt-container ul.tv-nodes li a.text.selected 
												{ background-color: transparent; color: #525252; font-weight: normal;} 
#Body .bsbSkin .dnnDropDownList .dt-container ul.tv-nodes a.text 
												{ border: 0 none; color: #525252; text-decoration: none; font-family: Lato,​Helvetica​,sans-serif; font-size: 16px; 
												margin: 0; background: none; padding: 6px 8px 6px 24px; }
#Body .dnnDropDownList .dt-container ul.tv-nodes a.text:hover
												{ background: #d5d5d5; }
#Body .dnnDropDownList .dt-container ul.tv-root ul.tv-nodes a.text
												{ padding: 6px 8px 6px 30px; }
#Body .dnnDropDownList .dt-container ul.tv-root ul.tv-nodes ul.tv-nodes a.text
												{ padding: 6px 8px 6px 38px; }
#Body .dnnDropDownList .dt-container ul.tv-root ul.tv-nodes ul.tv-nodes ul.tv-nodes a.text
												{ padding: 6px 8px 6px 46px; }
#Body #dnn_ControlBar_pageModuleList_DropDown.RadComboBoxDropDown .rcbScroll 
												{ background: #ffffff none repeat scroll 0 0; border-color: transparent #a0a0a0 #a0a0a0 !important;
												border-image: none !important; border-radius: 0 0 4px 4px; border-style: none solid solid !important; border-width: 0 1px 1px !important;
												box-shadow: none; color: #dddddd; height: auto !important; margin: -1px !important; overflow: hidden; min-height: 130px; max-height: 130px; }
#Body .dnnDropDownList .dt-container .tv-nodes li a.collapsed 
												{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: 0; height: 0; border-top: 5px solid transparent;
												border-bottom: 5px solid transparent; border-left: 5px solid #525252; margin: 2px 0 0 6px;}
#Body .dnnDropDownList .dt-container .tv-nodes li a.expanded
												{ background: rgba(0, 0, 0, 0) none repeat scroll 0 0; width: 0; height: 0; border-left: 5px solid transparent;
												border-right: 5px solid transparent; border-top: 5px solid #525252; margin: 5px 0 0 3px; }
#Body > #Form > .rcbSlide .RadComboBoxDropDown, 
#Body > #Form > .rcbSlide div.RadComboBoxDropDown_Default 
												{ margin-top: 2px; }
#Body .dnnDropDownList .dt-container ul.tv-nodes li a.text.first-item 
												{ font-weight: normal; padding-left: 3px;}
#Body #Form  #dnn_ControlBar_pageModuleList_DropDown.RadComboBoxDropDown
												{ padding: 0;}
#Body #Form  #dnn_ControlBar_pageModuleList_DropDown.RadComboBoxDropDown .rcbHovered
												{ background: #d5d5d5 !important; border: medium none; color: #525252; font-family: Lato,​Helvetica​,sans-serif; font-size: 14px; }
#Body #Form  #dnn_ControlBar_pageModuleList_DropDown.RadComboBoxDropDown .rcbItem 
												{ background: #ffffff !important; border: medium none; color: #525252; font-family: Lato,​Helvetica​,sans-serif; font-size: 14px; }
#Body .ControlHeader .ControlBar_ModuleList span  { color: #7b7b7b; }
#Body #Form .bsbSkin ul.ControlBar_ModuleList > li > div 
												{ background: #d5d5d5 none repeat scroll 0 0; border-radius: 0; box-shadow: none; color: #7b7b7b; cursor: move; height: 163px;
												position: relative; transition: background 1000ms ease 0s; width: 163px; }
#Body #Form .bsbSkin ul.ControlBar_ModuleList > li > div.ControlBar_Module_Selected ,
#Body #Form .bsbSkin ul.ControlBar_ModuleList > li > div:hover
												{ background: #525252 none repeat scroll 0 0; box-shadow: none; color: #ffffff; }
#Body #Form .bsbSkin .ControlHeader .ControlBar_ModuleList .ControlBar_Module_Selected span,
#Body #Form .bsbSkin ul.ControlBar_ModuleList > li > div:hover  span
												{ color: #ffffff; }
#Body #Form .bsbSkin ul.ControlBar_ModuleList        { height: 163px; }
#Body #Form  ul.ControlBar_ModuleList > li               { display: block; float: left; height: 163px; margin: 0 5px; padding: 0; width: 163px; }
#Body #Form  div.ControlBar_ModuleListHolder         { height: 190px; }
#Body #Form .bsbSkin ul.ControlBar_ModuleList > li > div > div 
												{ background: url("../../../../Portals/_default/Skins/bsb/assets/images/module-locator-menu.png") no-repeat top left; height: 29px;
												position: absolute; right: 9px; top: 9px; width: 29px; }
#Body #Form div.ModuleLocator_Menu.ModuleLocator_Hover 
												{ background: url("../../../../Portals/_default/Skins/bsb/assets/images/module-locator-menu.png") no-repeat top left; }
#Body #Form ul.ControlBar_ModuleList > li > div > img 
												{ border: medium none; display: block; height: 50px; left: 55px; position: absolute; top: 30px; width: 50px; }
#Body #Form ul.ControlBar_ModuleList > li > div > span 
												{ left: 30px; }
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar 
												{ background: #d5d5d5 none repeat scroll 0 0; border-radius: 2px; transition: background 500ms ease 0s; }
#Body #Form div.ControlBar_ModuleListHolder .jspDrag 
												{ background: #525252 none repeat scroll 0 0; }
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:hover,
 #Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:focus
												{ background: #525252 none repeat scroll 0 0; }
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:hover .jspDrag ,
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:focus .jspDrag  
												{ background: #d5d5d5 none repeat scroll 0 0; }
#Body #Form ul#ControlBar_Module_ModulePosition li { color: #7b7b7b; font-family: Lato; font-size: 14px; }
#Body #Form ul#ControlBar_Module_ModulePosition li:hover 
												{ background-color: #525252; color: #ffffff; }
#Body .img-corner                                                       { border-radius: 10px; }
#Body #Form .bsbSkin div.ControlBar_ModuleListWaiter > p, 
#Body #Form .bsbSkin div.ControlBar_ModuleListMessage > p
												{ color: #525252; }
#Body #Form .bsbSkin div.ControlBar_ModuleListWaiter, 
#Body #Form .bsbSkin div.ControlBar_ModuleListMessage 
												{ background-color: #d5d5d5; }
#Body #Form .scom .bsb-btn, 
#Body #Form .scom a.bsb-btn, 
#Body #Form .scom a.bsb-btn:link, 
#Body #Form .scom a.bsb-btn:visited                         { border-radius: 3px; }
#Body .icon-update:before                                         { background: rgba(0, 0, 0, 0) url("../../bsb.controls/resources/Images/tournament-true.png") no-repeat scroll left top; 
                                                display: inline-block; height: 12px; overflow: hidden; content: ""; width: 15px; margin-right: 8px; }
#Body .icon-update:hover:before                              { background: rgba(0, 0, 0, 0) url("../../bsb.controls/resources/Images/tournament-true-hover.png") no-repeat scroll left bottom;}
#Body a.dnnFormHelp                                                   { height: 20px; width: 16px; }
#Body .RadComboBoxDropDown_Default .rcbList  li      { list-style-type: none !important; }
#Body .RadCalendar_Default td.rcTitlebar table       { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; color: rgba(0, 0, 0, 0.75); }
#Body table.RadCalendar                                             { border: 1px solid; margin-top: 2px; }
#Body .RadCalendar_Default_PopupArrow_Up              { display: none;}
#Body .left-part                                                        { width: 25%; float: left;}
#Body .right-part                                                       { width: 75%; float: left;}
#Body .text-right                                                       { text-align: right;}
#Body .PageHeader .title-main                                   { font-size: 16px; text-transform: uppercase; color: #ffffff;}
#Body .PageSelection table td                                     { padding: 8px;}
#Body .PageSelection table td:first-child                { padding-left: 0; padding-top: 5px; white-space: nowrap;}
#Body .PageSelection table td:last-child                  { padding-right: 0; white-space: nowrap;}
#Body .PageSelection .bsb-btn.btn-default.btn-tournament.hover-grey
												{ padding: 5px 12px; margin-top: 4px; border: 1px solid #a0a0a0;}
#Body .BSBControlModulePanel .padding-h-10            { padding: 10px;}
#Body .PageSelection .radio-label                           { font-size: 16px; color: #525252; vertical-align: middle;}
#BSBContainer.registration-listing .grid-title         {line-height: 1;}
/****************************************************************/
/* End Page Editor and Website Manager UI */
/****************************************************************/


@media screen and (max-width: 960px){
	.PageSelection .pull-left,
	.PageSelection .pull-right				{ float: none; text-align: center; }
	.PageSelection .pull-right.margin-top-5	{ margin-top: 12px; }
	.registration-listing .policy-min-height h5.row-title,
	.registration-listing .remaining-min-height h5.row-title
											{ bottom: 0;position: relative;}
	.registration-listing #BSBGrid .grid-row .table-cell,
	.registration-listing #BSBGrid .grid-row .hierarchy-content,
	.volunteer-listing #BSBGrid .grid-row .table-cell,
	.volunteer-listing #BSBGrid .grid-row .hierarchy-content
											{ padding: 0 0 0 12px;}
}
@media screen and (max-width: 780px){
	.PageSelection .dnnDropDownList,
	.PageSelection .RadComboBox,
	#Body .PageSelection .pull-left > div		{ margin: 6px; }
	.PageSelection .pull-left .inline-block,
	#Body .PageSelection .pull-left > div.inline-block
											{ display: table; margin: auto auto 12px auto; }
    #BSBContainer.registration-listing
                                                                                        {display: block;}
    #BSBContainer.registration-listing .grid-header
                                                                                        {display: block; word-break: break-word;}
}
@media screen and (max-width: 640px){
	.PageHeader .txt							{ display: none; }
	.registration-listing #BSBGrid .grid-row .table-cell,
	.volunteer-listing #BSBGrid .grid-row .table-cell                  { padding: 0 10px;}
	.registration-listing #BSBGrid .grid-row .hierarchy-content,
	.volunteer-listing #BSBGrid .grid-row .hierarchy-content       { padding: 0 10px 10px;}
	 #BSBContainer.custom-title.registration-listing,
	#BSBContainer.custom-title.volunteer-listing {margin-bottom: 10px;margin-top: 0;padding-bottom: 0;position: relative;top: 0;}
	#BSBContainer.custom-title{ float: none;}
	#Body .hidden-xs{ display: none;}
	#Body .scom .store-content { padding: 0; }
	#Body .bsbSkin ul.dnnAdminTabNav li a { font-size: 14px; padding: 9px 0; }
	#Body .bsbSkin ul.dnnAdminTabNav li { width: auto; }
	.dnnLabel {text-align: left;}
}
@media screen and (max-width: 480px){
	.PageSelection .moduleSelection			{ padding-bottom: 12px; }
}
@media screen and (max-width: 400px){
	#Body .dnnDropDownList,
	#Body .RadComboBox.pageModuleList,
	#Body .dnnDropDownList .dt-container			{ width: 90%; }
}