/* This file skins dialog */
#mainDialog {
    width: 500px;
    margin: 0px;
}
#alert {
    margin:0;
}

.ui-dialog {
    background-color: #fff;
    border:1px solid #aba195;
}
div.ui-dialog-container {
    margin-bottom:0px;
}

.ui-dialog .ui-dialog-titlebar {
    display:none;
}

.ui-dialog .ui-dialog-titlebar-close {
    width: 59px;
    height: 12px;
    background: none;
    position:absolute;
    top: 13px;
    right: 13px;
    cursor: pointer;
    cursor:auto;
}

.ui-dialog .ui-dialog-titlebar-close span {
    /*display: none;*/
}

.ui-dialog .ui-dialog-titlebar-close-hover {
    background: none;
}

.ui-dialog .ui-dialog-title {
    margin-left: 10px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 10px;
    left: 4px;
    display:none;
}

.ui-dialog .ui-dialog-content {
    color:#000066;
    margin: 14px;
    margin-top: 0px;
}

.ui-dialog .ui-dialog-content .dialogTitle {
    background: none;
    background-color: #f60;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 0px;
    height:22px;
    border-bottom:1px solid #D8D2AA;
}

.ui-dialog .ui-dialog-content form {
    border: none;
    padding-left: 17px;
    padding-right: 17px;

}

.ui-dialog .ui-dialog-content form .content{
    border: none;
}

.ui-dialog .ui-dialog-content .buttons {
    background: none;
    margin-left: -20px;
    margin-right: -7px;
    padding-left:10px;
    padding-right:10px;
    padding-top:6px;
    padding-bottom:6px;
    text-align:right;
}


.ui-dialog .ui-dialog-content .linklabel {
    background: none;
    background-color: #FFF;
    margin-left: -20px;
    margin-right: -20px;
    width: 355px;
    color: #000;
    text-decoration: underline;
    padding-left:0px;
    padding-top:6px;
    margin-bottom: 0px;
}

.ui-dialog .ui-dialog-buttonpane {
    position: relative;

}

.ui-dialog .ui-dialog-buttonpane button {
    margin: 6px;
}


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

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

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

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

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

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

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

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


.contentUnderline {
    border-bottom:1px solid #999999 !important;
    margin: 0px 3px !important;
}

.authinput {
    height:22px;
}


/* Themes */
div.ingtheme div#authenticate-forms form {
    display:none;
}

div.ingtheme div#authenticate-forms form.selected {
    display:block;
}

div.ingtheme div.header {
    margin: 0 3px;
    border-bottom:1px solid #f60;
}

div.ingtheme div.content {
    margin: 0 3px;
    border-bottom:1px solid #999 ;
}

div.ingtheme div.content.last {
    border-bottom:none;
}

div.ingtheme div.authenticatemessage,
div.ingtheme div.specialisationmessage {
    padding-top:6px;
    color:#f00;
    font-weight:bold;
}

div.ingtheme div.label {
    float:left;
    width:150px;
    padding-top:6px;
}

div.ingtheme div.input {
    padding: 5px 3px 0px 3px;
    float:right;
    width:235px;
    background:#c3dbf8;
    text-align:center;
}

div.ingtheme div.input input, 
div.ingtheme div.input select { 
    width:220px;
    height:16px;
    border:none;
    padding:0px;
    margin:0px;
    font-size:0.92em;
}

div.ingtheme div.input select { 
    height:20px;
}

div.ingtheme form {
    border:1px solid #999;
}

div.ingtheme div.link {
    background:transparent url(/images/double_arrow_orange.gif) no-repeat scroll left 8px;
    color:#666666;
    padding-left:1em;
    cursor:hand;
    cursor:pointer;
}

div.ingtheme div.header div.key,
div.ingtheme div.header div.label {
    padding-top:18px;
    font-weight:bold;
    font-size:1em;
    color:#f60;
}

div.ingtheme div.header div.input {
    height:28px;
}

/* Aricle browser */
#articleStageBrowser .browser {
    border:1px solid #f60;
    width:100%;
    height:100px;
    overflow-y:scroll;
    overflow:-moz-scrollbars-vertical !important;
}

#articleStageBrowser .browser .stages {
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    border-bottom: 1px solid #f60;
}

#articleStageBrowser .browser .stages.selected {
    background: #999;
    color:#fff;
}

#articleStageBrowser .browser .stages div {
    float:left;
    padding:0 3px 0 0;
}

#articleStageBrowser .browser .stages div.url {
    display:none;
}

#articleStageBrowser .browser .stages.locked {
    color: #999;
}

#articleStageBrowser .browser .stages.current {
    color: #000;
    font-weight:bold;
}