/* ------------------
 CSS3 Button Maker
 Tom Pryor
 tom@dvia.com
 03-25-2010
 --------------------*/
/* Lable Color Swatch */
#red, #green, #blue, #redButtonBKGcolor, #greenButtonBKGcolor, #blueButtonBKGcolor, #redStageBKGcolor, #greenStageBKGcolor, #blueStageBKGcolor, #redBKGstart, #greenBKGstart, #blueBKGstart, #redBKGend, #greenBKGend, #blueBKGend, #buttonShadowRed, #buttonShadowGreen, #buttonShadowBlue, #txtShadowRed, #txtShadowGreen, #txtShadowBlue, #buttonBorderRed, #buttonBorderGreen, #buttonBorderBlue {
    float: left;
    clear: left;
    width: 300px;
    margin: 15px;
}

#swatch, #swatchBKGstart, #swatchBKGend, #buttonShadowSwatch, #txtShadowSwatch, #buttonBorderSwatch, #swatchStageBKGcolor, #swatchButtonBKGcolor {
    width: 120px;
    height: 100px;
    margin-top: 18px;
    margin-left: 350px;
    background-image: none;
}

/*
 * Button BKG Colors
 */
#redButtonBKGcolor .ui-slider-range {
    background: #ef2929;
}

#redButtonBKGcolor .ui-slider-handle {
    border-color: #ef2929;
}

#greenButtonBKGcolor .ui-slider-range {
    background: #8ae234;
}

#greenButtonBKGcolor .ui-slider-handle {
    border-color: #8ae234;
}

#blueButtonBKGcolor .ui-slider-range {
    background: #729fcf;
}

#blueButtonBKGcolor .ui-slider-handle {
    border-color: #729fcf;
}

/*
 * Stage BKG Colors
 */
#redStageBKGcolor .ui-slider-range {
    background: #ef2929;
}

#redStageBKGcolor .ui-slider-handle {
    border-color: #ef2929;
}

#greenStageBKGcolor .ui-slider-range {
    background: #8ae234;
}

#greenStageBKGcolor .ui-slider-handle {
    border-color: #8ae234;
}

#blueStageBKGcolor .ui-slider-range {
    background: #729fcf;
}

#blueStageBKGcolor .ui-slider-handle {
    border-color: #729fcf;
}

/*
 * Border Colors
 */
#buttonBorderRed .ui-slider-range {
    background: #ef2929;
}

#buttonBorderRed .ui-slider-handle {
    border-color: #ef2929;
}

#buttonBorderGreen .ui-slider-range {
    background: #8ae234;
}

#buttonBorderGreen .ui-slider-handle {
    border-color: #8ae234;
}

#buttonBorderBlue .ui-slider-range {
    background: #729fcf;
}

#buttonBorderBlue .ui-slider-handle {
    border-color: #729fcf;
}

/*
 * Txt Shadow Colors
 */
#txtShadowRed .ui-slider-range {
    background: #ef2929;
}

#txtShadowRed .ui-slider-handle {
    border-color: #ef2929;
}

#txtShadowGreen .ui-slider-range {
    background: #8ae234;
}

#txtShadowGreen .ui-slider-handle {
    border-color: #8ae234;
}

#txtShadowBlue .ui-slider-range {
    background: #729fcf;
}

#txtShadowBlue .ui-slider-handle {
    border-color: #729fcf;
}

/*
 * Button Shadow Color Controls
 */
#buttonShadowRed .ui-slider-range {
    background: #ef2929;
}

#buttonShadowRed .ui-slider-handle {
    border-color: #ef2929;
}

#buttonShadowGreen .ui-slider-range {
    background: #8ae234;
}

#buttonShadowGreen .ui-slider-handle {
    border-color: #8ae234;
}

#buttonShadowBlue .ui-slider-range {
    background: #729fcf;
}

#buttonShadowBlue .ui-slider-handle {
    border-color: #729fcf;
}

#red .ui-slider-range {
    background: #ef2929;
}

#red .ui-slider-handle {
    border-color: #ef2929;
}

#green .ui-slider-range {
    background: #8ae234;
}

#green .ui-slider-handle {
    border-color: #8ae234;
}

#blue .ui-slider-range {
    background: #729fcf;
}

#blue .ui-slider-handle {
    border-color: #729fcf;
}

#redBKGstart .ui-slider-range {
    background: #ef2929;
}

#redBKGstart .ui-slider-handle {
    border-color: #ef2929;
}

#greenBKGstart .ui-slider-range {
    background: #8ae234;
}

#greenBKGstart .ui-slider-handle {
    border-color: #8ae234;
}

#blueBKGstart .ui-slider-range {
    background: #729fcf;
}

#blueBKGstart .ui-slider-handle {
    border-color: #729fcf;
}

#redBKGend .ui-slider-range {
    background: #ef2929;
}

#redBKGend .ui-slider-handle {
    border-color: #ef2929;
}

#greenBKGend .ui-slider-range {
    background: #8ae234;
}

#greenBKGend .ui-slider-handle {
    border-color: #8ae234;
}

#blueBKGend .ui-slider-range {
    background: #729fcf;
}

#blueBKGend .ui-slider-handle {
    border-color: #729fcf;
}

/*
 #demo-frame > div.demo { padding: 10px !important; };
 */
.toggle_container {
    display: none;
}

/* Global */
body {
    /* margin: 8px; */
}

#myButton {
    font-family: "goudy-bookletter-1911-1", "goudy-bookletter-1911-2", "Baskerville", "Georgia", serif;
    border: 0px solid rgba(0, 0, 0, 1.0);
    padding: 0px;
    height: 60px;
    margin: 0 auto;
    color: rgba(0, 0, 0, 0.6);
    text-shadow: -1px -1px 1px rgba(255, 255, 255, .46);
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    /*
     * Border Radius
     */
    -moz-border-radius: 10px; /* FF1+ */
    -webkit-border-radius: 10px; /* Saf3+, Chrome */
    border-radius: 10px; /* Opera 10.5, IE 9 */
    /*
     * BUTTON BKG GRADIENT START COLOR SWATCH
     */
    /*background-image: -moz-linear-gradient(top, #000000, #FFFFFF); *//* FF3.6 */
    /* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #000000),color-stop(1, #FFFFFF)); */ /* Saf4+, Chrome */
    /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999'); */ /* IE6,IE7 */
    /* -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#999999')"; */ /* IE8 */

                /* 
                 * BOX SHADOW
                 */
                -moz-box-shadow: 2px 2px 4px rgba(51,51,51,0.6);  /* FF3.5+ */
                -webkit-box-shadow: 2px 2px 4px rgba(51,51,51,0.6); /* Saf3.0+, Chrome */
                box-shadow: 2px 2px 4px rgba(51,51,51,0.6); /* Opera 10.5, IE 9.0 */
                /* filter:  progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff'); */ /* IE6,IE7 */
                /* -ms-filter: "progid:DXImageTransform.Microsoft.dropshadow(OffX=0px, OffY=0px, Color='#ffffff')"; */ /* IE8 */

	/*
	 * BUTTON TRANSFORM
	 */
	transform: scale(1) rotate(0deg) translate(0px, 0px) skew(0deg, 0deg); 
	transform-origin: 0% 0%;
	position: relative;
}


#myButton p {
    /* line-height: 50px; */
    /* margin: 0; */
	    display: table-cell;
    vertical-align: middle;
	height: 60px;
	width: 200px;
    padding: 0px;
overflow: hidden;
	
}

.box_rgba {
    background-color: rgba(180, 180, 144, 0.6);
}

.box_gradient {
    background-image: -moz-linear-gradient(center top , #444444, #999999);
}
.box_shadow {
-moz-box-shadow:0 0 4px #FFFFFF;
}
.box_round {
-moz-border-radius:12px 12px 12px 12px;
}




p.slide {
	cursor:pointer;
	margin:0;
	margin-bottom: 2px;
}


.ui-slider-horizontal .ui-slider-handle {
cursor:pointer;
}


#notes {
	/* width: 500px; */
	background-color: #fff;
	clear:both;

}

.alert {
	color: red;
	font-size: 10px;
}

.beta {
	color: red;
	}


.copyright {
	color: #333333;
	font-size: 10px;


}



#container {
	/*
	margin: 0 auto;
	width: 960px;
	*/
	margin: 10px 25px;
}

#myButtonContainer {
	margin: 0 auto;
	display:table;

}



            #button-controls-frame, #button-controls-frame2 {
                border: 1px solid #DDDDDD;
                /* height: 380px; */
                overflow: hidden;
                position: relative;
                width: 48%;
                float: left;
                margin-right: 5px;
                padding: 5px;
				background-color: #fff;
            }
            
            #button-controls-frame > div.slider, #button-controls-frame2 > div.slider {
                padding: 0 20px !important;
            }

#bannerAd {
margin:0 auto;
width:728px;
}

ul#sortable {
	list-style-type:none;
	padding-left: 0;
	margin-top:0;
}

.styleInfo {
	width: 250px;
}

a#computeCSS {
	text-decoration: none;
}