.readme-wrap { width: 65% }
.fileedit-sub .alignleft, p.submit { display: none; }
.wrap { min-height: 800px; }

/**
 * Code Mirror Window Specific
 **/
.template {
	position: relative;
}
.template .wpcep_submit {
	position: absolute;
	right: 20px;
	bottom: 20px;
}
#template div.CodeMirror, .template div.CodeMirror {
	position: relative;
	width: 100%;
	clear: both;
}
/**
 * All Windows!
 **/

/* Window Wrap */
.wpcep_wrap {
	position: absolute;
	height: 350px;
	width: 60%;
	margin: 10px;
	border: ridge;
	z-index: 900;
	background: #fff;
	overflow: hidden;
	padding-bottom: 30px; /* Offset for space the title takes up */
	box-shadow: 1px 1px 3px #333;
	-moz-box-shadow: 1px 1px 3px #333;
	-webkit-box-shadow: 1px 1px 3px #333;
}


.wpcep_titlebar {
    background: url("/wp-admin/images/button-grad.png") repeat-x scroll left top #21759B;
    border-bottom: 1px solid #333333;
    margin: 0;
    padding: 5px 0;
    text-shadow: 1px 1px #333333;
	font-size: 14px;
	cursor: move;
	position: absolute;
	width: 100%;
	z-index: 950;
	overflow: hidden;
	white-space:nowrap;
	height: 20px;
}
.wpcep_titlebar span.cpcep_titletext {
    color: #FFFFFF;
	padding: 0 5px;
	position: absolute;
	top: 2px;
	left: 0;
}
.wpcep_titlebar .window_controls {
	float: right;
}
.wpcep_titlebar .window_controls img {
	height: 20px;
	margin-right: 2px;
}

div#taskbar {
}

/* 
 * We need to ensure all containers have a height set, all the way to the window
 * wrap to ensure the 100% height/width for CodeMirror (inside the window) works
 * */
div.wpcep_scrollable_inner_wrap, div.CodeMirror, div.cm_wrap, form.template {
	height: 100%;
}
div.wpcep_scrollable_inner_wrap {
	position: relative;
	top: 30px;
	overflow: auto;
}
.wpcep_restorebtn, .wpcep_maximizebtn, .wpcep_minimizebtn, .wpcep_closebtn {
	float: right;
	z-index: 960;
	position: relative;
	font-size: 9px !important;
	font-weight: bold;
}
.wpcep_restorebtn {
	display: none;
}

.wpcep_minimized {
	overflow: hidden;
	margin: 5px 2px;
}
.wpcep_minimized .ui-resizable-handle, .wpcep_minimized .wpcep_minimizebtn, .wpcep_minimized .wpcep_closebtn, .wpcep_minimized .wpcep_maximizebtn {
	display: none;	/* Stuff to hide when minimized */
}
.wpcep_minimized .wpcep_restorebtn {
	display: block;
}



div#wpcep_minimize_wrap {
	height: 50px;
	width: 100%;
	background-color: #fff;
	position: fixed;
	bottom: 0;
	z-index: 800;
	border-top: outset;
}



/**
 * Files Window
 **/
#templateside {
}
#files_wrap {
	width: 220px;
	float: right;
	right: 0;
}





/*
 * Document Window
 **/
#doc_wrap {
	height: 70px;
	width: 330px;
	top: 440px;
}
#documentation {
	padding: 10px;
}
#documentation label {
	display: none;
}



/*
 * Plugin Selection to Edit Window
 **/
#plugins_wrap {
	left: 350px;
	height: 70px;
	width: 310px;
	top: 440px;
}
#plugins_wrap form {
	padding: 10px;
}




/**
 * jQuery UI
 **/
.ui-resizable-handle {
	display: block;
	font-size: 0.1px;
	position: absolute;
	z-index: 99999;
}
.ui-icon {
    background-image: url("../img/icons.png");
	background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}
.ui-resizable-s {
    bottom: -5px;
    cursor: s-resize;
    height: 7px;
    left: 0;
    width: 100%;
}
.ui-resizable-e {
    cursor: e-resize;
    height: 100%;
    right: -5px;
    top: 0;
    width: 7px;
}
.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}
.ui-resizable-se {
    bottom: 1px;
    right: 1px;
    cursor: se-resize;
	margin: 0 !important;
}