#ResourceManager {
	margin: 0;
	background-color: #ffffff;
}
       
#ResourceManager h1, 
#ResourceManager h2, 
#ResourceManager h3, 
#ResourceManager p, 
#ResourceManager span, 
#ResourceManager a, 
#ResourceManager ul, 
#ResourceManager li, 
#ResourceManager div {
	color: #666666;
	font-size: 11px;
	font-family: Arial,Verdana,helvetica;
}

#ResourceManager p {
	margin: 0;
}
#ResourceManager p.heading {
	color: #666666;
	line-height: 18px;
	font-weight: bold;
}

/*	-----------------------------------------------------------------------
	Header
	----------------------------------------------------------------------- */

	#ResourceManager #Header {
		text-align: left;
		background-color: #f2f2f2;
		border: solid 1px #dddddd;
	}
	#ResourceManager #Header .inner {
		width: 100%;
		margin: 3px 0;
		overflow: hidden;
	}
	#ResourceManager #Header .left {
			width: 600px;
			float: left;
	}
	#ResourceManager #Header .left p {
		margin: 0 0 0 12px;
		color: #888888;
	}
	#ResourceManager #Header .right {
			width: 150px;
			float: right;
			text-align: right;
	}
	#ResourceManager #Header .close {
		padding: 0 11px 0 16px;
		cursor: pointer;
		font-size: 10px;
		line-height: 18px;
		text-transform: uppercase;
		background-image: url(images/icon_greyCross.gif);
		background-position: left top;
		background-repeat: no-repeat;
	}

/*	-----------------------------------------------------------------------
	Content
	----------------------------------------------------------------------- */

	#ResourceManager #ContentRegion {
		padding: 10px;
		text-align: left;
		background-color: #f2f2f2;
		border-left: solid 1px #dddddd;
		border-right: solid 1px #dddddd;
		border-bottom: solid 1px #dddddd;
	}

/*	-----------------------------------------------------------------------
	Tabs
	----------------------------------------------------------------------- */

	#ResourceManager #PrimaryTabs {
		width: 100%;
		margin: 0 0 10px 0;
		overflow: hidden;
		background-color: #f2f2f2;
	}
	#ResourceManager #PrimaryTabs .tab,
	#ResourceManager #PrimaryTabs .resourceModeOptions .resourceModeOption {
		margin: 0 10px 0 0;
		padding: 0;
		float: left;
		width: 157px;
		list-style-type: none;
		text-transform: uppercase;
		cursor: pointer;
		background-color: #ececec;
		border: 1px solid #cccccc;
	}
	#ResourceManager #PrimaryTabs .tab:hover,
	#ResourceManager #PrimaryTabs .resourceModeOptions .resourceModeOption {
		background-color: #f3f3f3;
	}
	#ResourceManager #PrimaryTabs .tab.selected,
	#ResourceManager #PrimaryTabs .resourceModeOptions .resourceModeOption.selected {
		background-color: #ffffdd;
	}
	#ResourceManager #PrimaryTabs .tab p,
	#ResourceManager #PrimaryTabs .resourceModeOptions .resourceModeOption p {
		color: #888888;
		font-size: 10px;
		line-height: 25px;
		text-align: center;
	}
	#ResourceManager #PrimaryTabs .resourceModeOptions {
		width: 150px;
		float: right;
		overflow: hidden;
	}
	#ResourceManager #PrimaryTabs .resourceModeOptions .resourceModeOption {
		width: 55px;
		margin: 0 0 0 5px;
		float: right;
	}
	#ResourceManager #PrimaryTabs .resourceModeOptions .resourceModeOption.selected {
		background-color: #ffffdd;
	}

/*	-----------------------------------------------------------------------
	Location
	----------------------------------------------------------------------- */

	#ResourceManager #Location {
		margin: 6px 0;
		padding: 3px 8px 3px 0;
		overflow: hidden;
		background-color: #ffffff;
		background-image: url(images/icon_refresh.png);
		background-position: 3px 2px;
		background-repeat: no-repeat;
		border: solid 1px #dddddd;
	}
	#ResourceManager .locationRefresh {
		width: 70px;
		cursor: pointer;
		text-align: right;
	}
	#ResourceManager .sections {
		padding: 0 0 0 5px;
	}
	#ResourceManager .sections .section {
		cursor: pointer;
		color: #999999;
	}
	#ResourceManager .sections .section:hover {
		color: #666666;
	}
	#ResourceManager .sections .divider {
		padding: 0 8px;
		color: #bbbbbb;
	}

/*	-----------------------------------------------------------------------
	Panels
	----------------------------------------------------------------------- */

	#ResourceManager #Panels {
		background-color: #ffffff;
	}
	#ResourceManager #Panels #PanelsInner {
		width: 100%;
		overflow: hidden;
		background-color: #ffffff;
		border: solid 1px #dddddd;
	}
	#ResourceManager table.panels {
		width: 100%;
	}
	
	#ResourceManager #tdLeftPanel {
		width: 300px;
		border-right: solid 1px #dddddd;
	}
	#ResourceManager #LeftPanel {
		height: 500px;
		overflow: auto;
	}
	
	#ResourceManager #tdRightPanel {
	}
	#ResourceManager #RightPanel {
		height: 500px;
	}

/*	-----------------------------------------------------------------------
	Tree
	----------------------------------------------------------------------- */
	
	#ResourceManager #ResourceTree {
		height: 530px;
	}
	
/*	-----------------------------------------------------------------------
	Drag
	----------------------------------------------------------------------- */
	
	#ResourceManager .dragHandler {
		padding: 5px;
		display: inline-block;
		position: absolute;
		background-color: #ffffcc;
		border: dashed 1px #dddddd;
	}
	
/*	-----------------------------------------------------------------------
	Resources
	----------------------------------------------------------------------- */

	#ResourcePanel {
		width: 100%;
		min-width: 320px;
		height: 500px;
		margin: 0;
		overflow: auto;
		background-color: #fcfcfc;
	}
	
	#ResourcePanel ul {
		margin: 5px;
		padding: 0;
	}
	
	#ResourcePanel li.resource.locked {
		background-image: url(embedded-image.aspx?name=icon_lock.gif);
		background-position: 10px 10px;
		background-repeat: no-repeat;
	}
	
	#ResourcePanel li.resource .content {
		list-style-type: none;
		background-repeat: no-repeat;
		background-image: url(embedded-image.aspx?name=icon_file.png);
	}
	#ResourcePanel li.resource.ext_gif .content,
	#ResourcePanel li.resource.ext_jpg .content,
	#ResourcePanel li.resource.ext_png .content,
	#ResourcePanel li.resource.ext_ico .content {
		background-image: url(embedded-image.aspx?name=icon_image.png);
	}
	#ResourcePanel li.resource.ext_txt .content {
		background-image: url(embedded-image.aspx?name=icon_file.png);
	}
	#ResourcePanel li.resource.ext_doc .content,
	#ResourcePanel li.resource.ext_docx .content {
		background-image: url(embedded-image.aspx?name=icon_wordDoc.png);
	}
	#ResourcePanel li.resource.ext_pdf .content {
		background-image: url(embedded-image.aspx?name=icon_pdf.png);
	}
	

	#ResourcePanel.iconMode li.resource {
		width: 150px;
		height: 150px;
		display: block;
		float: left;
		overflow: hidden;
		position: relative;
	}
	#ResourcePanel.iconMode li.resource .content {
		width: 140px;
		height: 140px;
		top: 5px;
		left: 5px;
		display: block;
		cursor: pointer;
		position: absolute;
		background-position: center center;
		border: solid 1px #dddddd;
	}
		
	#ResourcePanel.iconMode li.resource span.imageHolder {
		width: 100px;
		height: 100px;
		display: block;
		position: absolute;
		top: 10px;
		left: 20px;
		border: dashed 1px #dddddd;
	}

	#ResourcePanel.iconMode li.resource span.control {
		width: 130px;
		color: #777777;
		text-align: center;
		display: block;
		position: absolute;
		top: 115px;
		left: 5px;
	}

	#ResourcePanel.listMode li {
		width: auto;
		margin: 0;
		padding: 5px;
		display: block;
		border: none;
	}
	#ResourcePanel.listMode li:hover {
		background-color: #f3f3f3;
	}
	#ResourcePanel.listMode li .content {
		padding: 2px 20px;
		background-position: left 2px;
	}
	#ResourcePanel.listMode li.resource span.control {
		color: #777777;
		text-align: left;
		cursor: pointer;
	}
	
/*	-----------------------------------------------------------------------
	Uploader
	----------------------------------------------------------------------- */
	
	#ResourceManager #tdUploadPanel {
		width: 300px;
		border-left: solid 1px #dddddd;
	}
	#ResourceManager #UploadPanel {
		height: 500px;
		overflow: auto;
	}
	
	#ResourceManager #UploadPanel .title {
		margin: 10px;
		font-weight: bold;
	}

	#ResourceManager #UploadPanel .replacementMessage {
		padding: 10px;
		background-color: #ffffcc;
		border-bottom: solid 1px #dddddd;
	}
	
	#ResourceManager #UploadPanel .replacementMessage .title {
		margin: 0 0 5px 0;
		color: #777777;
		font-weight: bold;
		display: block;
	}

	#ResourceManager #UploadPanel .fileTypesHolder {
		margin: 10px;
	}
	#ResourceManager #UploadPanel .fileTypesHolder span.ext {
		padding: 0 5px;
		color: #888888;
		font-size: 11px;
	}

	#ResourceManager #UploadPanel .btnUpload {
		width: 80px;
		margin: 12px auto;
		cursor: pointer;
		background-color: #00aa00;
		border: solid 1px #dddddd;
	}
	#ResourceManager #UploadPanel .btnUpload span {
		margin: 8px auto;
		display: block;
		color: #ffffff;
		text-align: center;
		font-weight: bold;
	}
	#ResourceManager #UploadProgress .progress {
		margin: 10px 1px 12px 1px;
	}
	#ResourceManager #UploadProgress .progress .barHolder {
		width: 100%;
		height: 8px;
		margin: 0 0 10px 0;
		background-color: #f3f3f3;
	}
	#ResourceManager #UploadProgress .progress .barHolder .bar {
		width: 1px;
		height: 8px;
		background-color: #01cc00;
	}
	
	#ResourceManager #UploadProgress .progress .currentFile {
		margin: 0 0 10px 5px;
	}
	
	#ResourceManager #UploadProgress .progress .results {
		width: 100%;
		margin: 10px 0 0 0;
		overflow: hidden;
	}
	#ResourceManager #UploadProgress .progress .results .file {
		height: 35px;
		padding: 0 25px;
		float: left;
		display: inline-block;
		background-position: 5px top;
		background-repeat: no-repeat;
	}
	
	#ResourceManager #UploadProgress .progress .results .file.succeeded { 
		background-image: url(embedded-image.aspx?name=icon_statusOk.png); 
	}
	#ResourceManager #UploadProgress .progress .results .file.failed { 
		background-image: url(embedded-image.aspx?name=icon_statusError.png); 
	}