/* "EZ Edit" rules for editing an article from the front-end. */
#ezEdit {
  margin: 0 0 5px;
  text-align: right;
}

#ezEdit a {
  margin-left: 5px;
}

#eipContent p {
  text-align: left;
}

#eipContent p label {
  float: left;
  font-weight: bold;
  padding: 2px 5px 0 0;
  text-align: right;
  width: 15%;
}

#eipContent p input[type=text] {
  width: 80%;
}

#eipContent .actionButtons {
  text-align: center;
}

/* HTML Editor ---------------------------------------------------------------- */
#HTMLEditor p {
  font-weight: bold;
  margin: 2em 0 .25em;
}

#HTMLEditor textarea {
  width: 99%;
}

/* Java Editor ---------------------------------------------------------------- */
#java-editor {
  margin: 0 0 1em;
}

/* JavaScript Editor ---------------------------------------------------------- */
#eipContent div.js-editor {
  margin: 0 0 1em;
}

#js-editor-menu {
  background-color: #eee;
  border-top: 1px solid #666;
  *behavior: url(/javascripts/ie/cssHoverFix.htc); /* Target IE7 and below */
}

#js-editor-menu ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

#js-editor-menu li {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#js-editor-menu a {
  display: block;
  font-weight: normal;
  outline: none;
  position: relative; /* IE6 needs to get anchor to "fill" area */
}

#js-editor-menu li a:link, #js-editor-menu li a:visited {
  color: #000;
  padding: 3px 10px;
  text-decoration: none;
}

#js-editor-menu li:hover a {
  background-color: #aecbe2;
}

/* 2nd-level */
#js-editor-menu .js-sub {
  background-color: #eee;
  border: 1px solid #bbb;
  border-top: none;
  left: -999em;
  margin: 0;
  overflow: auto;
  padding: 0;
  position: absolute;
  z-index: 99999;
}

#js-editor-menu ul li:hover ul a {
  background-color: #eee;
  color: #000;
}

#js-editor-menu ul ul li {
  border-top: 1px solid #bbb;
  float: none;
  margin: 0;
  padding: 0;
  position: relative;
}

#js-editor-menu ul li ul li a:hover {
  background-color: #dbecf3;
}

/* Ajax Dialogs - using the jQModal jQuery plugin ----------------------------- */
.jqmOverlay {
  background-color: #000;
}

#ajaxLoadingEIP.jqmWindow, #ajaxDialog.jqmWindow {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;

  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.9);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.9);
  box-shadow: 0 0 10px rgba(0,0,0,0.9);

  background-color: #ededed;
  border: 2px solid #111;
  color: #000;
  display: none;
  position: fixed;
  top: 25%;

  /* Horiz Center */
  left: 50%;
  margin-left: -175px;
  width: 350px;
}

#ajaxLoadingEIP .jqmWindow1, #ajaxDialog .jqmWindow1 {
  -moz-border-radius: 13px;
  -webkit-border-radius: 13px;
  border-radius: 13px;

  border: 2px solid #fff;
  padding: 10px 15px;
  text-align: left;
}

/* Fixed posistioning emulation for IE6
   Star selector used to hide definition from browsers other than IE6
   For valid CSS, use a conditional include instead */
* html #ajaxLoadingEIP.jqmWindow, * html #ajaxDialog.jqmWindow {
  position: absolute;
  top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* Misc ----------------------------------------------------------------------- */
.centered {
  text-align: center;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix { *zoom: 1; } /* Target IE7 and below */

.csHelpIcon {
  background: url("/vimages/backend/socs/sprite_icon16x16.png") no-repeat scroll -32px 0 rgba(0, 0, 0, 0);
  display: inline-block;
  margin-left: 0.5em;
  width: 16px;
  height: 16px;

}
.csTipSP {
  display:none;
  width:380px;
  top:150px;
  background-color: #C4D9EA;
  border: 2px solid #002C6A;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  color: #000000;
  padding: 8px;
  position: absolute;
  text-align: left;
  z-index: 100;
  margin-left: 275px;
  font-size: 10pt;
}