/***********************************************************************
 * 						Global Viewer Styles                           *
 **********************************************************************/
body {
	margin: 0;
	padding: 0;
}

.vfmViewer {
	font-family: Tahoma,sans-serif;
	font-size: 12px;
	position: relative;
    border: 0px dashed #000000;
	overflow: hidden;
	width: 800px;
}
/***********************************************************************
 *                          Header Styles                              *
 **********************************************************************/
.vfmHeader {
    height: 65px;
    width: 798px;
    border: 1px solid #000000;    
    position: relative;
    float: left;
    margin-bottom: 3px;
}
.description{
    float:right;
    border: 0;
    text-align: right;
    padding: 0px;
    margin: 15px 5px 5px 5px;
    width: auto!important;
    height: auto!important;
}
.logo{
    border: 0;
    margin-left: 15px;
    width: auto!important;
    float: left;
    padding: 0px;
    height: auto!important;
}

.name{
    font-weight: bold;    
    text-transform: uppercase;
    font-size: 14px;
}
.addressLine1{
}
.addressLine2{
}
/***********************************************************************
 *                       Media Display Styles                          *
 **********************************************************************/
.vfmMedia {
	position: relative;
    float: left;
    border: 1px solid #000000;
    height: 288px;
    width: 512px;
	overflow: hidden;
	background-color: #000000;
	z-index: 2;
	/*background: url('../images/loader.gif') no-repeat center center;*/
}
#vfmMediaLoader {	
	position: absolute;
	z-index: 100;
	background: url('images/loader.gif') no-repeat center center;
	height: 100%;
    width: 100%;
}
.vfmMediaItem {
	height: 100%;
    width: 100%;
	overflow: hidden;
	top: 0px;
	float: left;
	position: absolute;
}
.vfmPhoto {
	float: left;
	position: relative;
}

/***************** VR STYLES *************************/
.cubeholder{
	width:100%;
	height:100%;
	overflow:hidden;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
	transform-style:preserve-3d;
	top:0;
	left:0;
	z-index:1;
	background-color:#FFF;
}

.cubes{
	width: 100%;
	height:100%;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
	transform-style:preserve-3d;
    
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.cube{
	position:absolute;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -o-backface-visibility:hidden;
	backface-visibility:hidden;
}

/***********************************************************************
 *                        Text Area Styles                             *
 ***********************************************************************/
.vfmTextbox {
    position: relative;
    float: right;
    border: 1px solid #000000;
    height: 278px;
    width: 270px;
	overflow: hidden;
	padding: 5px;
}
.vfmTextbox * font[size="16"] {
    font-size: 16px!important;
}
/* IE 7 and above */
.vfmTextbox * font[size=16] {
    font-size: 1.6em!important;
}

/* IE 6 partial fix */
*html .vfmTextbox * font {
/*    font-size: 1.6em!important;*/
}
#vfmCaption {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
	border-bottom: 1px dashed black;
}
#vfmDescription {
	clear:both;
	margin-top: 10px;
	border: 0px solid #000000;
	overflow: auto;
	padding-right: 5px;
}

/***********************************************************************
 *                          Tabbar Styles                              *
 **********************************************************************/
.vfmTabbar {
	display: block;
	position: relative;
	float: left;
	background-color: #333333;
	margin: 3px 0px 0px 0px;
	padding: 0px;
	border: 1px solid #000000;
	height: 25px;
	width: 798px;
}
.vfmTabbar-overflow-hidden {
    overflow:hidden;
    position: relative;
}

li.vfmActiveTab {
	color: #ff0000;
	border-bottom: 1px #FFFFFF solid;
	background: #FFFFFF;
}
.vfmTabbar .vfmTabbar-next, .vfmTabbar-hor .vfmTabbar-prev {
    padding: 5px 20px;
    text-decoration: none;
}
.vfmTabbar .vfmTabbar-next {
    background: url('images/next-control.png') no-repeat top left;
    float: right;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.vfmTabbar .vfmTabbar-prev {
    background: url('images/prev-control.png') no-repeat top left;
    float: left;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.vfmTabbar ul {
    width: 10000px;
    margin:0px;
	padding: 0px;
}

.vfmTabbar div  ul  li {
    background: url('images/tab_bg.png') repeat-x top left;
    list-style: none;
    padding: 5px 20px;
    float: left;
    border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

.vfmTabbar li a span {
    cursor: pointer;
}
.vfmTabbar li a {
    color: inherit;
    text-decoration: none;
}
.vfmTabbar li a:visited {
    color: inherit;
    text-decoration: none;
}
.vfmTabbar li:hover {
    color:#FF0000;
    text-decoration: none;
	background: #FFFFFF;
}

/***********************************************************************
*                     Thumbnail Category Styles                       *
 **********************************************************************/
/** List Container **/
.vfmMediaList {
	position: relative;
	float: left;
	width: 792px;
	height: 139px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 3px;
}
.vfmMediaCategory {
    
}

#vfmMediaListClear {
	display:none;
    float: none;
    clear: both;
}

.vfmMediaList div.arrowMoveUp{
	display: block;
	position: relative;
	cursor:pointer;
	clear: both;
	left:63px;
	padding:2px;
	height: 11px;
	width: 30px;
	z-index:11;
	background: #ffffff url(images/arrowup.png) no-repeat top left;
}

.vfmMediaList div.arrowMoveDown{
	display:block;
	position: relative;
	cursor:pointer;
	clear: both;
	left:63px;
	top: 212px;
	padding:2px;
	height: 11px;
	width: 30px;
	z-index:11;
	background: #ffffff url(images/arrowdown.png) no-repeat top left;
}

.vfmMediaList div.arrowMoveLeft{
	display: block;
	position: relative;
	cursor:pointer;
	clear: both;
	left:0;
	top:0;
	padding:2px;
	height: 30px;
	width: 11px;
	z-index:11;
	background: #ffffff url(images/arrowleft.png) no-repeat top left;
}

.vfmMediaList div.arrowMoveRight{
	display: block;
	position: relative;
	cursor:pointer;
	clear: both;
	left:0;
	top:0;
	padding:2px;
	height: 30px;
	width: 11px;
	z-index:11;
	background: #ffffff url(images/arrowright.png) no-repeat top left;
}

/** Thumbnails **/
.vfmMediaList ul.selected {
	display: block;
	z-index:10;
}

.vfmMediaList ul {
	width: 788px;
	display: none;
	padding:3px;
	margin:0; 
	list-style:none; 
	position: absolute;  
	float: left;
	overflow: auto;
	height: 133px;
	z-index:1;
}

.vfmMediaList ul.scrollArrows {
	overflow: hidden;
}

.vfmMediaList ul li {
	overflow: hidden;
	display: block; 
	list-style: none;
	padding:0; 
	margin:0; 
	width:188px; 
	height:74px; 
	float: left;
	margin:2px;
}
.vfmMediaList ul li:hover{
	cursor: pointer;
	border:1px solid #666; 
	margin:1px; 
}
.vfmMediaList ul li.selected {
	border:1px solid #666; 
	margin:1px; 
}

.vfmMediaList ul li div.thumbnailImg {
	float: left;
	margin: 5px;
	border:1px 
	solid #000;
	width:70px;
	height:60px; 
	cursor:default; 
	text-decoration:none; 
	border: 1px solid #666;
	overflow: hidden;
}
.vfmMediaList ul li div.thumbnailImg:hover {
	cursor: pointer;
}

.thumbnailImg .thumbnailIcon {
	display: block;
	position: relative;
	width: 24px;
	height: 24px;
	left: 47px;
	top: -28px;
}
.thumbnailIcon.video {
	background-image: url(images/icon-video.png);
}
.thumbnailIcon.vr {
	background-image: url(images/icon-virtualtour.png);
}
.thumbnailIcon.photo {
	background-image: url(images/icon-photos.png);
}
.thumbnailIcon.promo {
	background-image: url(images/icon-specialoffers.png);
}
.thumbnailIcon.presentation {
	background-image: url(images/icon-presentation.png);
}

.vfmMediaList ul li .caption {
	display: block;
	padding-top: 5px;
	margin:0; 
	font-size: 12px;
	font-weight: bold;
}

.vfmMediaList ul li .mediaType {
	font-size: 10px;
}

.vfmMediaList .captionPopup {
    width: 110px;
    height: 74px;
    overflow-x: hidden;
    position: absolute;
}
.vfmMediaList .captionPopup div{
    position: absolute;
    width: 98px;
    min-height: 35px;
    height: auto;
    border: 1px solid black;
    padding: 5px;
    background-color: #FFFFFF;
}
/** End Thumbnails **/

/** Flyout Icons **/
.icon-video {
	background-image: url('images/icon-video.png');
}

.icon-virtualtour {
	background-image: url('images/icon-virtualtour.png');
}

.icon-presentation {
	background-image: url('images/icon-presentation.png');
}

.icon-specialoffers {
	background-image: url('images/icon-specialoffers.png');
}

.icon-photo {
	background-image: url('images/icon-photo.png');
}
/** End Flyout Icons **/

/***********************************************************************
 *                            Footer Styles                            *
 **********************************************************************/
.vfmFooter {
	position: relative;
	float: left;
	width: 798px;
	height: 35px;
	margin-top: 3px;
	border: 1px solid #000000;
}

/***********************************************************************
 *                            Language Styles                            *
 **********************************************************************/
.vfmLanguage {
	position: relative;
	float: left;
	top: 0px;
	margin: 5px;
}

/***********************************************************************
 *                            VFM Info Styles                          *
 ***********************************************************************/

.vfmInfoIcon {
	position: relative;
	top: -3px;
	margin: 5px;
	width: 100px;
	height: 26px;
	float: left;
	cursor: pointer;
	background-image: url('images/vpowered_grey.png');
}

.vfmInfo {
	background-image: url('images/BG-DiagonalNoise.png');
	font-family:Tahoma;
	font-size: 11px;
	color: #333;
	display: none;
	position: absolute;
	top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 1003;
    padding: 15px;
	padding-bottom: 0;
}

.vfmInfo > p {
    position: absolute;
    bottom: 0;
    top: 105px;
    right: 15px;
    overflow: hidden;
    overflow-y: auto;
    left: 15px;
}

.vfmInfo span.bold {
	font-weight: bold;
}
.vfmInfo a:hover {
	font-weight: bold;
	color:#069;
}
.vfminfoCloseButton {
	display: block;
	position:absolute;
	width: 20px;
	height: 20px;
	background-image: url(images/BTN-Close_default.png);
	margin:0;
	padding:0;
	top:0;
	right:0;
	cursor:pointer;
}
.vfminfoCloseButton:hover {
	background-image: url(images/BTN-Close_hover.png);
}

/***********************************************************************
 *                            CSS Test Styles                          *
 **********************************************************************/
/*.cssTest {
	display: none;       // THIS SHOULD BE ADDED TO THE CLIENT CSS FILE
}*/

/***********************************************************************
 *                            Menu Styles                            *
 **********************************************************************/
.vfmMenuContainer{
    display: none;
}
.vfmMenu {
    position: relative;
    float: left;
    border: 1px solid #000000; 
    width: 792px;
    top: -1px;
    padding: 3px;
    background-color: #e3e3e3;

}
.vfmMenu * A {
    text-decoration: none;
    padding: 4px;
}

.vfmMenuButton{
    display:block;
    vertical-align: bottom;
    float: right;
    border: 1px solid #000000; 
    background: url('images/tab_bg.png');
    width: 150px;
    padding: 2px;
    margin-left: 3px;
    text-align: center;
    cursor: pointer;    
}

.vfmMenuHighLite{
    background-color: red!important;
    font-weight: bold!important;
}

/***********************************************************************
 *                            ExtView                            *
 **********************************************************************/
.vfmMediaButton {
	display:block;
	position: relative;
	left: 150px;
	top: 250px;
	border:solid 1px #ccc;
	background-color: #BEB187;
	width: 200px;
	height: 26px;
	font-weight: bold;
	color:#000;
	visibility: visible;
	cursor: pointer;
	text-align:center;
	padding:2px;
	overflow:visible;
	line-height: 24px;
	z-index: 50;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #DCD6C2, #A0915C);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #DCD6C2, #A0915C);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #DCD6C2, #A0915C);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #DCD6C2, #A0915C);
}

.vfmFlashPopup {
	display:block;
	position: absolute;
	left:10px;
	top:154px;
	padding:0;
	z-index: 1000;
	width:804px;
	height:462px;
	background-color: transparent;
}

.vfmIframePopup {
	display:block;
	position: absolute;
	left:0;
	top:0;
	padding:0;
	z-index: 1000;
	width:800px;
	height:542px;
	background-color: transparent;
}

.vfmIframePopup iframe {
	width:800px;
	height:512px;
}

.closeBar {
	padding-right: 10px;
	color: white;
	font-family: Arial;
	font-size: 11px;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	border-bottom: 1px solid white;
	text-align: right;
	background-color: #C6B98D;
}

.closeBar a {
	display:block;
	position:relative;
	font-family: Arial;
	font-weight: bold;
	border: 0;
	text-decoration: underline;
	float:right;
	color:#000;
	margin-left:12px;
}

.closeBar a:hover {
	color:#000;
}

/***********************************************************************
 * Control Bar for Flash Player Styles (player.plugins.js)             *
 **********************************************************************/

#vfmVideoPlayerControls {
	position:relative;
	display:block;
	top:-20px;
	width:100%;
	height:20px;
}

/* plugin: playPauseButton */
a#playPauseButton {
	position:absolute;
	display:block;
	height:16px;
	text-decoration:none;
	width:16px;
	margin: 2px 20px 8px 20px;
	padding: 0;
}
a.play {
	background:url(images/videoplayer_sprite.png) no-repeat 0px 0px;
}
a.play:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px 0px;
}
a.pause {
	background:url(images/videoplayer_sprite.png) no-repeat 0px -18px;
}
a.pause:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px -18px;
}
a.disabled {
	background:url(images/videoplayer_sprite.png) no-repeat 0px 0px;
	cursor:wait;
}

/* plugin: videoSeekerBar */
#vfmVideoSeekerBar {
	position:absolute;
	display:block;
	/* width is only a suggestion, which will work only for players of default width, width must be set dynamically using JavaScript */
	height: 8px;
	border: none;
	margin: 7px 0 0 76px;
	padding: 0;
	cursor:pointer;
	background-color:#222;
	white-space: nowrap;
  
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #000, #333);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #000, #333);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #000, #333);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #000, #333);
}
#vfmVideoSeekerBar.downloaded {
	background-color:#999;
	
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #999, #333);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #999, #333);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #999, #333);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #999, #333);
}
#vfmVideoSeekerBar.disabled{
	cursor:wait;
}
#vfmVideoSeekerBar .played {
	position:absolute;
	display:inline-block;
	background-color:#fff;
	width:0%;
	margin:0;
	padding:0;
	border:none;
	height:100%;
	top:0;
}
#vfmVideoSeekerBar .playing {
	position:absolute;
	display:block;
	background:url(images/videoplayer_sprite.png) no-repeat 0px -36px;
	margin:0;
	padding:0;
	border:none;
	width:16px;
	height:16px;
	float:left;
	left:0px;
	top:-4px;
}

div.downloaded {
	position:absolute;
	display:inline-block;
	background-color:#666;
	width:0;
	height:8px;
	top:0;
	
	/* IE 7 - hide the downloaded portion of progress bar since it won't display correctly */
	*display:none;
	
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(top, #999, #333);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #999, #333);
  
	/* IE 10 */
	background: -ms-linear-gradient(top, #999, #333);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #999, #333);
}

#vfmVideoSeekerBar .playing:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px -36px;
}

#vfmVideoSeekerBar .time {
	position:absolute;
	display:block;
	width: 100px;
	height: 16px;
	font-family:Tahoma,sans-serif;
	font-size:10px;
	font-weight: bolder;
	color: #fff;
	right:-118px;
	top:-3px;
	white-space:nowrap;
}

/*plugin volumeSlider */
#volumeIcon {
	background:url(images/videoplayer_sprite.png) no-repeat 0px -54px;
	position:absolute;
	display:block;
	height:16px;
	text-decoration:none;
	width:16px;
	margin: 2px 0 0 456px;
	padding: 0;
	cursor: pointer;
	right: 10px;
}

#volumeIcon:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px -54px;
}

#volumeIcon.half {
	background:url(images/videoplayer_sprite.png) no-repeat 0px -72px;
}

#volumeIcon.half:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px -72px;
}

#volumeIcon.mute {
	background:url(images/videoplayer_sprite.png) no-repeat 0px -90px;
}

#volumeIcon.mute:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px -90px;
}

#volumeIcon.disabled {
	cursor:wait;
}

#volumePannel {
	background-color:#999;
	display: block;
	height: 80px;
	width: 30px;
	position: absolute;
	top: -80px;
	right: 2px;
}

#gradientBox {
	background:url(images/videoplayer_sprite.png) no-repeat 0px -144px;
	height: 80px;
	width: 30px;
}

#volumePannel div.triangle {
	background:url(images/videoplayer_sprite.png) no-repeat 6px -126px;
	height: 6px;
	width: 30px; 
	position: absolute;
	display: block;
	top: 80px;
	left: 0;
}

#volumeSlider {
	background-color:#333;
	display: block;
	height: 50px;
	width: 10px;
	cursor:pointer;
	position: relative;
	top: 15px;
	left: 10px;
	
	/* Safari 5.1, Chrome 10+ */
	background: -webkit-linear-gradient(left, #333, #000);
  
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(left, #333, #000);
  
	/* IE 10 */
	background: -ms-linear-gradient(left, #333, #000);
  
	/* Opera 11.10+ */
	background: -o-linear-gradient(left, #333, #000);
}

#volumeSlider div.active {
	position: absolute;
	display:inline-block;
	background:#fff;
	height:100%;
	margin:0;
	padding:0;
	border:none;
	width:100%;
	top: 0;
}


#volumeSelector {
	position: relative;
	height: 16px;
	width: 16px;
	background:url(images/videoplayer_sprite.png) no-repeat 0px -108px;
	top: -8px;
	left: -3px;
}

#volumeSelector:hover {
	background:url(images/videoplayer_sprite.png) no-repeat -18px -108px;
}

div.keyline {
	display: block;
	position:absolute;
	width:2px;
	height: 18px;
	margin-top: 2px;
	background:url(images/videoplayer_sprite.png) repeat-y -36px 0px;
}

div.keyline.play {
	left:56px
}

div.keyline.seeker {
	right:34px
}

div.keyline.volume {
	right:0px
}

/***********************************************************************
 *                            IE6 specific fixes - yuck!               *
 **********************************************************************/
div#vfmVideoPlayerControls.ie6 #vfmVideoSeekerBar {
	overflow-y:hidden;
}
div#vfmVideoPlayerControls.ie6 #volumeSlider {
	overflow-x:hidden;
}
/***********************************************************************
 *                            vfmPrevNextMedia Styles                            *
 **********************************************************************/
#vfmPrevNextMedia {
	clear: both;
	position:absolute;
	display: block;
	top:300px;
	left:400px;
	width: 120px;
	height: 30px;
	z-index: 50;
	color: #fff;
}
#medialistPrevious {
	display: inline;
	cursor: pointer;
}
#medialistPrevious.image {
	display: block;
	cursor: pointer;
	position:absolute;
	top:130px;
	left:5px;
	height: 22px;
	width: 17px;
	z-index: 50;
	background: transparent url(images/arrowleft_room.png) no-repeat top left;
    /* hack to work around Android 4.0.3 Stock browser z-index issues https://code.google.com/p/android/issues/detail?id=31862 */
    -webkit-transform: translateZ(0);

}
#medialistNext {
	display: inline;
	cursor: pointer;
}
#medialistNext.image {
	display: block;
	position:absolute;
	cursor: pointer;
	top:130px;
	left:450px;
	height: 22px;
	width: 17px;
	z-index: 50;
	background: transparent url(images/arrowright_room.png) no-repeat top left;
    /* hack to work around Android 4.0.3 Stock browser z-index issues https://code.google.com/p/android/issues/detail?id=31862 */
    -webkit-transform: translateZ(0);
}


/***********************************************************************
 *                            vfmSocialMedia Styles                    *
 **********************************************************************/

#vfmSocialMedia {
	position: absolute;
    float: left;
    border:none;
    height: 30px;
    width: 100%;
	overflow: hidden;
	background-color: transparent;
	z-index: 1002;
	top: 10px;
}
.addthis_toolbox {
	display:none;
	overflow:hidden;
	width:0px;
	height:30px;
	vertical-align: baseline;
	background:url(images/barBG.png) repeat-x top left;
	border: none;
	padding: 0;
}

/* Hide addthis */
.addthis-smartlayers {
    display:none;
}

#vfmShare {
	display:inline-block;
	position: relative;
	float:left;
	height:30px;
	text-decoration: none;
	color:white;
	width:60px;
	font-weight: bold;
	background:url(images/btn-Share.png) no-repeat top left;
}
#vfmShare.hide {
	background:url(images/btn-Hide.png) no-repeat top left;
}

/** Ipad video button to click */
.videoButton {
    cursor:pointer;
    background:transparent url(images/play_button.png) 50% 50% no-repeat;
    display:block;
    position:absolute;
    width:78px;
    height:78px;
}

/*Virtual Tours start button*/
.vr_instructions {
    position:absolute;
    z-index:1;
    background: rgba(0,0,0,.1);
    text-align: center;
    -webkit-transform-style:preserve-3d;
}

.vr_instructions a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: rgba(0,0,0,.6) url(images/vr_start_icon.png) center 10px no-repeat;
    background-size: 70px 70px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
    width: 210px;
    font-size: 14px;
    text-align: center;
    padding: 10px;
    padding-top: 100px;
    position: relative;
    top: 25%;
    clear: both;
    -webkit-touch-callout: none;
    text-decoration: none;
}

.media_close_button {
    position: absolute;
    top: 11px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: transparent url(images/exit_fullscreen.png) no-repeat;
    background-size: 40px 40px;
    z-index:1003;
    -webkit-transform-style:preserve-3d;
}