/*Forms.css*/
/*used by Create and Edit cshtml files*/


/*text entry formatting*/
/*

.tile {
  width: 90%;
  float:left;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.tile div {
  background: none !important;
  background: url(shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.tile p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }
*/
.preview
{
    background-color:#425699;
    position:absolute;
    left:400px;
    top:150px;
    width:300px;
    height:150px;
    z-index:2;
    cursor:pointer;
}

.tile
{
    border-radius: 8px;
    background-color: White;
    opacity: .92;
    /*width:280px;*/
    width: 450PX;
    height:135px;
    z-index:2;
    cursor:pointer;
    margin:25PX;
    float:left;
    position: relative;


    -moz-box-shadow: 3px 3px 3px #888;
    -webkit-box-shadow: 3px 3px 2px #888;
    box-shadow: 3px 3px 3px #888;

    /*-moz-box-shadow: 0 0 2px #000;
-webkit-box-shadow: 0 0 2px#000;
box-shadow: 0 0 2px #000;*/

}

.tile-title
{
    opacity: 1;
    font-family:Helvetica;
    font-weight:bold;
    font-size:24px;
    color:black;
    position:absolute;
    /*text-align:center;*/
    width:450px;
    height:30px;
    overflow:hidden;

    /*border-bottom: 1px solid black;
    */
    -moz-box-shadow: 0px 5px 1px #888;
    -webkit-box-shadow: 0px 5px 1px #888;
    box-shadow: 0px 5px 1px #888;

}

.location
{
    opacity: 1;
    font-family:Helvetica;
    font-size:17px;
    color:#black;
    position:absolute;
    left:20px;
    top: 77px;
    width:365px;
}

.number
{
    opacity: 1;
    font-size:16px;
    font-family:Helvetica;
    font-weight:bold;
    text-align:right;
    color:#black;
    text-align:right;
    position:absolute;
    left:260px;
    top:95px;
    width:30px;
}

.date
{
    opacity: 1;
    font-family:Helvetica;
    font-size:17px;
    color:#black;
    position:absolute;
    left:20px;
    top: 47px;
    width:195px;
}
.time
{
    opacity: 1;
    font-family:Helvetica;
    font-size:17px;
    color: #black;
    position:absolute;
    left:205px;
    top:47px;
    width:195px;
}

.tilePic1
{
    margin-left: 15px;
    margin-top: 110px;
    /*margin-top: 35px;*/
}

.tilePic2
{
    margin-left: 50px;
    margin-top: 110px;
    /*margin-top: 35px;*/
}

.tilePic3
{
    margin-left: 55px;
    margin-top: 110px;
    /*margin-top: 35px;*/
}

.numAttending
{
    opacity: 1;
    font-family:Helvetica;
    font-size:14px;
    color:#black;
    position:absolute;
    left:40px;
    top: 110px;
    width:195px;
}

.numComments
{
    opacity: 1;
    font-family:Helvetica;
    font-size:14px;
    color:#black;
    position:absolute;
    left:115px;
    top: 110px;
    width:195px;
}

.numViews
{
    opacity: 1;
    font-family:Helvetica;
    font-size:14px;
    color:#black;
    position:absolute;
    left: 190px;
    top: 110px;
    width:195px;
}


/*Default Description Elements to not visible on load.  may want to move this to javascript but so far $(".descriptionElements").css("opacity", "0.0"); has been unsuccessful
(think it has to do with the class being an array of elements and not just a single element*/
.descriptionElements
{
    opacity:0;
}

.description
{
    text-align:center;
    color:#CCD8FF;
    font-family:Trebuchet MS;
    font-size:14px;
    position:absolute;
    height:130px;
    width:270px;
    left:5px;
    top:5px;
    max-height:130px;
    max-width:280px;
}

.eventThumbnail
{
    left: 350px;
    top: 45px;
    position: absolute;
    border: 1px solid black;
}

.icon
{
    position:absolute;
    left:0px;
    top:40px;
    height:0px;
    width:0px;
    padding:5px;
}

.number
{
    font-size:16px;
    font-family:Trebuchet MS;
    font-weight:bold;
    text-align:right;
    color:#CFDAFC;
    text-align:right;
    position:absolute;
    left:260px;
    top:125px;
    width:30px;
}

#event-title
{
    color:#EBECFF;
    font-size:20px;
}