/* CSS Document */

.showevent #intro .avatar {
    max-width: min(22%, 190px);
    height: min-content;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #225790;
    position: relative;
}
.showevent #intro .eventinfodiv {
    width: min(75%, 950px);
    float: left;
    margin-left: 1.7%;
    padding-left: 4px;
	text-align: left;
}
.showevent #intro .elementtag{
	font-size:18px; padding: 3px 5px; background: #e5e5e5;margin: 2px;float:none;display:inline-block;
}
.eventinfodiv h1{
	font-size:28px;
}
.eventinfodiv h2{
	font-size:22px;
}
.showevent #left{
	width: 280px;
	padding: 10px 5px;
	border: none;
	float: left;
}

.showevent #right{
	width: calc(100% - 300px);
	float:right;
	margin:5px 0px;
	min-height: 200px;
}

.showevent .rsvpwidget{	
	margin: 10px 0px;
	padding: 0px 5px;
}

.widelabel{
  border-bottom: 2px solid #cea432;
  color: #234a81;

}

.widelabel p{
  text-align: left;
	font-size: 22px;
	margin-left: 10px;
}

.showevent #evimagebox{
width: 100%;
margin: auto;
margin-top: 10px;
text-align:center;
}

.showevent .thumb{
max-width: 100%;
margin:auto;
}

.showevent .urldisplay{
	margin-top:10px;
}
.showevent .urlimage {
    max-width: 25%;
}
.showevent .urlimage img {
    display: inline-block;
    max-width: 100%;
    margin-top: 3px;
}
.showevent .urlinfo {
    max-width: 74%;
	width:74%;
    margin-left: 1%;
    float: left;
    background: #eee;
    padding: 4px;
}

.showevent .rsvpwidget p.submit{
	
	clear: both;
	padding: 10px;
	text-align: center;
}

.showevent .rsvpwidget p.submit input{
	
	background: url('../imagenes/pe_re_submit_bg.jpg');
	width: 92px;
	height: 29px;
	color: black;
	text-align: center;
	border: none;
	font-weight: bold;
}

.showevent .rsvpwidget p.submit input:hover{
color: grey;
}

.showevent #right h1,
.showevent #right h2,
.showevent #right h3{	
	color: black;
	font-weight: normal;
  	width: 100%;
  	float: left;
}
.showevent #right h1{	
	font-size: 22px;
}
.showevent #right h2{	
	font-size: 20px;
}
.showevent #right h3{	
	font-size: 18px;
}
.showevent #right .moreinfo{
	font-size:24px;
	float: left; width: 100%;text-align:center;margin-top:10px;font-size:24px;
	border:1px solid grey;
	padding:5px;
	background: url(/siteimages/floor-tile.png);
}

.showevent #right #evdescription{	
	color: black;
	font-weight: normal;
	font-size: 20px;
	width: 100%;
	float: left;
}
.showevent #right #evdescription p{
	margin:0em 0px .5em 0px;
	font-size:1.2em;
	white-space: normal;
}
.showevent #right #evdescription h1{
	font-size:2em;
}
.showevent #right #evdescription h2{
	font-size:1.5em;
}
.showevent #right #evdescription h3{
	font-size:1.2em;
}
.showevent #right #evdescription h4{
	font-size:1em;
}
.showevent #right h4{	
	color: black;
	font-weight: normal;
	font-size: 1em;
	width: 100%;
	float: left;
}
.showevent #right h4 a{
	font-weight: bold;
	color: #3F75BB;
}

.showevent #divider{
	height: 5px;
  border-bottom: 2px solid #cea432;	
  display: block;
  margin: 10px 0px;
  width: 100%;
  float: left;
}

.showevent .rsvpbtn{
  float: right;
	background: url('../imagenes/orange_button2.jpg');
	width: 122px;
	height: 30px;
	color: black;
	text-align: center;
	border: none;
	font-weight: bold;
}

.showevent .rsvpbtn input:hover{
color: grey;
}

.showevent .rsvpwidget .resident{
	
	clear: both;
	padding: 5px 5px;
}
.showevent .rsvpwidget .resident h2{
	margin-top: 10px;
  margin-left: 4px;
	font-size: 18px;
}

.showevent .rsvpwidget .resident .thumb{
	float: left;
	margin-right: 5px;
	width: 35px;
}

.showevent  #delete-script{
	
	display: none;
}

.showevent  #delete-script .msg{
	
	display: block;
	color: #FF6600;
	padding: 5px;
	font-weight: bold;
	font-size: 16px;
	margin: 10px 0px;
}

.showevent  #delete-script p.submit{
	
	text-align: left;
}

.showevent  #delete-script p.submit input{
	
	background: url('../imagenes/pe_re_submit_bg.jpg');
	width: 92px;
	height: 29px;
	color: black;
	text-align: center;
	border: none;
	font-weight: bold;
}

.showevent  #delete-script p.submit input:hover{
color: grey;
}

.rsvpwidget .thumb{
	max-width:50px;
	margin-right:3px;
	margin-top:3px;
}

@media only screen and (max-width: 800px) {
	.showevent #left{
		width:220px;
	}
	.showevent #right{
		width:calc(100% - 240px);
	}
}	

@media only screen and (max-width: 600px) {
	.showevent #left,
	.showevent #right{
		width:100%;
		max-width:100%;
		padding:0px 10px;
		margin-top:10px;
	}
	.showevent #evimagebox {
		max-height:350px;
		float:left;
	}
	.showevent #evimagebox img{
		max-height:350px;
	}
	.eventinfodiv h1{
		font-size:22px;
	}
	.eventinfodiv h2{
		font-size:18px;
	}
	.showevent #right #evdescription p {
		font-size: 1.1em;
	}
}