/* Begin System Generated CSS */
body {margin: 0px; padding: 0px; background-color: #000000; font-family: arial, helvetica; color: #000000; font-size: 13px;}
a {color: #37a5bf;}
a img{border-style: none;}
.Hyperlink {COLOR: #37a5bf;}
#Main {overflow: hidden; margin-top: 40px; margin-left: auto; margin-right: auto; background-color: #ffffff; box-sizing: border-box; max-width: 940px; width: 940px\9;}
#SiteHeader {overflow: hidden; padding-left: 0px; padding-right: 0px; padding-top: 0px; padding-bottom: 0px; text-align: left; box-sizing: border-box;}
#TopMenu {box-sizing: border-box; white-space: nowrap; height: 30px; padding-top: 0px; padding-left: 0px; padding-right: 0px;}
#MenuPackage a {display: block; cursor: pointer; text-decoration: none;}
#TopMenu ul {list-style: none; margin: 0px; padding: 0px;}
#TopMenu ul li {display: block;}
/*Mobile Menu Controls*/#ToggleMenu {display: none; cursor: pointer;}

/*Main Menu CSS*/
.MenuItem {position: relative; float: left; margin-right: 0px; margin-bottom: 0px; height: 30px;}
.MenuText, .MenuTextLink {box-sizing: border-box; height: 30px; width: auto; overflow: visible; padding-top: 8px; padding-left: 10px; padding-right: 10px; text-align: left;  font-family: arial, helvetica, sans-serif; color: #000000; font-size: 16px;background-color: ;}
.MenuGraphic, .MenuGraphicLink {overflow: hidden; width: width: auto; overflow: visible; px; height: 30px;}
.MenuGraphicLink img {border-style: none;}
/*Sub Menu CSS*/
.SubMenu {z-index: 1000; display: none; position: absolute; background-color: ; background-image: url(/MainSiteGraphics/TransparentBackground.png)\9;}
.SubMenuItem {z-index: 1001; position: relative; margin: 0px;}
.SubMenuText, .SubMenuLink {z-index: 1002; padding: 5px 15px 5px 15px; margin: 0px; white-space: nowrap; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 16px;}

/*IE 8 specific*/
.MenuItem {background-image: url(/MainSiteGraphics/TransparentBackground.png)\9;}
.MenuTextLink:hover {background-color: \9; color: #000000\9;}
.MenuItem:hover > .SubMenu {display: block\9; left: 0px\9; top: 35px\9;}
.SubMenu:hover {display: block;\9}
.SubMenuItem:hover > .SubMenu{display: block\9; top: 0px\9; left: 100%\9;}
.SubMenuLink:hover {color: \9;}

/*Large Screens*/
@media (min-width: 901px) {
/*Hover CSS*/
.MenuTextLink:hover {background-color: ; color: #000000;}
.MenuItem:hover > .SubMenu{display: block;}
.SubMenu:hover {display: block;}
.SubMenuItem:hover > .SubMenu{display: block; top: 0px; left: 100%;}
.SubMenuLink:hover {color: ;}
}

/*Small Screens*/
@media (max-width: 900px) {
#Main {width: 100%; margin: 0px;}
#TopMenu {height: auto;}
#ToggleMenu {display: block; box-sizing: border-box; margin-bottom: 10px; width: 130px; height: 45px; padding-top: 10px; padding-left: 10px; background-color: #969696; color: #ffffff; font-size: 26px; font-weight: bold;}
#ToggleMenuPlusMinus {display: inline-block; width: 20px;}
/*Reset Styling*/
.MenuItem, .MenuText, .MenuTextLink, .MenuGraphic, .MenuGraphicLink, .SubMenu, .SubMenuItem, .SubMenuText, .SubMenuLink {float: none; position: relative; margin: 0px; padding: 0px; background-color: transparent; border: none;}
.MenuText, .MenuTextLink, .SubMenuText, .SubMenuLink {box-sizing: border-box; padding: 10px; height: 45px; font-family: arial, helvetica; font-weight: normal; font-size: 26px; color: #000000;}
.MenuItem {height: auto; background-color: #f0f0f0; border-bottom: solid 1px #000000;}
.MenuText, .MenuTextLink, .MenuGraphic, .MenuGraphicLink {box-sizing: border-box; padding: 10px; height: 45px; padding-left: 40px; background-color: #f0f0f0;}
.LevelTwo {background: color: #dcdcdc;}
.LevelTwo > .SubMenuItem {box-sizing: border-box; background-color: #dcdcdc; border-top: solid 1px #000000;}
.LevelTwo > .SubMenuItem > .SubMenuText, .LevelTwo > .SubMenuItem > .SubMenuLink {padding-left: 60px; background-color: #dcdcdc;}
.LevelThree {background-color: #bebebe; border-bottom: solid 2px aqua;}
.LevelThree > .SubMenuItem {background-color: #bebebe; border-top: solid 1px #000000; padding-left: 90px;}
.LevelThree > .SubMenuItem > .SubMenuText, .LevelThree > .SubMenuItem > .SubMenuLink {background-color: #bebebe;}
.MenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 10px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-size: 1.5em; display: block;}
.MenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.SubMenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 30px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-size: 1.5em; display: block;}
.SubMenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.Show {display: block;}
.Hide {display: none;}
}

.MenuLinkOn {background-color: ; color: #000000;}
.LevelTwoOn {color: ;}
.LevelThreeOn {color: ;}

#LeftMenu {float: left; box-sizing: border-box; white-space: nowrap; height: auto; width: 0px; padding-top: 30px; padding-bottom: 5000px; margin-bottom: -5000px;}
#LeftMenuPackage a {display: block; cursor: pointer; text-decoration: none;}
#LeftMenu ul {list-style: none; margin: 0px; padding: 0px;}
#LeftMenu ul li {display: block;}
/*Mobile Menu Controls*/#LeftToggleMenu {display: none; cursor: pointer;}

/*Main Menu CSS*/
.LeftMenuItem {position: relative; float: left; width: 0px;}
.LeftMenuText, .LeftMenuTextLink {box-sizing: border-box; width: 0px; padding-left: 7px; padding-right: 7px; padding-bottom: 0px; text-align: left;  font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;}
.LeftMenuGraphic, .LeftMenuGraphicLink {overflow: hidden; width: 0px; padding: 0px;}
.LeftMenuGraphicLink img {border-style: none;}
/*Sub Menu CSS*/
.LeftSubMenu {z-index: 1000; display: none; position: absolute; top: 0px; left: 0px; background-color: ; background-image: url(/MainSiteGraphics/TransparentBackground.png)\9;}
.LeftSubMenuItem {z-index: 1001; position: relative; margin: 0px;}
.LeftSubMenuText, .LeftSubMenuLink {z-index: 1002; padding: 5px; margin: 0px; white-space: nowrap; font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;}

/*Large Screens*/
@media (min-width: 901px) {
/*Hover CSS*/
.LeftMenuTextLink:hover {color: ;}
.LeftMenuItem:hover > .LeftSubMenu{display: block;}
.LeftSubMenu:hover {display: block;}
.LeftSubMenuItem:hover > .LeftSubMenu{display: block; top: 0px; left: 100%;}
.LeftSubMenuLink:hover {color: ;}
#LeftMenu .HasMenuGraphic {display: none;}
#Content {margin-left: 0px;}
}

/*Small Screens*/
@media (max-width: 900px) {
#LeftToggleMenu {display: block; box-sizing: border-box; margin-bottom: 10px; width: 130px; height: 45px; padding-top: 10px; padding-left: 10px; background-color: #969696; color: #ffffff; font-size: 26px; font-weight: bold;}
#LeftToggleMenuPlusMinus {display: inline-block; width: 20px;}
/*Reset Styling*/
#LeftMenu {float: none; width: auto; padding: 0px; margin-bottom: 0px;}
.LeftMenuItem, .LeftMenuText, .LeftMenuTextLink, .LeftMenuGraphic, .LeftMenuGraphicLink, .LeftSubMenu, .LeftSubMenuItem, .LeftSubMenuText, .LeftSubMenuLink {float: none; position: relative; width: auto; margin: 0px; padding: 0px; background-color: transparent; border: none;}
.LeftSubMenu {left: 0px;}.LeftMenuText, .LeftMenuTextLink, .LeftSubMenuText, .LeftSubMenuLink, .LeftMenuGraphic, .LeftMenuGraphicLink {box-sizing: border-box; padding: 10px; height: 45px; font-weight: normal; font-size: 26px; color: #000000;}
.LeftMenuItem {height: auto; background-color: #f0f0f0; border-bottom: solid 1px #000000;}
.LeftMenuText, .LeftMenuTextLink, .LeftMenuGraphic, .LeftMenuGraphicLink {box-sizing: border-box; padding: 10px; height: 45px; padding-left: 40px; background-color: #f0f0f0;}
.LeftMenuGraphic, .LeftMenuGraphicLink {padding: 5px 0px 5px 40px;}
.LeftMenuGraphic img, .LeftMenuGraphicLink img {height: 35px;}
#LeftMenu .LeftMenuGraphicLink, #LeftMenu .LeftMenuGraphic{display: none;}.LeftLevelTwo {background: color: #dcdcdc;}
.LeftLevelTwo > .LeftSubMenuItem {box-sizing: border-box; background-color: #dcdcdc; border-top: solid 1px #000000;}
.LeftLevelTwo > .LeftSubMenuItem > .LeftSubMenuText, .LeftLevelTwo > .LeftSubMenuItem > .LeftSubMenuLink {padding-left: 60px; background-color: #dcdcdc;}
.LeftLevelThree {background-color: #bebebe; border-bottom: solid 2px aqua;}
.LeftLevelThree > .SubMenuItem {background-color: #bebebe; border-top: solid 1px #000000; padding-left: 90px;}
.LeftLevelThree > .SubMenuItem > .SubMenuText, .LevelThree > .SubMenuItem > .SubMenuLink {background-color: #bebebe;}
.LeftMenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 10px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-family: arial, helvetica; font-size: 1.5em; display: block;}
.LeftMenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.LeftSubMenuItem.HasSubMenu > a:after {content: '+'; position: absolute; margin-left: 30px; box-sizing: border-box; height: 45px; padding-top: 5px; top: 0px; left: 0px; font-family: arial, helvetica; font-size: 1.5em; display: block;}
.LeftSubMenuItem.HasSubMenu > a.active:after {content: '-'; padding-top: 0px;}
.Show {display: block;}
.Hide {display: none;}
#Content {margin-left: 0px;}
}

.LeftMenuLinkOn {color: ;}
.LeftLevelTwoOn {color: ;}
.LeftLevelThreeOn {color: ;}

#Content {overflow: hidden; padding-left: 30px; padding-right: 30px; padding-top: 50px; padding-bottom: 20px;  background-color: #ffffff; box-sizing: border-box;}
.Row {float: left; overflow: hidden; padding: 0px 0px 5px 0px; clear: both; text-align: left;}
.SpacerRow {float: left; width: 100%; padding: 0px; clear: both;}
.Clear {width: 100%; height: 0px; clear: both;}

#EndUserFooter {float: left; overflow: hidden; margin-top: 20px; padding-bottom: 20px;  box-sizing: border-box; width: 100%; max-width: 940px; margin-left: 0px; padding-left: 30px; padding-right: 30px;}

#GigshowcaseFooter {display: block; margin-top: 20px; height: 76px; text-align: center; background-color: transparent; margin-left: auto; margin-right: auto;max-width: 940px;}
#GigshowcaseLogo{display: block; width: 175px; height: 40px; margin-left: auto; margin-right: auto; padding-top: 2px; background-image: url(../MainGraphics/GigshowcaseFooterLogo.png); background-repeat: no-repeat; background-color: transparent; text-align: center; padding-left: 0px; text-decoration: none; color: #000000; font-family: Arial; font-size: 11px; font-weight: normal;}


.S5380 {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 16px;}
.S5381 {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;}
.S5382 {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 30px; font-weight: bold;}
.SPHS {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 30px; font-weight: bold;}
.S5383 {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;}
.SPCS {font-family: arial, helvetica, sans-serif; color: #000000; font-size: 12px;}
.PageLeftCol {float: left; width: 100px;}
.PageRightCol {float: left; width: 780px;}
/* End System Generated CSS */

/* Begin Global Layouts CSS */
#L01
{
overflow: hidden;
}

#L01_WrapCol1
{
float: left;
width: 100%;
}
#ES_L01_Col1
{
box-sizing: border-box;
overflow: hidden;
margin-right: 240px;
min-height: 50px;
}
#ES_L01_Col2
{
box-sizing: border-box;
float: right;
overflow: hidden;
width: 200px;
margin-left: -200px; 
min-height: 50px;
}

@media (max-width: 500px) {

#ES_L01_Col1
{
margin: 0px;
width: 100%;
}

#ES_L01_Col2
{
margin: 0px;
width: 100%;
}

}

#L02 {padding: 0px;}
#ES_L02_Col1
{
float: left;
width: 200px;
overflow: hidden;
margin-left: -100%; 
min-height: 50px;
}
#L02_WrapCol2
{
float: left;
width: 100%;
padding: 0px;
}
#ES_L02_Col2
{
overflow: hidden;
margin: 0px 240px 0px 240px;
min-height: 50px;
}
#ES_L02_Col3
{
float: left;
width: 200px;
overflow: hidden;
margin-left: -200px; 
min-height: 50px;
}
* html #ES_L02_Col1 {margin-left: -96%;}


/* End Global Page Templates CSS */

/* Begin Site Page Templates CSS */

/* End Site Page Templates CSS */

/* Begin Custom Site CSS */
body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.plain-link
{
text-decoration: none;
}

.button
{
display: inline-block;
background-color: #37a5bf;
border-radius: 20px;
padding: 10px;
color: #000000;
text-decoration: none;
}

#Main {

box-sizing: border-box;
display: grid;
width: 100%;
/*min-height: 100vh;
height: 100vh;*/
#Main {grid-template-rows: auto 40px auto 500px;}
row-gap: 0;
grid-template-columns: auto;
min-width: 0;
max-width: 100%;
overflow: hidden !important;

justify-items: center;

margin: 0px;
padding: 0px 0px 20px 0px;
background-color: #000000;


}


#SiteHeaderExt {

box-sizing: border-box;
overflow: hidden;
grid-column: 1/2;
grid-row: 1/2;
width: 100%;
min-width: 100%;  
margin: 0;
background-color: #ffffff;
}

#SiteHeader {
}

#SiteHeader img {width: 100%;}

#site-header-wrap {

display: grid;
grid-template-columns: 400px 200px;
justify-content: center;
justify-items: center;
align-items: center;

overflow: hidden;
/*height: 115px;*/
margin: 0px;
padding: 20px 0px 20px 0px;
}

#site-header-wrap a {display: block;}

@media (max-width: 700px) {

#site-header-wrap {
grid-template-columns: 100%;
row-gap: 25px;
padding: 20px 20px 20px 20px;
}

}

#TopMenuExt {

box-sizing: border-box;
grid-column: 1/2;
grid-row: 2/3;
width: 100%;
min-width: 100%; 
margin: 0;
background-color: #ffffff;
}

#TopMenu {
box-sizing: border-box;
padding-top: 10px;
text-align: center;
/*background-color: green;*/
}

#TopMenu ul {
height: 30px;
}

@media (min-width: 901px) {

#MenuPackage {
box-sizing: border-box;
overflow: hidden;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, max-content));
justify-content: center;
cursor: pointer;
height: 130px;
/*background-color: gainsboro;*/
}

}

.MenuItem {
float: none;
box-sizing: border-box;
height: 30px;
text-align: center;
/*background-color: yellow;
border: solid 1px black;*/
}

.MenuText, .MenuTextLink {
box-sizing: border-box;
display: inline-block !important;
height: 30px;
width: auto !important;
text-align: center;
/*background-color: aqua;*/
}

@media (max-width: 900px) {

#ToggleMenu {background-color:  #37a5bf; color: #000000;}
.MenuItem, .MenuTextLink {height: auto;}
.MenuItem, .MenuTextLink {background-color: #37a5bf;}

}

#ContentExt {
    box-sizing: border-box;	
    grid-column: 1;
   grid-row: 3/span 1;
   width: 100%;
   min-width: 100%; 
   /*height: 100%;*/
    margin: 0;
background-color: #ffffff;
}


#Content {
display: block;
height: 100%;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
font-size: 20px;
line-height: 1.5em;
}

#EndUserFooterExt {

box-sizing: border-box;	
grid-column: 1;
grid-row: 4/span 1;
width: 100%;
min-width: 100%; 
background-color: #000000;

}

#EndUserFooter {

display: block;
background-color: transparent;
background-color: yellow;
width: 100%;
min-width: 100%;
max-width: 100%;
margin: 0;
padding: 0;

}

#signup {

box-sizing: border-box;
display: grid;
overflow: hidden;
width: 100%;
grid-template-columns: 700px 500px;

justify-content: center;
justify-items: center;
align-items: center;
justify-content: center;

background-color: #37a5bf;
min-height: 50px;
padding: 30px 0px 30px 0px;
line-height: 1.5em;
color: #000000;

}

@media (max-width: 1250px) {

#signup {
grid-template-columns: 60% 40%;
padding: 30px 30px 30px 30px;
}

}












.Show {display: block;}
.Hide {display: none;}


@media (max-width: 850px) {

#signup {
grid-template-columns: 100%;
padding: 30px 30px 30px 30px;
}

#signup-left {
text-align: center;
margin-bottom: 20px;
}

}

#signup-right button, #signup-right a {

display: inline-block;
border: solid 3px #000000;
color: #000000;
border-radius: 30px;
padding: 15px;
background-color: transparent;
font-size: 28px;
font-weight: bold;
}

#footer-bottom {
box-sizing: border-box;
display: grid;
overflow: hidden;
width: 100%;
grid-template-columns: 400px 400px 400px;

justify-content: center;
justify-items: center;
align-items: center;
justify-content: center;
font-size: 20px;
background-color: #000000;
color: #ffffff;

}
#footer-bottom a {

text-decoration: none;
color: #ffffff;
font-size: 20px;
line-height: 2em;

}

#footer-bottom-left {

padding: 50px 0px 50px 0px;

}

@media (max-width: 1300px) {

#footer-bottom {
grid-template-columns: repeat(3, 25%);
}

}

@media (max-width: 900px) {

#footer-bottom {
grid-template-columns: 90%;
text-align: center;
}
#footer-bottom-center {
margin-bottom: 30px;
}

}

#GigshowcaseFooter {
margin-top: 0 !important;
display: none;
}

.Clear {display: none;}



ul {list-style-image: url('https://www.gigshowcase.com/EndUserFiles/75742.png'); }
li {margin-bottom: 20px;}






/* End Custom Site CSS */

/* Begin Page Specific CSS */
#grid-wrap {

box-sizing: border-box;
overflow: hidden;
display: grid;
grid-template-columns: 350px 350px 350px;
column-gap: 40px;
justify-content: center;
font-size: 18px;
line-height: 1.5em;

}

@media (max-width: 1200px) {

#grid-wrap {
grid-template-columns: repeat(3, 280px);
}

}

@media (max-width: 990px) {

#grid-wrap {
grid-template-columns: repeat(2, 350px);
}

}

@media (max-width: 800px) {

#grid-wrap {
grid-template-columns: 450px;
}

}

@media (max-width: 500px) {

#grid-wrap {
grid-template-columns: 100%;
padding: 0px 30px 0px 30px;
}

}


/* End Page Specific CSS */

/* Begin Gigshowcase Footer CSS */
#GigshowcaseFooter {display: block; margin-top: 20px; height: 76px; text-align: center; background-color: transparent; margin-left: auto; margin-right: auto;max-width: 940px;}
#GigshowcaseLogo{display: block; width: 175px; height: 40px; margin-left: auto; margin-right: auto; padding-top: 2px; background-image: url(../MainGraphics/GigshowcaseFooterLogo.png); background-repeat: no-repeat; background-color: transparent; text-align: center; padding-left: 0px; text-decoration: none; color: #000000; font-family: Arial; font-size: 11px; font-weight: normal;}
/* End Gigshowcase Footer CSS */