/* ------------------------------
global styles
------------------------------ */

body {
	margin: 0;
	padding: 0;
	font: 85% arial, Helvetica, sans-serif;
	text-align: center;
}

.table
{
display: table;   /* Allow the centering to work */
margin: 0 auto;
}

.menutext
{
padding:10px 0 0 0;
height:50px;
font-size:24px;
font-family:Helvetica, sans-serif
}

.menutext ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

.menutext li
{
float:left;
}

.menutext a
{
display:block;
width:150px;
color:red;
}

.menutext a:link {text-decoration:none;}
.menutext a:visited {text-decoration:none;}
.menutext a:hover {text-decoration:underline;}
.menutext a:active {text-decoration:underline;}

#events-today-container {
width:47%;
float:left;
margin:1%;
min-width:400px;
}

#events-today-date{
height: 25px;
padding:8px 0 0 0;
background-color: MediumVioletRed;
color: white;
border-bottom: 1px solid black;
}

#events-today-content {
border: 1px solid black/*MediumVioletRed*/;
min-height:100px;
}

#events-today-list {
padding: 3px;
}

.event-single {
width:100%;
min-height:20px;
max-height: 40px;
height:35px;
}

.event-detail {
float:left;
width:40%;
min-width: 100px;
text-align: left;
}

.event-detail-time {
float:left;
width:20%;
max-width: 100px;
text-align: left;
}

#ycmtu-index-container {
width:47%;
float:left;
margin:1%;
min-width:400px;
}

#ycmtu-index-title {
height: 25px;
padding:8px 0 0 0;
background-color: MediumVioletRed;
color: white;
border-bottom: 1px solid black;
}

#ycmtu-index-content {
border: 1px solid black/*MediumVioletRed*/;
min-height:100px;
}

#ycmtu-index-container img{
max-width:90%;
padding:1%;
}

.ads {
width:100%;
margin-left: auto;
margin-right: auto;
}

#adbanner {
background-image:url("/images/adbanner.jpg");
background-repeat:repeat-x;
padding:10px 0 0 0px;
margin:10px 0 0 10px;
height:104px;
width:100%;
float:left;
/*vertical-align: middle;*/

margin-left: auto;
    margin-right: auto;
    
}

.ad-container {
/*padding:0 20px;*/
min-height:50px;
width:33%;
float:left;
min-width: 230px;
}

.content {
width:100%;
margin-left: auto;
margin-right: auto;
min-height: 250px;
}

.contenttitle {
padding:10px 0 0 0;
height:30px;
font-size:24px;
font-family:Helvetica, sans-serif;
color:red;
}

.pagecontent
{
/*-webkit-border-image:url("/images/contentoutline.gif") 30 30 stretch;  Safari 5 */
/*-o-border-image:url("/images/contentoutline.gif") 30 30 stretch;  Opera 10.5-12.1 */
/*border-image:url("/images/contentoutline.gif") 30 30 stretch;*/
font-family:Helvetica, sans-serif;
border-image-width: 6;
width:100%;
float:left;
margin-left: auto;
margin-right: auto;
/*padding:0 0 0 10px;*/
}

.dayname {
font-family:Helvetica, sans-serif;
font-size:20px;
color:MediumVioletRed;/*red;*/
float:left;
width:94px;
padding:10px 10px 0 0;
margin:0 0 0 5px;
}

.dayname a:link {text-decoration:none;color:#C71585;/*MediumVioletRed;red;*/}
.dayname a:visited {text-decoration:none;color:MediumVioletRed;/*red;*/}
.dayname a:hover {text-decoration:none;color:MediumVioletRed;/*red;*/}
.dayname a:active {text-decoration:none;color:MediumVioletRed;/*red;*/}

.dayevents
{
background-image:url("/images/day2.gif");
background-repeat:no-repeat;
padding:10px 10px 0 0;
margin:0 0 0 5px;
float:left;
height:119px;
width:94px;
}

.daydate
{
font-family:Helvetica, sans-serif;
color:white;
font-size:20px;
width:90px;
padding:5px 0 0 0;
}

.eventdetailview
{
float:relative;
width:800px;
height:auto;
}

.eventcontainer
{
float:left;
width:600px;
padding: 0 0 0 20px;
}

.companyeventdetailview
{
/*float:relative;*/
width:100%;
height:auto;
}

.companyeventcontainer
{
/*float:left;*/
width:700px;
/*padding: 0 0 0 20px;*/
height:200px;
margin: 0 auto;
}

.business-titlecontainer
{
float:left;
width:90%;
margin-bottom: 20px;
margin-left: 5%;
margin-top:-20px;
border-bottom-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.advertisers-login {
margin: 0 0 15px 0;
}

.advertiser-welcomecontainer
{
float:left;
width:90%;
margin-bottom: 20px;
margin-left: 5%;
border-bottom-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
}

.advertiser-welcometext
{
float:left;
width:300px;
}

.advertiser-welcome
{
float:left;
text-align:center;
}

.advertiser-list
{
float:left;
width:50%;
margin:10px 0 0 0;
}

#advertiser-upcomingevents
{
/*background-color:orange;*/
}

.event-titlecontainer {
float:left;
width:100%;
/* margin-left:5%; */
/*margin-bottom: 20px;*/
margin-top:-20px;
}

.eventcontainer a:link,a:visited,a:hover, a:active {
text-decoration:none;
color:black;
}

.eventdetails {
float:left;
width:100%;
}

.companyeventcontainer a:link,a:visited,a:hover, a:active {
text-decoration:none;
color:black;
}

.company-event-container-title {
border-bottom: 1px solid black;
height:40px;
float:left;
width:100%;
}

#event-details-listing2 div.eventdate {
display:none;
}
#company-view-listing2 div.eventlocation {
display:none;
}

.events-week {
height:165px;
overflow:scroll;
}

.events-week-holder {
width:800px;
height:25px;
margin:0 auto;
}

.eventdate
{
float:left;
width:100px;
}

.eventtitle
{
float:left;
width:100px;
}

.eventtime
{
float:left;
width:100px;
}

.eventdescription
{
float:left;
width:300px;
}

.eventlocation
{
float:left;
width:75px;
}

.eventlocationcontainer
{
padding:10px 0 0 0;
}
.eventlocation a:link {text-decoration:none;color:black;}
.eventlocation a:visited {text-decoration:none;color:black;}
.eventlocation a:hover {text-decoration:none;color:black;}
.eventlocation a:active {text-decoration:none;color:black;}

.eventcount
{
font-family:Helvetica, sans-serif;
font-size:36px;
color:black;
padding:25px 0 0 0;
width:90px;
}

.ad {
font-family:Helvetica, sans-serif;
background-image:url("/images/adbackground2.gif");
background-repeat:no-repeat;
/*padding:0 25px 0 0;
margin:0 0 0 30px;*/
float:left;
height:86px;
width:208px;
cursor: pointer;
}

#adbanner a:link {text-decoration:none;color:black;}
#adbanner a:visited {text-decoration:none;color:black;}
#adbanner a:hover {text-decoration:none;color:black;}
#adbanner a:active {text-decoration:none;color:black;}

.companydetailview
{
float:relative;
width:90%;
min-height:130px;
height:auto;
margin:0 auto;
}

.companycontainer
{
float:left;
width:50%;
padding: 0 0 0 20px;
}

.companydetails
{
float:left;
width:100%;
border-bottom-style:solid;
border-bottom-color:black;
border-bottom-width:1px;
padding: 10px 0 10px 0; 
margin: 0 auto;
}

.company-photo
{
float:left;
width:20%;
padding: 0 5px 0 0;
}

.businessdetails
{
float:left;
width:100%;
border-bottom-style:solid;
border-bottom-color:black;
border-bottom-width:1px;
padding: 10px 0 10px 0; 
margin: 0 0 10px 0;
cursor: pointer;
}

.companyimage
{
float:left;
height:72px;
width:72px;
padding: 6px 0 0 26px;
}

.companyimage img
{
/*border-color:black;
border-width:1px;
border-style:solid;*/
width:72px;
}

.companyname
{
float:left;
padding: 8px 0 0 0;
margin-left: auto;
margin-right: auto;
font-size:16px;
overflow:hidden;
height:72px;
width:100px;
font-weight: bold;
}

.companyviewcontainer {
min-height:100px;
margin:15px auto;
width:208px;
}

.companyviewcontainer a:link {text-decoration:none;color:black;}
.companyviewcontainer a:visited {text-decoration:none;color:black;}
.companyviewcontainer a:hover {text-decoration:underline;color:black;}
.companyviewcontainer a:active {text-decoration:underline;color:black;}

.foothold
{
/*width:800px;*/
width:100%;
margin-left: auto;
margin-right: auto;
}

.footer {
margin:5px 0;
font-size:14px;
font-family:Helvetica, sans-serif;
float:left;
width:100%;
background-color:black;
padding: 10px 0;
}

.footer ul
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
}

.footer li
{
float:left;
}

.footer a {
display:block;
min-width:100px;
margin: 0 auto;
color:white;
}

.footer a:link {text-decoration:none;}
.footer a:visited {text-decoration:none;}
.footer a:hover {text-decoration:underline;}
.footer a:active {text-decoration:underline;}

.pageheader {padding-top:15px;}



/* menu css */
#cssmenu {
  /*position: relative;*/
  height: 44px;
  background: #000000;
  /*
  background: #2b2f3a;
  width: auto;
  */
  /*width:800px;*/
  margin-left: 80px;
  margin-right: auto;
  /*margin-bottom: 10px;*/
}
#cssmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#cssmenu > ul {
  position: relative;
  display: block;
  background: #000000;
  /*background: #2b2f3a;*/
  height: 32px;
  width: 100%;
  z-index: 500;
}
#cssmenu > ul > li {
  display: block;
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
#cssmenu > ul > #menu-button {
  display: none;
}
#cssmenu ul li a {
  display: block;
  font-family: Helvetica, sans-serif;
  text-decoration: none;
}
#cssmenu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 20px;
  /*color: #7a8189;*/
  color: DodgerBlue;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 32px;
}
#cssmenu > ul > li:hover > a {
  color: MediumVioletRed;/*DarkOrange;*/
}
#cssmenu li.has-sub::after {
  display: block;
  content: '';
  position: absolute;
  width: 0;
  height: 0;
}
#cssmenu > ul > li.has-sub::after {
  right: 10px;
  top: 20px;
  border: 5px solid transparent;
  border-top-color: #7a8189;
}
#cssmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}
#indicatorContainer {
  position: absolute;
  height: 12px;
  width: 100%;
  bottom: 0px;
  overflow: hidden;
  z-index: -1;
}
#pIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  z-index: -2;
  -webkit-transition: left .25s ease;
  -moz-transition: left .25s ease;
  -ms-transition: left .25s ease;
  -o-transition: left .25s ease;
  transition: left .25s ease;
}
#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 70px;
  opacity: 0;
  -webkit-transition: opacity .3s ease, top .25s ease;
  -moz-transition: opacity .3s ease, top .25s ease;
  -ms-transition: opacity .3s ease, top .25s ease;
  -o-transition: opacity .3s ease, top .25s ease;
  transition: opacity .3s ease, top .25s ease;
  z-index: 1000;
}
#cssmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#cssmenu ul ul li {
  position: relative;
}
#cssmenu > ul > li:hover > ul {
  left: auto;
  top: 44px;
  opacity: 1;
}
#cssmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#cssmenu ul ul li a {
  width: 130px;
  border-bottom: 1px solid #eee;
  padding: 10px 20px;
  font-size: 12px;
  color: #9ea2a5;
  background: #fff;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -ms-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
#cssmenu ul ul li:hover > a {
  background: #f6f6f6;
  color: #8c9195;
}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {
  border-bottom: 0;
}
.submenuArrow {
  border: 6px solid transparent;
  width: 0;
  height: 0;
  border-bottom-color: #fff;
  position: absolute;
  top: -12px;
}
#cssmenu ul ul li.has-sub::after {
  border: 4px solid transparent;
  border-left-color: #9ea2a5;
  right: 10px;
  top: 12px;
  -moz-transition: all .2s ease;
  -ms-transition: all .2s ease;
  -o-transition: all .2s ease;
  transition: all .2s ease;
  -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;
}
#cssmenu ul ul li.has-sub:hover::after {
  border-left-color: #fff;
  right: -5px;
  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
#cssmenu{
	display:block;
}
#the-select-menu{
	display:none;
}
#menu-select{
	display:none;
}
@media all and (max-width: 520px)/*,
 only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
  only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
   only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
    only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
     only screen and (min-resolution: 192dpi) and (max-width: 1024px),
      only screen and (min-resolution: 2dppx) and (max-width: 1024px)*/ {
#cssmenu{
	display:none;
}
#the-select-menu{
	display:block;
	margin-left:80px;
}
#menu-select{
	display:block;
}
  #cssmenu {
    width: auto;
  }
  #cssmenu ul {
    width: auto;
  }
  #cssmenu .submenuArrow,
  #cssmenu #indicatorContainer {
    display: none;
  }
  #cssmenu > ul {
    height: auto;
    display: block;
  }
  #cssmenu > ul > li {
    float: none;
  }
  #cssmenu li,
  #cssmenu > ul > li {
    display: none;
  }
  #cssmenu ul ul,
  #cssmenu ul ul ul,
  #cssmenu ul > li:hover > ul,
  #cssmenu ul ul > li:hover > ul {
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    padding-left: 0;
  }
  #cssmenu ul .has-sub::after {
    display: none;
  }
  #cssmenu ul li a {
    padding: 12px 20px;
  }
  #cssmenu ul ul li a {
    border: 0;
    background: none;
    width: auto;
    padding: 8px 35px;
  }
  #cssmenu ul ul li:hover > a {
    background: none;
    color: #8c9195;
  }
  #cssmenu ul ul ul a {
    padding: 8px 50px;
  }
  #cssmenu ul ul ul ul a {
    padding: 8px 65px;
  }
  #cssmenu ul ul ul ul ul a {
    padding: 8px 80px;
  }
  #cssmenu ul ul ul ul ul ul a {
    padding: 8px 95px;
  }
  #cssmenu > ul > #menu-button {
    display: block;
    cursor: pointer;
  }
  #cssmenu #menu-button > a {
    padding: 14px 20px;
  }
  #cssmenu ul.open li,
  #cssmenu > ul.open > li {
    display: block;
  }
  #cssmenu > ul.open > li#menu-button > a {
    color: #fff;
    border-bottom: 1px solid rgba(150, 150, 150, 0.1);
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    border-bottom: 2px solid #7a8189;
    right: 20px;
    top: 15px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #7a8189;
    right: 20px;
    top: 25px;
  }
  #cssmenu ul.open #menu-button::after,
  #cssmenu ul.open #menu-button::before {
    border-color: #fff;
  }
}
/* menu css */

#tab2 {
width:90%;
margin-left:5%;
}