/* General Styles */
/* Webfont: Lato-Black */


body, p, li, ul, ol, td, font, img {font-family:'latomedium'; font-size: 12px; font-style: normal; line-height: 1em; border:none;}
ul, li {display:inline-block; zoom: 1; display:inline; vertical-align:top; list-style:none; margin:0; padding:0;}

input, textarea {background-color:transparent; border:none; resize:none; outline:none;  -webkit-appearance: caret; -moz-appearance: caret;}
table, td {margin:0; padding:0; border:none; border-collapse:collapse;}
body {width:100%; height:100%; margin:0; padding:0;}

.click {cursor:pointer; border:none;}
.black_10 {font-size:10px; color:#000;}
.outer{width:100%;}

.bar{background-color:#000; z-index:0;}
.queueContainer{-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}
.carouselContainer{-moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -o-user-select:none;}

#headerContent{margin:-15px auto 0 auto; width:1034px; position:relative;}
#topBanner{width:1029px; height:183px; background:url(../images/topBanner.png) no-repeat top left;}
#headUploadBtn{position:absolute; left:900px; top:60px; width:114px; height:33px; cursor:pointer;}
#shareMosaic{position:absolute; top:0px; left:366px;}
#fbMosaicShare{margin-top:11px;  z-index:3005}
#clearHighlightDiv{display:none; cursor:pointer; position:absolute; top:12px; left:500px; line-height:14px; font-size:14px; height:14px;}

#canvasHolder{width:1024px; height:576px; margin:5px auto 0 auto; position:relative; }
#pmCanvas{background:transparent url(../images/source_1280.png) no-repeat; background-size:100% 100%; position:absolute; z-index:1; border:0;}
#animationLayer{position:absolute; z-index:2;}
#photoCanvas{position:absolute; display:none; z-index:3; border:0;}
#hoverCanvas{position:absolute; z-index:2001; border:0;}
#searchCanvas{position:absolute; z-index:2000; border:0;}
#fullControls{left:0px; bottom:0px; width:426px; height:123px; position:absolute; background-color:#5b5b5b; display:none; z-index:2001;}
#clText{position:absolute; top:28px; right:33px; background:url(../images/clMain.png) no-repeat top; width:324px; height:65px;}

#shareHolder{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3000; background:transparent url(../images/bkgLayer.png) repeat; display:none;}
#shareContent{position:absolute; width:500px; height:570px; margin:auto; border:3px solid #FFF; top:50%; left:50%; margin-top:-264px;margin-left:-250px; display:block; background-color:#FFF;}
#sharePhoto{height:65px; width:100%; margin-top:5px;}
#origPhoto{background:url(../images/loader.gif) no-repeat center center; width:500px; height:500px;}
#shareName{color:#000; height:65px; width:355px; padding-left:5px;}
#sPhoto{color:#000; height:65px; width:120px; text-align:center; font-weight:bold; font-size:13px;}
#socIcons{margin-top:8px;}
#fbShare{background:url(../images/fbShare.png) no-repeat; width:21px; height:21px; margin-right:4px;}
#twShare{background:url(../images/twShare.png) no-repeat; width:24px; height:21px; margin-right:2px;}
#pinShare{background:url(../images/pinShare.png) no-repeat; width:23px; height:21px; margin-right:3px;}
#emShare{background:url(../images/eShare.png) no-repeat; width:21px; height:21px;}
#closeShare{ursor:pointer; position:absolute; top:-15px; left:487px;}

#searchContent{width:510px; height:72px; z-index:0; position:absolute; top:129px; left:332px;}
#searchText{font-size:20px; font-weight:bold; line-height:25px;}
#searchArea{margin-left:3px; width:284px; height:25px; background:url(../images/searchBar.png) no-repeat; position:relative;}
#searchField{width:300px; height:17px; background:white none; border:none; outline: none; margin:12px 1px 0 10px; font-size:13px; color:#002a5c; padding:0; line-height:1em;}
#searchButton{position:absolute; width:98px; height:25px; top:0px; left:186px; cursor:pointer;}
#searchInfo{width:312px; height:13px; margin-top:7px; text-align:left; position:relative; font-size:12px; font-style:italic;}
#clearSearchDiv{display:none; position:absolute; top:-1px; color:#f57421; font-size:11px; font-weight:bold; text-align:right; width:100px; height:16px; line-height:16px;}
#clearSearch{cursor:pointer; line-height:14px; font-size:14px; height:14px; color:#000; font-weight:normal; font-style:normal;}
#howToBanner{background:url(../images/howUpload.png) no-repeat top; width:498px; height:218px; position:relative;}
#uploadButton{width:498px; height:74px; position:absolute; top:144px; cursor:pointer;}
#shareMosaic{position:absolute; top:0px; left:560px; width:100px; text-align:center;}
#socMosaic{width:75px; height:31px; position:relative; margin-top:4px;}
#fbMos{background:url(../images/socMos.png) no-repeat; height:31px; width:32px; position:absolute; top:0px; left:13px; cursor:pointer;} 
#twMos{background:url(../images/socMos.png) no-repeat; height:31px; width:32px; background-position:-34px 0; position:absolute; top:0px; left:56px; cursor:pointer;}

#prizeBanner{width:250px; position:relative;}
#headerWinners{font-size:18px; font-weight:bold;}
#recentWinners{margin-top:16px; height:82px;}
#winInfo{font-size:14px; line-height:16px; margin-top:5px;}
.winnerPhoto{border:#000 solid 2px; width:64px; height:64px; margin:0 2px 0 3px; cursor:pointer;}
/*#fullScreenBtn{position:absolute; top:0px; right:0px; width:46px; height:44px; cursor:pointer;}*/
.animateBtnOn{background:url(../images/animate.png) no-repeat;}
.animateBtnOff{background:url(../images/animate.png) no-repeat; background-position: -47px 0;}
#animateBtn{position:absolute; top:0px; left:0px; width:46px; height:44px; cursor:pointer;}
#termsCond{position:absolute; width:116px; height:14px; top:154px; left:141px; cursor:pointer;}
#dividor{background:url(../images/dividor.png) no-repeat; width:2px; height:131px;}


#lastestQueue{width:400px; height:18px; position:relative; padding-left:39px;}
.actQueueText{font-size:18px; font-weight:bold; cursor:pointer; color:#000;}
.unQueueText{font-size:18px; font-weight:bold; cursor:pointer; color:#B3B3B3;}
.arrow{width:8px; height:13px; margin-right:5px;}

#refreshLatest{background:url(../images/refreshPhotos.png) no-repeat; width:114px; height:16px; cursor:pointer; margin:5px 0 0 37px;}
#photoDispContainer{margin-top:10px; height:71px; width:100%; overflow:hidden;}
#queuedPhotos{height:71px; width:100%;}
#displayContainer{height:71px; width:100%;}


#bottomBar{background-color:#000; height:65px; width:100%; margin-top:22px; z-index:0;}
#fbSocial{background:url(../images/socialFooter.png) no-repeat top; width:155px; height:26px; background-position: 0 0; margin-top:5px; cursor:pointer;}
#twSocial{background:url(../images/socialFooter.png) no-repeat top; width:105px; height:26px; background-position: -174px 0; margin-top:5px; cursor:pointer;}
#pinSocial{background:url(../images/socialFooter.png) no-repeat top; width:154px; height:26px; background-position: -299px 0; margin-top:5px; cursor:pointer;}
#clLogo{background:url(../images/clFooter.png) no-repeat top; width:174px; height:36px; cursor:pointer;}

#grayOut{position:absolute; width:100%; height:100%; top:0px; left:0px; background:transparent url(../images/bkgLayer.png) repeat;display:none; z-index:2999;}

.fb-like span {z-index:2002;}