/* CSS Document */
html, body {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; background: #fff;}
ul, li {display:inline-block; zoom: 1; *display:inline; vertical-align:top; list-style:none; margin:0; padding:0;}

.fancybox-inner { overflow:hidden !important; }

#container{
    /*width:100%;*/
    margin: 0 auto;
    position:relative;
}

textarea:focus, input:focus{
    outline: none;
}
input, textarea {border-radius: 0;}

input::-webkit-input-placeholder {
    font-size: 15px;
}


::-webkit-input-placeholder { /* WebKit browsers */
   font-size:18px;
    color:#9d9d9f;
    opacity:1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   font-size:18px;
    color:#9d9d9f;
    opacity:1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   font-size:18px;
    color:#9d9d9f;
    opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   font-size:18px;
    color:#9d9d9f;
    opacity:1;
}

#mosaicHolder {
    margin-top:0px;
    width:100%;
    height:auto;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    position:relative;
}

#uploadHeader {
    width: 30%;
    text-align: center;
    cursor: pointer;
    float: left;
    background: #fff;
    margin-left: 17px;
    height:60px;
    line-height:60px;
    min-width:245px;
}


#clearHighlightDiv{
    display:none;
    font-family: Arial, San-serif;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    height: 12px;
    bottom: -12px;
    right:0;
    position: absolute;
    color: #bc0e48;}

#canvasHolder{width:100%; height:auto; position:relative; /*z-index:9;*/}
#pmCanvas{background: transparent url(../images/mosBkg-min.jpg?t=2) no-repeat; background-size: 100% 100%; position: absolute;z-index: 1;border: 0;}
#photoCanvas{position:absolute; display:none; z-index:3; border:0;}
#searchCanvas{position:absolute; z-index:1; border:0;}
#hoverCanvas{position:absolute; z-index:2001; border:0;}
#animationLayer{position:absolute; z-index:2; border: 0; width: 100%; height: 100%; background: transparent url(../images/overlay-min.png?t=2) no-repeat; background-size: 100% 100%;}

#fullControls{left:0px; bottom:0px; width:426px; height:123px; position:absolute; background-color:#5b5b5b; display:none; z-index:2001;}
#shareHolder{position:absolute; top:0; left:0; width:100%; height:100%; z-index:3000; background:transparent url(../images/bkgLayer.min.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:333px; padding-left:5px;}
#sPhoto{color:#000; height:65px; width:125px; text-align:center; font-weight:bold; font-size:13px;}

#sPhoto{color:#000; height:65px; width:125px; text-align:center; font-weight:bold; font-size:13px;}
#socIcons{margin-top:8px;}

#fbShare{background:url(../images/share_fb.png) no-repeat; background-size:contain; width:26px; height:26px; margin-left:10px; display:inline-block; cursor: pointer; }
#twShare{background:url(../images/share_tw.png) no-repeat;background-size:contain; display:inline-block; width:26px; height:26px; cursor:pointer;}
#emShare{background:url(../images/eShare.min.png) no-repeat; width:21px; height:21px;}
#closeShare{cursor:pointer; position:absolute; top:-30px; right: -30px; width: 50px;}

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

#popShareText {display:inline-block; height:1.7vw; line-height:1.7vw; font-size:1.7vw; color:#004785; vertical-align:top; margin-right:20px;}
#popCap{font-size:2.5vw;line-height:2.5vw;}