/*
 * The default styles for the New Content form in inplace editing.
 * This can be edited by customers if required.
 *
 * Note that these styles are used for both LTR and RTL languages, and so therefore all styles
 * applied to left must also be applied to right.
 */

/* Style the .wpwcmCreateTooltipContainer that surrounds the .wpwcmCreateContainer */
.wpwcmCreateTooltipContainer {
   padding: 0 !important;
   -webkit-box-shadow: none !important;
   -moz-box-shadow: none !important;
   box-shadow: none !important;
   border: 0 none !important;
   background-color: transparent !important;
   -webkit-border-radius: 3px;
   -moz-border-radius:    3px;
   border-radius:         3px;
}

/* Style the .wpwcmCreateContainer, which is the container for the New Content form */
.wpwcmCreateContainer {
   background-color: #FFFFFF;
   border: 2px solid #777777;

   padding: 8px 8px 8px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
	
   -webkit-border-radius: 3px;
   -moz-border-radius:    3px;
   border-radius:         3px;
}

/* Style the .wpwcmCreateContainer name input text box */
.wpwcmCreateContainer input {
   margin-right: 10px;
   margin-left: 10px;
}

/* Style the .wpwcmCreateContainerMsg, which is the message area in the New Content form */
.wpwcmCreateContainerMsg {
   max-width: 275px;
}

/* Style the .wpwcmCreateContainerMsg loading message */
.wpwcmCreateContainerMsg .wpwcmLoading {
   height: 16px !important;
   width: 16px !important;
}

/* Style for basic input */
.wpwcmCreateContainer button, .wpwcmCreateContainer input, .wpwcmCreateContainer select {
  font-family: Arial,Helvetica,sans-serif;
  font-size: inherit;
}

/* Style for WCM button */
.wpwcmCreateContainer .wpwcmCreateContainerBtn {
  padding: 5px 15px;
  text-shadow: 0 1px 1px #fff;
  background-color: #e7e7e7;
  background-image: -moz-linear-gradient(center top , #ededed 0%, #e1e1e1 100%);
  border: 0 none;
  border-collapse: separate;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  color: #333;
  font-weight: bold;
  margin: 0 4px 3px 1px;
  text-align: center;
  cursor: pointer;
  font-size: 0.9em;
}

/* Style for disabled WCM button */
.wpwcmCreateContainer .wpwcmCreateContainerBtnDisabled {
  color: #6c6c6c !important;
  border-width: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.5) !important;
  color: #7c7c7c !important;
  background-color: #eee !important;
  border-color: #ccc !important;
  color: #b0b0b0 !important;
  cursor: default !important;
}

/* Style for error message box. Base style for message box */
.wpwcmCreateContainer .wpwcmMessage {
  background-color: #ffebe6;
  border-color: #f08137;
  border-radius: 3px;
  font-size: 0.9em;
  padding: 10px;
  margin-bottom: 12px;
  overflow: hidden;
  position: relative;
  border-width: 1px;
  border-style: solid;
  font-size: 0.9em;
}

/** Style for icon in message box */
.wpwcmCreateContainer .wpwcmMessage .wpwcmIcon {
  margin-right: 7px;
  margin-top: 0;
  float: left;
}

/* Style for alt text in message box */
.wpwcmCreateContainer .wpwcmMessage span.wpwcmAltText {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

/* Style for alt text in message box */
.wpwcmCreateContainer .wpwcmAltText {
  display: none;
}

/* Style for message body in message box */
.wpwcmCreateContainer .wpwcmMessage .wpwcmMessageBody {
  margin: 0 20px;
}

/* Style for information message box */
.wpwcmCreateContainer .wpwcmMessage.wpwcmInfo {
  background-color: #d9f1fb;
  border-color: #00b0da;
}

/* Style for error icon in message box */
.wpwcmCreateContainer .wpwcmIconMsgError {
  background-position: -22px -8px;
}

/* Base style for icons in message box */
.wpwcmCreateContainer .wpwcmIconMsgSuccess, .wpwcmCreateContainer .wpwcmIconMsgError, .lotusIconMsgInfo .wpwcmIconMsgInfo, .lotusIconMsgInfo .wpwcmIconMsgWarning {
  background-image: url("../images/lotusHSprite-8bit.png");
  background-repeat: no-repeat;
  display: inline-block;
  height: 16px;
  width: 16px;
}

/* Style for image in message box */
.wpwcmCreateContainer img {
  border: 0 none;
  line-height: 0;
  vertical-align: middle;
}

/* Style for loading icon */
.wpwcmCreateContainer .wpwcmLoading {
  background-image: url("../images/loading.gif");
  background-repeat: no-repeat;
  height: 16px;
  width: 16px;
}

/********************* START OF STYLES FOR THE EMBEDDED DIJIT ********************************/

/* Style to position inplace creation dialog. Copied from one ui dijit theme. This style is not included in base one ui theme. */
.dijitPopup {
    background-color: transparent;
    border: 0 none;
    margin: 0;
    padding: 0;
    position: absolute;
}

.dijitTooltipDialogPopup {
    box-shadow: none;
}

.dijitTooltipAbove, .dijitTooltipBelow {
    margin-left: -5px;
    margin-right: -5px;
    padding: 5px;
}

.dijitTooltip, .dijitTooltipDialog {
    background: none repeat scroll 0 0 transparent;
    overflow: hidden;
}

.dijitTooltipContainer {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    box-shadow: 0 2px 5px #eeeeee;
    padding: 10px;
    color: black;
    font-size: small;
}

.dijitTooltipFocusNode {
    padding: 2px;
}
/********************* END OF STYLES FOR THE EMBEDDED DIJIT ********************************/