/* */
/* */
/* */
/* drag and drop stuff begins here */
/* add bottom margin between tables */
/* */

body{
    font-family: arial;
    margin: 0px;
    padding: 0px;
}

/* carousel stuff */

.carousel {
    position: relative;
    width: 270px;
    height: 160px;
    overflow: hidden;
    background-color: #cdcdcd;
}

.carousel-item .slide-image {
    width: 270px;
    height: 160px;
    background-size: cover;
    background-repeat: no-repeat;
}

.carousel-item {
    position: absolute;
    width: 100%;
    height: 270px;
    border: none;
    top: 0;
    left: 100%;
}

.carousel-item.active {
    left: 0;
    transition: all 0.3s ease-out;
}

.carousel-item div {
    height: 100%;
}


/* Start of Flex Flow Mobile Browser stuff */
/* @media all and (min-width: 630px) {
  /* two column code */
  /* #miMtgContainer {
    display: flex ;
    align-items: stretch ;
    flex-flow: row wrap ;
  }
  #miMtgInfo {
    order: 1 ;
    width: 50%;
  }
  #miMtgMap {
    order: 2 ;
    width: 50% ;
  }
}
@media all and (max-width: 629px) {
  /* one column code */
 /*  #miMtgContainer {
    display: flex ;
    align-items: stretch ;
    flex-flow: column wrap ;
  }
  #miMtgInfo {
    order: 1 ;
    width: 100%;
  }
  #miMtgMap {
    order: 2 ;
    width: 100% ;
  }
} */

.miTable {
    border-collapse: collapse;
    border: 1px solid red;
}

.calTable {
    border-collapse: collapse;
    border: 1px solid black;
}

.indent50
   {
   padding-left: 5pt;
   }
.indentC
   {
   padding-left: 10pt;
   }
.indentCL
   {
   padding-left: 15pt;
   }
.indentCC
   {
   padding-left: 20pt;
   }
   
#page-wrap{
     width: 800px;
     margin: 0 auto;
}

/* drag container (contains two tables) */
#drag{
	margin: auto;
	width: 1050px;
}

/* drag objects (DIV inside table cells) */
.drag{
	position: relative;
	cursor: move;
	margin: auto;
	z-index: 10;
	background-color: yellow;
	text-align: left;
	font-size: 7pt; /* needed for cloned object */
	/*opacity: 0.7; */
	/* filter: alpha(opacity=70); */
	/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	width: 140px;
}
/* add the tooltip stuff */

.tooltip
{
	position:relative;
}	
.tooltip:hover
   {
   	z-index:11;
   }
.tooltip span
   {
     display: none;position:absolute;top:1em; left:1em;font-size: 10pt;
     /* the line above is all that is necessary in a.tooltip span the rest is formatting - you can alter top and left */
     padding:2px; border:1px solid Grey; width:320px; background-color:Yellow;
   }
.tooltip:hover span
   {
   	   	display:block;font-size: 10pt;
   }
   
/* drag objects border for the first table */
.t1 {border: 0px solid #499B33;}

/* drag object border for the second table */
.t2 {border: 0px solid #2D4B7A;}

/* cloned objects - third table */
.t3 {border: 0px solid #BF6A30;}

/* allow / deny access to cells marked with 'mark' class name */
.mark
{
	position: relative;
	margin: auto;
	background-color: white;
	text-align: left;
	font-size: 7pt; /* needed for cloned object */
	/* without width, IE6/7 will not apply filter/opacity to the element ?! */
	width: 150px;	
}

/* trash cell */
.trash{color: white; background-color: #2D4B7A;}

/* table cells */
div#mark td{
	height: 12px;
	border: 0px solid white;
	text-align: left;
	font-size: 6pt;
	padding: 2px;
}

/* tables */
div#drag table{
	background-color: #e0e0e0;
	border-collapse: collapse;
}

/* needed for IE6 because cursor "move" shown on radio button and checckbox ?! */
div#drag input{
	cursor: auto;
}

/* table cells */
div#drag td{
	height: 12px;
	border: 0px solid white;
	text-align: center;
	font-size: 6pt;
	padding: 2px;
}

/* "Click" button */
.button{
	background-color: #6A93D4;
	color: white; 
	border-width: 1px;
	width: 136px;
	padding: 0px;
}

/* toggle checkboxes at the bottom */
.checkbox{
	margin-left: 13px;
	margin-right: 14px;
	width:13px; /* needed for IE ?! */
}
/* button message */
.message_line{
	padding-left: 10px;
	margin-bottom: 3px;
	font-size: 10pt;
	color: #888;
}
/* append here cloned object before land to some table cell */
#obj_new{
	height: 15px;
	width: 10px;
}


.WelcomeHeader
{ 
  color: black;
  font-family: Georgia, Verdana, 'Trebuchet MS', Comic Sans MS, Arial;
  font-size: 24px;
  font-weight: bold;
}
.NavigationHeadBU
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: #000000;
  font-family: Arial, Verdana, Georgia ;
  font-weight: bold;
  font-size: 10pt;
  color: #ffffff;
  padding-left: 3px;
  text-align: center;
} 
.NavigationHead
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-image: url(checkflaghdr0.jpg);
  font-family: Arial, Verdana, Georgia ;
  font-weight: bold;
  font-size: 10pt;
  color: #ffffff;
  padding-left: 1px;
  text-align: center;
}
.NavigationHeadUnreadable
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-image: url(checksquare5.jpg); 
  background-repeat : repeat;
  font-family: Arial, Verdana, Georgia ;
  font-weight: bold;
  font-size: 10pt;
  color: #FF0000;
  padding-left: 3px;
  text-align: center;
} 

.LicenseHead
{
	font-family: Arial;
    font-weight : bold;
    font-size : 16pt;
    color : #000000;
    padding-left: 0px;
    text-align : center;
}
.LicenseMemberInfoHead
{
	font-family: Arial;
    font-weight : bold;
    font-size : 12pt;
    color : #000000;
    padding-left: 0px;
    text-align : left;
}
.LicenseMemberInfoText
{
	font-family: Arial;
    font-size : 10pt;
    color : #000000;
    padding-left: 0px;
    text-align : left;
}
.MembershipHead
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: #cae1ff;
  font-family: Georiga, Verdana, Arial;
  font-weight: bold;
  font-size: 10pt;
  color: #000000;
  padding-left: 3px;
  text-align: center;
}  
.ListHead
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: #ffa54f;
  background-color: Lime;  
  font-family: Georgia, Verdana, Arial;
  font-weight: bold;
  font-size: 10pt;
  color: #000000;
  padding-left: 3px;
  text-align: center;
}      
.ListContent
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: #ffffff;
  text-align: left;
}
a.ListUnselected
{      
  font-family: Georga, Verdana, Arial;
  font-weight: bold;
  font-size: 9pt;
  color: #666666;
  line-height: 25px;                              
  padding-left: 5px;                              
  text-decoration: none;
}                
a.ListUnselected:hover                      
{                
  padding-left: 5px;                              
  color: #000000;
}                
a.ListSelected                              
{                
  font-family: Georgia, Verdana, Arial;                    
  font-weight: bold;                              
  font-size: 9pt;
  color: #000000;
  line-height: 25px; 
  padding-left: 5px;
  text-decoration: none;
}
.CellBorder
{
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
}
.UpcomingListHead
{  
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: Lime;
  font-family: Georgia, Verdana, Arial;  
  font-weight: bold;
  font-size: 10pt;
  color: black;
  text-align: center;
}
.RecentListHead
{  
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: Yellow;
  font-family: Georgia, Verdana, Arial;  
  font-weight: bold;
  font-size: 10pt;
  color: black;
  text-align: center;
}
.EventListHead
{  
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
  background-color: Lime; 
  font-family: Georgia, Verdana, Arial;  
  font-weight: bold;
  font-size: 10pt;
  color: black;
  text-align: center;
}
.EventListContent
{  
  border-right: #000000 1px solid;  
  border-top: #000000 1px solid;  
  border-left: #000000 1px solid; 
  border-bottom: #000000 1px solid; 
  background-color: #ffffff;
  text-align: center;
}  
a.EventUnselected
{  
  font-family: Georgia, Verdana, Arial;  
  font-weight: bold;
  font-size: 9pt;
  color: #cd853f;
  line-height: 25px;
  padding-right: 5px;  
  padding-left: 5px;
  text-decoration: none  
}  
a.EventUnselected:hover 
{  
  color: #d2691e;
  padding-right: 5px;  
  padding-left: 5px 
}  
a.EventSelected  
{  
  font-family: Georia, Verdana, Arial;  
  font-weight: bold;
  font-size: 9pt;
  color: #a0522d;
  line-height: 25px;
  padding-right: 5px;  
  padding-left: 5px;
  text-decoration: none  
}
a.EventName
{
    color: Navy;
    font-family: Georgia, Verdana, 'Trebuchet MS';
    text-decoration: none;
    font-weight: bold;
    font-size: 18px;
}
a.EventName:hover
{
    text-decoration: underline;
}
a.EventNameUL
{
    color: Navy;
    font-family: Georgia, Verdana, 'Trebuchet MS';
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
}
a.EventNameUL:hover
{
    color: Red;
}
   
.EventDescription
{
    color: Black;
    font-family: Verdana, 'Trebuchet MS', Comic Sans MS, Arial;
    font-size: 14px;
}
.EventLocation
{
    color: Black;
    font-style: italic;
    font-family: Verdana, 'Trebuchet MS', Comic Sans MS, Arial;
    font-size: 14px;
 
}
.EventDate
{
    color: Black;
    font-family: Verdana, 'Trebuchet MS', Comic Sans MS, Arial;
    font-size: 14px;
}
.EventName
{ 
  color: Black;
  font-family: Georgia, Verdana, 'Trebuchet MS', Comic Sans MS, Arial;
  font-size: 18px;
  font-weight: bold;
}
a.mnuLink
{
    color: red;
    text-decoration: none;
}

a.mnuLink:hover 
{ 
  padding-left: 5px;
  color: blue;
  text-decoration: underline;
}
.UserInfoHead
{ 
  border-bottom: #000000 1px solid;
  background-color: #cae1ff;
  font-family: Verdana, Arial;  
  font-weight: bold;
  font-size: 10pt;  
  color: #000000;
  padding-left: 3px;
  text-align: center;
}  
.UserInfoContent
{
  border-right: #000000 1px solid; 
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;  
  border-bottom: #000000 1px solid;
  background-color: #ffffff;
  text-align: center;
} 
.UserInfoText
{
  font-family: Verdana, Arial;
  font-size: 9pt;
  padding-left: 5px;
  text-decoration: none;
}
a.UserInfoLink
{
  font-family: Verdana, Arial;
  font-weight: bold;
  font-size: 9pt;
  color: Red;
  line-height: 15px;
  padding-left: 5px;
  text-decoration: none;
} 
a.UserInfoLink:hover 
{ 
  padding-left: 5px;
  color: Red;
}
a.UInfoLink
{
  font-family: Verdana, Arial;
  font-size: 9pt;
  line-height: 10px;
  padding-left: 5px;
  text-decoration: none;
}
a.UInfoLink:hover 
{ 
  padding-left: 5px;
  color: Red;
}
.UInfoContent
{
  border-right: #000000 1px solid; 
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;  
  border-bottom: #000000 1px solid;
  background-color: #cae1ff;
  text-align: center;
} 
.FeeName
{
    color:Blue;
    font-family: Verdana, Helvetica, Sans-Serif;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}
.FeeDescription
{ 
  color: Black; 
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
} 
.FeeAmount
{ 
  color: Black; 
  font-family: Verdana, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 11px;
} 

.Button
{ 
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

.AdminTitle
{ 
  color: Red;
  font-family: Georgia, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 21px;
  font-weight: bold;
  line-height: 40px;
  vertical-align:bottom;
} 
.AdminLink
{ 
  color: Navy;
  font-family: Georgia, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
  vertical-align: bottom;
}
.AdminPageText
{ 
  color: Navy;
  font-family: Georgia, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
}
a.AdminPageText
{
  color: Navy;
  font-family: Georgia, Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 12px;
}
a.AdminPageText:hover
{ 
  color:Red;
}
.AdminErrorText
{
    font-weight: bold;
    font-size: 12px;
    color: Red;
    font-style: italic;
    font-family: Helvetica, Sans-Serif;
}

.bodyNoTop
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 0px;
}

.Grid
{
  border-color: #E7E7FF;
  width: 100%;
}
.Freezing { 
  position:fixed ;
  z-index: 10;
}

.GridHeader
{ 
  color: White;
  background-color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  text-align: left;
}
a.GridHeader
{ 
  color: White;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 11px;
  text-align: left;
}
.GridRow
{ 
  color: Navy;
  background-color: #E7E7FF;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  text-align: left;
}
.GridEditingRow
{
  color: Navy;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  text-align: left;
}
.GridAlternateRow
{ 
  color: Navy;
  background-color: #F7F7F7;
  font-family: Verdana, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 10px;
  text-align: left;
}

.Panel
{      
  border-right: #000000 1px solid;
  border-top: #000000 1px solid;
  border-left: #000000 1px solid;
  border-bottom: #000000 1px solid;
}

.ProfileTable
{
    width: 100%;
    background-color: #ccccff;
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    border: Solid 2px Navy;
    line-height: 15px;
}
.ProfileTableHead
{
    border-bottom: Navy 2px solid;
    /* background-color: #666699; */
    background-color:Lime;
    font-family: Verdana, Arial;
    font-weight: bold;
    font-size: 10pt;
    color:Yellow;
    padding-left: 3px;
    text-align: center;
}
.SmallLinkButtonText
{
    color: Red;
    font-family: Lucida Handwriting, Viner Hand ITC, Verdana, Helvetica, Sans-Serif;
    font-size: 11px;
}
.CartSummary
{
  border-right: #0468a4 2px solid;
  border-top: #0468a4 2px solid;
  border-left: #0468a4 2px solid;
  border-bottom: #0468a4 2px solid;
  background-color: InfoBackground;
  font-family: Arial;
  font-size: 9pt;
  color: Navy;
  padding-top: 3px;
  padding-left: 2px;
  padding-bottom: 5px;
}
a.CartLink
{
  color: Navy;
  font-family: Arial;
  text-decoration: none;
  font-style:italic;
  font-size: 12px;
}
a.CartLink:hover
{  
  color: Red;
}
.CartTitle
{
  color: Black;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: bold;
}
.InfoText
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
}
.InfoTextRed
{
    font-family: Verdana, Helvetica, Sans-Serif;
    font-size: 12px;
    color: Red;
    font-weight: bold;
}
.borderTable 
{
	padding: 2px 4px 2px 4px;
	border: 1px solid #660000;
}
a
{
    text-decoration: none;
}
a:hover
{
    text-decoration:underline;
}

.PanelPadding fieldset {
     padding:3px;
}