.copytools{
				opacity:0.2;background:grey;max-width:300px;

			}
		.copytext{

		border:inset 2px white;

		}
		.copyfont{

			border:none;
			background:grey;
			color:white;
		}
		.copycolor{
			border:none;
			background:grey;
			color:white;
			cursor:move;
		}

		.copyimg{

			cursor:move;
		}
		

		html {
			height: 98%;
			overflow: hidden;
		}
	
			#player{
				height: 500px;
				position:absolute;
				top:10%;
				left:10%;
				z-index:0;
			}
			/* end hide */

			body {
				height:100% ;
				margin: 0;
				padding: 0;
				background-color: #222;
				color:#ffffff;
				font-family:sans-serif;
				
			}

			#maintable{font:62.5% "Trebuchet MS", sans-serif;}
			#text_btn{float:right;vertical-align:middle;border:2px outset orange}
			.demoHeaders { margin-top: 2em; }
		    #backthumb, .thumb{height:100px;width:100px;border:1px orange solid;cursor:pointer;vertical-align:middle}  
			.srclist{display:none}
			#panel{}
			#nextback{cursor:pointer;border:1px solid orange;float:left}
			#toolstoggle{display:block;min-width:180px;background:#37170f;color:white;padding:3px}
			#images img{margin:3px;border:1px gray solid;}
			#textform td{padding:5px;}
			#webframe{width:100%;height:500px;border:none;background:white}
			.delitem{background:orange;color:white;position:relative;valign:top}
			.ui-icon-close{float:left;margin-left:10px;cursor:pointer;border:orange 1px solid}
			.ui-icon-arrow-4{float:left;cursor:move;border:orange 1px solid}
			#droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; }

			#fontslist{display:none;position:absolute;background:#ffffff;border:1px solid orange;height:200px;overflow:auto;width:200px;}
			#flashlist{border:1px white solid}
			#templates_div{display:none}
			#repasswd_span{display:none}
			
			#submenu{font:75.5% "Trebuchet MS", sans-serif;
					width: 900px;
					background:#333;
					position:absolute;
					top:30px;
					left:0px;
					display:none;
					z-index:9999;
					padding:5px 10px 0 5px;
					margin-left:50px;
					font-size:.8em;
			}
			.hidesmenu{
			border:1px red solid;
			}

			
			div.color_picker {
  height: 16px;
  width: 16px;
  padding: 0 !important;
  border: 1px solid #ccc;
  background: url(arrow.gif) no-repeat top right;
  cursor: pointer;
  line-height: 16px;
}

div#color_selector {
  z-index:999999999;
  width: 110px;
  position: absolute;
  border: 1px solid #598FEF;
  background-color: #EFEFEF;
  padding: 2px;
}

  div#color_custom {width: 100%; float:left }
  div#color_custom label {font-size: 95%; color: #2F2F2F; margin: 5px 2px; width: 25%}
  div#color_custom input {margin: 5px 2px; padding: 0; font-size: 95%; border: 1px solid #000; width: 65%; }

div.color_swatch {
  height: 12px;
  width: 12px;
  border: 1px solid #000;
  margin: 2px;
  float: left;
  cursor: pointer;
  line-height: 12px;
}
.ui-icon{border: 1px orange solid;
cursor:pointer;
}
#page1,#page2{
				z-index:1;
				border:6px white solid;
				background:#000000;
				width:1000px !important;
				height:600px;
				position:absolute;
				top:28px;
				margin-top:20px auto;
				left:50px;
}
.ui-tab-content{height:80% !important;background:none;}
	.ui-widget-content{background:black;}
	#accordion{margin-top:0px;}
	.ui-state-active{height:0px;} 
	.slidebtn{position:relative;padding:0px;float:right;margin:0px;height:20px;cursor:pointer;z-index:99999;}
		.slidebtn img{height:60px;}
	
	
	#template_iframe iframe{position:absolute;top:10%;left:10%;clear:both;width:80%;height:90%;border:none;z-index:999;display:none}
	.pnum{position:relative;float:right;top:-30px;left:-5px;}
	/*- Menu Tabs 20--------------------------- */
    #topmenu {
      font: bold 10px/1.5em Arial;
      float:left;
      width:100%;
      background:#000000;
      font-size:70%;
      line-height:normal;
	  position:absolute;
	  top:0px;
	 
      }
    #topmenu ul {
	margin:0;
	padding:5px 10px 0 50px;
	list-style:none;
      }
    #topmenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topmenu ul li a  {
      float:left;
      background:url("http://www.plumdots.com/images/kohlaz/tableft20.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 1px;
      text-decoration:none;
      }
    #topmenu a span {
      float:left;
      display:block;
      background:url("http://www.plumdots.com/images/kohlaz/tabright20.gif") no-repeat right top;
      padding:3px 15px 4px 10px;
      color:#FFF;
	  margin: 0px 3px 0px 0px;
	   border-bottom:1px solid gray;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topmenu a span {float:none;}
    /* End IE5-Mac hack */
    #topmenu a:hover span {
      color:orange;
      }
    #topmenu a:hover {
      background-position:0% -42px;
      }
    #topmenu a:hover span {
      background-position:100% -42px;
      }
#flipbox {
  width: 1000px;
  height: 600px;
  
 margin: 30px auto;
 
  text-align: left;
 
  font-size: 2.5em;
  color: #222222;
  
  
}