.NarmandEditor {
    overflow: hidden;
    padding-bottom: 10px;
    zoom: 1;
}

.NarmandEditor.RightToLeft {
    direction: rtl;
}

.NarmandEditor.LeftToRight {
    direction: ltr;
}

.NarmandEditor .Box {
    padding: 5px;
    border: 1px dashed #c4c4c4;
    outline: none;
    color: #484848;
    min-height: 2em;
    margin: 15px 10px 15px 10px;
    position: relative;
    _height: 2em;
    
}

.NarmandEditor.RightToLeft .Box {
    float: right;
}

.NarmandEditor.LeftToRight .Box {
    float: left;
}

.NarmandEditor.RightToLeft .Box.First {
    margin-right: 0;
}

.NarmandEditor.RightToLeft .Box.Last {
    margin-left: 0;
}

.NarmandEditor.LeftToRight .Box.First {
    margin-left: 0;
}

.NarmandEditor.LeftToRight .Box.Last {
    margin-right: 0;
}

.NarmandEditor .Box div.EditableArea {
    outline: none;
    overflow: hidden;
}
.NarmandEditor .Box.RightToLeft div.EditableArea {
    direction: rtl;
}

.NarmandEditor .Box.LeftToRight div.EditableArea {
    direction: ltr;
}

.NarmandEditor .Box div.EditableArea a {
    background: none;
    border-bottom: 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    text-decoration: underline !important;
    color: #008FBB !important;
}

.NarmandEditor .Box div.EditableArea a:hover {
    background: none !important;
    border-bottom: 0px !important;
    padding: 0px !important;
    text-decoration: underline !important;
    margin: 0px !important;
}

.NarmandEditor .Box div.TitleArea input {
    border: 0px;
    width: 97%;
    padding: 5px;
    font-weight: bold;
}

.NarmandEditor .Box div.ImageArea {
    background: url(../Images/LoadingBigger.gif) center center no-repeat;
}

.NarmandEditor .Box div.ImageArea img {
    width: 100%;
}

.NarmandEditor .Box .HTMLCode {
    cursor:default;
    direction:ltr;
    height:120px;
    overflow:hidden;
    background:url(../Images/NarmandEditorHtmlLogo.gif) no-repeat right bottom;
    color:#858585;
    font-family:Courier;
}

.NarmandEditor .Box.Break {
    clear: both;
    width: 100% !important;
    min-height: 10px !important;
    margin: 5px 0 0 0;
    border-width: 1px 0 0 0;
    border-color: #25ddee;
    padding: 0;
    cursor: auto;
}

#NarmandEditorToolbar {
    background-color: #eaeaea;
    padding: 3px;
    position: absolute;
    top: -16px;
    overflow: auto;
    border: 1px solid #c4c4c4;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.NarmandEditor.RightToLeft #NarmandEditorToolbar, .NarmandEditor .Box.RightToLeft #NarmandEditorToolbar {
    right: 20px;
    left: auto;
}

.NarmandEditor.LeftToRight #NarmandEditorToolbar, .NarmandEditor .Box.LeftToRight #NarmandEditorToolbar {
    left: 20px;
    right: auto;
}

#NarmandEditorToolbar a {
    display: block;
    float: left;
    width: 20px;
    height: 20px;
    text-indent: -100px;
    overflow: hidden;
    background: url(../Images/NarmandEditorToolbar.gif) no-repeat;
    background-position: 0 0;
    outline: none;
    text-decoration: none;
}

.NarmandEditor.LeftToRight #NarmandEditorToolbar a, .NarmandEditor .Box.LeftToRight #NarmandEditorToolbar a {
    float: right;
}

#NarmandEditorToolbar a.Bold {
    background-position: 0 0;
}

#NarmandEditorToolbar a.Italic {
    background-position: -20px 0;
}

#NarmandEditorToolbar a.HyperLink {
    background-position: -260px 0;
}


#NarmandEditorToolbar a.AddOrderedList {
    background-position: -280px 0;
}

#NarmandEditorToolbar a.AddUnorderedList {
    background-position: -300px 0;
}

#NarmandEditorToolbar a.AddBox {
    background-position: -60px 0;
}

#NarmandEditorToolbar a.Seprator {
    width: 10px;
    background-position: -43px 0;
    cursor: auto;
}

#NarmandEditorToolbar a.AddImage {
    background-position: -80px 0;
}

#NarmandEditorToolbar a.AddVideo {
    background-position: -340px 0;
}

#NarmandEditorToolbar a.AddHTML {
    background-position: -100px 0;
}
#NarmandEditorToolbar a.AddText {
    background-position: -120px 0;
}
#NarmandEditorToolbar a.AddRowBreak {
    background-position: -140px 0;
}
#NarmandEditorToolbar a.DeleteBox {
    background-position: -160px 0;
}
#NarmandEditorToolbar a.MoveBox {
    background-position: -180px 0;
    cursor: move;
}

#NarmandEditorToolbar a.ConfigImage, #NarmandEditorToolbar a.EditHTML, #NarmandEditorToolbar a.ConfigVideo {
    background-position: -200px 0;
}

#NarmandEditorToolbar a.RightToLeft {
    background-position: -240px 0;
}

.NarmandEditor .Box.LeftToRight #NarmandEditorToolbar a.LeftToRight {
    visibility: hidden;
    width: 0;
}

#NarmandEditorToolbar a.LeftToRight {
    background-position: -220px 0;
}

.NarmandEditor .Box.RightToLeft #NarmandEditorToolbar a.RightToLeft {
    visibility: hidden;
    width: 0;
}

.ui-sortable-placeholder {
    border: 1px dashed #cccccc !important;
    visibility: visible !important;
    background-color: #eae9e3 !important;
}

#NarmandEditorToolbar a.AddTitle {
    background-position: -320px 0;
}



/* Insert Picture Style Start */
#NarmandEditorSelectPictureFromPC {
    clear: both;
    float:right;
    text-indent: 16px;
    background-image: url(../Images/computer.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 2px;
    *width:200px;
}

#NarmandEditorSelectPictureFromServer {
    clear: both;
    float:right;
    text-indent: 16px;
    background-image: url(../Images/server-network.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 2px;
    *width:250px;
    display: none;
}

#NarmandEditorSelectPictureFromUrl {
    clear: both;
    float:right;
    text-indent: 16px;
    background-image: url(../Images/chain--pencil.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 2px;
    *width:200px;
}

#NarmandEditorEnterPictureUrlWrapper {
    display: none;
}


#NarmandEditorImageConfigSelectLinkUrlFromServerButton {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../Images/folder-tree.png) no-repeat;
    text-decoration: none;
    top: 10px;
    right: 290px;
}

#NarmandEditorUplaodPictureWrapper {
    display: none;
}

/* Insert Picture Style End */


/* Insert Video Style Start */
#NarmandEditorSelectVideoFromPC {
    clear: both;
    float:right;
    text-indent: 16px;
    background-image: url(../Images/computer.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 2px;
    *width:200px;
}

#NarmandEditorSelectVideoFromServer {
    clear: both;
    float:right;
    text-indent: 16px;
    background-image: url(../Images/server-network.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 2px;
    *width:250px;
    display: none;
}

#NarmandEditorSelectVideoFromUrl {
    clear: both;
    float:right;
    text-indent: 16px;
    background-image: url(../Images/chain--pencil.png);
    background-repeat: no-repeat;
    background-position: right center;
    margin: 2px;
    *width:200px;
}

#NarmandEditorEnterVideoUrlWrapper {
    display: none;
}

#NarmandEditorImageConfigSelectLinkUrlFromServerWrapper {
    position: relative;
}

#NarmandEditorImageConfigSelectLinkUrlFromServerButton {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../Images/folder-tree.png) no-repeat;
    text-decoration: none;
    top: 10px;
    right: 290px;
}

#NarmandEditorUplaodVideoWrapper {
    display: none;
}

/* Insert Video Style End */


/* Insert HyperLink Style Start */

#NarmandEditorHyperlinkConfigSelectLinkUrlFromServerButton {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    background: url(../Images/folder-tree.png) no-repeat;
    text-decoration: none;
    top: 10px;
    right: 290px;
}

/* Insert HyperLink Style END */

/*
This Part Should be included in any design using the html created by the editor
*/
.NarmandEditorResult {
    overflow: hidden;
}

.NarmandEditorResult.RightToLeft {
    direction: rtl;
}

.NarmandEditorResult.LeftToRight {
    direction: ltr;
}

.NarmandEditorResult .Box {
    padding: 5px;
    margin: 10px;
    position: relative;
}

.NarmandEditorResult.RightToLeft .Box {
    float: right;
}

.NarmandEditorResult.LeftToRight .Box {
    float: left;
}

.NarmandEditorResult .Box.RightToLeft {
    direction: rtl;
}

.NarmandEditorResult .Box.LeftToRight {
    direction: ltr;
}

.NarmandEditorResult.RightToLeft .Box.First {
    margin-right: 0;
}

.NarmandEditorResult.LeftToRight .Box.First {
    margin-left: 0;
}

.NarmandEditorResult.RightToLeft .Box.Last {
    margin-left: 0;
}

.NarmandEditorResult.LeftToRight .Box.Last {
    margin-right: 0;
}


.NarmandEditorResult .Box.Image img {
    width: 100%;
    border:0;
}

.NarmandEditorResult .Box.Title {
    margin:10px 10px -10px 10px;
    padding:5px 5px 0 5px;
    *margin-right:0;
}

.NarmandEditorResult .Box.Break {
    clear: both;
    width: 100% !important;
}