@charset "utf-8";
/**
 * PI Image Manager
 * CSS
 */
body {
	color:#ffffff;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	background-color:#000000;
}

/* LOGIN PAGE */
div.errors	{
font-size:11px;
margin-bottom:15px;
color:#900000;
}

div.login	{
	color:#969696;
	width:311px;
	margin:10% auto 20px auto;
	padding:20px;
	border:#333 solid 1px;
}

div.login label	{
	width:100px;
	display:inline-block;
}	

div.login input.text	{
	width:200px;
}

div.login form	{
	margin:0px;
}
	
div.login input.button	{
	padding:3px 30px 3px 30px;
	background-color:#333;
	border:#999;
	font-size:11px;
	color:#ffffff;
	}


/* SPECIAL ELEMENTS */
div.clear {
	clear: both;
}
.hidden {
	display: none;
}
img#throbber {
	display: block;
}
img {
	border: 0;
}


select.folderList {
	
}
select.folderList option {
	padding-right: 20px;
}


/* NO IMAGES IN FOLDER MESSAGE */
div#noPhotos {
	display: none;
	margin-top: 65px;
	text-align: center;
}




/* PANES */
div.dashboard-mini	{
	width:945px;
	padding:10px 0 10px 0;
	margin-left:auto;
	margin-right:auto;
	font-size:11px;
	}

div.dashboard-mini a	{
	text-decoration:none;
	color:#969696;
	}


div.header	{
	width:927px;
	padding:10px;
	overflow:hidden;
	background-color:#ffffff;
	}


#imageManager {
	/* see main.css */
	margin-left:auto;
	margin-right:auto;
	width:947px;
}

#imageManager a {
	color:#9D9D9D;
	font-size:10px;
	text-decoration:none;
}
#foldersPane, #filesPane, #uploadFilesPane, #uploadQueuePane {
	float: left;
	padding: 0px;
	xheight: 518px;
	height: 418px;
	border: 1px solid #666;
	overflow: hidden;
	background-color: #454545;
}
#foldersPane {
	width: 340px;
	margin-right: 10px;
}
#filesPane {
	xdisplay: none;
	width: 593px;
}
#uploadFilesPane {
	display: none;
	width: 373px;
}
#uploadQueuePane {
	display: none;
	width: 219px;
	border-left: none;
	overflow: auto;
}


/* Toolbars */
#foldersToolbar, #filesToolbar, #uploadToolbar {
	xbackground-color: #eee;
	border-bottom: 1px solid #666;
	text-transform: uppercase;
	font-size: 10px;
	color: #9d9d9d;
}
#foldersToolbar {
	padding: 0 5px 0 15px;
}
#filesToolbar {
	padding: 0 0 0 15px;
	font-size: 10px;
}
#uploadToolbar {
	padding: 0 0 0 15px;
	font-weight: bold;
}
table.toolbar {
	width: 100%;
	height: 34px;
	padding: 0;
}


/* Toolbar Buttons */
table.toolbar td {
	height: 33px;
	padding: 1px 0 0 0;
	white-space: nowrap;
}
table.toolbar td.hover {
}
table.toolbar a {
	margin: 0 7px;
}
table.toolbar a span {
	margin-left: 4px;
}
table.toolbar a img {
	vertical-align: middle;
}
table.toolbar span.sep {
	display: block;
	height: 26px;
	width: 1px;
	margin: 0 2px;
	background-color: #666;
}


/* Folder Panel */
#folderList {
	height:363px;
	overflow:auto;
	padding: 10px 5px;
}
#folderList ul {
	display:table;
}
#folderList li {
}
#folderList li span {
}


/* Files Panel */
#imageList {
	padding: 15px;
	height: 353px;
	overflow: auto;
}
#imageList div.thumbnail {
	float: left;
	margin-right: 32px;
	xmargin-bottom: 30px;
	height:150px;
	max-width:104px;
	overflow:hidden;
}
#imageList div.image {
	width: 100px;
	height: 100px;
	cursor: pointer;
	margin: 0 0 5px 0;
	border: 2px solid #333;
	text-align: center;
	overflow:hidden;
}
/*
#imageList div.hover {
	border: 2px solid #9d9d9d;
}
*/
#imageList div.selected {
	border: 2px solid #74C2FF;
}
#imageList img.thumbnail {
	xdisplay: block;
}
#imageList div.label {
	width: 100px;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
	color: #eee;
	padding-bottom: 24px;
}
#imageList div.label-full div.thumb-descr{
	width: 100px;
	font-size: 10px;
	line-height: 14px;
	color: #eee;
	padding-bottom: 24px;
	float:left;
	word-wrap:break-word;
}
#imageList div.label-image div.thumb-descr{
	width: 70px;
	font-size: 10px;
	text-align: right;
	line-height: 14px;
	color: #eee;
	padding-bottom: 24px;
	float:right;
	word-wrap:break-word;
}
#imageList div.label div.thumb-zoom{
	width: 30px;
	font-size: 10px;
	text-align: center;
	line-height: 14px;
	color: #eee;
	padding-bottom: 24px;
}



/* UploadFiles Panel */
form#uploadForm {
	padding: 15px 13px;
	color: #eee;
	font-size: 12px;
}
table#uploadTable {
	padding: 0;
	width: 100%;
}
table#uploadTable td, table#uploadTable th {
	padding-bottom: 10px;
	vertical-align: top;
	height: 32px;
}
table#uploadTable {
}
table#uploadTable input:not(#fileBrowse) {
	visibility: hidden;
	width: 50px;
}
table#uploadTable th {
	font-weight: bold;
	text-align: left;
}
table#uploadTable button#btnCancel {
	margin-right: 10px;
}


/* Dialog Box	<<<<< NOT  USED ANYMORE (mg) */
div.dialog {
	position: absolute;
	left: 30%;
	top: 30%;
	
	border: 1px solid #555;
	
	width: 400px;
	height: 200px;
}
div.underlay {
	position: absolute;
	top: -4px;
	left: -4px;
	
	width: 408px;
	height: 208px;

	background-color:#000;
	filter:alpha(opacity=20);
	-moz-opacity: 0.20;
	opacity: 0.20;
}
div.body {
	position: absolute;
	padding: 10px;
	left: 0px;
	top: 0px;
	background-color: #fff;
	width: 380px;
	height: 180px;
}


/* Dialog Box Content */
div.dialog {
	display: none;
}
table.dialog {
	padding: 0;
	height: 100%;
	width: 100%;
}
table.dialog td.dialogHead {
	padding-bottom: 5px;
	font-size: 16px;
	color: #046380;
	border-bottom: 1px solid #999;
}
table.dialog td.dialogBody {
	color: #000;
}


/* Forms */
input.textfield-error {
	border: 1px solid red;
}
img.error {
	margin-left: 3px;
	vertical-align: top;
}





/* SWFUpload */

div.flash {
	width: 100%;
	xmargin: 10px 5px;
	border-color: #D9E4FF;
}

.progressWrapper {
	xwidth: 357px;
	overflow: hidden;
}

.progressContainer {
	xmargin: 5px;
	padding: 4px;
	border-bottom: solid 1px #E3E3E3;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	xborder: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	xborder: solid 1px #DDF0DD;
	xbackground-color: #EBFFEB;
	background-color: #f7f7f7;
}

/* Complete */
.blue {
	xborder: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	xwidth: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: #67a018;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	xwidth: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/upload_cancel.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	float: right;
}

a.progressCancel:hover {
	xbackground-position: 0px 0px;
}

div.top-left {
	float:left;
	width:750px;
}
div.top-right {
	float:right;
	width:100px;
	text-align:right;
}

#fileListDisplay {
	padding: 15px;
}

#fileListDisplay div {
	margin-bottom: 10px;
}

#fileListDisplay div[data-status="pending"] {
	color: #cc0;
}

#fileListDisplay div[data-status="success"] {
	color: #0c0;
}

#fileListDisplay div[data-status="error"] {
	color: #c00;
}