/* Minification failed. Returning unminified contents.
(1184,5): run-time error CSS1019: Unexpected token, found ','
 */
@charset "utf-8";
    .lsfont{
          font-family: 'LigatureSymbols';
          -webkit-text-rendering: optimizeLegibility;
          -moz-text-rendering: optimizeLegibility;
          -ms-text-rendering: optimizeLegibility;
          -o-text-rendering: optimizeLegibility;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased;
          -moz-font-smoothing: antialiased;
          -ms-font-smoothing: antialiased;
          -o-font-smoothing: antialiased;
          font-smoothing: antialiased;
          -webkit-font-feature-settings: "liga" 1, "dlig" 1;
          -moz-font-feature-settings: "liga=1, dlig=1";
          -ms-font-feature-settings: "liga" 1, "dlig" 1;
          -o-font-feature-settings: "liga" 1, "dlig" 1;
          font-feature-settings: "liga" 1, "dlig" 1;
    }

    .tooltitle a:hover {
	    text-decoration: none;
    }

    .tooltitle a {
	    text-decoration: none;
    }

	.viewport
	{
		position: relative;
	}
	.toolsbox
	{
		position: absolute;
		background-color: white;
	}
	.toolbox
	,.toolsubbox
	{
		position: absolute;
		background-color: white;
        border:solid 6px #7fcfe2; 
        border-radius: 1em;
        padding: 1em;
	}
	.toolsubbox
	{
		background-color: white;
        border:solid 5px #7fcfe2; 
        padding: 5px;
        /*min-width: 370px;*/
	}
	.pcdlayer
	{
		position: absolute;
		top:0px;
		left:0px;
		
	}
	.navbutton
	{
	    min-width: 3em;
	    padding: 0.2em 1em 0.2em 1em;
	    margin: 0.5em;
	}
	div.userPicselector
	{
	    position: relative;
	    display: none;
	    overflow: hidden;
	}
	div.userPicselector canvas
	{
	    position: absolute;
	    cursor: pointer;
	}

    div.userPicselector div.imgcontbtns{
        width: 100%;
        height: 100%;
        position: absolute;
    }

    div.userPicselector div.imgcontbtns .btn{
        font-size: 2rem;
        display: block;
        width: 2rem;
        height: 2rem;
        text-decoration: none;
        line-height: 2rem;
        text-align: center;
        border: 1px solid #ccc;
        background-color: #ddd;

        position:absolute;

        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    div.userPicselector div.imgcontbtns .btn:hover {
        color: #dd21a2;
    }

    div.userPicselector div.imgcontbtns .btn{
        display: none;
    }

    div.userPicselector[data-status="selected"]:hover div.imgcontbtns .btn{
        display: block;
        cursor: pointer;
        user-select: none;
    }

    div.userPicselector div.imgcontbtns .btn[data-btntype="moveup"]
    {
        margin: 0 auto auto auto;
    }

    div.userPicselector div.imgcontbtns .btn[data-btntype="movedown"]
    {
        margin: auto auto 0 auto;
    }

    div.userPicselector div.imgcontbtns .btn[data-btntype="moveleft"]
    {
        margin: auto auto auto 0;
    }

    div.userPicselector div.imgcontbtns .btn[data-btntype="moveright"]
    {
        margin: auto 0 auto auto;
    }

    div.userPicselector div.imgcontbtns .btn[data-btntype="zoomin"]
    {
        margin: 0 0 auto auto;
    }

    div.userPicselector div.imgcontbtns .btn[data-btntype="zoomout"]
    {
        margin: auto auto 0 0;
    }
	
	#commentview div.rect
	, #senderview div.rect
	{
	    position:absolute;
	    border: 6px solid blue;
	    left:-6px;
	    top:-6px;
	    opacity: 0.54;
	}
	#commentview p.recttext
	, #senderview p.recttext
	{
	    position:absolute;
	    margin:6px 0px 6px 6px;
	    padding: 0;
	    width: 5em;
	    font-size: 16px;
	    top: 0px;
	}
	#imagedragtargetmessage
	{
	    position:absolute;
	    top:50%;
	    width:100%;
	    text-align:center;
	    display:none;
	    margin: -1em 0 0 0;
	}
	#imagedragtarget
	{
	    position:absolute;
	    top:0;
	    bottom:0;
	    left:0;
	    right:0;
	    margin:0;
	    padding:0;
	    background-color:Azure;
	    opacity:0.33;
	    display:none;
	}

    #titleselect
    ,#stampselect
    ,#qrselect
    {
        width:100%;
    }

	#titleselectorcontimages
	,#stampselectorcontimages
	,#qrselectorcontimages
	{
	    text-align:center;
	    margin-left:auto;
	    margin-right:auto;
	}
	
	#titleselectorcontimages li
	,#stampselectorcontimages li
	,#qrselectorcontimages li
	{
	    padding: 5px;
	    display:inline-block;
	}

div.userPicselector div.rect {
    box-sizing: border-box;
    position: absolute;
    border: 3px solid red;
    /*left:-6px;*/
    /*top:-6px;*/
    /*-webkit-animation:blink 1.5s ease-in-out infinite alternate;
        -moz-animation:blink 1.5s ease-in-out infinite alternate;
        -ms-animation:blink 1.5s ease-in-out infinite alternate;
        -o-animation:blink 1.5s ease-in-out infinite alternate;*/
}
/*
    @-webkit-keyframes blink{
        0% {opacity:0; color:#827400;}
        100% {opacity:1; color:#000;}
    }
    @-moz-keyframes blink{
        0% {opacity:0; color:#827400;}
        100% {opacity:1; color:#000;}
    }
    @-ms-keyframes blink{
        0% {opacity:0; color:#827400;}
        100% {opacity:1; color:#000;}
    }
    @-o-keyframes blink{
        0% {opacity:0; color:#827400;}
        100% {opacity:1; color:#000;}
    }
    */
    @keyframes blink {
    0% {opacity:0; color:#827400;}
        100% {opacity:1; color:#000;}
    }
	
	.tooltitlebox
	{
		background-color: white;
		background-repeat: no-repeat;
		background-position: center 2px;
        border:5px solid #7fcfe2; 

        border-bottom-left-radius:1em;
        padding: 2px 0 3px 0;
        
        height: 40px;
        width: 58px;
        position:relative;
        z-index:1;
	}
	
	.tooltitlebox span
	{
	    font-size:8px;
	    display:block;
	    margin-top:26px;
	    text-align:center;
	}
	
	
	
	.toolcontbox
	{
        z-index:2;
		background: rgb(255,255,255);
		/*background: rgba(255,255,255,0.8);*/
        border:5px solid #7fcfe2; 

        border-top-right-radius:1em;
        border-bottom-left-radius:1em;
        
        padding: 5px;
        /*margin-left: -5px;*/
        /*overflow:hidden;*/
        overflow-x:hidden;
        overflow-y: auto;

        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch;
        
        /*position: absolute;*/
        top:0px;
        /*left:66px;*/
        
        box-sizing:border-box;
        
        font-size: 120%;
	}
	
	#imgselector
	{
	    /*width: 600px;*/
	    /*position:absolute;*/
	}

	#imgselector .tooltitlebox
	{
	    /*
	    padding-left:1em;
	    padding-right:1em;
	    width: 32px;
	    float:left;
        */
	}

	#imgselector .toolcontbox
	{
	    /*float:left;*/
	}

	#imgselectorcontimages
	{
        /*width:400px;*/
	}

	#categoryselector .toolcontbox div
	,#templateselector .toolcontbox div
	,#imgselector .toolcontbox div
	, #titlecont .toolcontbox div
	, #stampcont .toolcontbox div
	, #qrcont .toolcontbox div
	{
	    float: left;
	    margin-left: 0.5em;
	}

    #categoryselector
    , #templateselector
	, #imagecont
	, #sendercont
	, #commentcont
	, #titlecont
	, #messagecont
	, #postcardcont
	, #stampcont
	, #qrcont
	{
        padding-left: 0;
        position:absolute;
	}

	#categoryselector .tooltitlebox
	, #templateselector .tooltitlebox
	, #imgselector .tooltitlebox
	, #imagecont .tooltitlebox
    , #sendercont .tooltitlebox
	, #commentcont .tooltitlebox
	, #titlecont .tooltitlebox
	, #messagecont .tooltitlebox
	{
	    /*
	    padding-left:1em;
	    padding-right:1em;
	    width: 32px;
	    float:left;
        */
	}

	.toolcontbox p
	, .toolcontbox fieldset
	{
        /*width:300px;*/
        margin-top: 5px;
        margin-bottom: 5px;
	}

	.toolcontbox fieldset
	{
        padding-top: 0.5em;
	    border-top: 2px solid #7fcfe2;
	}
	
	.toolcontbox fieldset legend
	{
	    min-width:3.5em;
	    font-size: 110%;
	    padding-right: 0.5em;
	    padding-left: 0.5em;
	    border-top: 2px solid #7fcfe2;
	    border-bottom: 2px solid #7fcfe2;
	    border-right: 2px solid #7fcfe2;
        border-top-right-radius:1em;
        border-bottom-right-radius:1em;
	}

	.toolcontbox textarea
	{
        width:98%;
	}
	
	#imagecont input
    ,#sendercont input
	, #commentcont input
	, #titlecont input
	, #messagecont input
	, #postcardcont input
	{
	    vertical-align:middle;
	    margin-right:1em;
	    padding:0px 1em;
	    font-size: 120%;
	}

	#imagecont input[type="range"]
    ,#sendercont input[type="range"]
	, #commentcont input[type="range"]
	, #titlecont input[type="range"]
	, #messagecont input[type="range"]
	, #postcardcont input[type="range"]
	{
	    padding:0px;
	}


    input#s_zipcode1
    {
        margin-right:5px;
    }
    input#s_zipcode2
    {
        margin-left:5px;
    }

#sendercont div.line p {
    width: auto;
    display: inline-block;
}

	#imagecont button
    ,#sendercont button
	, #commentcont button
	, #titlecont button
	, #messagecont button
	, #postcardcont button
	{
	    vertical-align:middle;
	    margin-right:1em;
	}
    /*
	#postcardcont img
	{
	    vertical-align:middle;
	    margin-left:1em;
	    margin-right:1em;
	}
    */
	
	input[type=number]
	{
	    text-align: right;
	}

    select
    {
        font-size:16px;
    }

	#categoryselector
	, #templateselector
	{
	    position:absolute;
	    top:0;
	    left:0;
	}

	#imgselectorcontimages div
	{
	    position:relative;
	}

	
	#imgselectorcontimages .thumb
	{
	    position:relative;
	}
	
	#imgselectorcontimages .thumb .deletebtn
	{
	    position:absolute;
	    /*
        top:-2px;
	    right:-2px;
        */
        top: 4px;
	    right: 4px;
	}

	#imgselectorcontimages .thumb canvas
	{
        border-radius: 8px;
	}

	#imgselectorcontimages .active:after,
	#imgselectorcontimages .other:after
	{
        font-family: 'FontAwesome';
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -ms-font-smoothing: antialiased;
        -o-font-smoothing: antialiased;
        font-smoothing: antialiased;
        -webkit-font-feature-settings: "liga" 1, "dlig" 1;
        -moz-font-feature-settings: "liga=1, dlig=1";
        -ms-font-feature-settings: "liga" 1, "dlig" 1;
        -o-font-feature-settings: "liga" 1, "dlig" 1;
        font-feature-settings: "liga" 1, "dlig" 1;

	    content: "\f00c";
        display: block;
        position: absolute;
        top: 8px;
        left: 4px;
	}

::placeholder {
    opacity: 0.54;
    color: #000;
    padding: 0;
}

[required]::placeholder {
    color: red;
}

#previewPicture {
    margin-left: auto;
    margin-right: auto;
}

@keyframes outlineblink {
    0% {
        outline-color: rgba(4,4,4,1);
    }

    100% {
        outline-color: rgba(4,4,4,0);
    }
}

/*--------------------------------------------------------------*/

    #col1 
    {
        display:none;
    }
    #second-col2
    {
        width:100%;
    }
    
    div.main
    {
        width: 100%;
        /*height: 1000px;*/
        min-height:400px;
    }
    
    div.gridContainer
    {
        width: 100%;
    }
    
    #pcdbase
    {
        z-index: 2;
        float:left;
        position: absolute;
        top: 0px;
        left: 70px;
        min-width: 287px;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    }
    
    #pcdbase table th
    , #pcdbase table td
    {
        display:table-cell;
    }

    #previewcont {
        z-index: 4;
        display: none;
    }
    
    #controls
    {
    }
    
    .picNum
    {
        color: white;
        position: absolute;
        top: 50%;
        left: 50%;
        font-size: 48px;
        margin-left: -0.5em;
        margin-top: -0.5em;
    }
    
    img
    , #pcdbase object, #pcdbase embed, #pcdbase video
    {
        max-width:none;
    }

/**********************************************************************************/
    #sidr
    {
	    float:left;
	    width:70px;
	    z-index:1;
    }

	ul.submenu
	{
	    padding:0px;
	    margin: 0px;
	}

	ul.submenu li
	{
	    list-style-type: none;
	}
	
	.tooltitle > a
	,.tooltitle > label
	{
		background-color: white;
		background-repeat: no-repeat;
		background-position: center 2px;
        border:5px solid #7fcfe2; 

        border-bottom-left-radius:1em;
        padding: 2px 0 3px 0;
        margin: 0;
        
        height: 40px;
        width: 58px;
        position:relative;
        z-index:1;
        display:block;
        color:#666;
	}
	
	.tooltitle > a:hover
	,.tooltitle > label:hover
	{
		background-color: #ccf;
	}

	
	.keep-all
	{
	    position:relative;
	}
	
	.tooltitle > a > span
	,.tooltitle > label > span
	{
	    font-size:8px;
	    display:block;
	    /*margin-top:26px;*/
	    margin-top:30px;
	    text-align:center;

        line-height: 1.231;
	}


	.tooltitle > a:hover:before
	,.tooltitle > label:hover::before
	{
	    /*text-decoration:none important;*/
	}

    .tooltitle:hover
    {
    }

	.tooltitle > a::before
	,.tooltitle > label::before
	{
	    position:absolute;
	    font-size:40px;
	    display:block;
	    margin-top:-8px;
	    text-align:center;
	    word-break: normal;
	    width: 100%;
	    color: rgba(64,64,64,0.5);
	    /*text-decoration:none;*/

          font-family: 'LigatureSymbols';
          -webkit-text-rendering: optimizeLegibility;
          -moz-text-rendering: optimizeLegibility;
          -ms-text-rendering: optimizeLegibility;
          -o-text-rendering: optimizeLegibility;
          text-rendering: optimizeLegibility;
          -webkit-font-smoothing: antialiased;
          -moz-font-smoothing: antialiased;
          -ms-font-smoothing: antialiased;
          -o-font-smoothing: antialiased;
          font-smoothing: antialiased;
          -webkit-font-feature-settings: "liga" 1, "dlig" 1;
          -moz-font-feature-settings: "liga=1, dlig=1";
          -ms-font-feature-settings: "liga" 1, "dlig" 1;
          -o-font-feature-settings: "liga" 1, "dlig" 1;
          font-feature-settings: "liga" 1, "dlig" 1;

          box-sizing:content-box;
	}
	
	#imageselectormenu > a:before
	, #imageselectormenu > label:before
	{
	    /*content: "camera";*/
	    content: "\E026";
        line-height: 45px;
        /*pointer-events: none;*/
	}

#titlemenu > a:before {
    /*content: "comment";*/
    content: "\E034";
    line-height: 45px;
}

#commentmenu > a:before {
    /*content: "pen";*/
    content: "\E09f";
    line-height: 45px;
}

#sendermenu > a:before {
    /*content: "mail";*/
    content: "\E08a";
    line-height: 45px;
}

#previewmenu > a:before {
    /*content: "cart";*/
    content: "\E119";
    line-height: 45px;
}

#imagemenu > a:before {
    /*content: "refresh";*/
    content: "\E10e";
    line-height: 45px;
}

#imagemenu2 > a:before, #imagemenu2 > label:before {
    /*content: "ban";*/
    content: "\E012";
    line-height: 45px;
}

#imagemenu2.active > a:before, #imagemenu2.active > label:before {
    /*content: "light";*/
    content: "\E14c";
    line-height: 45px;
}

#stampmenu > a:before {
    /*content: "refresh";*/
    content: "\E122";
    line-height: 45px;
}

#qrmenu > a:before {
    /*content: "refresh";*/
    content: "\E139";
    line-height: 50px;
}
    
    .tooltitle.disablemenu
    {
        background-color: rgb(221, 221, 221);
    }

    #imageselectormenu > a, #imageselectormenu > label {
        /*pointer-events: none;*/
        /*background-image: url("../images/icons/1/camera.png");*/
    }
    #imagemenu > a
    {
        /*background-image: url("../images/icons/1/arrow_1.png");*/
    }
    #imagemenu2 > a
    ,#imagemenu2 > label
    {
        /*background-image: url("../images/icons/1/column.png");*/
    }
    #imagemenu2.active > a
    ,#imagemenu2.active > label
    {
        /*background-image: url("../images/icons/1/coverflow.png");*/
    }
    #titlemenu > a
    {
        /*background-image: url("../images/icons/1/chat.png");*/
    }
    #commentmenu > a
    {
        /*background-image: url("../images/icons/1/pencil.png");*/
    }
    #sendermenu > a
    {
        /*background-image: url("../images/icons/1/mail.png");*/
    }
    #previewmenu > a
    {
        /*background-image: url("../images/icons/1/_.png");*/
    }

    #pcdcreate
    {
        position:relative;
    }
    
    #toolspacer
    {
        height:50px;
        width:100%;
        background-color:White;
    }
    
    #uploadbtn
    ,#movieUploadbtn
    {
        /*display:none;*/
        position:absolute;
        left:-1000px;
    }
    
    /***************************************************************/
    .editTabs input[type="radio"]
    {
        display:none;
    }
    
    .editTab 
    {
	    background: #f7f7f7;
	    border-top-left-radius: 5px;
	    border-top-right-radius: 5px;
	    text-align: center;
        display:table-cell;
	    width: 40%;
        border: 1px solid #ddd;
        border-bottom: none;
    }

    body[data-pcdmode="shop"] .editTab {
        width: 30%;
    }

    body:not([data-pcdmode="shop"]) [data-usage="shoponly"] {
        display: none;
    }

    .editTab:hover {
        background: #f0f0f0;
    }

    .editTab.active
    {
        background-color: #e5fff0;
    }

    .editTab.active:hover
    {
        background-color: #dff7e9;
    }


    .editTab a
    ,.editTab label
    {
	    color: #666666;
	    line-height: 50px;
	    font-weight: bold;
	    text-decoration: none;
	    display: block;
	    cursor:pointer;
    }

    .editTab.active a
    ,.editTab.active label
    {
        color: #000;
    }

    .editTabs
    {
        display:table;
        width:80%;
        margin: 0 auto;
    }

    .centerline
    {
        text-align:center;
        width:100%;
    }

    .btnExec
    ,.btnCancel
    ,.btnCancel2
    {
	    display: inline-block;
    }

    .btnExec a
    ,.btnExec label
    {
        display: block;
        cursor: pointer;
	    background: #e1ffed;
	    margin: 0 auto;
	    border-radius: 5px;
	    border: 1px solid #666666;
	    text-align: center;
	    color: #666666;
	    line-height: 50px;
	    font-weight: bold;
	    text-decoration: none;
	    width:280px;
    }

    .btnExec a:hover
    , .btnExec label:hover
    {
        background-color: #dff7e9;
    }


    .btnCancel a
    , .btnCancel label
    , .btnCancel2 a
    , .btnCancel2 label
    {
        display: block;
        cursor: pointer;
	    background: white;
	    margin: 0 auto;
	    border-radius: 5px;
	    border: 1px solid #ccc;
	    width: 280px;
	    max-width:280px;
	    text-align: center;
	    color: #666666;
	    line-height: 50px;
	    /*font-size: 86%;*/
	    font-weight: bold;
	    text-decoration: none;
    }

    .btnCancel a:hover
    , .btnCancel label:hover
    , .btnCancel2 a:hover
    , .btnCancel2 label:hover
    , .btnCancel a.nonactive:hover
    , .btnCancel label.nonactive:hover
    , .btnCancel2 a.nonactive:hover
    , .btnCancel2 label.nonactive:hover
    , .btnExec a.nonactive:hover
    , .btnExec label.nonactive:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentcreate="true"]) .btnExec a[data-cssfor*="+c_commentcreate"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentcreate="true"]) .btnCancel a[data-cssfor*="+c_commentcreate"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentstate"]:not([data-commentstate="free"]) .btnExec a[data-cssfor*="+c_commentstatefree"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentstate"]:not([data-commentstate="free"]) .btnCancel a[data-cssfor*="+c_commentstatefree"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-sendercreate="true"]) .btnExec a[data-cssfor*="+c_sendercreate"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-sendercreate="true"]) .btnCancel a[data-cssfor*="+c_sendercreate"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_senderstate"]:not([data-senderstate="free"]) .btnExec a[data-cssfor*="+c_senderstatefree"]:hover
    , body[data-pcdmode="shop"] [data-cssfor*="+p_senderstate"]:not([data-senderstate="free"]) .btnCancel a[data-cssfor*="+c_senderstatefree"]:hover
    {
        background:#f5f5f5;
    }



      body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentcreate="true"]) .btnExec a[data-cssfor*="+c_commentcreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentcreate="true"]) .btnCancel a[data-cssfor*="+c_commentcreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentstate"]:not([data-commentstate="free"]) .btnExec a[data-cssfor*="+c_commentstatefree"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentstate"]:not([data-commentstate="free"]) .btnCancel a[data-cssfor*="+c_commentstatefree"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-sendercreate="true"]) .btnExec a[data-cssfor*="+c_sendercreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-sendercreate="true"]) .btnCancel a[data-cssfor*="+c_sendercreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_senderstate"]:not([data-senderstate="free"]) .btnExec a[data-cssfor*="+c_senderstatefree"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_senderstate"]:not([data-senderstate="free"]) .btnCancel a[data-cssfor*="+c_senderstatefree"]
    {
        /*background: white;
        border: 1px solid #ccc;*/
        color: #ccc;
    }

body[data-pcdmode="shop"] #commentview :not([class="rect"]) {
    opacity: 1;
    transition: opacity linear 0.5s;
}

body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"][data-commentstate="free"] #commentview :not([class="rect"]) {
    opacity: 0;
    pointer-events: none;
}

body[data-pcdmode="shop"] #freecommentview :not([class="rect"]) {
    opacity: 1;
    transition: opacity linear 0.5s;
}

body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentstate="free"]) #freecommentview :not([class="rect"]) {
    opacity: 0;
    /*pointer-events: none;*/
}

body[data-pcdmode="shop"] #senderview :not([class="rect"]) {
    opacity: 1;
    transition: opacity linear 0.5s;
}

body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"][data-senderstate="free"] #senderview :not([class="rect"]) {
    opacity: 0;
    pointer-events: none;
}

body[data-pcdmode="shop"] #freesenderview :not([class="rect"]) {
    opacity: 1;
    transition: opacity linear 0.5s;
}

body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-senderstate="free"]) #freesenderview :not([class="rect"]) {
    opacity: 0;
    /*pointer-events: none;*/
}

[id^='userPicselector_'],
#stampselectorbase,
#freecommentview,
#freesenderview {
    pointer-events: none;
}

input[name='i_pointermode'][value='image']:checked ~ #pcdbase [id^='userPicselector_'] {
    pointer-events: auto;
    animation: softBlink 1.5s ease-in-out infinite alternate;
}

@keyframes softBlink {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0.4;
    }
}

input[name='i_pointermode'][value='freelayoutcomment']:checked ~ #pcdbase #freecommentview {
    pointer-events: auto;
}

    input[name='i_pointermode'][value='freelayoutcomment']:checked ~ #pcdbase #freecommentview .pcdlayer .pcdlayer {
        /*border: 10px solid red;*/
        outline: 10px solid red;
        animation: blink 1.5s ease-in-out infinite alternate;
    }

input[name='i_pointermode'][value='freelayoutsender']:checked ~ #pcdbase #freesenderview {
    pointer-events: auto;
}

    input[name='i_pointermode'][value='freelayoutsender']:checked ~ #pcdbase #freesenderview .pcdlayer .pcdlayer {
        /*border: 10px solid red;*/
        outline: 10px solid red;
        animation: blink 1.5s ease-in-out infinite alternate;
    }


input[name='i_pointermode'][value='stamp']:checked ~ #pcdbase #stampselectorbase {
    pointer-events: auto;
}


body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentcreate = "true"]) .btnExec a[data-cssfor*="+c_commentcreate"], body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"]:not([data-commentcreate = "true"]) .btnCancel a[data-cssfor*="+c_commentcreate"], body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-sendercreate = "true"]) .btnExec a[data-cssfor*="+c_sendercreate"], body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"]:not([data-sendercreate = "true"]) .btnCancel a[data-cssfor*="+c_sendercreate"] {
    line-height: 25px;
}

      body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"] .btnExec a[data-cssfor*="+c_commentcreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentcreate"] .btnCancel a[data-cssfor*="+c_commentcreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentstate"] .btnExec a[data-cssfor*="+c_commentstatefree"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_commentstate"] .btnCancel a[data-cssfor*="+c_commentstatefree"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"] .btnExec a[data-cssfor*="+c_sendercreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_sendercreate"] .btnCancel a[data-cssfor*="+c_sendercreate"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_senderstate"] .btnExec a[data-cssfor*="+c_senderstatefree"]
    , body[data-pcdmode="shop"] [data-cssfor*="+p_senderstate"] .btnCancel a[data-cssfor*="+c_senderstatefree"]
    {
        margin-bottom: 25px;
    }




    .btnExec a.halfwidth
    ,.btnExec label.halfwidth
    ,.btnCancel a.halfwidth
    ,.btnCancel label.halfwidth
    ,.btnCancel2 a.halfwidth
    ,.btnCancel2 label.halfwidth
    {
        width: 140px;
    }


    .btnCancel2 a
    ,.btnCancel2 label
    {
        display: block;
        cursor: pointer;
	    background: white;
	    margin: 0 auto;
	    border-radius: 5px;
	    border: 1px solid #666666;
	    width: 280px;
	    max-width:280px;
	    text-align: center;
	    color: #666666;
	    line-height: 50px;
	    font-size: 86%;
	    font-weight: bold;
	    text-decoration: none;
	    text-decoration:none;
    }
    
    .btnCancel a:hover
    ,.btnCancel2 a:hover
    {
	    text-decoration:none;
    }

    .inputLines > div p.btnExecMini:first-of-type
    {
        padding-left: 0px;
    }

    .inputLines > div
    ,.selectLine > div
    {
        display: table;
        width:100%;
        height: 3em;
    }

    .inputLines > div p
    ,.selectLine > div p
    ,.inputLines > div ul
    ,.selectLine > div > div
    {
        display: table-cell;
        vertical-align: middle;
        height: 100%;
    }

    .inputLines > div p:first-of-type 
    {
        color:#666666;
        width: 4.3em;
        text-align: center;
        padding-left:0.3em;
    }

    , .selectLine > div p:first-of-type
    {
        width: 4em;
        text-align: center;
        color: white;
        background-color:#616161;
    }

    .inputLines > div p:nth-of-type(2)
    ,.selectLine > div p:nth-of-type(2)
    ,.selectLine > div > div
    {
        width: -webkit-calc(100% - 4.4em);
        width: calc(100% - 4.4em);
        padding-left: 10px;
        padding-right: 0.3em;
    }

    .inputLines > div p input[type="text"]
    {
        height:1.8em;
        line-height:1.8em; 
        padding-top:2px;
        padding-bottom:2px;
        padding-left: 10px;
        padding-right: 10px;
        width: 75%;
        width: -webkit-calc(100% - 40px);
        width: calc(100% - 40px);
    }

    .inputLines > div p select
    ,.selectLine > div p select
    {
        padding: 2px;
        width: 100%;
    }

    .inputLines > div p select[name="senderSelect"]
    {
        width: auto;
        margin-right: 1em;
    }

    .inputLines > div p input[type="range"]
    ,.selectLine > div p input[type="range"]
    {
        /*
        width: -webkit-calc(100% - 2.5em);
        width: calc(100% - 2.5em);
        */
       width: 90%;
    }
    .inputLines > div p input.num
    ,.selectLine > div p input.num
    {
        width: 2em;
        text-align:right;
        background-color:Transparent;
        border:none;
    }
    #rotval
    {
        margin-right:0px;
    }
    
    .selectLine > div p input.num
    {
        width: 2em;
        text-align:right;
        background-color:Transparent;
        border:none;
    }
    

    .inputLines textarea
    ,.inputLines p.c_preview
    {
        width: 100%;
        box-sizing:border-box;
        border: 1px solid #cccccc;
        padding: 10px;
    }

    #s_zipcode1{ width:2em; }
    #s_zipcode2{ width:3em; }

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
 
    .inputLines02
    {
        width: 100%;
    }
    
    .inputLines > div.nameSubParts
    ,.inputLines > div.telParts
    {
        display:none;
    }
    
    .inputLines > div:not(.hid):nth-of-type(2n)
    {
        background-color: #eaeaea;
    }

    #senderinputLines > div.odd
    ,#commentinputLines > div.odd
    {
        background-color: Transparent;
    }

    #senderinputLines > div.even
    ,#commentinputLines > div.even
    {
        background-color: #eaeaea;
    }

    /*#i_autocorrect
    {
        display:none;
    }
    */

    #controls
    {
        display:none;
        z-index: 2;
        left: 0;
        top: 0;
    }
    
    #resizeBase
    {
        top: 5px;
        z-index: 1;
        -o-transform-origin: left top;
        -moz-transform-origin: left top;
        -ms-transform-origin: left top;
        -webkit-transform-origin: left top;
        transform-origin: left top;
    }

    .btnCancel2 a
    ,.btnCancel2 label
    {
        color: #cccccc;
    }
    
	.btnArea {
		text-align:center;
	}

	input 
	{
	    /*
		-webkit-appearance: none; 
        */
	}

    input[type="text"]:focus
    , input[type="password"]:focus
    , input[type="search"]:focus
    , input[type="tel"]:focus
    , input[type="url"]:focus
    , input[type="email"]:focus
    , input[type="password"]:focus
    , input[type="number"]:focus

    {
        background-color: #f9fec2;
    }

    label.btnOdr,
    input.btnOdr
    {
	    color:#000;
	    cursor:pointer;
	    font-weight:bold;
	    background: #e1ffed;
	    border-radius: 5px;
	    line-height:48px;
	    margin:0 auto;
	    text-align:center;
	    text-decoration:none;
	    border:none;
	    border: 1px solid #666666;
	
    }

    input.btnOdr {
        width: 280px;
    }

    label.btnOdr {
        display: inline-block;
        width: 140px;
    }
    
    label.btnOdr:hover,
    input.btnOdr:hover {
	    background: #d7f5e3;
    }

    p.btnCorrect
    {
	    cursor:pointer;
        display:inline-block;
        color:#666;
        margin-left:1em;
    }
    
    p.btnCorrect a
    ,input.btnCorrect {
	    background:#fff;
	    border:1px solid #ccc;
	    border-radius: 5px;
	    line-height:46px;
	    font-weight:bold;
	    padding:0 1em;
        text-decoration: none;
    }
    
    .btnCorrect a
    {
        display: block;
	    color:#666;
    }
    
    p.btnCorrect a:hover
    ,input.btnCorrect:hover {
	    background:#f5f5f5;
    }

    .btnExecMini a
    ,.btnExecMini label
    {
        cursor: pointer;
	    background: #e1ffed;
	    margin: 0 5px 0 auto;
	    border-radius: 3px;
	    /*border: 1px solid #1ac25e;*/
	    border: 1px solid #666666;
	    width: 90%;
	    max-width:250px;
	    text-align: center;
	    /*color: #0dbf55;*/
	    color: #666666;
	    line-height: 30px;
	    font-weight: bold;
	    text-decoration: none;
	    display: block;
    }

    .btnExecMini a:hover, .btnExecMini label:hover {
        background: #d7f5e3;
    }

    .btnExecMiniInline a
    ,.btnExecMiniInline label
    {
        cursor: pointer;
	    background: #e1ffed;
	    margin: 0 5px 0 auto;
	    border-radius: 3px;
	    /*border: 1px solid #1ac25e;*/
	    border: 1px solid #666666;
	    max-width:250px;
	    text-align: center;
	    /*color: #0dbf55;*/
	    color: #666666;
	    line-height: 30px;
	    font-weight: bold;
	    text-decoration: none;
        padding-left: 0.5em;
        padding-right: 0.5em;
	    display: inline-block;
    }

    .btnExecMiniInline a:hover
    ,.btnExecMiniInline label:hover
    {
        background: #d7f5e3;
    }

    .btnExecMiniInline.diable a:hover
    ,.btnExecMiniInline.diable label:hover
    ,.btnExecMiniInline a.disabled
    ,.btnExecMiniInline label.disabled
    {
        background: #f7f7f7;
        color: #aaaaaa;
        border-color: #aaaaaa;
    }

    .btnExecMiniInline a.disabled:hover
    ,.btnExecMiniInline label.disabled:hover
    {
        background: #f0f0f0;
    }


    #header > div
    {
        z-index: 100;
        position: relative;
    }
    
    #content
    {
       /*
        z-index: 1;
        position: relative;
        */
    }
    
    #footer > div
    {
        z-index: 100;
        position: relative;
    }

    .c_ftftformat span
    ,.c_ftftfree textarea
    {
        font-family:"Monospace";
    }

    #sidr .submenu
    {
        visibility:hidden;
    }

    #sidr *
    {
        box-sizing: content-box;
    }
    
    #previewcontbox
    {
        margin-top: 10px;
    }

.bg-ichimatsu {
    background: #E0E0E0;
    background-image: linear-gradient(45deg, #eEeEeE 25%, transparent 0), linear-gradient(45deg, transparent 75%, #eEeEeE 0), linear-gradient(45deg, #eEeEeE 25%, transparent 0), linear-gradient(45deg, transparent 75%, #eEeEeE 0);
    background-size: 14px 14px;
    background-position: 0 0, 7px 7px, 7px 7px, 14px 14px;
    /*
    background: #E0E0E0;
    background-image: linear-gradient(45deg, #9E9E9E 25%, transparent 0), linear-gradient(45deg, transparent 75%, #9E9E9E 0), linear-gradient(45deg, #9E9E9E 25%, transparent 0), linear-gradient(45deg, transparent 75%, #9E9E9E 0);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px, 15px 15px, 30px 30px;
    */
}


.bg-koushi {
    background: #fff;
    background-image: linear-gradient(90deg, rgba(77,182,172, .6) 50%, transparent 50%), linear-gradient(#80CBC4 50%, transparent 50%);
    background-size: 30px 30px;
}

.bg-mizutama {
    background: #BBDEFB;
    background-image: radial-gradient(#2196F3 30%, transparent 0), radial-gradient(#2196F3 30%, transparent 0);
    background-size: 30px 30px;
    background-position: 0 0, 15px 15px;
}



@media all and (max-width:480px) {
    .btnArea span {
		display:block;
		margin:10px auto;
	}

    p.btnCorrect
    ,input.btnCorrect 
    {
	    width:280px;
    }

	#imgselector .toolcontbox div.centerline
	{
	    margin-left: 0;
	}

    p.btnCorrect
    {
        margin-left:0;
    }
}