﻿/********************************************/
/* 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(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('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(../../images/darkCheckbox.png) no-repeat; }
#ControlBar .dnnCheckbox.dnnCheckbox-checked img 
											{ background: transparent url(../../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(/resources/bsb.controls/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(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(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;}
.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 .dt-container ul.tv-nodes li:hover{
	background: #F3F6F9;
}

#Body .dnnDropDownList .dt-container ul.tv-nodes li:hover ul{
	background: #ffffff;
}
#Body .dnnDropDownList ul.tv-nodes a.icon          { position: relative; }
#Body .dnnDropDownList ul.tv-nodes a.icon.empty {
	display: none;
}
#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 #7492AC;
	padding: 0;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	_border-right-color: #7492AC;
	_border-left-color: #7492AC;
	_filter: chroma(color=#7492AC);
	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 #7492AC;
											padding: 0; width: 0; height: 0; font-size: 0; line-height: 0; _border-right-color: #7492AC; _border-left-color: #7492AC;
											_filter: chroma(color=#7492AC); 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: #48749B;
	font-family: "Barlow SemiBold";
	font-size: 16px;
	font-weight: 500;
	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: #007BFF none repeat scroll 0 0 !important; border-color: #007BFF !important; color: #ffffff !important; }
#Body .scom #dnn_ControlBar_switchtoEditModeLink { border-top-left-radius: 0; border-bottom-left-radius: 0;}
.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-blue-text.active,
#Body .scom .bsb-tournament .dark-blue-text.active:hover,
#Body .scom .bsb-tournament .dark-blue-text:active,
#Body .scom .bsb-tournament .dark-blue-text:hover { color: #33a4b2; 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: #F8F9FA; margin-bottom:5px; }
#Body .bsbSkin .inner-bg .bg-color-light                   { background: #F3F6F9; 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 .dnnFormHelpmContent 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: 18px; }

#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 #0072EB;
												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 #7492AC;
	border-radius: 0;
	box-shadow: none;
	display: block;
	margin-bottom: 0;
	font-weight: normal;
	text-shadow: none;
	font-size: 16px;
	color: #7492AC;
	background: none;
	padding: 9px;
	position: relative;
	font-family: "Barlow Medium";
}

#Body .bsbSkin ul.dnnAdminTabNav li a:hover              { color: #ffffff; background: #0072EB; border: 1px solid #0072EB; }
#Body .bsbSkin ul.dnnAdminTabNav li.ui-tabs-active a 
												{ background: #0072EB; border: 1px solid #0072EB; 	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: #3D4956;
	font-size: 16px;
	line-height: normal;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Barlow Medium";
}

#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: #132367 none repeat scroll 0 0;
	border-image: none;
	border-style: none;
	border-width: 0;
	font-family: "Barlow Condensed SemiBold";
	font-size: 16px;
	font-weight: 500;
}

#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 4px 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: #132367 none repeat scroll 0 0;
	color: #ffffff;
}
#Body .bsbSkin .dnnPermissionsGrid .dnnGridHeader td{
	padding: 0 8px;
	vertical-align: middle;
	background: none;
	border-right: none;
	font-size: 16px;
	font-weight: 500;
	font-family: "Barlow Condensed SemiBold";
}

#Body .bsbSkin .dnnPermissionsGrid .dnnGridAltItem 
												{ background: #F3F6F9; }
.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 #7492AC;
    border-radius: 3px;
    color: #3D4956;
    display: inline-block;
    font-size: 16px;
    height: 56px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 600px;
    margin-left: 10px;
    max-width: 630px;
    font-family: "Barlow Medium";
}

#Body .bsbSkin input#dnn_ctr_TabSettings_dgPermissions_txtUser:hover {
    border: 1px solid #48749B;
}

#Body .bsbSkin input#dnn_ctr_TabSettings_dgPermissions_txtUser:focus {
    border: 2px solid #0072EB;
    outline: 0 none;
}

#Body .bsbSkin .dnnFormItem .dnnSecondaryAction {
    border: 1px solid #0072EB;
    background: #0072EB;
    box-shadow: none;
    text-shadow: none;
    color: #ffffff;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    max-width: 100%;
    padding: 0 12px;
    text-decoration: none;
	transition: background-color 0.5s ease 0s;
    vertical-align: middle;
    margin: auto 10px;
    height: 35px;
    font-family: "Barlow SemiBold";
}

@media only screen and (max-width: 960px){
    #Body .bsbSkin .dnnFormItem .dnnSecondaryAction {
        margin: 10px 10px;
    }
}
#Body .bsbSkin .dnnFormItem .dnnSecondaryAction:hover{
    box-shadow: none;
    text-shadow: none;
    background: #0A4FB3;
    border-color: #0A4FB3;
    color: #ffffff;
}

#Body .bsbSkin .dnnPermissionsGrid .dnnFormItem                                                  
												{ background: #F3F6F9 none repeat scroll 0 0; color: #828282; padding: 20px; }
#Body .bsbSkin .dnnFormItem .dnnSecondaryAction:before {
    content: "+";
    font-family: "Lato",Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    color: #ffffff;
    margin-right: 6px;
}

#Body .bsbSkin .dnnFormItem .dnnSecondaryAction:hover:before
												{ color: #ffffff;}
/* End */
/* Start Advance Setting Page */
#Body #tabSettingsForm {
	color: #48749B;
}

#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: 0;}
#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: #132367 none repeat scroll 0 0; padding: 10px 20px; 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: 0 16px;
	height: 35px;
	line-height: 35px;
}

#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/new-icn-dropdown-gray-arrow.png") no-repeat top left; }
#AdditionalSettings a span.up                                   { background: url("/Portals/_default/Skins/bsb/assets/images/new-icn-dropdown-gray-arrow.png") no-repeat top right; }
#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 #7492AC;
    border-radius: 4px;
    box-shadow: none;
    height: 56px;
}
#Body .dnnDropDownList .selected-item a::before ,
#Body .RadComboBox.pageModuleList td.rcbArrowCellRight a {
	border-width: 6px 6px 0;
	margin: -3px 0 0;
}

#Body .RadComboBox.pageModuleList .rcbFocused td.rcbArrowCellRight a {
	border-bottom: 6px solid #7492AC;
	border-top: 0 none;
	margin: -6px 6px 0 0;
}

#Body .dnnDropDownList .selected-item a.opened::before{
	border-bottom: 6px solid #7492AC;
	border-top: 0 none;
}

#Body .bsbSkin .dnnDropDownList .selected-item a {
	font-family: "Barlow Medium";
	font-size: 16px;
	color: #3D4956;
}

#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:none;
	display: block;
	margin: 0 9px;
	overflow: hidden;
	padding: 0 9px 0 0;
	height: 56px;
	line-height: 56px;
	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: #3D4956;
	text-decoration: none;
	font-family: "Barlow Medium";
	font-size: 16px;
	margin: 0;
	background: none;
	padding: 7px 8px 7px 8px;
	display: inline-block;
}

#Body .dnnDropDownList .dt-container ul.tv-nodes a.text:hover{
	background: #F3F6F9;
}

#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: auto; 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 8px;}
#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 8px; }
#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: #F3F6F9 !important;
	border: none;
	color: #3D4956;
	font-family: "Barlow Medium";
	font-size: 16px;
}

#Body #Form  #dnn_ControlBar_pageModuleList_DropDown.RadComboBoxDropDown .rcbItem{
	background: #ffffff !important;
	border: medium none;
	color: #3D4956;
	font-family: "Barlow Medium";
	font-size: 16px;
}
#Body .ControlHeader .ControlBar_ModuleList span  { color: #7b7b7b; }
#Body #Form .bsbSkin ul.ControlBar_ModuleList > li > div 
												{ background: #F8F9FA none repeat scroll 0 0; border-radius: 0; box-shadow: none; color: #48749B; 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: #0072EB 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 8px; 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: #FFFFFF none repeat scroll 0 0; border-radius: 2px; transition: background 500ms ease 0s; }
#Body #Form div.ControlBar_ModuleListHolder .jspDrag 
												{ background: #C3CCDA none repeat scroll 0 0; }
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:hover,
 #Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:focus
												{ background: #FFFFFF none repeat scroll 0 0; }
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:hover .jspDrag ,
#Body #Form div.ControlBar_ModuleListHolder .jspHorizontalBar:focus .jspDrag  
												{ background: #C3CCDA none repeat scroll 0 0; }
#Body #Form ul#ControlBar_Module_ModulePosition li {
	color: #525252;
	font-family: "Barlow Medium";
	font-size: 16px; }
#Body #Form ul#ControlBar_Module_ModulePosition li:hover {
	background-color: #F3F6F9;
}

#Body #Form ul#ControlBar_Module_ModulePosition li[data-disable="true"]
                                                { cursor: not-allowed; color: #bfbfbf; }
#Body #Form ul#ControlBar_Module_ModulePosition li[data-disable="true"]:hover
												{ background-color: inherit; }
#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 .icon-update:before                                         { background: rgba(0, 0, 0, 0) url("/resources/bsb.controls/images/tournament-true-hover.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("/resources/bsb.controls/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 .bsb-tournament .PageHeader label.title-main{
	margin-bottom: 0;
	color: #ffffff;
	line-height: 23px;
}

#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: 0 12px;}
#Body .BSBControlModulePanel .padding-h-10            { padding: 10px;}
#Body .PageSelection .radio-label {
	font-size: 16px;
	color: #7492AC;
	vertical-align: middle;
	font-family: "Barlow Medium";
}

#BSBContainer.registration-listing .grid-title         {line-height: 1;}

@media screen and (max-width: 800px){
    .dnnFormHelpContent {
        right: 0;
    }
    .dnnTooltip {
        right: 0 !important;
    }
    .dnnTooltip .dnnFormHelpContent span:after,
    .dnnHelperTip .dnnFormHelpContent span:after {
        position: absolute;
        content: "";
        left: 180px;
    }
}


/****************************************************************/
/* 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; }
	#Body .bsbSkin .dnnTooltip .dnnFormHelpContent { right: 75px; }
	#Body .bsbSkin .dnnTooltip .dnnFormHelpContent span::after { left: 180px; }
	#Body .bsbSkin input#dnn_ctr_TabSettings_dgPermissions_txtUser { margin-bottom: 20px; }
	#Body .bsbSkin .dnnFormItem .dnnLabel { margin-bottom: 12px; }
	#Body .bsbSkin .dnnFormItem .dnnSecondaryAction { margin: 0 0 15px 0; }
    #Body .bsbSkin #siteDetails .dnnTooltip .dnnFormHelpContent {right: 0;}
}
@media screen and (max-width: 400px){
	#Body .dnnDropDownList,
	#Body .dnnDropDownList .dt-container			{ width: 90%; }
}

@media screen and (max-width: 640px) {
	#Body .bsbSkin .PageHeader .right-part.text-right a, #Body .bsbSkin .PageHeader .left-part .img-toggle {
        margin-bottom: 8px;
    }

    #Body .bsbSkin .PageSelection tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #Body .bsbSkin .PageSelection tbody tr .bsb-btn {
        margin-right: 16px;
    }
}

@media screen and (max-width: 750px) {
    #Body .bsbSkin #PagesTreeview ul li table.tabs a.bsb-btn  {
        height: unset;
        padding: 8px 12px;
        margin-right: 8px;
        margin-bottom: 4px;
    }

    #Body .bsbSkin #PagesTreeview ul li table.tabs a.bsb-btn p {
        font-size: 12px;
        line-height: 12px;
    }

    #Body .bsbSkin #PagesTreeview ul li table.tabs tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #Body .bsbSkin #PagesTreeview ul li table.tabs tbody tr td {
        display: flex;
        flex-wrap: wrap;
        width: auto;
        margin-right: 8px;
        margin-bottom: 8px;
    }

    #Body .bsbSkin #PagesTreeview ul li table.tabs tbody tr td .h-l-margin {
        margin: 0;
    }

    #Body .bsbSkin #PagesTreeview ul li table.tabs tbody tr td .inline-block {
        padding: 0;
        margin: 0 8px 0 0;
    }
}

@media screen and (max-width: 500px) {
    #Body .bsbSkin .PageSelection table {
        position: relative;
    }
    #Body .bsbSkin .PageSelection tbody tr {
        display: block;
    }
    #Body .bsbSkin .PageSelection tbody tr>td.rcbArrowCellRight {
        position: absolute;
        right: 8px;
        top: 50%;
    }
}
