/*Accessibility*/
.visuallyhidden{
 border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
#skiptocontent {
        position: absolute;
        background: #545454;
        color: #fff;
        -webkit-transition: top 0.1s ease-out;
        transition: top 0.1s ease-out;
        left: 0;
        top: -40px;
        padding: 6px;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        z-index: 99999;
}
#skiptocontent:focus {
        top: 0;
        outline-color: #0000;
        -webkit-transition: top 0.1s ease-out;
        transition: top 0.1s ease-out;
}
/* CLEARFIX  */
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#social ul{
margin: 0;
padding: 0;
}
#social li{
list-style: none;
display: inline-block;
}
#social li a{
text-decoration: none;
display: block;
padding: 10px;
text-align: left;
}

/*dhtml navigation menu styles*/
.mnuMain{

}

.mnuSub{

}

.mnuItem, .mnuItemOver, .mnuItemActive, .mnuItemActiveOver, .mnuItemMembers, .mnuItemMembersOver{

}

.mnuItemOver,.mnuItemMembersOver,.mnuItemActiveOver{
	
	
}

.mnuItemActive{
	font-weight: bold;
color:#FFFFFF
}

.mnuItemSeparatorH{

}

.mnuItemSeparatorV{
	
	
}

.mnuSeparatorH{

}

.mnuSeparatorV{

}

/*content styles*/

.inpButton{

}

.inpCheckBox{
	border:none;
	
}

.modContainer{
	margin-bottom:10px;
	
}

.modHeader{
	text-align:center;
	text-transform: uppercase;
	font-weight:bold;
	
}
.nav, .nav a{
color: #FFFFFF !important;
}
.modContent{

}

.ctHeader{
	font-weight:bold;
	
}

.ctHeader A{
	font-weight:bold;
	
}

.ctToolBar, .ctToolBar TD{
	font-weight:bold;
	
}

.ctAlternate{

}

.ctNormal{

}

.ctSmall{

}

.ctBulletin{
	padding-bottom:5px;	
}
.ctBulletin a{
text-decoration: none !important;
}
.ctBulletinNew{
	/*
	background: url(/_filelib/ImageGallery/Bullets/new.gif) no-repeat 100% 2px;
	padding-right: 28px;
	*/
	
}

.ctBulletinDate{
	
	
}

.ctBulletinShortText{

}
/* Responsive Styles */
*{box-sizing: border-box;}
#ysBody{
margin: 0;
padding: 0;
width: 100%;
background: url(/_filelib/ImageGallery/Design/bk_body.jpg) repeat;
/*display: flex;
flex-flow: column;
min-height: 100vh;*/
font-family: 'Raleway', sans-serif;
}
#headerContainer, #bannerContainer, #contentContainer, #footerContainer{
position: relative;
width: 100%;
height: auto;
display: block;
}
#headerContainer{
/*background: url(/_filelib/ImageGallery/Design/bk_main_wrapper.png) repeat-x;*/
background: #231f20;
color: #FFFFFF;
}
#header, #banner, #content, #footer{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
#header:after, #banner:after, #content:after, #footer:after{
content: '';
display: block;
clear: both;
}
#header a{
color:#FFFFFF !important;
}
#banner img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
#headerLeft{
position: relative;
display: inline-block;
vertical-align: middle;
width: 20%;
height: auto;
text-align: left;
}
#headerLeft img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
padding: 3px 0;
display: block;
}
.home #headerCenter{
width: 60%;
}
.home #headerRight{
width: 20%;
}
.home #headerCenter{
position: relative;
display: inline-block;
vertical-align: middle;
width: 60%;
height: auto;
text-align: center;
}
#headerRight{
position: relative;
display: inline-block;
vertical-align: middle;
width: 80%;
height: auto;
text-align: right;
}
.home #headerRight ul{
margin: 0 auto;
padding: 0;
}
.home #headerRight li{
list-style: none;
display: inline-block;
vertical-align: middle;
}
.home #headerRight li a{
color: #006738 !important;
display: block;
padding: 10px 15px;
text-align: center;
}
#footerContainer{
border-top: 1px solid #AAAAAA;
background: #DDDDDD;
}
#footerLeft{
position: relative;
display: inline-block;
vertical-align: top;
width: 29%;
height: auto;
text-align: left;
margin: 1% 2%;
}
#footerCenter{
position: relative;
display: inline-block;
vertical-align: top;
width: 29%;
height: auto;
text-align: center;
margin: 1% 2%;
}
#footerRight{
position: relative;
display: inline-block;
vertical-align: top;
width: 29%;
height: auto;
text-align: center;
margin: 1% 2%;
}
.boldText{
font-family: 'Arvo', serif;
font-size: 36px;
}
#copyright{
background: #222222;
color: #EEEEEE;
text-align: center;
width: 100%;
padding: 20px; 0;
font-size: 13px;
}
#contentContainer{
/*flex: 1;*/
height: auto;
}
#content a{
/*color: #3c6594;*/
color: #006738;
transition: 0.2s ease all;
}
#content a:hover{
color: #004425;
transition: 0.2s ease all;
}
#content img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
.home .nav{
text-align: center !important;
}

.nav{
 position: relative;
 width: 100%;
 height: auto;
 display: block;
 text-align: left;
}
.nav ul{
 	position:relative;
	margin:0 auto;
	padding:0;
}
.nav ul li{
	position:relative;
	display:inline-block;
 	list-style:none;
	margin:0;
	padding:0;
}
.nav ul a{
   	text-decoration: none;
	display: block;
	padding: 25px 15px;
	color: #FFFFFF !important;
    border-top: 4px solid transparent;
letter-spacing: 1px;
}
.nav ul li a:hover{
 	color: #FFFFFF;
  	/*border-top: 4px solid #3c6594;*/
border-top: 4px solid #006738;
}
.nav .mnuItemActive a{
 	color: #FFFFFF !important;
/*background: #1a3c63;*/
background: #006738;
    /*border-top: 4px solid #3c6594;*/
border-top: 4px solid #004425;
}
.nav ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
 	/*background: #1a3c63 !important;*/
background: #006738;
	box-shadow: 1px 1px 7px #222;
	padding:0;
    text-align: left;
    z-index:99999;
transition: 0.2s ease all;
}
.nav ul ul li{
	display:block;
	width:200px;
}
.nav ul ul a{
	line-height:120%;
	padding:10px 15px;
    text-transform: none !important;
    color: #FFFFFF !important;
    border-top: 0 !important;
}
.nav ul ul li:hover{
}
.nav ul ul li a:hover{
	 /*background: #3c6594;*/
background: #004425;
  	 border-top: 0 !important;
transition: 0.2s ease all;
}
.nav ul ul ul{
	top:0;
	left:100%;
}
.nav ul li:hover > ul{
	display:block;
}
.nav ul li:hover > a{
	color: #FFFFFF;
 	/*background: #1a3c63;*/
    /*border-top: 4px solid #3c6594;*/
background: #006738;
border-top: 4px solid #004425;
}
#contentContainer a{
/*color: #3c6594;*/
color: #006738;
transition: 0.2s ease all;
}
#contentContainer a:hover{
color: #004425;
transition: 0.2s ease all;
}
#contentContainer img{
position: relative;
width: auto;
max-width: 100%;
height: auto;
}
input[type="text"], input[type="password"], textarea{
/*border: 1px solid #3c6594;*/
border: 2px solid #006738;
        padding: 10px;
        font-size: 15px;
        font-weight: bold;
        /*color: #3c6594;*/
color: #006738;
transition: 0.2s ease all;
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus{
outline: 0;
border: 2px solid #231f20;
transition: 0.2s ease all;
}
select{
/*border: 1px solid #3c6594;*/
border: 1px solid #006738;
background: #FFFFFF;
height: 33px;
}
.table select, .table input[type="text"], .table input[type="password"], .table textarea{
width: 98%;
}
#lgBox, #lgBox .inpButton, #lgBox .lgUserName, #lgBox .lgPassword{
width: 300px !important;
margin: 0 auto !important;
}
.fwBtn, .inpButton, input[type="submit"], input[type="button"]{
/*background-color: #3C6594;
border: 1px solid #3C6594;*/
background-color: #006738;
border: 1px solid #006738;
transition: background-color 0.5s ease;
color: #FFFFFF !important;
text-decoration: none;
cursor: pointer;
padding: 10px 15px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
transition: 0.2s ease all;
}
.fwBtn:hover, .inpButton:hover, input[type="submit"]:hover, input[type="button"]:hover{
/*background-color: #183B64 !important;*/
background-color: #004425 !important;
transition: 0.2s ease all;
}


.ButtonLink a{
/*background-color: #3C6594;
border: 1px solid #3C6594;*/
background-color: #006738;
border: 1px solid #006738;
transition: background-color 0.5s ease;
color: #FFFFFF !important;
text-decoration: none;
cursor: pointer;
padding: 10px 15px;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
transition: 0.2s ease all;
}
.ButtonLink a:hover{
/*background-color: #183B64 !important;*/
background: #004425 !important;
transition: 0.2s ease all;
}

#lgLogoutButton{
background: #555555;
}
#usrbtnImageNew{
width: auto !important;
}
h1{
/*color: #1a3c63;*/
color: #004425;
text-shadow: 0 1px 1px #FFFFFF;
font-family: 'Arvo', serif;
}
#calMonthTable{
border-collapse: collapse;
/*border: 1px solid #3C6594;*/
border: 1px solid #006738;
background: #FFFFFF;
}
#calWeekDayHeader{
/*background: #3C6594;*/
background: #006738;
color: #FFFFFF;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
   font-weight: normal !important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-weight: normal !important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-weight: normal !important;
}
:-moz-placeholder { /* Firefox 18- */
  font-weight: normal !important;
}
#usrbtnImageReplace, #usrbtnImageRemove{
width: auto !important;
}
#CancelButton, #usrbtnImageRemove{
background-color: #555555 !important;
border: 1px solid #555555 !important;
}
#CancelButton:hover, #usrbtnImageRemove:hover{
background: #933C3C !important;
border: 1px solid #933C3C !important;
}
#footerLinks{
margin: 0;
padding: 0;
}
#footerLinks li{
list-style: none;
display: block;
}
#footerLinks li a{
text-decoration: none;
display: block;
padding: 10px 15px;
/*color: #3C6594;
border: 1px solid #3C6594;*/
color: #006738;
border: 1px solid #006738;
margin: 10px 0;
transition: background-color 0.5s ease;
background-color: #FFFFFF;
}
#footerLinks li a:hover{
/*background-color: #3C6594 !important;*/
background-color: #006738 !important;
color: #FFFFFF !important;
}
#footer #calUpcoming .modHeader{
display: none !important;
}
.ctBulletinLink{
/*color: #1a3c63;*/
/*color: #231f20;*/
color: #006738;
    text-shadow: 0 1px 1px #FFFFFF;
    font-family: 'Arvo', serif;
font-size: 18px;
text-decoration: none !important;
transition: 0.2s ease all;
}
.ctBulletinLink:hover{
color: #231f20 !important;
transition: 0.2s ease all;
}
.ctBulletinDate{
/*color: #3C6594;*/
/*color: #006738;*/
color: #231f20;
text-decoration: none !important;
font-size: 14px;
}
.ctBulletinShortText{
font-size: 13px;
}
.ctBulletin{
        border: 1px solid #AAAAAA;
        background: #FFFFFF;
        padding: 10px;
        margin: 5px;
        display: block;
}
.ctBulletinImg{
position: relative;
min-width: 100px;
}
#main{
position: relative;
display: inline-block;
vertical-align: top;
width: 75%;
height: auto;
padding: 1%;
}
#leftSideBar{
position: relative;
display: inline-block;
vertical-align: top;
width: 25%;
height: auto;
padding: 1%;
}
.section{
background: #FFFFFF;
padding: 10px;
border: 1px solid #CCCCCC;
}
/* --- CONTENT TEMPLATE STYLES --- */
.row{
 	position: relative;
  	width: 100%;
   	height: auto;
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
}
.row:after{
	content: '';
 	clear: both;
  	display: block;
}
.oneColumn{
 	position: relative;
  	display: inline-block;
    width: 98%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.oneThird{
 	position: relative;
  	display: inline-block;
    width: 31.3333%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.twoThirds{
  	position: relative;
  	display: inline-block;
    width: 65.7777%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.twoColumns{
  	position: relative;
  	display: inline-block;
vertical-align: top;
    width: 48%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.threeColumns{
  	position: relative;
  	display: inline-block;
    width: 31.3333%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.fourColumns{
  	position: relative;
  	display: inline-block;
    width: 23%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.fiveColumns{
  	position: relative;
  	display: inline-block;
    width: 18%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
.sixColumns{
  	position: relative;
  	display: inline-block;
    width: 14%;
    height: auto;
    text-align: left;
    margin: 0 0.5% 1% 0.5%;
    padding: 0.5%;
}
a#pull, a#pullSub{
display: none;
}
#mobileHeader{
border-bottom: 1px solid #CCCCCC;
}
#mHeaderLeft, #mHeaderRight{
        display: inline-block;
        vertical-align: middle;
        width: 25%;
        height: auto;
        position: relative;
}
#mHeaderLeft{
padding-left: 4px;
}
#mHeaderCenter{
text-align: center;
  display: inline-block;
        vertical-align: middle;
        width: 50%;
        height: auto;
        position: relative;
}

#mHeaderRight{
text-align: center;
}
#mHeaderRight a{
/*background: #061A2D;*/
background: #004425;
text-decoration: none;
color: #FFFFFF;
padding: 10px 15px;
border-radius: 30px;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
}
#mHeaderLeft img{
position: relative;
width: auto;
max-width: 60px;
height: auto;
padding: 10px 0;
}
#mobileTitle{
border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        background: #EEE;
        color: #555;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-size: 12px;
        padding: 5px;
        text-align: center;
        text-shadow: 0 2px 2px #FFFFFF;
        font-weight: bold;
}
.mobileHide{
 display: block;
}
.mobileShow{
  display: none;
}
#grow1 input[type="text"], #grow2 input[type="text"]{
margin-top: 15px;
}
#calreg_Form fieldset{
width: 93% !important;
max-width: 100% !important;
}
.imgMain{
height: auto !important;
}
#imgGalleryMain{
margin: 0 auto !important;
text-align: center !important;
}
#imgGalleryMain UL, #imgGallery1Form, .flex-viewport, #imgGallery1 .imgMain, .imgMain img{
margin: 0 auto !important;
text-align: center !important;
}
.flexslider {
        margin: 0 auto !important;
        position: relative;
        zoom: 1;
        text-align: center !important;
}
.inner{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
padding: 0 1%;
}
.home .flex-control-nav, .home .flex-control-paging{
display: none !important;
}
.home #banner{
width: 100% !important;
}
.home #banner .imgMain img{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
}
.imgMain{
height: auto !important;
}
.flex-direction-nav .flex-prev{
    opacity: 0;
    filter: alpha(opacity=0);
    background-position: 100% 0;
    left: 20px !important;
}
.flex-direction-nav .flex-next {
    opacity: 0;
    filter: alpha(opacity=0);
    background-position: 100% 0;
    right: 20px !important;
}
.imgTitle{
position: absolute;
width: 100%;
max-width: 900px;
text-align: center;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 15;
color: #FFFFFF;
font-size: 2rem;
    padding: 1rem;
    bottom: unset !important;
}
.home #content{
font-size: 1.1rem;
line-height: 1.5rem;
}
.home #banner img{
position: relative;
width: 100%;
max-width: 100%;
height: auto;
display: block;
}
.home #headerContainer{
background: #FFFFFF !important;
/*border-bottom: 3px solid #3c6594;*/
z-index: 99;
box-shadow: 1px 1px 7px #AAAAAA;
}
.home .nav a, .home #header a{
color: #545454 !important;
font-weight: bold;
transition: 0.2s ease all;
}
.home #header a:hover, .home #header a:focus{
/*color: #183b64 !important;*/
/*color: #3c6594 !important;*/
color: #006738 !important;
background: #F7F7F7 !important;
transition: 0.2s ease all;
}
.home .nav .mnuItemActive a{
background: #F7F7F7 !important;
/*color: #3c6594 !important;*/
color: #006738 !important;
}
.home #contentContainer {
min-height: 500px;
padding-top: 2rem;
}
#memLogo{
position: relative;
display: inline-block;
vertical-align: middle;
width: 30%;
max-width: 100%;
height: auto;
margin: 10px auto;
}
#memCenter{
position: relative;
display: inline-block;
vertical-align: middle;
width: 40%;
max-width: 100%;
height: auto;
margin: 10px auto;
}
#socialLinks{
position: relative;
display: inline-block;
vertical-align: middle;
width: 30%;
max-width: 100%;
height: auto;
margin: 10px auto;
text-align: right;
}
.mem #socialLinks ul{
margin: 0 auto;
padding: 0;
}
.mem #socialLinks li{
list-style: none;
display: inline-block;
vertical-align: middle;
}
.mem #socialLinks li a{
color: #006738 !important;
display: block;
padding: 10px 15px;
text-align: right;
}
.header{
position: relative;
width: 1250px;
max-width: 100%;
height: auto;
margin: 0 auto;
}
.header:after{
content: '';
display: block;
clear: both;
}
@media only screen and (max-width: 1250px){
#content{
padding: 10px 20px;
}
}
@media only screen and (max-width: 768px){
.home #mHeaderCenter ul, .mem #mHeaderCenter ul{
margin: 0 auto;
padding: 0;
}
.home #mHeaderCenter li, .mem #mHeaderCenter li{
list-style: none;
display: inline-block;
vertical-align: middle;
}
.home #mHeaderCenter li a, .mem #mHeaderCenter li a{
color: #006738 !important;
display: block;
padding: 10px 15px;
text-align: center;
}
table td table.ctNorma{
float: none !important;
width: 98% !important;
background: #EEEEEE;
border: 1px solid #CCCCCC;
margin: 1% 1% 1% 0;
padding: 10px;
}
/*Mobile Menus*/
a#pull, a#pullSub{
display: block;
text-decoration: none !important;
}
a#pullSub{
text-align: left;
padding: 10px;
border: 1px solid #CCCCCC;
width: 90% !important;
margin: 10px auto 0 auto !important;
/*background: #3c6594 !important;*/
background: #006738 !important;
color: #FFFFFF !important;
}
#sideLinks{
width: 90% !important;
margin: 0 auto !important;
padding:0;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
background: #FFFFFF;
}
#sideLinks li{
list-style: none;
display: block;
}
#sideLinks li a{
text-decoration: none;
display: block;
padding: 10px;
border-bottom: 1px solid #CCCCCC;
}
.nav .mnuItemActive0 a {
    color: #FFFFFF;
   /* background: #1a3c63;*/
background: #006738 !important;
   /* border-top: 2px solid #3c6594;
    border-bottom: 2px solid #3c6594;*/
border-top: none;
border-bottom: 1px solid #006738;
}
.nav ul a{
/*border-bottom: 1px solid #264766;*/
border-bottom: 1px solid #006738;
}
.home .nav ul a{
color: #FFFFFF !important;
}
#navMod, #sideLinks{
display: none;
}
.nav{
/*background: #061A2D;*/
background: #004425;
}
.nav ul a{
padding: 10px !important;
}
.mobileHide{
 display: none !important;
}
.mobileShow{
  display: block !important;
}
img[align="left"], img[align="center"], img[align="right"]{
	float: none !important;
 	display: block !important;
  	text-align: center !important;
   	margin: 5px auto !important;
}
.twoColumns, .threeColumns, .fourColumns, .fiveColumns, .oneThird, .twoThirds, .oneFourth, .threeFourths{
display: block !important;
width: 100% !important;
}
#pageWrapper{
position: relative !important;
}
#headerLeft, #headerCenter, #headerRight{
display: block !important;
width: 100% !important;
}
#headerLeft, #headerCenter{
text-align: center !important;
}
#headerRight{
text-align: left !important;
}
#footerLeft, #footerCenter, #footerRight{
display: block !important;
width: 100% !important;
text-align: center !important;
margin: 10px auto !important;
}
#leftSideBar, #main, #main2, #rightSideBar{
display: block !important;
width: 100% !important;
}
.nav li{
display: block !important;
text-align: left !important;
}
.nav li a{
display: block !important;
text-align: left !important;
width: 100% !important;
}
.nav ul ul{
display: none !important;
}
.ctBulletinImage img{
min-width: 100px;
}
/*Calendar Module*/
#calMonth td{
font-size: 14px !important;
}
#calMonthTable td div{
text-align: left !important;
height: auto !important;
font-size: 14px !important;
}
#calWeekDayHeader{
display: none !important;
}
#calViewSelector select{
height: 35px;
}
select[name="MonthSelector"], select[name="YearSelector"]{
display: inline-block !important;
width: 40% !important;
margin: 5px !important;
height: 35px;
}
#calMonthName, #calDayCounter{
font-size: 15px !important;
}
.calToday{
background: #EEEEEE;
font-weight: bold !important;
}
/*Directory Module*/
#mdLetterLookup, #mdLetterSelected{
display: inline-block !important;
padding: 5px 10px;
width: auto !important;
}
#mdLetterLookup a{
position: relative; 
margin-top: 15px !important;
display: inline-block !important;
width: auto !important;
text-decoration: none !important;
border: 1px solid #545454;
padding: 5px 10px;
}
#mdLetterSelected a{
position: relative;
margin-top: 15px !important;
display: inline-block !important;
width: auto !important;
text-decoration: none !important;
border: 1px solid #545454;
outline: 1px solid #545454;
padding: 5px 10px;
background: #545454 !important;
color: #FFFFFF !important;
}
.pgPageLink{
  	padding: 5px 10px !important;
  	color: #545454 !important;
  	margin: 0 3px !important;
  	outline: 1px solid #545454;
}
.pgPageLink:hover{
	background: #545454 !important;
	color: #FFFFFF !important;
}
.pgPageCurrent{
	background: #545454 !important;
  	padding: 5px 10px !important;
 	color: #FFFFFF !important;
 	margin: 0 3px !important;
	outline: 1px solid #545454;
}
#gridPageNavigation{
	position: relative; 
	margin-top: 15px !important;
    display: inline-block !important;
    width: auto !important;
}
#gridPageNavigation td:first-child{
	width: auto !important;
	display: inline-block !important;
	text-align: left !important;
	float: none !important;
	clear: both !important;
}
#gridPageNavigation td:last-child{
    width: auto !important;
    display: inline-block !important;
    text-align: right !important;
    float: none !important;
    clear: both !important;
}
.pgNavPagesGrid, .pgMovePreviousGrid, .pgMoveNextGrid {
    padding-top: 0px;
    display: inline-block !important;
    width: auto !important;
}
#mdMemberDirectory .ctToolBar td{
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
}
#mdMemberDirectory .ctToolBar td:last-child{
    width: auto !important;
    display: inline-block !important;
    float: none !important;
    clear: both !important;
    text-align: right !important;
}
#mdGroupFilter, #mdPaging, #gridSort{
display: none !important;
}
#gridLookupStart{
text-decoration: none !important;
font-weight: bold;
font-size: 15px !important;
}
#gridLookup{
        border: 1px solid #545454;
        display: block;
        padding: 5px 10px;
        background: #FFFFFF;
        color: #FFFFFF;
}
#gridLookup input[type="text"]{
margin-bottom: 5px !important;
}
#gridLookup select{
height: 32px;
margin-bottom: 5px !important;
}
#gridTextLookup, #gridDateLookup{
color: #FFFFFF !important;
}
td input[type="text"], td input[type="password"], td textarea, td select{
display: block !important;
width: 96% !important;
padding: 5px !important;
}
td{
white-space: normal !important;
}
table, tbody, thead, tr, th, td{
display: block;
float: none !important;
width: 100%;
max-width: 100%;
height: auto !important;
text-align: left;
}
/*Mobile Score Card*/
.teeTable th{
display: none !important;
}
.teeTable td:first-child{
background: #545454;
color: #FFF;
}
.teeTable td:before {
position: absolute;
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
word-break: normal;
}
.teeTable td:nth-of-type(1):before {
content: "";
}
.teeTable td:nth-of-type(2):before {
content: "Yardage";
}
.teeTable td:nth-of-type(3):before {
content: "Par";
}
.teeTable td{
min-height: 30px;
text-align: center !important;
}
.scoreTable th{
display: none !important;
}
.scoreTable td:first-child{
background: #545454;
color: #FFF;
}
.scoreTable td:before {
position: absolute;
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
word-break: normal;
}
.scoreTable td:nth-of-type(1):before {
content: "";
}
.scoreTable td:nth-of-type(2):before {
content: "Hole 1";
}
.scoreTable td:nth-of-type(3):before {
content: "Hole 2";
}
.scoreTable td:nth-of-type(4):before {
content: "Hole 3";
}
.scoreTable td:nth-of-type(5):before {
content: "Hole 4";
}
.scoreTable td:nth-of-type(6):before {
content: "Hole 5";
}
.scoreTable td:nth-of-type(7):before {
content: "Hole 6";
}
.scoreTable td:nth-of-type(8):before {
content: "Hole 7";
}
.scoreTable td:nth-of-type(9):before {
content: "Hole 8";
}
.scoreTable td:nth-of-type(10):before {
content: "Hole 9";
}
.scoreTable td:nth-of-type(11):before {
content: "SET";
}
.scoreTable td{
min-height: 30px;
text-align: center;
}
.empty{
display: none !important;
}
/*second table mobile styles */
.scoreTable2 th{
display: none !important;
}
.scoreTable2 td:first-child{
background: #545454;
color: #FFF;
}
.scoreTable2 td:before {
position: absolute;
left: 15px; /*6px*/
width: 45%;
padding-right: 10px;
white-space: nowrap;
text-align: left !important;
font-weight: bold;
word-break: normal;
}
.scoreTable2 td:nth-of-type(1):before {
content: "";
}
.scoreTable2 td:nth-of-type(2):before {
content: "Hole 10";
}
.scoreTable2 td:nth-of-type(3):before {
content: "Hole 11";
}
.scoreTable2 td:nth-of-type(4):before {
content: "Hole 12";
}
.scoreTable2 td:nth-of-type(5):before {
content: "Hole 13";
}
.scoreTable2 td:nth-of-type(6):before {
content: "Hole 14";
}
.scoreTable2 td:nth-of-type(7):before {
content: "Hole 15";
}
.scoreTable2 td:nth-of-type(8):before {
content: "Hole 16";
}
.scoreTable2 td:nth-of-type(9):before {
content: "Hole 17";
}
.scoreTable2 td:nth-of-type(10):before {
content: "Hole 18";
}
.scoreTable2 td:nth-of-type(11):before {
content: "SET";
}
.scoreTable2 td{
min-height: 30px;
text-align: center;
}
#content{
padding: 1%;
}
}
@media only screen and (max-width: 600px){
    .lgBox, #lgBox .lgUserName, #lgBox .lgPassword, #lgBox .inpButton{
    width: 100% !important;
}
}