body{
	margin: 0px;
	font-family: verdana, arial, sans;
	font-size: small;
}
#head, #editArea, #contentControlBar, #adjustmentBar, #testIFrame, #configDiv, #submitArea, #editForm{
  position: absolute;
}
#head{
  top: 0;
  height: 50px;
}
#contentControlBar{
  top: 53px;
  height: 45px;
}
#editArea{
  top: 98px;
  height: 220px;
}
#adjustmentBar{
  top: 332px;
  height: 7px;
}
#testIFrame{
  top: 405px;
  height: 400px;
}
#configDiv{
  top: 200px;
  height: 300px;
}
#submitArea{
  top: 310px;
  height: 18px;
  width: 100%;
}
#editForm{
  top: 0px;
  height: 420px;
  background: #000;
  width: 100%;
}

#head{
    left:0;
    margin: 0;
    padding: 0;
	width: 100%;
	background: #fff;
	border-bottom: solid 3px #333;
}
#head img{float: left;}
#editArea{
	width: 100%;
	padding: 5px 0 5px 0;
	background: #333;
	border-top: #999 solid 4px;
	clear: both;
}
#headerMenu{
  width: 300px;
  float: right;
  text-align: right;
  margin: 0px 15px 0px 0px;
}
#headerMenu a{
  margin: 5px;
  text-decoration: none;
  font-weight: bold;
  color: #333;
}
/***************************************/
/*	Content Control Bar */
/***************************************/
body{margin: 0px;font-family: verdana, arial, sans;font-size: small;
}
#contentControlBar{
    clear: both;
	width: 100%;
	background: #333;
	color: #fff;
	font-weight: bold;
}
#contentControlBar a{
	cursor: pointer;
	font-size: 0px;
}
#contentControlBar div.item a{
  display: block;
  float: right;
  height: 14px;
}
#loadButton{background:url(/images/controlPanel/loadSession.gif); width: 140px;}
#SaveButton{background: url(/images/controlPanel/saveSession.gif); width: 77px;}
#deleteButton{background: url(/images/controlPanel/deleteSession.gif); width: 84px; margin: 0px 5px;}

#editWindows{
  float: right;
  padding: 0px 15px 0px 5px;
  height: 45px;
  text-align: right;
  margin: 0px;
  width: 130px;
  line-height: 24px;
}
#editWindows a{
  display: block;
  float: left;
  height: 14px;
  margin: 2px;
}
#XHTMLbtn{width: 60px;}
#cssbtn{width: 48px;}
#jsbtn{width: 67px;}
#customize{width: 85px;}
#editWindows a.XHTMLbtn{background: url(/images/controlPanel/xhtml.gif);}
#editWindows a.XHTMLbtn:hover{background: url(/images/controlPanel/xhtml_hvr.gif);}
#editWindows a.XHTMLbtn_on{background: url(/images/controlPanel/xhtml_on.gif);}
#editWindows a.XHTMLbtn_on:hover{background: url(/images/controlPanel/xhtml_on_hvr.gif);}
#editWindows a.cssbtn{background:url(/images/controlPanel/css.gif);}
#editWindows a.cssbtn:hover{background:url(/images/controlPanel/css_hvr.gif);}
#editWindows a.cssbtn_on{background:url(/images/controlPanel/css_on.gif);}
#editWindows a.cssbtn_on:hover{background:url(/images/controlPanel/css_on_hvr.gif);}
#editWindows a.jsbtn{background:url(/images/controlPanel/js.gif);}
#editWindows a.jsbtn:hover{background:url(/images/controlPanel/js_hvr.gif);}
#editWindows a.jsbtn_on{background:url(/images/controlPanel/js_on.gif);}
#editWindows a.jsbtn_on:hover{background:url(/images/controlPanel/js_on_hvr.gif);}
#editWindows a.customize{background:url(/images/controlPanel/customize.gif);}
#editWindows a.customize:hover{background:url(/images/controlPanel/customize_hvr.gif);}
#editWindows a.customize_on{background:url(/images/controlPanel/customize_on.gif);}
#editWindows a.customize_on:hover{background:url(/images/controlPanel/customize_on_hvr.gif);}
#contentSelector div.item{
  float: left;
  margin: 0px 10px;
  height: 40px;
  width: 200px;
}
#contentSelector div.item input, #contentSelector div.item select{
  float: right;
  margin: 0px 0px 5px 0px;
  width: 200px;
}
#contentSelector div.item img{
  display: block; float: right;
}
/*************************************/
div.editBox{
	width: 48%;
	height: 180px;
}
div.editBox p{
  color: #eee;
  font-weight: bold;
  text-indent: 13px;
  margin: 0px;
  padding: 0px 0px 5px 0px;
  height: 14px;
}
#htmlBlock p{
    color: #809DDA;
}
#cssBlock p{
  color: #DA80CE;
}
div.editBox textArea{
	width: 100%;
	height: 180px;
	padding: 5px;
	border: 1px solid #ccc;
}
#htmlBlock{
	float: left;
}
#cssBlock{
	float: right;
}
#adjustmentBar{
  width: 100%;
  background: url(/images/adjustmentBar.jpg);
  border: 1px solid #000;
  cursor: n-resize;
}
#adjustmentBar:hover{border: 1px solid #f00;}
#testIFrame{
	width: 100%;
	border-top: 2px solid #333;
	border-bottom: 4px solid #333;
}
#configDiv{
  width: 400px;
  background: #333 url(/images/grid-bg.gif);
  color: #eee;
  left: 300px;
}
#submitArea{
  padding: 2px 30px;
  background: #333 url(/images/grid-bg.gif);
  margin: 0px;
}
#submitArea p{
  margin: 0px 30px;
  color: #82AC00;
  font-weight: bold;
  float: right;
}
#submitBtn{
  background: url(/images/controlPanel/submitPage.gif);
  border: none;
  width: 70px;
  height: 14px;
  margin: 2px 60px 2px 20px;
  float: right;
}
a.autoUpdate_on, a.autoUpdate_off{
  border: none;
  width: 90px;
  height: 14px;
  background: url(/images/controlPanel/autoUpdate-on.gif);
  margin: 2px 20px;
  float: right;
}
a.autoUpdate_off{
  background: url(/images/controlPanel/autoUpdate-off.gif);
}
#submit:hover{
  cursor: pointer;
  background: url(/images/controlPanel/submitPage_hvr.gif);
}

#configDiv h2{
  margin: 0px 0px 10px 0px;
  background: #eee;
  color: #333;
  border: 1px solid #a33;
}
div.itemRow{
  height: 25px;
  line-height: 25px;
  width: 100%;
  margin: 5px 0px 5px 0px;
  background: #a00;
}
div.itemRow input{
  float: right;
  margin: 0px 10px 0px 0px;
}
div.itemRow label{
  float: left;
  margin: 0px 0px 0px 10px;
}
#htmlTextArea{
  background: #fff url(/images/xhtml-bg.gif);
}
textarea.htmlTextArea{border: 4px solid #f22;}
textarea.htmlTextAreaActive{border: 4px solid #2f2;}
#cssTextArea{
  background: #fff url(/images/css-bg.gif);
}
textarea.cssTextArea{border: 1px solid #922;}
textarea.cssTextAreaActive{border: 1px solid #f22;}