/* Cloisters Stylesheet */
body {
	margin: 0px;
	padding: 0px;
	background: rgb(70, 73, 75);
}

.bg-graphic {
	width: 1024px;
	height: 682px;
	background-image: url(../images/union.jpg);
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

.birds {
	/*height: 252px;*/
/*    margin-left: auto;
    margin-right: auto;*/
	position: relative;
	top: 190px;
    left: 460px;
	/*width: 201px;*/
	z-index: 1;
}

.bird-size {
	width: 101px;
	height: 152px;
    -webkit-box-reflect: below 12px -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), to(transparent));
}

.countdown-background {
	background-image: url(../images/bg_countdown.png);
	height: 90px;
	left: 252px;
	position: relative;
	top: 375px;
	width: 213px;
}

.countdown {
	height: 53px;
	left: 265px;
	opacity: 1;
	position: absolute;
	top: -64px;
	width: 185px;
	z-index: 1;
}

.boy {
	height: 93px;
	left: 323px;
	position: relative;
	top: 375px;
	width: 71px;
	z-index: 1;
}

.boy-size {
	border: none;
	height: 93px;
	width: 72px;
}

.timer_widget {
    position: relative;
    width: 100%;
    height: 100%;
    font-family: helvetica neue;
    font-size: 32px;
    color: white;
    visibility: hidden;
}

#timer_block {
	border: 0;
	padding-left: 5px;
	padding-top: 5px;
}

#timer_block .fg-digit {
    position: absolute;
}

#timer_block .fg-separator {
    position: absolute;
}

#timer_block .bg-dividerline {
    position: absolute;
}

#timer_block .fg-centered {
    text-align: center;
}

#timer_block .field_label {
    text-align: center;
}

#timer_block .Timer_Labels td {
    text-align: center;
}

.Timer_Labels {
	color: #FFC5CB;
	font-family: Arial-BoldMT, Arial, sans-serif;
	/*font-size: 10px;*/
	font-style: normal;
	font-variant: normal;
	font-weight: 700;
	letter-spacing: 0px;
	line-height: 13px;
	margin-bottom: 0px;
	margin-top: 0px;
	opacity: 1;
	text-align: left;
	text-decoration: none;
	text-transform: none;
}

#timer_block table,
#timer_block tr,
#timer_block td {
    margin: 0;
    padding: 0;
    border-width: 0;
    line-height: 120%;  /*  Keep this in synch with TimerView.fancyFontFactor */
}

#timer_block table {
    border-collapse: collapse;
}

/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
	/* Style adjustments for portrait mode goes here */
}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	/* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
	/* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}