@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-thin.eot'); /* IE9 Compat Modes */
    src: url('../fonts/overpass-thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/overpass-thin.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/overpass-thin.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/overpass-thin.ttf')  format('truetype'); /* Safari, Android, iOS */
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-thin-italic.eot');
    src: url('../fonts/overpass-thin-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-thin-italic.woff2') format('woff2'),
    url('../fonts/overpass-thin-italic.woff') format('woff'),
    url('../fonts/overpass-thin-italic.ttf')  format('truetype');
    font-weight: 200;
    font-style: italic;
}


@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-extralight.eot');
    src: url('../fonts/overpass-extralight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-extralight.woff2') format('woff2'),
    url('../fonts/overpass-extralight.woff') format('woff'),
    url('../fonts/overpass-extralight.ttf')  format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-extralight-italic.eot');
    src: url('../fonts/overpass-extralight-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-extralight-italic.woff2') format('woff2'),
    url('../fonts/overpass-extralight-italic.woff') format('woff'),
    url('../fonts/overpass-extralight-italic.ttf')  format('truetype');
    font-weight: 300;
    font-style: italic;
}



@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-light.eot');
    src: url('../fonts/overpass-light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-light.woff2') format('woff2'),
    url('../fonts/overpass-light.woff') format('woff'),
    url('../fonts/overpass-light.ttf')  format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-light-italic.eot');
    src: url('../fonts/overpass-light-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-light-italic.woff2') format('woff2'),
    url('../fonts/overpass-light-italic.woff') format('woff'),
    url('../fonts/overpass-light-italic.ttf')  format('truetype');
    font-weight: 400;
    font-style: italic;
}



@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-regular.eot');
    src: url('../fonts/overpass-regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-regular.woff2') format('woff2'),
    url('../fonts/overpass-regular.woff') format('woff'),
    url('../fonts/overpass-regular.ttf')  format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-italic.eot');
    src: url('../fonts/overpass-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-italic.woff2') format('woff2'),
    url('../fonts/overpass-italic.woff') format('woff'),
    url('../fonts/overpass-italic.ttf')  format('truetype');
    font-weight: 500;
    font-style: italic;
}




@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-semibold.eot');
    src: url('../fonts/overpass-semibold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-semibold.woff2') format('woff2'),
    url('../fonts/overpass-semibold.woff') format('woff'),
    url('../fonts/overpass-semibold.ttf')  format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-semibold-italic.eot');
    src: url('../fonts/overpass-semibold-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-semibold-italic.woff2') format('woff2'),
    url('../fonts/overpass-semibold-italic.woff') format('woff'),
    url('../fonts/overpass-semibold-italic.ttf')  format('truetype');
    font-weight: 600;
    font-style: italic;
}




@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-bold.eot');
    src: url('../fonts/overpass-bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-bold.woff2') format('woff2'),
    url('../fonts/overpass-bold.woff') format('woff'),
    url('../fonts/overpass-bold.ttf')  format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-bold-italic.eot');
    src: url('../fonts/overpass-bold-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-bold-italic.woff2') format('woff2'),
    url('../fonts/overpass-bold-italic.woff') format('woff'),
    url('../fonts/overpass-bold-italic.ttf')  format('truetype');
    font-weight: 700;
    font-style: italic;
}



@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-extrabold.eot');
    src: url('../fonts/overpass-extrabold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-extrabold.woff2') format('woff2'),
    url('../fonts/overpass-extrabold.woff') format('woff'),
    url('../fonts/overpass-extrabold.ttf')  format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-extrabold-italic.eot');
    src: url('../fonts/overpass-extrabold-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-extrabold-italic.woff2') format('woff2'),
    url('../fonts/overpass-extrabold-italic.woff') format('woff'),
    url('../fonts/overpass-extrabold-italic.ttf')  format('truetype');
    font-weight: 800;
    font-style: italic;
}


@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-heavy.eot');
    src: url('../fonts/overpass-heavy.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-heavy.woff2') format('woff2'),
    url('../fonts/overpass-heavy.woff') format('woff'),
    url('../fonts/overpass-heavy.ttf')  format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'overpass';
    src: url('../fonts/overpass-heavy-italic.eot');
    src: url('../fonts/overpass-heavy-italic.eot?#iefix') format('embedded-opentype'),
    url('../fonts/overpass-heavy-italic.woff2') format('woff2'),
    url('../fonts/overpass-heavy-italic.woff') format('woff'),
    url('../fonts/overpass-heavy-italic.ttf')  format('truetype');
    font-weight: 900;
    font-style: italic;
}



@font-face{font-family:'Open Sans';src:url(../fonts/Light/OpenSans-Light.woff2?v=1.101) format("woff2"),url(../fonts/Light/OpenSans-Light.woff?v=1.101) format("woff");font-weight:300;font-style:normal}@font-face{font-family:'Open Sans';src:url(../fonts/LightItalic/OpenSans-LightItalic.woff2?v=1.101) format("woff2"),url(../fonts/LightItalic/OpenSans-LightItalic.woff?v=1.101) format("woff");font-weight:300;font-style:italic}@font-face{font-family:'Open Sans';src:url(../fonts/Regular/OpenSans-Regular.woff2?v=1.101) format("woff2"),url(../fonts/Regular/OpenSans-Regular.woff?v=1.101) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(../fonts/Italic/OpenSans-Italic.woff2?v=1.101) format("woff2"),url(../fonts/Italic/OpenSans-Italic.woff?v=1.101) format("woff");font-weight:400;font-style:italic}@font-face{font-family:'Open Sans';src:url(../fonts/Semibold/OpenSans-Semibold.woff2?v=1.101) format("woff2"),url(../fonts/Semibold/OpenSans-Semibold.woff?v=1.101) format("woff");font-weight:600;font-style:normal}@font-face{font-family:'Open Sans';src:url(../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.101) format("woff2"),url(../fonts/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.101) format("woff");font-weight:600;font-style:italic}@font-face{font-family:'Open Sans';src:url(../fonts/Bold/OpenSans-Bold.woff2?v=1.101) format("woff2"),url(../fonts/Bold/OpenSans-Bold.woff?v=1.101) format("woff");font-weight:700;font-style:normal}@font-face{font-family:'Open Sans';src:url(../fonts/BoldItalic/OpenSans-BoldItalic.woff2?v=1.101) format("woff2"),url(../fonts/BoldItalic/OpenSans-BoldItalic.woff?v=1.101) format("woff");font-weight:700;font-style:italic}@font-face{font-family:'Open Sans';src:url(../fonts/ExtraBold/OpenSans-ExtraBold.woff2?v=1.101) format("woff2"),url(../fonts/ExtraBold/OpenSans-ExtraBold.woff?v=1.101) format("woff");font-weight:800;font-style:normal}@font-face{font-family:'Open Sans';src:url(../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.101) format("woff2"),url(../fonts/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.101) format("woff");font-weight:800;font-style:italic}


/* 360-580 */
/* 580-1025*/




body {
    font-family:'Open Sans';
    color: #6176b7;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cp_pxl {
    stroke: #cccccc;
    stroke-width: 0.5 !important;
}


body {
    background-color: #ffffff;
    text-align: center;
    margin: 0 auto;
    height: 100vh;
}

#canvaspaint_tab_container {
    min-width: 660px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#typo_tab_container {
    min-width: 860px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

#upload_tab_container {
    min-width: 660px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}







#toolbar_typo {
    vertical-align: top;
    display: inline-block;
    text-align: right;
}

.typo_tool {
    margin-bottom: 10px;
}

.typo_tool_name {
    display: inline-block;
    text-align: right;
    width: 125px;
}

.typo_tool_content {
    display: inline-block;
    text-align: left;
    width: 100px;
    padding-left: 15px;
}

#colorselector_font {
    width: 60px;
    border: 1px solid #cccccc;
}

#colorselector_bg {
    width: 60px;
    border: 1px solid #cccccc;
}

#firstcharacter {
    width: 60px;
}

#secondcharacter {
    width: 60px;
}





#uploadform_container {
    width: auto;
    border: 0px solid #99b6d5;
    display: inline-block;
}

#upload_filename {
    overflow: hidden;
    white-space: nowrap;
    color: #999999;
    font-size: 20px;
    line-height: 24px;
    font-family:'overpass';
    font-weight: 500;
    float: left;
    padding-left: 20px;
    padding-top: 11px;
    padding-bottom: 9px;
    cursor: pointer;
    width: 620px;
    text-align: left;
    border: 1px solid #999999;
    border-right: 0;

    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

#upload_select_button {
    float: left;
}

#upload_select_button .button-a1 {
    border: 1px solid #014A97;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;


    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;

}


#fileToUpload {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

#uploadbtn {
    width: 1px;
    height: 1px;
    visibility: hidden;
}

.clearboth {
    clear: both;
}


#maincanvas_editor {
    display: inline-block;
}

#maincanvas_editortypo {
    display: inline-block;
}

#oncanvassvg_editor {
    height: 256px;
    width: 256px;
    background-color: white;
    cursor: crosshair;
    border: 1px solid #cccccc;
}

#canvaspreview_editor {
    background-color: white;
    border: 0px;
    height: 16px;
    width: 16px;
}


#oncanvassvg_editortypo {
    height: 256px;
    width: 256px;
    background-color: white;
    border: 1px solid #cccccc;
}

#canvaspreview_editortypo {
    background-color: white;
    border: 1px solid #cccccc;
    height: 16px;
    width: 16px;
}


#preview_area_typo {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 30px;
    width: 280px;
    text-align: left;
}


#preview_area {
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin-left: 30px;
    width: 280px;
    text-align: left;
}

#preview_tab_typo {
    background-image: url('../images/preview_area.png');
    width: 64px;
    height: 36px;
    z-index: 1;
    display: inline-block;
}

#preview_tab {
    background-image: url('../images/preview_area.png');
    width: 64px;
    height: 36px;
    z-index: 1;
    display: inline-block;
}

#preview_title {
    color: #00327f;
    font-family: 'overpass';
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 15px;
}

#preview_title_typo {
    color: #00327f;
    font-family: 'overpass';
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    vertical-align: top;
    margin-top: 10px;
    margin-left: 15px;
}

.top_desc_text {
    margin-bottom: 45px;
}

#preview_area_desc {
    color: #6176b7;
    font-family: 'Open Sans';
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 25px;
    width: 250px;
}

#preview_editor_typo {
    position: absolute;
    top: 11px;
    left: 22px;
    z-index: 2;
}

#preview_editor {
    position: absolute;
    top: 11px;
    left: 22px;
    z-index: 2;
}




#toolbar {
    vertical-align: top;
    display: inline-block;
    width: 60px;
    margin-right: 20px;
}

#toolbar #tool-colorselection {
    height: 50px;
    width: 50px;
    display: block;

}

#toolbar #colorselector {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border: 1px solid #cccccc;
    background-color: #000000;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

#toolbar .tool {
    display: block;
    margin-top: 12px;
    margin-bottom: 12px;
    border-radius:50%;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    background-color: #99b6d5;
    height: 50px;
    width: 50px;
    cursor: pointer;
}

#toolbar .tool img {
    padding-top: 10px;
}

#toolbar .tool.active {
    background-color: #3d71b8;
}

#toolbar .tool i {
    display: block;
    cursor: pointer;
}

#toolbar .tool .fa {
    color: black;
    height: 18px;
    width: 18px;
}

#toolbar .tool.active .fa {
    color: black;
}



#create_files_u {
    display: inline-block;
    cursor: pointer;
    margin-top: 50px;
    color: black;
    font-family: Helvetica;
    padding: 15px;
    border: 2px dashed #000000;
}

#create_files_u:hover {
    border: 2px solid #000000;
}

#errormsg {
    display: inline-block;
    color: red;
}


#results {
    display: none;
}



#generating_overlay {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    z-index: 10;
    display: none;
}

#generating_overlay_upload {
    position: absolute;
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
    z-index: 10;
    display: none;
}

#close_generating_overlay {
    position: absolute;
    top: 30px;
    right: 30px;
    font-family: "Open Sans";
    color: #6176b7;
    cursor: pointer;
    font-size: 30px;
    display: none;
}

#close_generating_overlay:hover {
    color: #00327f;
}

#generating_overlay_content {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

#results_text {
    color: #00327f;
    font-family: 'Open Sans';
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 30px;
    display: none;
}


#generating_files {
    text-align: center;
    color: #00327f;
    font-family: 'Open Sans';
    font-size: 16px;

    display: none;

}


#cnt_left {
    display: inline-block;
}

#cnt_right {
    display: inline-block;
    vertical-align: top;
    padding-left: 30px;
}



/*BTN TEMP */
.stage-master-container .stage-master-button-cont {
    display: inline-block;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden;
}


.button-a1 {
    background-color: #014A97;

    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-family: 'Open Sans';
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;

    outline: 0 none;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;

    border: 2px solid #014A97;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}


.button-a1:hover {
    background-color: transparent;
    color: #014A97;
}

.button-a1:focus, .button-a1:active {
    -moz-box-shadow: 0 0 0 1px #003D8F;
    -webkit-box-shadow: 0 0 0 1px #003D8F;
    box-shadow: 0 0 0 1px #003D8F;
    outline: 0 none;
}

a.button-a1:link a.button-a1:visited {
    outline: 0 none;
}



#canvaspaint_upload .canvaspaint_upload_tech_desc {
    font-size: 12px;
}





/* RESPONSIVE */

/* SIZE S 360-640px UPLOAD | TYPO */
@media only screen and (max-width : 640px) {
    body {
        //background-color: yellow !important;
    }



    /**************/
    /* UPLOAD BOF */
    /**************/

    #upload_tab_container {
        min-width: 350px;
    }

    #canvaspaint_uploader .top_desc_text {
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        margin-bottom: 25px;
    }

    #canvaspaint_uploader .top_desc_text br {
        display: none;
        /*TODO FIX BREAK FOR DESKTOP*/
    }

    #uploadform_container {
        width: 95%;
    }

    #upload_filename {
        overflow: hidden;
        white-space: nowrap;
        color: #999999;
        font-size: 12px;
        line-height: 24px;
        font-family:'overpass';
        font-weight: 500;
        float: left;
        padding-left: 20px;
        padding-top: 11px;
        padding-bottom: 9px;
        cursor: pointer;
        width: 620px;
        text-align: left;
        border: 1px solid #999999;
        border-right: 0;

        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;

        max-width: 65%;
    }

    #upload_select_button {
        float: left;
    }

    #upload_select_button .button-a1 {
        border: 1px solid #014A97;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;


        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;

    }




    #imageupload {
        text-align: left;
        position: relative;
    }

    #canvaspaint_upload {
        padding-left: 10px;
        padding-right: 10px;
    }

    #canvaspaint_upload .canvaspaint_upload_tech_desc {
        font-size: 12px;
    }

    /**************/
    /* UPLOAD EOF */
    /**************/




    /**************/
    /* TYPO BOF   */
    /**************/

    #typo_tab_container {
        min-width: auto;
    }

    #canvaspaint_editor_typo {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }


    #canvaspaint_editor_typo .top_desc_text {
        text-align: left;
    }

    #canvaspaint_editor_typo #toolbar_typo {
        display: block;
        text-align: center;
        margin-bottom: 30px;

    }

    #canvaspaint_editor_typo #toolbar_typo .typo_tool {
        text-align: center;
        display: block;
    }

    #canvaspaint_editor_typo #toolbar_typo .typo_tool_name {
        text-align: left;
        width: auto;
        display: inline-block;
    }

    #canvaspaint_editor_typo #toolbar_typo .typo_tool_content {
        display: inline-block;
    }

    #canvaspaint_editor_typo #maincanvas_editortypo {
        display: block;
        text-align: center;
    }

    #canvaspaint_editor_typo #preview_area_typo {
        display: block;
        margin-left: 0;
        width: auto;
        margin-top: 30px;
    }

    #canvaspaint_editor_typo #preview_area_desc {
        width: auto;
    }


    /**************/
    /* TYPO EOF   */
    /**************/


}

/* SIZE S 595-640px UPLOAD | TYPO */
@media only screen and (min-width : 595px) and (max-width : 640px) {

}


/* SIZE M 641-1024px UPLOAD | TYPO */
@media only screen and (min-width : 641px) and (max-width : 1024px) {

    body {
        //background-color: orange !important;
    }


    /**************/
    /* UPLOAD BOF */
    /**************/

    #upload_tab_container {
        min-width: 350px;
    }

    #canvaspaint_uploader .top_desc_text {
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        margin-bottom: 25px;
    }

    #canvaspaint_uploader .top_desc_text br {
        display: none;
        /*TODO FIX BREAK FOR DESKTOP*/
    }

    #uploadform_container {
        width: 95%;
    }



    #upload_filename {
        overflow: hidden;
        white-space: nowrap;
        color: #999999;
        font-size: 20px;
        line-height: 24px;
        font-family:'overpass';
        font-weight: 500;
        float: left;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 11px;
        padding-bottom: 9px;
        cursor: pointer;
        width: auto;
        text-align: left;
        border: 1px solid #999999;
        border-right: 0;

        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;

    }

    #upload_select_button {
        float: left;
    }

    #upload_select_button .button-a1 {
        border: 1px solid #014A97;
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;


        -webkit-border-top-left-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-bottomleft: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;

    }




    #imageupload {
        text-align: left;
        position: relative;
    }

    #canvaspaint_upload {
        padding-left: 10px;
        padding-right: 10px;
    }

    #canvaspaint_upload .canvaspaint_upload_tech_desc {
        font-size: 12px;
    }

    /**************/
    /* UPLOAD EOF */
    /**************/



    /**************/
    /* TYPO BOF   */
    /**************/

    #typo_tab_container {
        min-width: auto;
    }

    #canvaspaint_editor_typo {
        padding-left: 10px;
        padding-right: 10px;
        text-align: center;
    }


    #canvaspaint_editor_typo .top_desc_text {
        text-align: left;
    }

    #canvaspaint_editor_typo #toolbar_typo {
        display: block;
        text-align: center;
        margin-bottom: 30px;
    }

    #canvaspaint_editor_typo #toolbar_typo .typo_tool {
        text-align: center;
        display: block;
    }

    #canvaspaint_editor_typo #toolbar_typo .typo_tool_name {
        text-align: left;
        width: auto;
        display: inline-block;
    }

    #canvaspaint_editor_typo #toolbar_typo .typo_tool_content {
        display: inline-block;
    }

    #canvaspaint_editor_typo #maincanvas_editortypo {
        display: block;
        text-align: center;
    }

    #canvaspaint_editor_typo #preview_area_typo {
        display: block;
        margin-left: 0;
        width: auto;
        margin-top: 30px;
    }

    #canvaspaint_editor_typo #preview_area_desc {
        width: auto;
    }


    /**************/
    /* TYPO EOF   */
    /**************/

}