/* Rename this file to ns.admin.components.css or something like that */

.component-form {
    font-size: 12px;
    font-family: "Lucida Grande" , "Lucida Sans" , "Lucida Sans Unicode" , Verdana, sans-serif;
    margin: 0 0 20px;
    padding: 0px;
    overflow: hidden;
}

.component-form input, .component-form select, .component-form textarea {
    font-family: "Lucida Grande" , "Lucida Sans" , "Lucida Sans Unicode" , Verdana, sans-serif;
}

.component {
    background: #fff;
    border: 4px solid #eee;
    margin: 0 0 10px 10px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
}

.component legend {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin: 0 0 0 25px;
    background: #fff;
    padding: 5px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius:4px;
}

.component-group {
    border-bottom: 1px solid #eee;
    padding: 15px 25px 14px 25px;
}

.component-label {
    padding: 10px 0;
}

.component-label label {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
}

.component-titlefield, .component-textfield, .component-textarea, .component-check, .component-radio, .component-select, .component-file-upload, .component-permalink {
}

.component-titlefield, .component-textfield {
    padding-right:14px;
}

.component-titlefield input {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    border: 2px solid #ddd;
    padding: 5px;
    outline: none;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}

.component-titlefield input:focus {
    border-color: #c7e5fe;
}

.component-textfield input {
    border: 2px solid #ddd;
    padding: 5px;
    outline: none;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}

.component-textfield input:focus {
    border-color: #000;
}

.component-textarea {
    padding-right:14px;
}

.component-textarea textarea, .wysiwyg {
    border: 2px solid #ddd;
    padding: 5px;
    outline: none;
    width: 100%;
    vertical-align: middle;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}

.component-textarea textarea:focus, .wysiwyg:focus {
    border-color: #000;
}

/*

.component-titlefield
.component-textfield
.component-textarea
.component-check
.component-radio
.component-select
.component-file-upload
.component-permalink

*/

.component-check label, .component-radio label {
    padding: 0 0 0 1px;
    cursor: pointer;
}

.component-permalink {
}

#wrapDiv {
    color: #888;
}

#editPerma {
    font-size: 11px;
    color: #444;
    text-decoration: none;
    padding: 4px 8px;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius:11px;
    background: #eee;
    border: 1px solid #ddd;
}

#permabox {
    border: 2px solid #ddd;
    padding: 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
}

#cancelBtn, #updateBtn {
    color: #444;
    font-size: 11px;
    padding: 2px 0 2px 18px;
    text-decoration: none;
}

#cancelBtn {
    background: url(../img/components/cancel.png) no-repeat -4px center;
}

#updateBtn {
    background: url(../img/components/okay.png) no-repeat -4px center;
}

.component-submit {
    padding: 10px 25px 10px 10px;
    text-align: right;
}

.component-submit input,.component-submit button {
    background: #cecece url(../img/components/submit-bg.png) repeat-x;
    font-size: 13px;
    line-height: 16px;
    border: 1px solid #444;
    padding: 5px 10px;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius:3px;
    text-shadow: #fff 0 1px 0;
    -webkit-box-shadow: rgba(0,0,0,0.20) 0 1px 0;
    -moz-box-shadow: rgba(0,0,0,0.20) 0 1px 0;
}

.component-submit input:active,.component-submit button:active {
    border-color: #000;
    background-color: #b9b9b9;
    background-position: 0 -614px;
}

.add-button {
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius:12px;
    padding: 5px 5px 5px 30px;
    border: 1px solid #ddd;
    display: block;
    background: #eee url(../img/components/add.png) no-repeat;
    text-shadow: #fff 0 1px 0;
}

.component-postbase-culturechangedpopup .ui-dialog, .component-postbase-culturechangedpopup.ui-dialog {
    background: #e6f7d4 url(../img/components/popup.png);
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-titlebar, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-titlebar {
    border-bottom: 1px solid #d8d2aa;
    background: #ff9900 url(../img/components/dialog-title.gif) repeat-x;
    padding: 0px;
    height: 28px;
    _height: 29px;
}

.component-postbase-culturechangedpopup .ui-draggable .ui-dialog-titlebar, .component-postbase-culturechangedpopup.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}

.component-postbase-culturechangedpopup .ui-draggable-disabled .ui-dialog-titlebar, .component-postbase-culturechangedpopup.ui-draggable-disabled .ui-dialog-titlebar {
    cursor: default;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-titlebar-close, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-titlebar-close {
    width: 16px;
    height: 16px;
    background: url(../img/components/dialog-titlebar-close.png) no-repeat;
    position: absolute;
    top: 6px;
    right: 7px;
    cursor: default;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-titlebar-close span, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-titlebar-close-hover, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-titlebar-close-hover {
    background: url(../img/components/dialog-titlebar-close-hover.png) no-repeat;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-title, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-title {
    margin-left: 5px;
    color: white;
    font-weight: bold;
    position: relative;
    top: 7px;
    left: 4px;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-content, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-content {
    margin: 1.2em;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-buttonpane, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-buttonpane {
    position: absolute;
    bottom: 8px;
    right: 12px;
    width: 100%;
    text-align: right;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-dialog-buttonpane button, .component-postbase-culturechangedpopup.ui-dialog .ui-dialog-buttonpane button {
    margin: 6px;
}

/* Dialog handle styles */
.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-n, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-n {
    cursor: n-resize;
    height: 6px;
    width: 100%;
    top: 0px;
    left: 0px;
    background: transparent url(i/dialog-n.gif) repeat scroll center top;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-s, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-s {
    cursor: s-resize;
    height: 8px;
    width: 100%;
    bottom: 0px;
    left: 0px;
    background: transparent url(i/dialog-s.gif) repeat scroll center top;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-e, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: 0px;
    top: 0px;
    height: 100%;
    background: transparent url(i/dialog-e.gif) repeat scroll right center;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-w, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: 0px;
    top: 0px;
    height: 100%;
    background: transparent url(i/dialog-w.gif) repeat scroll right center;
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-se, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-se {
    cursor: se-resize;
    width: 9px;
    height: 9px;
    right: 0px;
    bottom: 0px;
    background: transparent url(i/dialog-se.gif);
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-sw, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: 0px;
    bottom: 0px;
    background: transparent url(i/dialog-sw.gif);
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-nw, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 29px;
    left: 0px;
    top: 0px;
    background: transparent url(i/dialog-nw.gif);
}

.component-postbase-culturechangedpopup .ui-dialog .ui-resizable-ne, .component-postbase-culturechangedpopup.ui-dialog .ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 29px;
    right: 0px;
    top: 0px;
    background: transparent url(i/dialog-ne.gif);
}