/*************************************** 
 * General Media Browser Styling 
 ***************************************/

#media_browser {
	position:absolute;
	z-index:100;
	width:720px;
	/*height:408px;*/
	border:4px solid #303030;
	background-color:#fffbf0;
	text-align:left;
	/*margin:auto auto;*/
}

#media_browser #media_head {
	background:url(../media/bg_header.gif) top left;
	height:36px;
	font-size:14px;
	font-weight:bold;
}

#media_browser .media_icon {
	float:left;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	background-position:left;
}

#media_browser #media_content_area {
	/*width:700px;*/
	/*height:308px;*/
	background-image:url(../media/bg_col_heading2.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#media_browser #media_form_wrapper {
	/*width:100%;*/
	/*height:288px;*/
	padding:10px;
	/*background-color:#fffbf0;*/
}

#media_browser .media_col_header {
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(../media/bg_col_heading.gif);
	border-bottom:1px solid #e1d8aa;
	text-align:center;
	font-size:9px;
	font-weight:bold;
}

iframe.hidden_frame {
	width:0px;
	height:0px;
	border:0px;
}

.newfolder {
	padding: 4px 4px 0px 0px;
	width: 16px;
	height: 16px;
	background: url(/view/theme/chilorio/media/shared/icon_new_folder.gif) no-repeat center center;
	float: left;
	cursor: pointer;
}

.newfile {
	padding: 4px 4px 0px 0px;
	width: 16px;
	height: 16px;
	background: url(/view/theme/chilorio/media/shared/icon_up.gif) no-repeat center center;
	float: left;
	cursor: pointer;
}

.newfile_label {
	width:100%;
	padding-top:5px;
	cursor: pointer;
	padding-bottom:3px;
}


/*************************************** 
 * Option Bar Styling 
 ***************************************/

#media_browser #media_optionbar {
	background-image:url(../media/bg_secondary_bar.gif);
	background-repeat:repeat-x;
	height:23px;
	border-bottom:1px solid #e1d8aa;
	background-color:#e1d8aa;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	font-size:125%;
	font-weight:bold;
}

#media_browser #media_path {
	padding-top:0px;
	float:left;
}

#media_browser #form_title {
	padding-top:3px;
	float:left;
}

#media_browser #media_search {
	float:right;
	margin-bottom:2px;
}

#media_browser #media_search div {
	display:inline;
	float:left;
}

#media_browser input.media_search_field {
	float:left;
}

#media_browser #media_search div.label {
	padding-right:10px;
}

#media_browser #media_search div.search {
	
	margin-left:8px;
	background-image:url(/view/theme/chilorio/media/shared/icon_search.gif);
}

/*************************************** 
 * Module Column Styling 
 ***************************************/
 
#media_browser #media_module_column {
	background-color:#d7d7d7;
	background-image:url(../media/bg_modules.gif);
	background-repeat:repeat-y;
	background-position:right;
	width:70px;
	height:309px;
	float:left;
}

#media_browser .media_module_header {
	padding-top:2px;
	padding-bottom:2px;
	background-image:url(../media/bg_col_heading.gif);
	border-right:1px solid #e1d8aa;
	border-bottom:1px solid #e1d8aa;
	text-align:center;
	font-size:9px;
	font-weight:bold;
}

#media_browser .media_module_spacer {
	margin-top: -2px;
}

#media_browser .media_module_container {
	border-bottom:1px solid #e1d8aa;
}

#media_browser .media_module {
	padding-top:3px;
	padding-bottom:3px;
	overflow:hidden;
}

#media_browser #media_module_column div.on {
	border-top:1px solid #e1d8aa;
	border-bottom:1px solid #e1d8aa;
	border-right:1px solid #fffbf0;
	background-color:#fffbf0;
}


#media_browser #media_module_column div.off {
	border-top:1px solid #fff7de;
	border-bottom:1px solid #fff7de;
	border-right:1px solid #e1d8aa;
}


#media_browser .module_icon {
	margin-bottom:2px;
	background-repeat:no-repeat;
	background-position:center;
	height:32px;
}

#media_browser .media_module div.images {
	background-image:url(../media/icon_images.gif);
}

#media_browser .media_module div.video {
	background-image:url(../media/icon_video.gif);
}

#media_browser .media_module div.audio {
	background-image:url(../media/icon_audio.gif);
}

#media_browser .media_module div.text {
	background-image:url(../media/icon_text.gif);
}

#media_browser .media_module div.archive {
	background-image:url(../media/icon_archive.gif);
}

#media_browser .module_label {
	font-size:9px;
	text-align:center;
}

/*************************************** 
 * Partition and Folder Column Styling 
 ***************************************/

#media_browser #media_partitions_folders_column {
	border-right:1px solid #e1d8aa;
	background-color:#fffbf0;
	width:159px;
	height:308px;	
	float:left;
}

#media_browser #partition_folder_holder {
	height:288px;
	overflow:auto;
}


#media_browser .media_item {
	clear:both;
	padding:5px;
	height:16px;
	padding-right:5px;
	background-repeat:no-repeat;
}

#media_browser .media_partition_holder div.on {
	background-color:#d1df66;
}

#media_browser .media_droppable {
	border:1px solid #999999;
	padding:4px;
	
}

#media_browser .media_label {
	font-size:11px;
}

#media_browser .media_item_holder {
	height:264px;
	overflow:auto;
}

#media_browser .media_item_holder .private {
	font-weight:bold;
	color:#e00909;
}

#media_browser .media_item_holder .group {
	font-weight:bold;
	color:#ca9f2c;
}

#media_browser .media_item_holder .public {
	font-weight:bold;
	color:#25a71b;
}

#media_browser .media_item_holder div.on {
	background-color:#d1df66;
}

#media_browser .media_partition_holder div.partition_home {
	background-image:url(../media/my_disk1_16.gif);
}

#media_browser .media_partition_holder div.partition_shared {
	background-image:url(../media/my_sharing1_16.gif);
}


#media_browser .media_folder_holder {
	height: 100px;
}

#media_browser .media_folder_holder div.folder {
	background-image:url(../media/icon_folder.gif);
}

#media_browser .media_folder_holder div.on {
	background-color:#d1df66;
}

 
/*************************************** 
 * Files Column Styling 
 ***************************************/

#media_browser #media_files_column {
	border-right:1px solid #e1d8aa;
	background-color:#fffbf0;
	margin-right:0;
	width:204px;
	height:308px;
	float:left;
}

/*************************************** 
 * Preview Column Styling 
 ***************************************/

#media_browser #media_preview_column {
	float:right;
	display:inline;
	width:279px;
	height:308px;
	z-index:400;
	background-color:#fffbf0;
}

#media_browser .media_preview_holder {
	height:272px;
	margin-left:0;
	overflow:auto;
	padding:10px;
}

#media_browser .media_preview_attribute {
	padding-top:2px;
	padding-bottom:2px;
	font-size:9px;
}

#media_browser .media_preview_attribute .name {
	float:left;
	width:75px;
}

#media_browser .media_preview_attribute .value {
	font-weight:bold;
}

#media_browser .media_preview_image {}

#media_browser .media_preview_holder div.file_jpg {
	background-image:url(/view/theme/chilorio/media/shared/jpg_128.gif);
}

#media_browser .media_preview_holder div.file_flv {
	background-image:url(/view/theme/chilorio/media/shared/flv_128.gif);
}

#media_browser .media_preview_holder div.file_gif {
	background-image:url(/view/theme/chilorio/media/shared/gif_128.gif);
}

#media_browser .media_preview_holder div.file_png {
	background-image:url(/view/theme/chilorio/media/shared/png_128.gif);
}

#media_browser .media_preview_holder div.file_mov {
	background-image:url(/view/theme/chilorio/media/shared/mov_128.gif);
}

#media_browser .media_preview_holder div.file_wmv {
	background-image:url(/view/theme/chilorio/media/shared/wmv_128.gif);
}

#media_browser .media_preview_holder div.file_mpg {
	background-image:url(/view/theme/chilorio/media/shared/mpg_128.gif);
}

#media_browser .media_preview_holder div.file_mp3 {
	background-image:url(/view/theme/chilorio/media/shared/mp3_128.gif);
}

#media_browser .media_preview_holder div.file_wma {
	background-image:url(/view/theme/chilorio/media/shared/wma_128.gif);
}

#media_browser .media_preview_holder div.file_doc {
	background-image:url(/view/theme/chilorio/media/shared/doc_128.gif);
}

#media_browser .media_preview_holder div.file_xls {
	background-image:url(/view/theme/chilorio/media/shared/xls_128.gif);
}

#media_browser .media_preview_holder div.file_ppt {
	background-image:url(/view/theme/chilorio/media/shared/ppt_128.gif);
}

#media_browser .media_preview_holder div.file_pdf {
	background-image:url(/view/theme/chilorio/media/shared/pdf_128.gif);
}

#media_browser .media_preview_holder div.file_txt {
	background-image:url(/view/theme/chilorio/media/shared/txt_128.gif);
}

#media_browser .media_preview_holder div.file_rtf {
	background-image:url(/view/theme/chilorio/media/shared/rtf_128.gif);
}

#media_browser .media_preview_holder div.file_zip {
	background-image:url(/view/theme/chilorio/media/shared/zip_128.gif);
}

#media_browser .media_preview_holder div.file_gz {
	background-image:url(/view/theme/chilorio/media/shared/gz_128.gif);
}

#media_browser .media_preview_holder div.file_sit {
	background-image:url(/view/theme/chilorio/media/shared/sit_128.gif);
}


/*************************************** 
 * Footer Styling 
 ***************************************/

#media_browser #media_foot {
	background-image:url(../media/bg_footer.gif);
	background-color:#fffbf0;
	background-repeat:repeat-x;
	height:27px;
	border-top:1px solid #e1d8aa;
	padding:2px;
	padding-top:2px;
}

#media_browser .media_div_light {
	float: left;
	width: 1px;
	height: 27px;
	margin:0 10px 0 10px;
	background: url(/view/theme/chilorio/media/shared/dock_div_light.gif) no-repeat top;
}

#media_browser #media_status {
	padding:3px;
	padding-top:5px;
	float:left;
}

#media_browser #media_group_btns {
	width:210px;
	float:right;
}

#media_browser #media_file_btns {
	width:190px;
	float:right;
}

#media_browser #media_upload_btns {
	width:204px;
	float:right;
}

#media_browser #media_folder_btns {
	width:204px;
	float:right;
}

#media_browser #media_foot div.button {
	float:right;
}

#media_browser #media_upload div.button {
	float:left;
}

/*
 * File Upload styling
 */

#media_browser #media_upload {
	float:right;
	width:100px;
}

#media_browser #media_foot div.fileinputs {
	position: relative;
	margin-bottom:0px;
}

/*
 * Mircea's restyling
 */

.new_folder {
	padding: 0 0 0 16px;
	background:url(../media/icon_new_folder.gif) no-repeat center left;
}