#event-container {
	background-image: url(/images/eventshade.gif);
	background-repeat: repeat-y;
	min-height: 400px;
	text-align: left;
}

#page-graphic {
	background-image: url(/images/event-downloads.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	min-height: 400px;
}

#right-column {
	float: right;
    width: 210px;
	display: inline;
	margin: 0;
	padding: 10px 10px 0 0;
}

#content {
	margin: 0 225px 0 0;
	padding: 0px;
}

#matched-names {
    width: 30%;
    margin: 20px auto;
}

#matched-names li {
    margin: 5px 0px;
}

.time-scroller-title {
	margin: 0px auto;
	padding: 3px 0;
    font-weight: bold;
	background-color:#333;
	text-align: center;
	color: #FFF;
}

.time-scroller-photo {
	border:solid 1px #333333;
	margin-right:6px;
	background-color:#CCCCCC;
}

.time-scroller-photo .photo-scroller {
    margin: 5px auto;
}


#eventlogo {
	width: 305px;
	text-align: right;
	margin-top: 6px;
	margin-left: 16px;
	float: left;	
	display: inline; 
    }

#congratulation {
	margin-top: 4px;
	margin-left: 360px;
	text-align: left;

}

#congratulation .color {
	color: #f18934;
	font-weight: bold;
}

#search {
	width: 215px;
	margin-left: 0;
	padding: 15px 0 20px 0;
	margin-top: 0;
	margin-bottom: 0px;
	border: none;
	background-image: url(/images/event-search.gif);
	background-repeat: no-repeat;
    }


#search .input {
	float: none;
	text-align: center;
	margin-right: 0px;
	margin-top: 3px;
}

.label {
	text-align:center;
}

#preheader {
	margin: 0;
	margin-left: 10px;
	margin-bottom: 20px;

	color:#333; 

}
#preheader h3 {
	color: #f18934;
	font-weight: bold;
	font-size:12px;
}


.smart-search-link {
	margin-left: 6px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	padding-top: 12px;
	background-image: url(/images/event-button.gif);
	background-repeat: no-repeat;
	width: 200px;
	height: 34px;

    	text-align: center;
    }

.smart-search-link a {
    text-decoration: none;
    font-size: 16px;
    margin-right: auto;
    }

#no-photo-found {
    margin: 20px 0px;
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

.center-text {
	margin-left: 25px;
	margin-top: 25px;
	padding: 13px 0 0 0;
	text-align: center;
	color: #333;
    }


.photo-scroller td.middle-cell img {
    border-bottom: solid #000 1px;
    border-right: solid #000 1px;
     vertical-align: middle;
}

.photo-scroller td.middle-cell a:hover img {
    border-top: solid #000 1px;
    border-left: solid #000 1px;
    border-bottom: none;
    border-right: none;
}

.photo-scroller td.middle-cell p.tick img {
    border-top: 0px;
    border-right: 0px;
    border-bottom: 0px;
    border-left: 0px;
}

.photo-scroller td.middle-cell table {
    background-image: url(/images/eventshadow1.jpg);
    background-repeat: repeat-y;
    border-spacing: 0px;
    border-collapse: separate;
}

.photo-scroller .nav-text {
    text-align: center;
    font-weight: bold;
}

.photo-scroller .empty {
    font-size: 15px;
    color: gray;
    font-weight: bold;
}

.photo-scroller table {
    width: 99%;
    margin: 0px auto;
}

.photo-scroller {
    margin: 5px auto; /* was: 20px auto */
}

.photo-scroller td.middle-cell {
    text-align:center;
}

.photo-scroller td {
    vertical-align: middle;
}

.photo-scroller td.left-cell, .photo-scroller td.right-cell {
    width: 20px;    
}

.photo-scroller td.middle-cell td {
    height: 140px; /* was: 155px */
    min-height: 140px; /* was: 155px  */
    padding: 2px 0px; /* was: 10px 0px */
}

.photo-scroller img.arrow {
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: 0px;
    /* do not remove following lines */
    border-right: 0px;
    border-bottom: 0px;
}

#extra-footers {
	padding: 0;
	margin: 0;
	margin-top: 20px;
	width: 215px;
	text-align: left;
    padding-bottom: 100px;
}

#extra-footers h3 {
	font-size: 14px;
}

#vidnote{
	padding-bottom: 10px;
	padding-left:10px;
}

#vidnote h3{
	font-size: 14px;
}

.spacer {
	height: 50px;
}

#DSP, #ECD {
	padding-left: 10px;
	margin-bottom: 20px;
}

