/* Copyright 2010 Oran Looney */
/* Global styles (non-semantic) */
.semi-transparent-subtle {
	-moz-opacity:0.9;
	opacity:.90;
	filter:alpha(opacity=90);
}

.semi-transparent {
	-moz-opacity:0.7;
	opacity:.70;
	filter:alpha(opacity=70);
}

.semi-transparent-very {
	-moz-opacity:0.5;
	opacity:.50;
	filter:alpha(opacity=50);
}

.with-margin {
	margin: 5px;
}

/* use with an -icon class on an invisi image to make an icon. */
.os-icon {
	height: 16px;
	width: 16px;
	margin: 1px;
	vertical-align: middle;
	border-width: 0px;
	background-position: center;
	background-repeat: no-repeat;
}

/* show an icon in the upper-right of an existing element. */
.os-icon-upper-right {
	background-position: top right;	
	background-repeat: no-repeat;
}

/* A larger icon size, used on an invisi image just like os-icon. */
.os-icon32 {
	height: 32px;
	width: 32px;
	margin: 2px;
	border-width: 0px;
	background-position: center;
	background-repeat: no-repeat;
}


/* Core OS */
.os-ui-tick-icon { background-image: url(../../icons/silk/tick.png); }
.os-log-icon { background-image: url(../../icons/silk/cog.png); }
.os-log-error-icon32 { background-image: url(../../icons/userinterfaceicons/stop_sign.png); }


/* log entry types */
.os-log-error-icon { background-image: url(../../icons/silk/exclamation.png); }
.os-log-info-icon { background-image: url(../../icons/silk/information.png); }
.os-log-warning-icon { background-image: url(../../icons/silk/error.png); }
.os-log-aside-icon { background-image: url(../../icons/silk/lightbulb.png); }
.os-log-message-icon { background-image: url(../../icons/silk/note.png); }
.os-log-problem-icon { background-image: url(../../icons/silk/bug.png); }


/* File UI */
.os-fileui-file-manager-icon { background-image: url(../../icons/silk/folder_explore.png); }
.os-fileui-file-icon { background-image: url(../../icons/silk/page.png); }
.os-fileui-directory-icon { background-image: url(../../icons/silk/folder.png); }
.os-fileui-public-icon { background-image: url(../../icons/silk/group.png); }
.os-fileui-rename-icon { background-image: url(../../icons/silk/keyboard.png); }
.os-fileui-give-icon { background-image: url(../../icons/silk/user_go.png); }
.os-fileui-about-icon { background-image: url(../../icons/silk/application_form_magnify.png); }

.os-fileui-file-icon32 { background-image: url(../../icons/userinterfaceicons/new_page.png); }
.os-fileui-directory-icon32 { background-image: url(../../icons/userinterfaceicons/folder.png); }

.os-fileui-open-directory-icon { background-image: url(../../icons/silk/folder_page.png); }
.os-fileui-delete-directory-icon { background-image: url(../../icons/silk/folder_delete.png); }
.os-fileui-make-directory-public-icon { background-image: url(../../icons/silk/group_add.png); }

.os-fileui-open-file-icon { background-image: url(../../icons/silk/page_edit.png); }
.os-fileui-delete-file-icon { background-image: url(../../icons/silk/page_delete.png); }
.os-fileui-make-file-public-icon { background-image: url(../../icons/silk/group_add.png); }

.os-fileui-directory-icon-view li {
	display: block;
	padding: 1px;
	border: 2px solid white;
	margin: 2px;
	width: 80px;
	height: 60px;
	float: left;
	text-align: center;

	/* supports an icon in the upper right. */
	background-position: 90% 5%;	
	background-repeat: no-repeat;
}
.os-fileui-directory-icon-view li img {
	display: block;
	margin: 2px auto;
}

.os-fileui-directory-icon-view li.os-fileui-selected {
	border-color: #99AAFF;
	background-color: #EEF8FF;
}

.os-fileui-drag-proxy {
	border: 0px solid white;
	background-color: transparent;
}

.os-fileui-drag-ghost li {
	display: block;
	padding: 1px;
	width: 80px;
	height: 60px;
	text-align: center;
	
	/* move the icon closer to the mouse pointer. */
	position: relative;
	left: -30px;

	/* supports an icon in the upper right. */
	background-position: 90% 5%;	
	background-repeat: no-repeat;

	/* use same font as in the data views. */
	font-size: 11px;
	font-family: tahoma,arial,helvetica,sans-serif;
}
.os-fileui-drag-ghost li img {
	display: block;
	margin: 2px auto;
}


/* Tools */
.os-tools-text-edit-icon { background-image: url(../../icons/silk/page_white_text.png); }
.os-tools-html-edit-icon { background-image: url(../../icons/silk/page_white_code.png); }
.os-tools-manager-icon { background-image: url(../../icons/silk/cog_edit.png); }
.os-tools-manager-window .x-grid3-dirty-cell {
	background-image: none;
}

.os-tools-log-view { overflow: auto; }
.os-tools-log-view ul { display: block;} 
.os-tools-log-view ul li {
	display: block;
	margin: 3px 5px 2px;
	padding: 2px;
	border-bottom: 1px dotted #555555;
}
.os-tools-log-view ul li i {
	color: #777;
	font-size: 10px;
	font-style: normal;
}

/* Action Icons */
.os-app-new-icon { background-image: url(../../icons/silk/page.png);}
.os-app-open-icon { background-image: url(../../icons/silk/page_go.png);}
.os-app-save-icon { background-image: url(../../icons/silk/page_save.png);}
.os-app-save-as-icon { background-image: url(../../icons/silk/page_copy.png);}
.os-app-exit-icon { background-image: url(../../icons/silk/disconnect.png);}

.os-app-restore-icon { background-image: url(../../icons/silk/application_double.png); }
.os-app-bring-to-front-icon { background-image: url(../../icons/silk/application_get.png); }
.os-app-minimize-icon { background-image: url(../../icons/silk/application_put.png); }
.os-app-maximize-icon { background-image: url(../../icons/silk/application_get.png); }
.os-app-close-icon { background-image: url(../../icons/silk/application_delete.png); }


/* Desktop */
#os-desktop-files-view {
	background-color: #ddd;
	background-image: url(../../icons/abc_ddd_horizontal_gradient.png);
	background-repeat: repeat-x;
	background-position: top;
	font-size: 11px;
	font-family: tahoma,arial,helvetica,sans-serif;
}

#os-desktop-files-view ul {
	background: transparent;
}
#os-desktop-files-view ul li {
	border-width: 0px;
}
#os-desktop-files-view ul li.os-fileui-selected {
	background-color: #78c;
}


/* Taskbar */
.os-desktop-taskbar .x-panel-body {
	border-top: 1px solid #555;
	background-color: #abc;
}
.os-desktop-start-button button {
	font-size: 12px;
	font-weight: bold;
}
.os-desktop-task {
	font-size: 11px;
	font-family: tahoma, verdana, helvetica;
	font-weight: bold;
	color: white;
	padding: 2px 10px;
	border-color: #abc;
	border-style: solid;
	border-width: 1px;

	/*
	text-align: center;
	display: block;
	float: left;
	width: 170px;
	height: 19px;
	*/
}
.os-desktop-task-active {
	background-color: #9ab;
	border-style: inset;
}
.os-desktop-task-minimized {
	font-style: italic;
}
.os-desktop-taskbar .os-desktop-task-over {
	background-color: #789;
	border-style: outset;
}