/* Org Mode CSS */

/* Special CSS trick to get main edit pane to take up all viewpoint, minus
   the main header */

body {
    margin: 0;
    padding: 0;
}

/* ---------------------------------------- */
/* Non-editing area items */

#om-header {
}
.om-logo {
    float: left;
    font-weight: bold;
    font-size: 110%;
}

#om-footer {
}
.om-copyright {
    float: right;
    font-style: italic;
    font-size: 75%;
}

/* ---------------------------------------- */
/* Editing Area */

#om-edit-header {
}

.om-edit-pane {
    margin: 0px;
    padding: 3px;
    border: 5px solid #dddddd;
    overflow: auto;
}
.om-edit-pane[dirty="true"] {
    border: 5px solid #f0b0b0;
}

#om-edit-footer {
}
#om-status-pane {
    height: 1.2em;
    color: #ffffff;
    font-family: "Courier New", Courier, monospace;
    background-color: #888888; 
    font-weight: bold;
    border: 1px solid #888888;
    margin: 0px;
}
#om-doc-status {
    float: left;
}
#om-status-filename {
    float: left;
    padding-left: 1em;
    width: 30%;
    overflow: hidden;
}
#om-percentage {
    float: left;
    min-width: 3em;
}
#om-lineno {
    float: left;
    min-width: 5em;
}
#om-extra-status {
    float: right;
    width: 50%;
    overflow: hidden;
}

#om-command-pane {
    height: 1.5em;
}
#om-command-prompt {
    float: left;;
}
#om-command {
    float: left;;
}
div.om-command-input {
    float: left;;
}
input#om-command-input {
    font-size: 1em;
    border: 0px solid #ffffff;
    font-family: "Courier New", Courier, monospace;
}
#om-command-message {
    float: left;
    margin-left: 1em;;
}
#om-command-message[error="true"] {
    color: #e02020;
}

.om-line {
}

.om-input {
    border: 0px solid #ffffff;
    font-family: Tahoma, sans-serif;
    line-height: 100%;
}

.om-line[continued="true"] {
}

.om-line-icon {
    display: inline-block;
    cursor: default;
    margin: 0px 2px 0px 0px;
    padding: 0 2px 0 2px;
    border-right: 1px solid #e0e0e0;
    overflow: hidden;

    /* FIXME: Increase this once there are icons being used */
    width: 4px;;

}
.om-continued {
    color: #a06060;
    font-weight: bold;
    cursor: default;
}

/* Note that CSS styling limits number of levels, but javascript code doesn't */
.om-line[level="1"] .om-input, .om-line[level="7"] .om-input
 { color: #adccfb; }
.om-line[level="2"] .om-input, .om-line[level="8"] .om-input
 { color: #bed67c; }
.om-line[level="3"] .om-input, .om-line[level="9"] .om-input
 { color: #00ffd2; }
.om-line[level="4"] .om-input, .om-line[level="10"] .om-input
 { color: #ff7a08; }
.om-line[level="5"] .om-input, .om-line[level="11"] .om-input
 { color: #74ff95; }
.om-line[level="6"] .om-input, .om-line[level="12"] .om-input
 { color: #3affd5; }

.om-comment { color: #fdabff; }
.om-table { color: #69ffcd; }


/* ---------------------------------------- */
/* Menubar */

.ui-icon {
    display:inline-block;
    background-color: #f0f0f0;
    max-height: 24px;
    max-width: 24px;
}

.om-menubar-item {
    float: left;
    position: relative;
    cursor: pointer;
}

.om-menu {
    position: absolute;
    left: 0px;
    top: 1.5em;
    display: none;
    z-index: 10;
}

.om-menubar-item:hover .om-menu {
    display: block;
}

.om-menubar-item-name,
.om-menu-item {
    color: #f0f0f8;
    font-weight: bold;
    cursor: pointer;
    width: 10em;
    margin: 0px;
    padding: 2px 10px 2px 10px;
    background-color: #404060;
}

.om-menubar-item-name:hover,
.om-menu-item:hover {
    color: #d0d0d8;
    background-color: #606080;
}

.om-menubar-item-name {
    border-right: 1px solid #f0f0f8;
    border-top: 1px solid #f0f0f8;
    border-bottom: 1px solid #f0f0f8;
}

.om-menubar-item-name:first-child {
    border-left: 1px solid #f0f0f8;
}

.om-menu-item {
    border-left: 1px solid #f0f0f8;
    border-right: 1px solid #f0f0f8;
    border-top: 1px solid #f0f0f8;
}
.om-menu-item > .ui-icon {
    display: inline-block;
}
.om-menu-item-label {
    display: inline-block;
    width: 6em;
    overflow: hidden;
}
.om-menu-item-hotkey {
    display: inline-block;
    opacity: 0.75;
}

.om-menu-item:first-child {
    border-bottom: 1px solid #f0f0f8;
}

/* ---------------------------------------- */
/* Dialogs */

.ui-dialog .ui-state-error { padding: .3em; }
.om-validate-tips { 
    border: 1px solid transparent; 
    margin: 0.5em 0em 0 0; 
    padding: 0.3em; 
}

#om-filename {
    width: 25em;
}

/* ---------------------------------------- */
/* File Tree */

ul.om-filetree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	padding: 0px;
	margin: 0px;
}

ul.om-filetree li {
	list-style: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	white-space: nowrap;
}

.om-filetree-item {
	padding-left: 20px;
}

.om-filetree-item:hover {
	background: #bbddff;
	cursor: pointer;
}

/* Core Styles */
.om-filetree-item.directory { background: url(images/directory.png) left top no-repeat; }
.om-filetree-item.expanded { background: url(images/folder_open.png) left top no-repeat; }
.om-filetree-item.file { background: url(images/file.png) left top no-repeat; }
.om-filetree-item.wait { background: url(images/spinner.gif) left top no-repeat; }
/* File Extensions*/
.om-filetree-item.ext_3gp { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_afp { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_afpa { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_asp { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_aspx { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_avi { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_bat { background: url(images/application.png) left top no-repeat; }
.om-filetree-item.ext_bmp { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_c { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_cfm { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_cgi { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_com { background: url(images/application.png) left top no-repeat; }
.om-filetree-item.ext_cpp { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_css { background: url(images/css.png) left top no-repeat; }
.om-filetree-item.ext_doc { background: url(images/doc.png) left top no-repeat; }
.om-filetree-item.ext_exe { background: url(images/application.png) left top no-repeat; }
.om-filetree-item.ext_gif { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_fla { background: url(images/flash.png) left top no-repeat; }
.om-filetree-item.ext_h { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_htm { background: url(images/html.png) left top no-repeat; }
.om-filetree-item.ext_html { background: url(images/html.png) left top no-repeat; }
.om-filetree-item.ext_jar { background: url(images/java.png) left top no-repeat; }
.om-filetree-item.ext_jpg { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_jpeg { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_js { background: url(images/script.png) left top no-repeat; }
.om-filetree-item.ext_lasso { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_log { background: url(images/txt.png) left top no-repeat; }
.om-filetree-item.ext_m4p { background: url(images/music.png) left top no-repeat; }
.om-filetree-item.ext_mov { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_mp3 { background: url(images/music.png) left top no-repeat; }
.om-filetree-item.ext_mp4 { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_mpg { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_mpeg { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_ogg { background: url(images/music.png) left top no-repeat; }
.om-filetree-item.ext_pcx { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_pdf { background: url(images/pdf.png) left top no-repeat; }
.om-filetree-item.ext_php { background: url(images/php.png) left top no-repeat; }
.om-filetree-item.ext_png { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_ppt { background: url(images/ppt.png) left top no-repeat; }
.om-filetree-item.ext_psd { background: url(images/psd.png) left top no-repeat; }
.om-filetree-item.ext_pl { background: url(images/script.png) left top no-repeat; }
.om-filetree-item.ext_py { background: url(images/script.png) left top no-repeat; }
.om-filetree-item.ext_rb { background: url(images/ruby.png) left top no-repeat; }
.om-filetree-item.ext_rbx { background: url(images/ruby.png) left top no-repeat; }
.om-filetree-item.ext_rhtml { background: url(images/ruby.png) left top no-repeat; }
.om-filetree-item.ext_rpm { background: url(images/linux.png) left top no-repeat; }
.om-filetree-item.ext_ruby { background: url(images/ruby.png) left top no-repeat; }
.om-filetree-item.ext_sql { background: url(images/db.png) left top no-repeat; }
.om-filetree-item.ext_swf { background: url(images/flash.png) left top no-repeat; }
.om-filetree-item.ext_tif { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_tiff { background: url(images/picture.png) left top no-repeat; }
.om-filetree-item.ext_txt { background: url(images/txt.png) left top no-repeat; }
.om-filetree-item.ext_vb { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_wav { background: url(images/music.png) left top no-repeat; }
.om-filetree-item.ext_wmv { background: url(images/film.png) left top no-repeat; }
.om-filetree-item.ext_xls { background: url(images/xls.png) left top no-repeat; }
.om-filetree-item.ext_xml { background: url(images/code.png) left top no-repeat; }
.om-filetree-item.ext_zip { background: url(images/zip.png) left top no-repeat; }

/* ---------------------------------------- */
/* Misc */

.htmlClear {
    clear: both;
}