/* General Styles */
body, p, li, ul, ol, td, font, div{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 1em; color:#000; }
table, td {margin:0; padding:0; border:none; border-collapse:collapse; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
a{outline:none;}
a:link {text-decoration:none; border:none; padding:0; margin:0;}
a:visited {text-decoration:none; border:none; padding:0; margin:0;}
a:active {text-decoration:none; border:none; padding:0; margin:0;}
a:hover {text-decoration:none; border:none; padding:0; margin:0;}

input, textarea {background-color:transparent; border:none; resize:none; outline:none;  -webkit-appearance: caret; -moz-appearance: caret;}
input:focus {background: #FFF;}
select:focus {background: #FFF;}
textarea:focus {background: #FFF;}
.click {cursor:pointer;}
ul, li {display:inline-block; zoom: 1; *display:inline; vertical-align:top; list-style:none; margin:0; padding:0;}

body {margin:0; padding:0; -webkit-text-size-adjust:none; background-color:transparent; background: #FFF url("../images/bg.jpg") no-repeat center top; height:100%; width:100%;}

#clickBox {position:absolute; display:none; z-index:1001; pointer-events: none; box-sizing:border-box; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#navControlBox {display:block; position:absolute; width:40px; z-index:3; top:5px; right:5px;}
.navControlBoxFullpage {top:5px !important; right:5px !important;}
#fScreenNavControl {cursor:pointer; width:40px; height:40px; background: url("../images/controls/navControls.png") no-repeat center;background-position:0 0;}
.minScreenNavControl {background-position:0 -40px !important;}
#resetNavControl {cursor:pointer; width:40px; height:40px; background: url("../images/controls/navControls.png") no-repeat center; background-position:0 -80px; margin-top:3px;}
#plusNavControl {cursor:pointer; width:40px; height:40px; background: url("../images/controls/navControls.png") no-repeat center; background-position:0 -120px; margin-top:3px;}
#minusNavControl {cursor:pointer; width:40px; height:40px; background: url("../images/controls/navControls.png") no-repeat center; background-position:0 -160px; margin-top:3px;}
#ViewerDisplay {-webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#fScreenNavControl:hover, #resetNavControl:hover, #plusNavControl:hover, #minusNavControl:hover {	box-shadow:rgba(255,255,255, 0.7) 0 0 0 1px inset;}

#outer {
	width:950px; 
	margin:0 auto;
	padding:0;
	position:relative;
}
#shadingBg {
	width:939px;
	margin:0 auto;
	background: url("../images/shadingBg.png") repeat-y;
}
#fans {
	width:944px;
	height:197px;
	position:relative;
	overflow:visible;
}
.carouselContainer {
    -moz-user-select: none;
}
#fansImg {
	width:950px;
	height:197px;
	position:absolute;
	left:-6px;	
	background: url("../images/fans.png") no-repeat;
}
#footer {
	width:939px;
	height:37px;
	background: url("../images/footer.png") no-repeat;
	margin:0 auto;
	text-align:right;
}
#banner {
	width:938px;
	height:122px;
	background: url("../images/fBanner.png") no-repeat;
	margin:0 auto;
}
#subHead {
	width:902px;
	height:95px;
	background-color: #d7d7d7;
	margin:0 auto;
}
#arrowBox {
	width:862px;
	height:69px;
	background-color: #c4c4c4;
}
#arrowBox_old {
	width:545px;
	height:69px;
	background-color: #c4c4c4;
}
#topArrow {
	margin-top:27px;
	width:18px;
	height:21px;
	background: url("../images/greyTri.png") no-repeat;
}
#topUploadButton {
	margin:6px 0 0 4px;
}
#leftFoot {
	height:330px;
	width:602px;
	background-color:#FFF;
	padding-left:17px;
}
#rightFoot {
	height:326px;
	width:259px;
	background-color:#FFF;
}
.stepBg {
	width:257px;
	height:64px;
	background: url("../images/stepBg.png") no-repeat;
}
#viewerBg {
	width:902px;
	height:523px;
	margin:0 auto;
	background-color:#FFF;
}
#field_holder { 
	width:214px;
	height:39px;
	background: url("../images/searchBox.png") no-repeat center left;
}
#keyword_input {
	width:200px;
	height:30px;
	background:none;
	background-color:transparent;
	border:none;
	color:#757474;
	margin:4px 1px 0 8px;
	font-size:12px; 
	vertical-align:top;
}
#valid_search{
	height:0;
	margin:5px 0 0 40px;
	vertical-align:top;
	text-align:left;
	color:#c52b2b; font-size:9px; line-height:.7em;
}
#viewer_holder{width:863px;height:485px;position:relative; z-index: 0; border:1px solid #9c9d9d; background:#FFF;}

#pm_viewer{position:relative; -webkit-tap-highlight-color: rgba(0,0,0,0) !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
#photo_info{
	display:none;
	position: absolute;
	bottom:0px;
	left:0px;
	width:200px;
	z-index:1000;
	padding:0;
	vertical-align:top;
	margin:0 0 5px 5px; 
	text-align:left;
	background: transparent url("../images/photoBg.png") repeat;
	min-height:200px;
}
.loadingInfo{position:absolute; top:0; left:0; width:100%; height:100%; background: transparent url("../images/photoBg.png") repeat; z-index:998; display:none; min-height:200px;}
.noData{position:absolute; top:0; left:0; width:100%; height:100%; background: transparent url("../images/photoBg.png") repeat; z-index:998; display:none; min-height:200px;}
.infoImgHolder{position:relative;}
.imgInfo {position:relative;}
.photoData{padding:10px 10px 0px 15px;}
.photoName{line-height:normal; margin-left:5px;}
.photoCap{margin:5px; line-height:normal; word-wrap:break-word; max-height:155px; overflow-y:auto;}
.socialData {margin:5px 5px 5px 5px;}
.socialShare {height:50px; margin:0 0 10px 14px;}
.sPhotoFb{width:26px; height:25px; background:url(../images/fbPhoto.png) no-repeat;}
.sPhotoTw{width:26px; height:25px; background:url(../images/twPhoto.png) no-repeat;}
.embed{width:27px; height:27px; background:url(../images/spriteMap.png) no-repeat; background-position:-31px -21px;}
.shareEmbed {width:25px;	height:25px;	background:url(../images/embedPhoto.png) no-repeat; margin: 0 0 0 6px;}
.line {margin-top:10px; width:100%; height:1px; background:#bf001e;}
#full_photo_info{
	display:none;
	position: absolute;
	bottom:0px;
	left:0px;
	width:200px;
	z-index:1000;
	padding:0;
	vertical-align:top;
	margin:0 0 5px 5px; 
	text-align:left;
	background: transparent url("../images/photoBg.png") repeat;
	min-height:200px;
}
#loading_search{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	display:none;
	background: transparent url("../images/overlay_black.png") repeat;
}
#animateOn{display:none; cursor:pointer; position:absolute; bottom:10px; left:10px; width:106px; height:18px; z-index:1004; background:transparent url("../images/animateOn.png") no-repeat;} 
#animateOn:hover{background-position: 0 -18px;}
#animateOff{display:none; cursor:pointer; position:absolute; bottom:10px; left:10px; width:106px; height:18px; z-index:1005; background:transparent url("../images/animateOff.png") no-repeat;}
#animateOff:hover{background-position: 0 -18px;}
.embedOverlay {
    background-color: #fff;
    height:100px;
    left: 50%;
    margin-left: -250px;
    margin-top: -50px;
    outline: 9999px solid rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 25%;
    width: 500px;
    z-index: 10000;
}
.hide {
	display:none;
}