/**************************************************
***			 MEDIA MANAGER STYLE SHEET 			***
**************************************************/


/*#######################################
#####          WELCOME BOX          #####
#######################################*/

#welcomeBox {
	font-size: 16px;
}

#welcomeBox p {
	margin: 10px 0 0 15px;
}

#welcomeBox ul {
	margin: 20px 0 30px 20px;
}

#welcomeBox li {
	background: url('/images/vIcon.gif') no-repeat left center;
	list-style-type: none;
	padding: 5px 0 0 25px;
}

#welcomeBox a {
	font-size: 18px;
	margin: 15px;
}

#welcomeBox img {
	float: right;
	margin: 25px;
}

/*#######################################
#####        WEBPAGE HEADER         #####
#######################################*/


/*#######################################
#####         MEDIA MANAGER         #####
#######################################*/

#desktopView {
	/*overflow: hidden;  This eliminates the scrollbars */
}

#desktopWallpaper {
	position: absolute;
	z-index: -10000;
}

#desktopLogo {
	margin: 5px 0 0 15px;
	width: 250px;
	float: left;
}

#desktopLogo:hover {
	
}

/***  MEDIA MANAGER HEADER  ***/
#desktopHeaderContainer {
	width: 100%;
	height: 100px;
	padding: 7px;
}

#feedbackMessage {
	width: 300px;
	height: 60px;
	padding: 10px;
	background-color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 10px;
	top: 10px;
	border: 1px solid black;
}

#desktopTopMenu {
	display: block;
	margin: 0 auto;
	font-size: 11px;
	width: 450px;
	height: 85px;
	background: rgba(122, 176, 204, 0.6);
	position: relative;
	z-index: 100;
}

#desktopTopMenu .wrapper {
	position: absolute;
	width: 440px;
	height: 65px;
	padding: 10px;
}

.desktopTopMenuItem {
	float: left;
	width: 70px;
	height: 60px;
	color: #FFFFFF;
	margin: 0 3px;
	text-align: center;
	text-shadow: 2px 2px 2px #000;
}

.desktopTopMenuItem img {
	display: block;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.desktopTopMenuItem:hover {
	cursor: pointer;
}

#topMenuClock{
	font-size: 40px;
	color: #FFFFFF;
	text-shadow: 2px 2px 2px #000;
}

#userStatusBox {
	position: absolute;
	top: 10px;
	right: 10px;
	height: 45px;
	width: 200px;
	padding: 10px;
	background: rgba(122, 176, 204, 0.6);
	color: #FFFFFF;
}

#userStatusBox a {
	color: #FFFFFF;
	text-decoration: none;
}

#userStatus {
	float: right;
}

/***   FILES   ***/
#desktopItemList {

}

#desktopItemList td {
	width: 70px;
	height: 80px;
	/*border: 1px solid black;*/
	background: url('/images/1pix.png');
}

.mediaItem, .uploadItem {
	position: absolute;
	text-align: center;
	color: #FFFFFF;
	margin: 5px;
}

.uploadItem {
	background: rgba(34, 232, 110, 0.6);
}

.iconPlaceHolder {
	text-align: center;
}

.mediaItem img {
	vertical-align: middle;
}

.mediaItem span {
	cursor: text;
	text-shadow: 2px 2px 2px #000;
	vertical-align: middle;
}

/* input for editing */
.mediaItem input {
	position: relative;
	font-size: 12px;
	padding: 3px 5px;
	z-index: 1000;
}

/* selectable feedback */
.ui-selected {
	/*background-color: #63A2C6;*/
	background: rgba(122, 176, 204, 0.6);
}

.ui-selecting {
	/*background-color: #63A2C6;*/
	background: rgba(122, 176, 204, 0.4);
}

.hoverDroppable {
	background: rgba(34, 232, 110, 0.6);
}

/*.ui-selectable-helper {
	position: relative;
	z-index: 10000;
}*/

/****** PHOTO VIEWER ******/

#photoViewerImagePlaceHolder {
	line-height: 580px; /* to vertical align images */
	text-align: center;
}

#photoViewerImagePlaceHolder img {
	max-width: 720px;
	max-height: 580px;
	vertical-align: middle;
}

#photoViewerMenu {
	margin: 10px ;
	width: 600px;
	height: 40px;
}

#photoViewerMenuTitle {
	float: left;
	width: 320px;
	padding: 10px;
	font-size: 16px;
}

#photoViewerMenuTitle:hover {
	color: #0066CC;
	cursor: pointer;
}

#photoViewerMenuButtons img {
	margin: 0 auto;
	display: block;
	width: 24px;
	height: 24px;
}

#photoViewerMenuButtons li {
	float: left;
	list-style: none;
	margin: 5px 5px;
	font-size: 11px;
}

#photoViewerMenuRadio {
	float: left;
}

#photoViewerMenuRadio li {
	list-style-type: none;
	font-size: 11px;
}

#photoViewerMenuRadio li:hover {
	cursor: pointer;
}

#photoViewerMenuRadio input[type="radio"] {
	margin: 0 0 0 10px;
}

#photoViewerMenuRadio input[type="radio"]:hover {
	cursor: pointer;
}

/*####################################
###		  BACKGROUND DIALOG        ###
####################################*/

#setBackgroundDialog img {
	float: left;
	width: 180px;
	height: 120px;
	padding: 5px;
	margin: 5px;
	background: #A0A0A0;
	border: 1px solid #000000;
}

#setBackgroundDialog img:hover {
	cursor: pointer;
}

/*################################
###		  MEDIA EXPLORER       ###
################################*/

.medExpNav {
	height: 50px;
}

.medExpBackNext {
	float: left;
}

.medExpBackNext li {
	list-style-type: none;
	margin: 5px;
	font-size: 11px;
	float: left;
}

.medExpBackNext img {
	margin: 0 auto;
	display: block;
	width: 24px;
	height: 24px;
}

.breadCrumb {
	padding-top: 4px;
	margin-left: 80px;
}

.dialogItem {
	margin: 12px 6px;
}

.dialogItem span {
	text-shadow: none;
}

/*#photoViewerMenuButtons li {
	float: left;
	list-style: none;
	margin: 5px 5px;
	font-size: 11px;
}*/

/*#######################################
###			 UPLOAD PROGRESS          ###
#######################################*/

.progressbar{ 
	border:1px solid #333; 
	height:5px;
	background: #FFFFFF; 
	margin: 0 5px;
}

.progress{ 
	background: #0066CC; 
	width: 0%; 
	height: 5px; 
}

.cancel{ 
	float: right;
	width: 12px; 
	height: 12px; 
	margin: 5px;
	background: url('/images/desktop/cancelIcon.png') no-repeat; 
	cursor: pointer; 
}

.cancel:hover { 
	cursor:pointer; 
}

/*#######################################
#####	      CONTEXT MENU		    #####
#######################################*/

.contextMenu {
	position: absolute;
	width: 170px;
	z-index: 99999;
	border: solid 1px #CCC;
	background: #EEE;
	padding: 0px;
	margin: 0px;
	display: none;
	color: #333;
}

.contextMenu li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.contextMenu li:hover {
	color: #FFFFFF;
	background-color: #3399FF;
	cursor: pointer;
}

.contextMenu span {
	text-decoration: none;
	display: block;
	line-height: 20px;
	height: 20px;
	background-position: 6px center;
	background-repeat: no-repeat;
	outline: none;
	padding: 1px 5px;
	padding-left: 25px;
}

.contextMenu li.separator {
	border-bottom: solid 1px #CCC;
}

/*
	Adding Icons
	
	You can add icons to the context menu by adding
	classes to the respective LI element(s)
*/

.contextMenu li#newDesktopFolder span { background: url('/images/desktop/contextmenu/new_folder.png') no-repeat left center; margin-left: 5px; }
.contextMenu li#newDialogFolder span { background: url('/images/desktop/contextmenu/new_folder.png') no-repeat left center; margin-left: 5px; }
.contextMenu li#wallpaper span { background: url('/images/desktop/contextmenu/wallpaper.png') no-repeat left center; margin-left: 5px; }
.contextMenu li#openFolder span { background: url('/images/desktop/contextmenu/new_folder.png') no-repeat left center; margin-left: 5px; }
.contextMenu li#share span { background: url('/images/desktop/contextmenu/share.png') no-repeat left center; margin-left: 5px; }
/*.contextMenu li.edit a { background-image: url(images/page_white_edit.png); }
.contextMenu li.cut a { background-image: url(images/cut.png); }
.contextMenu li.copy a { background-image: url(images/page_white_copy.png); }
.contextMenu li.paste a { background-image: url(images/page_white_paste.png); }*/
.contextMenu li#viewPhoto span { background: url('/images/desktop/contextmenu/open_file.png') no-repeat left center; margin-left: 5px; }
.contextMenu li#delete span { background: url('/images/desktop/contextmenu/delete.png') no-repeat left center; margin-left: 5px; }
/*.contextMenu li.quit a { background-image: url(images/door.png); }*/



/*#######################################
###			     ACCOUNT 	          ###
#######################################*/

#desktopAccountDialog {
	display: block;
	margin: 0 auto;
}

#desktopAccountDialog li {
	margin: 10px 0;
	list-style: none;
}

#desktopAccountDialog label {
	font-weight: bold;
	font-size: 15px;
	float: left;
	margin: 7px;
	width: 9em;
	text-align: right;
}

#desktopAccountDialog input {
	width: 180px;
	height: 30px;
	font-size: 16px;
	font-weight: bold;
	padding: 3px;
}

#desktopAccountDialog input[type="submit"] {
	width: 100px;
}

#desktopAccountDialog a {
	font-size: 15px;
}