label.filebutton {
    overflow:hidden;
    position:relative;
cursor:pointer;
}

img{
vertical-align:middle;
}
select{
font-size:1em;
}

a.l_c0:link{color:#000000;text-decoration:underline;font-weight:normal;font-size:0.9em;}
a.l_c0:active{color:#000000;text-decoration:underline;font-weight:normal;font-size:0.9em;}
a.l_c0:visited{color:#000000;text-decoration:underline;font-weight:normal;font-size:0.9em;}
a.l_c0:hover{color:#0000ff;text-decoration:underline;font-weight:normal;font-size:0.9em;}

a.l_title:link {
    color: #FFFFFF;
    font-weight:bold;
    font-size:2em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-decoration:none;
}
a.l_title:active {
    color: #FFFFFF;
    font-weight:bold;
    font-size:2em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-decoration:none;
}
a.l_title:visited {
    color: #FFFFFF;
    font-weight:bold;
    font-size:2em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-decoration:none;
}
a.l_title:hover {
    color: #D1D636;
    font-weight:bold;
    font-size:2em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    text-decoration:none;
}


.filebutton:hover {
border:1px solid #7A7A7A;
}
.filebutton{cursor:pointer;border:1px solid #999;-webkit-border-radius:42px;-moz-border-radius:42px;border-radius:42px;


padding:5px 10px 5px 10px;text-decoration:none;display:inline-block;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);font-weight:bold;color:#000;background-color:#fff;
background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfcfcf));background-image:-webkit-linear-gradient(top,#fff,#cfcfcf);
background-image:-moz-linear-gradient(top,#fff,#cfcfcf);background-image:-ms-linear-gradient(top,#fff,#cfcfcf);
background-image:-o-linear-gradient(top,#fff,#cfcfcf);background-image:linear-gradient(to bottom,#fff,#cfcfcf);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#CFCFCF)}
.filebutton:hover{border:1px solid #7a7a7a;background-color:#eee;
background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#c7c7c7));
background-image:-webkit-linear-gradient(top,#eee,#c7c7c7);background-image:-moz-linear-gradient(top,#eee,#c7c7c7);
background-image:-ms-linear-gradient(top,#eee,#c7c7c7);background-image:-o-linear-gradient(top,#eee,#c7c7c7);
background-image:linear-gradient(to bottom,#eee,#c7c7c7);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE,endColorstr=#C7C7C7)}
label span input {
    z-index: 999;
    line-height: 0;
    font-size: 50px;
    position: absolute;
    top: -2px;
    left: -700px;
    opacity: 0;
    filter: alpha(opacity = 0);
    -ms-filter: "alpha(opacity=0)";
    cursor: pointer;
    _cursor: hand;
    margin: 0;
    padding:0;
}
.bt_1{

cursor:pointer;border:1px solid #999;-webkit-border-radius:42px;-moz-border-radius:42px;border-radius:42px;
padding:5px 10px 5px 10px;text-decoration:none;display:inline-block;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);font-weight:bold;color:#000;background-color:#fff;
background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#cfcfcf));background-image:-webkit-linear-gradient(top,#fff,#cfcfcf);
background-image:-moz-linear-gradient(top,#fff,#cfcfcf);background-image:-ms-linear-gradient(top,#fff,#cfcfcf);
background-image:-o-linear-gradient(top,#fff,#cfcfcf);background-image:linear-gradient(to bottom,#fff,#cfcfcf);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF,endColorstr=#CFCFCF)}
.bt_1:hover{border:1px solid #7a7a7a;background-color:#eee;
background-image:-webkit-gradient(linear,left top,left bottom,from(#eee),to(#c7c7c7));
background-image:-webkit-linear-gradient(top,#eee,#c7c7c7);background-image:-moz-linear-gradient(top,#eee,#c7c7c7);
background-image:-ms-linear-gradient(top,#eee,#c7c7c7);background-image:-o-linear-gradient(top,#eee,#c7c7c7);
background-image:linear-gradient(to bottom,#eee,#c7c7c7);
filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#EEEEEE,endColorstr=#C7C7C7)}





.wrapper {
   /* width: 90%;
    margin:0 5% 0 5%;
    
      width: 96%;
    margin:0 2% 0 2%;
    */
   
    
     width: 1000px;
    margin:0 auto 0 auto;
    
}


.header,.footer{
     border-bottom: 1px solid #ff6262; 
    -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
padding: 5px 10px 5px 10px; 
 background-color: #ff4040; 
}

.footer{
text-align:center;

}

.middle{
-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
padding: 5px 10px 5px 10px; 
 background-color: #E6E6E6;
 
 }


.title {
    color: #FFFFFF;
    font-weight:bold;
    font-size:2em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
}
.f_left{
float:left;
}
.f_right{
float:right;
}
.ft_bt{
font-size:0.7em;
}
.clr{
clear:both;
}
h1,h2,h3,h4,h5,.t_footer{
	font-weight:bold;
	display:inline;
    font-size:1.3em;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
     color: #FFFFFF;
}
h2,h3,h4,h5{
font-size:1.1em;
color: #000000;
 text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
 text-decoration:underline;
}
.t_footer{
font-size:0.9em;
}

a.l_1:link{color:#ffffff;text-decoration:underline;font-weight:normal}
a.l_1:active{color:#ffffff;text-decoration:underline;font-weight:normal}
a.l_1:visited{color:#ffffff;text-decoration:underline;font-weight:normal}
a.l_1:hover{color:#ffe766;text-decoration:underline;font-weight:normal}


.wrapper_25{
  width: 25%;
  margin:0;
  /*border: 1px solid #FFFFFF; */
}


/*.wrapper_60{
  width: 60%;
  margin:0;
}*/


/*left area*/
.wrapper_left_1{
  width: 560px;
  margin:0;
  /*border:1px solid #000000;*/
}




.wrapper_99{
  width: 99%;
  margin:0;
  /*border: 1px solid #FFFFFF; */
}

.wrapper_gif_result{
   width: 305px;
}

.margin_0002{
  margin:0 0 0 2%;
}

.margin_0110{
  /*margin:0 8px 10px  0;*/
   margin:0 25px 10px  0;
}



.margin_20000{
  margin:20px 0 0 0;
}


.margin_00015{
  margin:0 0 0 15px;
}

.margin_00020{
  margin:0 0 0 20px;
}

.margin_5{
  margin:5px;
}

/*gif result display*/
.img_gif_result{
width:230px;
height:220px;
}
.img_gif_result_large{
width:300px;
height:300px;
overflow:auto;
}
.img_gif_large{
width:200px;
height:200px;
}
/*image upload display*/
.gif_large{
width:120px;
height:120px;
cursor:pointer;
}


.border_d3{
border:3px dashed #d3d3d3;
}
.border_d3_canvas{
border:3px dashed #ff4040;
}


label,input{
margin: 0;
padding:0;
}


.middle_element{
width:100%;
margin:0 auto 0 auto;
text-align:center;
}
.bg_ff{
/*border:1px dashed #000000;*/
background-color:#e6e6e6;
padding:5px 0 10px 0;
}
.ft_opt{
font-size:0.7em;
}
.input_opt_w{
width:45px;
} 

.im_0{width:160px;height:160px}

#holder{border:4px dashed #ccc;margin:10px 0 10px 0}
#holder.hover{border:4px dashed #0c0}
#holder img{display:block;margin:0 auto}


.dd_content
{
/*text-shadow:3px 2px 0 rgba(230,230,230,1);
font-weight:bold;
color:#b3b3b3;
font-size:20px;*/
margin:0 0 0 0:
height:200px;
min-height:200px;
/*max-height:550px;*/
overflow:auto;
background-color:#d9d9d9;
}


.d_gif_large{
margin:120px 0 0 0;
width:300px;
background-color: #ff4040;
}

.t_center{text-align:center}






.ft_b{
font-weight:bold;
}


canvas{
/*cursor:pointer;*/
cursor:crosshair;
}
.area_canvas{
/*float:left;*/

clear:both;
/*border:1px solid #000000;*/
display:none;


}

#options_gif span{
font-size:0.7em;
}


/*#options_gif select,#options_gif input{
padding:3px;border:1px solid #ccc;
background:transparent;background-color:#e6e6e6;color:#662300;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;
-webkit-box-shadow:0 1px 0 #ccc,0 -1px #fff inset;
-moz-box-shadow:0 1px 0 #ccc,0 -1px #fff inset;box-shadow:0 1px 0 #ccc,0 -1px #fff inset;
font-family: 'Ubuntu Condensed', sans-serif;
}*/




.options_element{
background-color:#d9d9d9;
padding:5px;
}
.options_slider{
/*width:500px;*/
width:80%;
/*vertical-align:middle;*/
}

#animation_delay
{
    -webkit-appearance: none !important;
    background: #cecece;
    height: 3px;
    width:80%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    margin-top: 5px;
    cursor: pointer;
}

#animation_delay::-webkit-slider-thumb
{
    -webkit-appearance: none !important;
    background: #666;
    height: 10px;
    width: 10px;
    cursor: pointer;
    -moz-border-radius: 10px;
    border-radius: 10px;
}



.dd_t0{
font-size:1.7em;
font-weight:bold;
 font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #000000;
 text-shadow: -1px -1px 0 rgba(255,255,255,0.3);
 text-decoration:underline;
 
text-decoration:none;
/*border: 1px solid #FF0FFF;*/
text-align:center;
margin:60px auto 0 auto;
}
.a_content_1{
/*margin:15px 0 10px 0;*/
margin:15px 0 10px 0;
width:300px;
height:250px;

}
.a_content_2{
margin:2px 0 15px 0;
width:730px;
height:90px;
/*border: 1px solid #b3b3b3;*/
}


.ex_gif{
width:444px;
height:95px;
}
.ex_loader{
width:80px;
height:80px;
}
.gif_loader_b{
width:80px;
height:80px;
padding:0 0 0 0;
margin:50px auto 0 auto;
}
.line_1{
margin:5px 0 0x 0;
border-bottom:1px solid #FFFFFF;

}
.line_2{
margin:0 0 10px 0;
border-top:1px solid #d9d9d9;
}
.i_textarea{
width:445px;font-size:1em;padding:5px;
}
.f_textarea{
width:450px;height:150px;text-align:left;font-size:1em;padding:5px;
}

.bg_d9d9d9{
background-color:#d9d9d9;
}
#read_more_options{
display:none;
}
.b_r0{
border:0;
}

#create_element_b1{
background-color:#d9d9d9;border:0;margin:0;width:70%;
margin:10px auto 10px auto;
padding:0 0 10px 0;
}


.resize_block1{
text-shadow:0 1px 0 rgba(255,255,255,1);background-color:#d9d9d9;font-size:0.9em;color:#000000;padding:5px;margin:0 0 0 0;
font-size:0.9em;font-family: 'Ubuntu Condensed', sans-serif;
}
.resize_block2{
margin:5px 0 0 0;padding:5px;color:#000000;
font-size:0.9em;font-family: 'Ubuntu Condensed', sans-serif;
}

.input_create_image{
width:40px;
padding:3px;border:1px solid #ccc;
background:transparent;background-color:#e6e6e6;color:#662300;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;
-webkit-box-shadow:0 1px 0 #ccc,0 -1px #fff inset;
-moz-box-shadow:0 1px 0 #ccc,0 -1px #fff inset;box-shadow:0 1px 0 #ccc,0 -1px #fff inset;
font-family: 'Ubuntu Condensed', sans-serif;
}

#read_more_update{
display:none;
}
#read_more_update span{
font-size:0.7em;
}


/*22-02-16*/
.options_i0{
position:absolute;right:2px;text-align:right;
}
.options_i1{
position:absolute;right:2px;top:30px;text-align:left;
}
.options_i2{
position:absolute;right:2px;top:60px;text-align:left;
}
.options_i3{
position:absolute;right:2px;top:90px;text-align:left;
}
.options_i4{
position:absolute;left:2px;top:0px;text-align:left;
}

.options_i0 img{
width:16px;height:16px;
}
.options_i1 img{
width:16px;height:16px;
}
.options_i2 img{
width:16px;height:16px;
}
.options_i3 img{
width:16px;height:16px;
}
.options_i4 img{
width:16px;height:16px;
}




.delay_input_0{
width:20px;padding:0 0 0 1px;
}
.text_input_0{
width:92px;padding:2px;
background-image:url('img/text.png');background-repeat:no-repeat;padding-left:18px;
}

.space_frame{
margin:10px 0 0 0;
}

#opt_1 select,#opt_1 input,#opt_3 select,#opt_3 input,.select_drawing{
padding:3px;border:1px solid #ccc;
background:transparent;background-color:#e6e6e6;color:#662300;
-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;
-webkit-box-shadow:0 1px 0 #ccc,0 -1px #fff inset;
-moz-box-shadow:0 1px 0 #ccc,0 -1px #fff inset;box-shadow:0 1px 0 #ccc,0 -1px #fff inset;
font-family: 'Ubuntu Condensed', sans-serif;

font-size:0.9em;
}

#line_thickness{
font-size:0.7em;
}
#drawing_area_title{
font-size:0.7em;
}

a.drawing_l0:link{color:#0000ff;text-decoration:underline;font-weight:normal;font-size:0.7em;}
a.drawing_l0:active{color:#000000;text-decoration:underline;font-weight:normal;font-size:0.7em;}
a.drawing_l0:visited{color:#000000;text-decoration:underline;font-weight:normal;font-size:0.7em;}
a.drawing_l0:hover{color:#ff0000;text-decoration:underline;font-weight:normal;font-size:0.7em;}



.drawing_close{
float:left;margin:0 20px 0 0;
}


#top_content_gif{
width:640px;border:0px solid #000000;float:left;
}