/* @override http://localhost:7777/org.sjarvela.mollify.App/themes/basic/style.css */

/**
 * Copyright (c) 2008- Samuli Järvelä
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html. If redistributing this code,
 * this entire header must remain intact.
 */
@import url(../../gwt/standard.css);

*, table td {
	font: normal 8pt "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}

#mollify-download-frame {
	width: 0px;
	height: 0px;
}

.gwt-Button {
	font: bold 8pt "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif;
}

.mollify-dropdown-button {
	font: normal 8pt "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif;
	height: 23px;
	cursor: pointer;
	cursor: hand;
}

.mollify-multiaction-button {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-right: 6px;
}

.mollify-multiaction-button-default {
	height: 25px;
	float: left;
}

.mollify-multiaction-button-dropdown {
	width: 9px;
	height: 25px;
	background: transparent url(b-dropdown-arrow.png) scroll;
}

.mollify-main {
	width: 100%;
}

.mollify-header {
	background: url(header-bg.png) repeat-x 0 -32px;
	width: 100%;
}

.mollify-header-buttons {
	width: auto;
	margin-left: 5px;
}

.mollify-header-padding-left {
	width: 0px;
}

.mollify-header-padding-right {
	width: 0px;
}

.mollify-header-button, #mollify-header-add-button {
	font: normal 8pt "Lucida Grande", "Trebuchet MS", Lucida, Verdana, sans-serif;
	background-image: none;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 0;
	height: 23px;
	border-style: none;
	margin-right: 4px;
	cursor: pointer;
	cursor: hand;
}

#mollify-header-add-button.mollify-dropdown-button {
	background: url(b-add.png) no-repeat 0 0;
	width: 36px;
	font-size: 0;
}

#mollify-header-add-button-menu {
	margin-top: 22px;
	margin-left: 7px;
}

.mollify-filelist-row-directory-even-hover td div.mollify-filelist-item-name-hover, .mollify-filelist-row-directory-odd-hover td div.mollify-filelist-item-name-hover {
	text-decoration: underline;
	color: #292c34;
}

#mollify-header-add-button.mollify-dropdown-button:active {
	background: url(b-add-d.png) no-repeat 0 0;
}

#mollify-header-refresh-button.mollify-header-button {
	background: url(b-refresh.png) no-repeat 0 0;
	font-size: 0;
	width: 36px;
	color: #dadada;
}

#mollify-header-refresh-button.mollify-header-button:active {
	background: url(b-refresh-d.png) no-repeat 0 0;
}

#mollify-header-parent-dir-button.mollify-header-button {
	background: url(b-up.png) no-repeat 0 0;
	font-size: 0;
	width: 36px;
	margin-left: 4px;
}

#mollify-header-parent-dir-button.mollify-header-button:active {
	background: url(b-up-d.png) no-repeat 0 0;
}

.mollify-dropdown-menu {
	background: #f9f9f9;
	margin-top: 26px;
	border-right: 1px outset #c0c0c0;
	border-left: 1px outset #c0c0c0;
	border-bottom: 1px outset #c0c0c0;
	padding: 8px;
}

.mollify-dropdown-menu-item {
	padding: 3px;
	cursor: pointer;
	cursor: hand;
	height: 15px;
	white-space: nowrap;
}

.mollify-dropdown-menu-item-hover {
	color: #565671;
	background-color: #d5d5d5;
	text-decoration: underline;
}

.mollify-header-option {
	height: 40px;
	border-style: none;
	background: rgba(50,50,50,0.19);
	color: transparent;
	cursor: pointer;
	cursor: hand;
}

#mollify-header-logout.mollify-header-option, #mollify-header-logout.mollify-header-option:hover {
	background: #bababa url(b-close.png) no-repeat 8px 15px;
	width: 26px;
	right: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -100px;
	float: right;
}

#mollify-header-logout.mollify-header-option:hover {
	background: #b3b3b3 url(b-close-over.png) no-repeat 8px 15px;
}

table.mollify-directory-list.mollify-directory-list-root-level {
	padding-left: 0;
}

.mollify-directory-selector {
	margin: 8px 0;
}

.mollify-directory-list-padding-left {
	width: 11px;
	background: url(b-l.png) no-repeat 0 0;
	height: 22px;
}

.mollify-directory-list-padding-right {
	width: 10px;
	background: url(b-r.png) no-repeat 0 0;
	height: 22px;
}

.mollify-directory-list-label {
	background: url(b-m.png) repeat-x 0 0;
	padding: 4px;
	cursor: pointer;
	height: 14px;
}

.mollify-directory-list-label:hover {
	color: #565671;
	background-color: #d5d5d5;
	text-decoration: underline;
}

.mollify-directory-list-dropdown {
	height: 25px;
	width: 13px;
	background: url(b-arrow.png) no-repeat;
	cursor: pointer;
}

.mollify-directory-list-dropdown:hover {
	background: url(b-arrow-over.png) no-repeat;
}

.mollify-directory-selector-separator {
	font-weight: bold;
	font-size: 16px;
	visibility: hidden;
	width: 5px;
}

.mollify-directory-list-menu {
	margin-top: 22px;
	margin-left: 11px;
}

.mollify-directory-menu-item-none {
	font-style: italic;
}

.mollify-filelist {
	margin: 8px 0 1em;
	width: 100%;
	border-width: 0;
	border-spacing: 0;
	text-align: left;
}

.mollify-filelist th {
	color: #494949;
	border-bottom: 2px solid #AAAAAA;
	font-weight: bold;
	padding-bottom: 3px;
}

.mollify-filelist td {
	padding-right: 5px;
	padding-left: 5px;
	height: 20px;
}

th#mollify-filelist-column-select {
	width: 22px;
}

th#mollify-filelist-column-name {
	padding-left: 4px;
}

th#mollify-filelist-column-type {
	width: 150px;
	padding-left: 13px;
}

th#mollify-filelist-column-size {
	width: 75px;
	padding-left: 10px;
}

td#mollify-filelist-column-size {
	background-color: #ebebeb;
}

.mollify-filelist-column-type {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}

.mollify-filelist-row-file-even td, .mollify-filelist-row-file-odd td {
	padding-left: 9px;
}

.mollify-filelist-row-file-odd td {
	background-color: #dedede;
}

.mollify-filelist-row-file-even-hover td {
	background-color: #dde9f4;
}

.mollify-filelist-row-file-odd-hover td {
	background-color: #cbcdef;
}

.mollify-filelist-row-file-even .mollify-filelist-column-type {
	background-color: #bdbdbd;
}

.mollify-filelist-row-file-odd .mollify-filelist-column-type {
	background-color: #a9a9a9;
}

.mollify-filelist-row-file-even-hover .mollify-filelist-column-type {
	background-color: #b4bdc7;
}

.mollify-filelist-row-file-odd-hover .mollify-filelist-column-type {
	background-color: #b0b3d0;
}

.mollify-filelist-row-directory-even td {
	padding-top: 2;
	padding-bottom: 4;
	height:20px;
	background: #fbdfde;
}

.mollify-filelist-row-directory-odd td {
	padding-top: 2;
	padding-bottom: 4;
	height:20px;
	background-color: #ead2d2;
}

.mollify-filelist-row-directory-odd-hover td {
	background-color: #dec7d6;
}

.mollify-filelist-row-directory-even-hover td {
	background-color: #f2d1e7;
}

/*.ie-crap.hover td {
	background-color: #d5d5d5;
}*/

.mollify-filelist .mollify-filelist-item-name {
	height: 20px;
	padding-top: 5px;
	cursor: pointer;
}

.mollify-filelist-row-directory-even .mollify-filelist-item-name, .mollify-filelist-row-directory-odd .mollify-filelist-item-name {
	font-weight: bold;
	font-size: 11px;
	padding-top: 6px;
}

.mollify-filelist-row-directory-icon, .mollify-filelist-row-directory-icon-hover {
	width: 20px;
	background: url(folder.png) no-repeat 3px 3px;
	height: 20px;
	float: left;
	cursor: pointer;
	margin-top: 3px;
	margin-right: 2px;
}

.mollify-filelist-row-directory-icon-hover {
	background: rgba(128,128,128,0.25) url(folder.png) no-repeat 3px 3px;
}

.mollify-file-context, .mollify-directory-context {
	margin-top: 20px;
}

.mollify-file-context-action, .mollify-directory-context-action {
	height: 25px;
	margin-right: 6px;
	margin-top: 6px;
	padding: 3px;
	font-weight: bold;
}

.mollify-file-context-border, .mollify-directory-context-border {
	border-width: 0;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}

.mollify-file-context-pointer, .mollify-directory-context-pointer {
	width: 30px;
	height: 15px;
	background: url(b-tip.png) no-repeat 0 0;
	position: absolute;
	top: -4px;
	left: 13px;
}

.mollify-file-context-close, .mollify-file-context-close-hover, .mollify-directory-context-close, .mollify-directory-context-close-hover {
	width: 12px;
	height: 12px;
	position: absolute;
	top: 10px;
	right: 14px;
	cursor: pointer;
	background-image: url(b-close.png);
}

.mollify-file-context-close-hover, .mollify-directory-context-close-hover {
	background-image: url(b-close-over.png);
}

.mollify-file-context-border-nw, .mollify-directory-context-border-nw {
	background: url(b-nw.png) no-repeat 0 0;
	width: 19px;
	height: 12px;
}

.mollify-file-context-border-n, .mollify-directory-context-border-n {
	background: url(b-n.png) repeat-x 0 0;
	height: 12px;
}

.mollify-file-context-border-ne, .mollify-directory-context-border-ne {
	background: url(b-ne.png) no-repeat 0 0;
	width: 19px;
	height: 12px;
}

.mollify-file-context-border-w, .mollify-directory-context-border-w {
	background: url(b-w.png) repeat-y;
	width: 19px;
}

.mollify-file-context-border-e, .mollify-directory-context-border-e {
	background: url(b-e.png) repeat-y;
	width: 19px;
}

.mollify-file-context-border-sw, .mollify-directory-context-border-sw {
	background: url(b-sw.png) no-repeat;
	width: 19px;
	height: 20px;
}

.mollify-file-context-border-s, .mollify-directory-context-border-s {
	background: url(b-s.png) repeat-x;
	height: 20px;
}

.mollify-file-context-border-se, .mollify-directory-context-border-se {
	background: url(b-se.png) no-repeat;
	width: 19px;
	height: 20px;
}

.mollify-file-context-content, .mollify-directory-context-content {
	background-color: white;
	padding-top: 3px;
}

.mollify-file-context-filename {
	font-weight: bold;
	margin-bottom: 6px;
}
.mollify-file-context-description {
	margin-bottom: 8px;
	margin-top: 4px;
}

.mollify-file-context-details {
	width: 300px;
	margin-top: 4px;
}

.mollify-file-context-details-header {
	background-color: #ebebeb;
	color: #000;
	padding-top: 2px;
	padding-bottom: 2px;
}

.mollify-file-context-details-content {
	width: 300px;
	border-left: 1px;
	margin: 0;
	background-color: #f5f5f5;
}

.mollify-file-context-details-row-value {
	font-weight: bold;
	width: 150px;
}

.mollify-file-context-buttons, .mollify-directory-context-buttons {
	margin-top: 7px;
}

#download-dropdown-menu.mollify-dropdown-menu {
	background-color: #ececec;
}



.mollify-directory-context-content {
	background: #fff url(folder.png) no-repeat 0 0;
	width: 250px;
}

.mollify-directory-context-name {
	font-weight: bold;
	padding-left: 20px;
}

.mollify-info-dialog-content {
	margin: 10px 4px 4px;
}

.mollify-info-dialog-buttons {
	width: 100%;
	margin-top: 11px;
	margin-bottom: 3px;
}

.mollify-confirm-dialog-content {
	margin: 10px 4px 4px;
}

.mollify-confirm-dialog-buttons {
	width: 100%;
	margin-top: 14px;
	margin-bottom: -1px;
}

.mollify-rename-dialog-original-name-title {
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 3px;
	margin-top: 2px;
}

.mollify-rename-dialog-new-name-title {
	font-weight: bold;
	padding-top: 9px;
	margin-bottom: 4px;
	margin-left: 3px;
}

.mollify-rename-dialog-original-name-value {
	margin-top: 4px;
	font-style: italic;
	background-color: #f5f5f5;
	height: 17px;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 4px;
	margin-left: 2px;
	margin-right: 2px;
	border-style: inset;
	border-width: 1px;
}

input.mollify-rename-dialog-new-name-value {
	margin-bottom: 12px;
	width: 250px;
	margin-left: 2px;
	margin-right: 2px;
}

.mollify-rename-dialog-buttons {
	width: 250px;
	padding-bottom: 4px;
}

.mollify-dialog-button {
	height: 25px;
	margin-bottom: 4px;
}

.mollify-confirm-dialog-delete-yes, .mollify-confirm-dialog-delete-no {
	width: 60px;
}

.mollify-confirm-dialog-delete-yes {
	float: right;
	margin-right: 6px;
}

.mollify-confirm-dialog-delete-no {
	float: left;
	margin-left: 6px;
}

.mollify-file-upload-dialog-content {
	margin: 10px 4px 15px;
}

.mollify-file-upload-dialog-message {
	font-weight: bold;
	margin-bottom: 7px;
}

.mollify-file-selector {
	font-style: italic;
	text-align: center;
	width: 100%;
}

.ie-crap.mollify-file-selector {
	width: 200px;
}

.mollify-file-upload-dialog-buttons {
	width: 250px;
	padding-bottom: 4px;
}

.mollify-login-dialog-username-title, .mollify-login-dialog-password-title {
	margin-bottom: 6px;
	margin-top: 4px;
}

.mollify-login-dialog-buttons {
	padding-bottom: 4px;
	margin-top: 10px;
	padding-right: 47px;
	width: 192px;
	margin-left: 24px;
}

.mollify-login-dialog .dialogContent {
	background: url(home.png) no-repeat 3px 10px;
}

table.mollify-login-dialog-content {
	margin-left: 47px;
	margin-right: 8px;
}

.mollify-login-dialog-username-value {
	width: 160px;
}

.mollify-login-dialog-password-value {
	width: 160px;
}

.mollify-progress-dialog .dialogContent {
	height: 60px;
	width: 300px;
	padding: 8px;
	background: url(wait.gif) no-repeat 280px 22px;
}

.mollify-progress-dialog .mollify-progress-bar {
	width: 266px;
	background-color: #f3f3f3;
	border: 1px dotted #c3c3c3;
}

.mollify-progress-bar .current, .mollify-progress-bar .left {
	height: 23px;
}

.mollify-progress-bar .current {
	background-color: #4a6dcb;
}

.mollify-progress-bar .left {
	background-color: transparent;
}

.mollify-progress-dialog-title {
	font-weight: bold;
	margin-bottom: 5px;
}

.mollify-progress-dialog-details {
	margin-top: 5px;
	margin-bottom: 1px;
}

.mollify-create-folder-dialog-name-title {
	font-weight: bold;
	margin-bottom: 4px;
}

.mollify-create-folder-dialog-name-title {
	font-weight: bold;
	padding-top: 9px;
	margin-bottom: 4px;
	margin-left: 2px;
}

.mollify-create-folder-dialog-name-value {
	margin-top: 4px;
	background-color: #f5f5f5;
	height: 17px;
	vertical-align: middle;
	padding-top: 2px;
	padding-left: 4px;
	margin-left: 2px;
	margin-right: 2px;
	border-style: inset;
	border-width: 1px;
}

input.mollify-create-folder-dialog-name-value {
	margin-bottom: 12px;
	width: 250px;
}

.mollify-create-folder-dialog-buttons {
	width: 250px;
	padding-bottom: 4px;
}