*[draggable=true] {
  -moz-user-select:none;
  -khtml-user-drag: element;
  cursor: move;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status{
    line-height:23px;
    font-size: 14px;
}

.ui-selectmenu{
    height:30px;
    font-size: 10px;
}

.ui-selectmenu-item-selected{
    border:1px solid red;
}

.ui-selectmenu-open li.ui-selectmenu-item-selected { background: #dadada;}

body{
    font: 13px/22px Helvetica, Arial, sans-serif; margin-top: 5px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
}

#designer{
    width: 1065px; 
    margin: 0 auto;
}

#designs{
    clear:both;
}
    #designs .wrapper{
        border-right2: 1px solid  #D1CBA7;  
		
    }

    #designs h2{
        text-align: center;
        margin: 7px 0
    }

    #designs a{
        display: block;
        width: 155px;
        text-align: center;
        float: left;
        padding: 15px 0 5px 0;
    }

    #designs a.active, #designs a:hover{
        background: #F3E4EB;
    }

    #designs img{
        height: 90px;
    }

    #designs p{
        margin: 0;
    }

#title{
    text-align: center;
    margin-bottom:25px;
}

fieldset {
    border:0; 
} 

input, textarea{
    border: 1px solid #D7D7D7;
}

input{
    width: 130px;
    height: 20px;
}

label{
    text-align: right;
    font-weight: bold;
}

#paper{
	 width: 600px;
    float:left;
}

#paper svg{
    
}

#colorEditor{
    margin-left:15px;
    margin-bottom:15px;
    overflow:hidden;
}
    #colorEditor .cpickerCategory{
        border-bottom: 1px dashed #CCC;
    }

    #colorEditor .cpickerCategory h4{
        text-transform: capitalize;
        float: left;
        width: 125px;
    }

    #colorEditor .cpickerGroup{
        float:left;
        width: 80px;
        margin: 10px 0 0 0;
        text-align: center;
    }

    #colorEditor .cpicker{
        margin:0 auto;
        width: 28px;
        height: 28px;
        background-image:url(../js/libraries/colorpicker/images/select2.png);
        background-position:-4px -4px;
    }

#controls{
    margin:15px 0;
}
    #size, #opacity{
        margin:15px 0;
    }

#editor{
    float: left;
    width: 450px;
    margin: 12px 0 0 0;
    padding: 10px 0px 10px 0px;
    color: #8C8C8C;
}

#editor p {
    color: #979797;
    font-weight: bold;
    text-align: center;
    font-size: 12px;

}

label, select, .ui-select-menu {
    float: left;
    margin-right: 10px;
}

#textEditor input{
    float:left;
}

#textEditor label{
    width: 69px;
    height: 35px;
    font-size: 11px;
}

#textEditor fieldset div{
    float:left;
    margin:-4px 2px;
}

#message{
    display:none;
    background: #BADA55 url(../../images/accept.png) no-repeat 5px 5px;
    border: 1px solid green;
    padding: 9px 5px 9px 50px;
    color: green;
    width: 500px;
}

#message a{
    border-width:0 0 1px 0;
    border-style: dashed;
    border-color:green;
    text-decoration:none;
    color:green;
    font-weight:800;
}

#message a:hover{
    opacity:.75;
}

#tabnav {
    border: 1px solid #E6E6E6;
    margin:0 0 25px 10px;
    padding:0;
    width: 272px;
	font-size: 14px;
	font-weight: bold;
}

#tabnav li{
    list-style: none;
}

#tabnav li a{
    text-align: center;
    float: left;
    width: 90px;
}

#tabnav li a.current{
    background: #ccc;
    color:#fff;
}

#tabnav li a{color:#979797; text-decoration:none;}


#imageEditor {
    padding:0 10px 0 20px;
    margin-top: 25px;
}

    #uploadedImages{
        border: 3px dashed #ccc;
        width: 400px;
        min-height: 100px;
    }

    #uploadedImages p{
        color: #ccc;
        font-size: 16px;
        text-align: center;
        margin-top: 40px;
    }

    #uploadedImages img{
        height: 110px;
        margin: 5px;
        border: 3px solid #ccc;
    }

	#imageEditor .uploadifyQueue{
		width: 285px;
	}

    #imageEditor .label{
        font-weight:bold;
        width: 125px;
        font-size: 11px;
        float:left;
    }

    #imageEditor .controls .label .indicator{
        color:#666;
        font-size: 11px;
        font-weight: normal;
    }
    
    #imageEditor .uploader{
        margin: -3px 0 0 5px;
        float:left;
    }

    #imageUploadimageQueue {
        clear: both;
    }

    #imageEditor .image {
        border-bottom: 1px dashed #CCC;
        margin: 10px 0;
    }

    #imageEditor .controls{
        clear:both;
        font-weight: normal;
        font-size: 12px;
    }
    
    #imageEditor .controls .label{
        width: 125px;
    }

     #imageEditor .controls .control{
        height: 30px;
        padding-top: 5px;
    }

    #imageEditor .controls .ui-slider{
        margin-left: 125px;
        margin-top: 5px;
    }

    #contactForm{
        margin-top:35px;
        padding-top:25px;
        border-top: 1px dashed #e6e6e6;
    }

    #contactForm label{
        text-align:right;
        width: 160px;
    }

    #instructions{
        width: 190px;
        height: 123px;
    }

#actionButtons{
    margin: 10px auto 0 auto;
    width: 350px;
}


.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }