/**
 * Twitter Bootstrap Look and Feel
 * Based on http://twitter.github.com/bootstrap/
 */
.folder-list-container
{
  font-family: Arial,Helvetica,sans-serif;  
  height: 250px;
  padding:3px; 
}

.folder-list-content
{
  height:224px;
  overflow:auto;
  background:#fff;
}

div.itemline {
	height: 24px;
}

div.selectable { 
    color: blue; 
    padding: 6px 0 2px 32px;
	margin-top: 5px;
    cursor: default;
	height: 24px;
}
div.selectable.selected { 
    color: #fff; 
	height: 24px;
    background: #07f;
    padding: 6px 0 2px 32px;
	margin-top: 5px;
    cursor: default;
}

div.expandable { 
    color: red; 
	cursor: pointer;
	float: left;
	width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 4px;
	margin-right: 4px;
    background-image: url("images/folder_open.png"); 
}

div.to-parent-folder{ 
    color: red; 
	cursor: pointer;
	float: left;
	width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 4px;
	margin-right: 8px;
    background-image: url("images/arrow_up_grey.png");
}

div.to-parent-folder-text{ 
    color: blue; 
    padding: 6px 0 2px 32px;
	cursor: pointer;
}

.folderdialog,
.folderdialog-log {
    font-family: Arial,Helvetica,sans-serif;
}
.folderdialog {
	background: #FFF;
	border: 1px solid #8E8E8E; /* browsers that don't support rgba */
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 6px;
	box-shadow: 0 3px 7px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.folderdialog-dialog {
	padding: 0;
}
	.folderdialog-inner {
		text-align: left;
	}
		.folderdialog-message {
			padding: 15px;
			margin: 0;
		}
		.folderdialog-text-wrapper {
			padding: 0 15px;
		}
			.folderdialog-text {
				color: #555;
				border-radius: 4px;
				padding: 8px;
				background-color: #FFF;
				border: 1px solid #CCC;
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			}
			.folderdialog-text:focus {
				border-color: rgba(82,168,236,.8);
				outline: 0;
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
			}

		.folderdialog-buttons {
			padding: 14px 15px 15px;
			background: #F5F5F5;
			border-top: 1px solid #DDD;
			border-radius: 0 0 6px 6px;
			box-shadow: inset 0 1px 0 #FFF;
			text-align: right;
		}
			.folderdialog-button,
			.folderdialog-button:hover,
			.folderdialog-button:focus,
			.folderdialog-button:active {
				margin-left: 10px;
				border-radius: 4px;
				font-weight: normal;
				padding: 4px 12px;
				text-decoration: none;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
				background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
			}
			.folderdialog-button:focus {
				outline: none;
				box-shadow: 0 0 5px #2B72D5;
			}
			.folderdialog-button:active {
				position: relative;
				box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
			}
				.folderdialog-button-cancel,
				.folderdialog-button-cancel:hover,
				.folderdialog-button-cancel:focus,
				.folderdialog-button-cancel:active {
					text-shadow: 0 -1px 0 rgba(255,255,255,.75);
					background-color: #E6E6E6;
					border: 1px solid #BBB;
					color: #333;
					background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
					background-image:    -moz-linear-gradient(top, #FFF, #E6E6E6);
					background-image:     -ms-linear-gradient(top, #FFF, #E6E6E6);
					background-image:      -o-linear-gradient(top, #FFF, #E6E6E6);
					background-image:         linear-gradient(top, #FFF, #E6E6E6);
				}
				.folderdialog-button-cancel:hover,
				.folderdialog-button-cancel:focus,
				.folderdialog-button-cancel:active {
					background: #E6E6E6;
				}
				.folderdialog-button-ok,
				.folderdialog-button-ok:hover,
				.folderdialog-button-ok:focus,
				.folderdialog-button-ok:active {
					text-shadow: 0 -1px 0 rgba(0,0,0,.25);
					background-color: #04C;
					border: 1px solid #04C;
					border-color: #04C #04C #002A80;
					border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
					color: #FFF;
				}
				.folderdialog-button-ok:hover,
				.folderdialog-button-ok:focus,
				.folderdialog-button-ok:active {
					background: #04C;
				}

.folderdialog-log {
	background: #D9EDF7;
	padding: 8px 14px;
	border-radius: 4px;
	color: #3A8ABF;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	border: 1px solid #BCE8F1;
}
	.folderdialog-log-error {
		color: #B94A48;
		background: #F2DEDE;
		border: 1px solid #EED3D7;
	}
	.folderdialog-log-success {
		color: #468847;
		background: #DFF0D8;
		border: 1px solid #D6E9C6;
	}
	
/**
 * Twitter Bootstrap Look and Feel
 * Based on http://twitter.github.com/bootstrap/
 */
.file-list-container
{
  font-family: Arial,Helvetica,sans-serif;  
  height: 250px;
  padding:3px; 
}

.file-list-content
{
  height:224px;
  overflow:auto;
  background:#fff;
}

div.selectable-fileitem { 
    color: blue; 
    padding: 4px;
	margin-top: 5px;
    cursor: default;
}
div.selectable-fileitem.selected { 
    color: #fff; 
    background: #07f;
    padding: 4px;
	margin-top: 5px;
    cursor: default;
}

div.to-parent-file{ 
    color: red; 
	cursor: pointer;
	float: left;
	width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 4px;
	margin-right: 8px;
    background-image: url("images/arrow_up_grey.png");
}

div.fileable-icon{ 
    color: red; 
	cursor: pointer;
	float: left;
	width: 24px;
    height: 24px;
    padding-top: 0;
    padding-bottom: 0;
    margin-left: 4px;
	margin-right: 4px;
    background-image: url("images/file_icon.png"); 
}

div.to-parent-file-text{ 
    color: blue; 
    padding: 6px 0 2px 32px;
	cursor: pointer;
}

.filedialog,
.filedialog-log {
    font-family: Arial,Helvetica,sans-serif;
}
.filedialog {
	background: #FFF;
	border: 1px solid #8E8E8E; /* browsers that don't support rgba */
	border: 1px solid rgba(0,0,0,.3);
	border-radius: 6px;
	box-shadow: 0 3px 7px rgba(0,0,0,.3);
	-webkit-background-clip: padding;     /* Safari 4? Chrome 6? */
	   -moz-background-clip: padding;     /* Firefox 3.6 */
	        background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
}
.filedialog-dialog {
	padding: 0;
}
	.filedialog-inner {
		text-align: left;
	}
		.filedialog-message {
			padding: 15px;
			margin: 0;
		}
		.filedialog-text-wrapper {
			padding: 0 15px;
		}
			.filedialog-text {
				color: #555;
				border-radius: 4px;
				padding: 8px;
				background-color: #FFF;
				border: 1px solid #CCC;
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
			}
			.filedialog-text:focus {
				border-color: rgba(82,168,236,.8);
				outline: 0;
				box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);
			}

		.filedialog-buttons {
			padding: 14px 15px 15px;
			background: #F5F5F5;
			border-top: 1px solid #DDD;
			border-radius: 0 0 6px 6px;
			box-shadow: inset 0 1px 0 #FFF;
			text-align: right;
		}
			.filedialog-button,
			.filedialog-button:hover,
			.filedialog-button:focus,
			.filedialog-button:active {
				margin-left: 10px;
				border-radius: 4px;
				font-weight: normal;
				padding: 4px 12px;
				text-decoration: none;
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
				background-image: -webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:    -moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:     -ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:      -o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
				background-image:         linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));
			}
			.filedialog-button:focus {
				outline: none;
				box-shadow: 0 0 5px #2B72D5;
			}
			.filedialog-button:active {
				position: relative;
				box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
			}
				.filedialog-button-cancel,
				.filedialog-button-cancel:hover,
				.filedialog-button-cancel:focus,
				.filedialog-button-cancel:active {
					text-shadow: 0 -1px 0 rgba(255,255,255,.75);
					background-color: #E6E6E6;
					border: 1px solid #BBB;
					color: #333;
					background-image: -webkit-linear-gradient(top, #FFF, #E6E6E6);
					background-image:    -moz-linear-gradient(top, #FFF, #E6E6E6);
					background-image:     -ms-linear-gradient(top, #FFF, #E6E6E6);
					background-image:      -o-linear-gradient(top, #FFF, #E6E6E6);
					background-image:         linear-gradient(top, #FFF, #E6E6E6);
				}
				.filedialog-button-cancel:hover,
				.filedialog-button-cancel:focus,
				.filedialog-button-cancel:active {
					background: #E6E6E6;
				}
				.filedialog-button-ok,
				.filedialog-button-ok:hover,
				.filedialog-button-ok:focus,
				.filedialog-button-ok:active {
					text-shadow: 0 -1px 0 rgba(0,0,0,.25);
					background-color: #04C;
					border: 1px solid #04C;
					border-color: #04C #04C #002A80;
					border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
					color: #FFF;
				}
				.filedialog-button-ok:hover,
				.filedialog-button-ok:focus,
				.filedialog-button-ok:active {
					background: #04C;
				}

.filedialog-log {
	background: #D9EDF7;
	padding: 8px 14px;
	border-radius: 4px;
	color: #3A8ABF;
	text-shadow: 0 1px 0 rgba(255,255,255,.5);
	border: 1px solid #BCE8F1;
}
	.filedialog-log-error {
		color: #B94A48;
		background: #F2DEDE;
		border: 1px solid #EED3D7;
	}
	.filedialog-log-success {
		color: #468847;
		background: #DFF0D8;
		border: 1px solid #D6E9C6;
	}