﻿html
{
	padding:0px;	
}

body 
{
	padding:0px;
	margin:0px;
}

img
{
	display:block;
}

h1,h2,h3
{
	margin:0px;
	padding: 0px 0px 0px 0px;
}


/* ---------------------------------------- utility ---------------------------------------- */
div.clr
{
	clear:both;
	overflow:hidden;
	height:0px;
}
br.clr
{
	display:block;
	clear:both;	
}
div.ieblankfix
{
	position:relative;
}
div.iezoomfix
{
	zoom:100%
}

ul.checkbox_list
{
	margin-top:0px;
	list-style-type:none;	
}
ul.checkbox_list li
{
	display:block;
	float:left;
	width:45%;
	margin-right:5px;
}

div.warning_panel
{
	border:1px solid;
	border-top-width:3px;
	border-top-style:solid;	
	padding:10px 5px 10px 5px;
	margin-top:5px;
}

div.information_panel
{
	border:1px solid;
	border-top-width:3px;
	border-top-style:solid;	
	padding:10px 5px 10px 5px;
	margin-top:5px;
}

div.mini_help
{
	margin-top:5px;
	font-size:0.8em;
}

/* ---------------------------------------- master toolbar ---------------------------------------- */
div.master_toolbar
{
	padding: 6px 10px;
}
div.master_toolbar a,
div.master_toolbar span.app_name,
div.master_toolbar span.username
{
	display:block;
	float:left;
}

div.master_toolbar div.help_popup
{
	padding:10px;
	width:300px;
	background-color:White;
	font-size:0.8em;
	border:2px solid #444444;
}

div.child_page_body
{
	padding:20px 10px 20px 10px;
	/* added so help dismiss works on lower part of page */
	min-height:400px;
	height:auto !important;
	height:400px;
}

div.help_content
{
	padding:5px;
	height:200px;
	overflow:auto;
	width:220px;
	background-color:#F0F0F0;
	color:#444444;
}

div.help_container
{
	z-index:200001; /* even above popups */
}

div.help_container div.ps_border
{
	border-color: #666666;
}

div.help_container div.ps_container div.ps_title, 
div.help_container div.ps_container b.rtop b, 
div.help_container div.ps_container b.rbtm b
{
	background-color: #666666;
}

/* ---------------------------------------- page section container ---------------------------------------- */

/* Nifty Corners CSS */
.rtop,.rbtm{display:block;}
.rtop *,.rbtm *{display:block;height: 1px;overflow: hidden;}
.r1{margin: 0 5px;}
.r2{margin: 0 3px;}
.r3{margin: 0 2px;}
.r4{margin: 0 1px;}
.ro1{margin: 0 5px;	}
.ro2{margin: 0 3px;	}
.ro3{margin: 0 2px;	}
.ro4{margin: 0 1px; height: 2px;	}
.rs1{margin: 0 2px;}
.rs2{margin: 0 1px}

div.ps_container div.ps_title
{
	padding: 0px 5px 5px 5px;
}

div.ps_border
{
	border-left:4px solid;
	border-right:4px solid;
	border-bottom:2px solid;
	border-top:none;
}

div.ps_container div.ps_inpage_title h1
{
	font-size: 1.1em;
}

div.section_tools
{
	padding:10px 5px;
}

div.section_body
{
	padding:10px 5px;
}

div.section_body_list
{
	padding:2px 0px 1px 0px;
}

/* ---------------------------------------- popups ---------------------------------------- */

div.popup_window
{
	/* warning: popups should define a width, else looks bad on IE*/
	width:70%;
}
div.popup_window.file_properties_container
{
	/* warning: popups should define a width, else looks bad on IE*/
	width:600px;
}

div.popup_menu
{
	padding:5px 10px 10px 10px;
	border:1px solid;
	border-top-width:2px;
}

div.popup_window div.section_body
{
	padding:10px;
}

/* ---------------------------------------- login ---------------------------------------- */
div.password_recovery
{
}

div.login_page_container
{
	padding:20px;
}
div.login_page_container div.login_page
{
}

div.login_page div.login_container
{
	float:right;
    width: 30em;
}

div.login_page div.login_welcome
{
	margin-right: 32em;
}

div.login_page div.welcome_text
{
	padding:10px;
}

/* ---------------------------------------- projects list page ---------------------------------------- */
div.project_list
{
}

div.project_list div.company_filter h2
{
	display:inline;
}

div.project_list div.company_filter .filter_select
{
	margin-right:20px;
}

div.project_list div.projects_in_company
{
}

div.project_list div.company_information div.contacts_list a
{
	display:block;	
	padding: 2px 10px;
}

div.project_list div.projects_in_company ul,
div.project_archive div.archive_project_list ul
{
	list-style-type:none;	
	margin:0px;
	padding:0px;
}

div.project_list div.projects_in_company ul li,
div.project_archive div.archive_project_list ul li
{
	padding:2px 3px;
}
div.project_list div.projects_in_company ul li .cb_project,
div.project_archive div.archive_project_list ul li .cb_project 
{
	display:inline		
}

div.project_list div.recent_project_list
{
	width:49%;
	float:left;
}

div.project_list div.company_information
{
	width:45%;
	float:right;
	margin-right:5px;
}

div.project_list div.profile_options
{
	padding-top:5px;
	padding-bottom:5px;
	text-align:right;		
}

div.project_list div.section_head_info
{
	font-size:1.2em;
	border-bottom:1px solid white;
	padding: 6px 5px;
}

/*----- popups in page -----*/
div.new_company_container
{
	width:40em;
}

div.new_company_container div.section_body
{
	padding-top:20px;
	padding-bottom:20px;
}

div.new_company_container input.co_name
{
	width:15em;
}

div.new_contacts_container
{
	width:40em;
}

div.new_contacts_container div.new_contacts textarea.contact_entry_list
{
	width:30em;
	height: 10em;
}

div.new_project_container
{
	width:40em;
}

div.new_project_container input.project_name
{
	width:25em;
}

div.new_project_container div.companies_involved,
div.new_project_container div.companies_involved div.co_list
{
	padding-top:5px;
}

div.new_project_container div.companies_involved div.btns
{
	padding-top:10px;
}

/* ----- ----- */
div.contact_edit_container
{
	width:40em;
}

div.contact_edit_container div.contact_edit
{
}

div.contact_edit_container div.contact_edit div.account_status
{
	padding-top:5px;
}
div.contact_edit_container div.contact_edit div.account_status
{
	line-height: 1.5em;
}
div.contact_edit_container div.contact_edit div.account_status fieldset
{
	float:left;
	padding-left:10px;
	padding-right:10px;
	height: 6em;
	width:40%;
}
div.contact_edit_container div.contact_edit div.account_status fieldset legend,
div.contact_edit_container div.contact_edit fieldset.invitation legend
{
	color:#888888;
}
div.contact_edit_container div.contact_edit div.account_status fieldset.roles
{
	float:right !important;
}
div.contact_edit_container div.contact_edit fieldset.invitation
{
	margin-top:5px;
}

/* ----- company properties ----- */
div.company_properties_container
{
	width:35em;
}

div.company_properties fieldset
{
	padding-bottom:10px;	
	margin-bottom:10px;
}

div.company_properties legend
{
	font-weight:bold;
	margin-bottom:5px;	
}

div.company_properties .company_name
{
	width:95%;
	margin-left:5px;
	font-size:1.2em;
	font-weight:bold;
}


/* ---------------------------------------- project archive ---------------------------------------- */


/* ---------------------------------------- project detail ---------------------------------------- */

div.project_detail div.folder
{
	margin-bottom:2px;
}

div.project_detail div.staff_controls input,
div.project_detail div.client_controls input,
div.project_detail div.client_controls div.project_list
{
	float:left;
	margin-right:5px;
}

div.project_detail div.view_as_client_container .droplist
{
	font-size:1.2em;
}


div.project_detail div.view_as_client_container
{
	float:left;
}

div.project_detail div.folder div.open_folder h1
{
	font-size:1.2em;
}
div.project_detail div.folder div.closed_folder
{
	padding-bottom:0px;
}
div.project_detail div.folder div.closed_folder h1
{
	font-size:0.8em;
}

div.project_detail div.left_col
{
	width: 30%;
	float:left;
}

div.project_detail div.recycle_bin
{
	margin-top: 10px;
	clear:left;
}
div.project_detail div.recycle_bin div.recycle_empty
{
	padding:5px;
	text-align:center;
	font-size: 0.8em;
}

div.project_detail div.folder_files_container
{
	width: 68%;	
	float:right;
	margin-right:0px;
}

div.project_detail .in_header_btn
{
	float:right;
	font-size:0.6em;
}

div.project_detail div.folder_list ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;	
}

div.project_detail div.folder_list ul li
{
	padding: 2px 0px;
}
div.project_detail div.folder_list ul li img.drg
{
	display:block;
	float:right;
	margin-right: 2px;
	height:17px;
	padding: 1px 2px;
	margin-top:2px;
}
div.project_detail div.folder_list div.save_folder_order
{
	padding: 5px;
	text-align:right;
	border-top:2px solid #999999;
	border-bottom:2px solid #999999;
	font-size:0.8em;
}

div.project_detail div.folder_list span.copied_ind
{
	font-size: 0.7em;
	color: #008000;
}

div.project_detail div.recycle_bin div.detail .cb,
div.project_detail div.recycle_bin div.detail div.from_info
{
	display:block;
	float:left;
}

div.project_detail div.recycle_bin div.detail div.from_info div.filename
{
	font-size:1.0em;
	line-height:1.4em;
}

div.project_detail div.recycle_bin div.detail div.from_info div
{
	clear:both;
	float:left;
	font-size: 0.8em;
}

div.project_detail div.client_upload_tools
{
	margin-top:10px;
}
div.project_detail div.client_upload_tools div.instructions
{
	font-size:1.1em;
	padding:10px;
	border:2px solid white;
}

div.project_detail div.client_upload_tools div.drag_file_info
{
	padding: 2px 5px 0px 5px;
	font-size:1.1em;
}

div.project_detail div.client_upload_tools div.uploader_box
{
	padding:5px 10px;
}
div.project_detail div.client_upload_tools div.uploader_control
{
	width:105px;
	margin-left:auto;
	margin-right:auto;
}
div.project_detail div.client_upload_tools div.uploader_control div.mzcms_java_required
{
	padding:4px;
}
	
/* ---------------------------------------- project detail : FolderFilesList.ascx ---------------------------------------- */
div.project_detail div.folder_files_list
{	
	border-bottom:2px solid white;
}

div.folder_files_list div.file_upload_space
{
	margin-left: 150px;
}
div.folder_files_list div.upload_area
{
	padding:20px;
	float:left;
}

div.folder_files_list div.upload_area div.uploader_info
{
	width:104px;
	font-size:0.8em;
}

div.folder_files_list div.upload_area div.uploader_info div.instructions
{
	padding:5px;
}

div.folder_files_list div.upload_area div.uploader_help
{
	margin-top:5px;
	width:108px;
}
div.folder_files_list div.upload_area div.uploader_help div.instructions
{
	padding:5px;
}

div.folder_files_list div.upload_area div.uploader_info div.show_button_block
{
	padding:5px;
}

div.folder_files_list div.file_detail_container div.file_detail
{
	float:left;
	width:100%;
}
div.folder_files_list div.file_detail_container div.file_detail div.detail_entry
{
	padding: 2px 0px 1px 0px;
}
		
div.folder_files_list div.file_detail_container .col
{
	float:left;
	display:block;	
	overflow:hidden;
	margin-right: 3px;
}
div.folder_files_list div.file_detail_container .col_1
{
	width: 5%;
}

div.folder_files_list div.file_detail_container .col_2
{
	width: 35%;
}
div.folder_files_list div.file_detail_container .col_2
{
	font-weight:bold;
}

div.folder_files_list div.file_detail_container .col_3
{
	width: 10%;
}
div.folder_files_list div.file_detail_container .col_3 img
{
	padding-top:6px;
}
div.folder_files_list div.file_detail_container .col_4
{
	width: 45%;
}

div.folder_files_list div.file_detail_container div.file_props
{
	font-size:0.8em;
	text-align:right;
}

div.folder_files_list div.file_detail_container div.recent_comment
{
	font-size:0.8em;
}

div.folder_files_list div.file_detail_container div.cntrl
{
	border-top:1px solid;
	margin-top:2px;
}
div.folder_files_list div.file_detail_container div.cntrl a
{
	display:block;
	float:left;
	margin-right: 4px;
	font-size:0.8em;
	padding: 0px 2px 0px 2px;
}
div.folder_files_list div.file_detail_container div.cntrl a:hover
{
	text-decoration:none;
}
		
div.folder_files_list div.file_detail_container div.no_files_in_folder
{
	padding-top:20px;
	padding-bottom:10px;
	text-align:center;
	font-size: 1.2em;
}

div.folder_files_list div.old_upload
{
	padding:5px;
	border-bottom:2px solid white;
	background-color:#F0F0F0;
	margin-bottom:10px;
}

div.folder_files_list div.mzcms_java_required
{
	width:100px;
	padding:3px;
	font-size:0.8em;
}

div.folder_files_list div.warning_panel
{
	margin-top:0px !important;	
}

div.folder_files_list span.expr
{
	display:block;
}
div.folder_files_list span.expr.soon
{
	color:#800000;
}


/* ---------------------------------------- project detail : Popups ---------------------------------------- */

div.project_detail div.new_folder_container,
div.project_detail div.project_props_container,
div.project_detail div.folder_props_container,
div.project_detail div.copy_file_conatainer
{
	width: 40em;
}
div.project_detail div.new_folder_container .folder_name
{
	width:20em;
}

div.project_detail div.new_folder_container div.section_body,
div.project_detail div.project_props_container div.section_body,
div.project_detail div.copy_file_conatainer div.section_body
{
	padding-top:20px;
	padding-bottom:20px;
}

div.project_detail div.file_share_container
{
	width:80%;
	_width:800px;
}

div.project_detail div.file_share_container div.add_client,
div.project_detail div.file_share_container div.file_public_container
{
	width: 49%;
	float:right;
}
div.project_detail div.file_share_container div.file_public_container
{
	margin-top:10px;
}

div.project_detail div.file_share_container div.share_status
{
	width: 49%;
	float:left;
	height:300px;
	overflow:auto;
}
div.project_detail div.file_share_container div.share_status div.shared_with
{
	border:1px solid;	
	padding: 2px 10px;
}

div.project_detail div.file_share_container div.share_status div.shared_with div.email
{
	float:left;
}

div.project_detail div.file_share_container div.share_status div.shared_with .opt_btn
{
	float:right;
}
div.project_detail div.file_share_container div.share_status div.shared_with span.last_download
{
	display:block;
	font-size: 0.8em;
}

div.project_detail div.file_share_container div.add_client div.prompt
{
	float:left;
	width:10em;		
}
div.project_detail div.file_share_container div.add_client .contact_email
{
	float:left;
	width:15em;
}
div.project_detail div.file_share_container div.add_client .company
{
	float:left;
}

div.file_public_container div.file_is_public span.public_url
{
	display:block;
	padding: 6px;
	margin-top: 10px;
	margin-top: 5px;
	font-weight:bold;
	overflow:scroll;
	font-size:0.8em;
	white-space:nowrap;
	width:95%;
}

div.file_public_container div.file_is_public div.alias_info
{
	padding-top:10px;
}

div.file_public_container div.file_is_public div.new_alias
{
	padding-top:10px;
}

div.file_public_container div.file_is_public div.new_alias .file_alias
{
	width: 10em;
}
div.file_comment_container
{
	width:80%;
	_width:60em;/* ie6 will apply this */
}

div.file_comment_container div.existing_comments
{
	width:49%;
	float:left;
}
div.file_comment_container div.existing_comments div.comment_list
{
	height:20em;
	overflow:auto;
}

div.file_comment_container div.existing_comments div.comment_block
{
	border:1px solid;
	margin-top:4px;
}

div.file_comment_container div.existing_comments div.comment_block span.datetime
{
	font-size: 0.8em;
	display:block;
	float:right;
}

div.file_comment_container div.existing_comments div.comment_block div.header
{
	padding: 1px 5px 1px 5px;
}

div.file_comment_container div.existing_comments div.comment_block div.cmt_body
{
	border:1px solid;
	border-top-width:2px;	
	padding:5px;
}


div.file_comment_container div.add_comment
{
	width:49%;
	float:right;
}

div.file_comment_container div.add_comment .entry_box
{
	width: 95%;
	height:5em;
}

div.project_detail div.copy_file div.folder_list
{
	margin-top:5px;
}

div.project_detail div.project_props_container div.project_attrs
{
	padding-top:10px;
}

div.project_detail div.project_properties
{
}

div.project_detail div.project_properties div.section_body
{
	padding-top:5px !important;
}

div.project_detail div.project_properties fieldset,
div.project_detail div.folder_properties fieldset
{
	padding-bottom:10px;	
	margin-bottom:10px;
}

div.project_detail div.project_properties legend,
div.project_detail div.folder_properties legend
{
	font-weight:bold;
	margin-bottom:5px;	
}
div.project_detail div.project_properties .project_title,
div.project_detail div.folder_properties .folder_name_entry
{
	width:95%;
	margin-left:5px;
	font-size:1.2em;
	font-weight:bold;
}

div.project_detail div.folder_properties div.prop_frame
{
	padding:8px 0px;
	border-bottom:1px solid #efefef;
}

div.project_detail div.folder_properties .folder_name
{
	margin-left:0px;
}
div.project_detail div.folder_properties label,
div.project_detail div.copy_file label
{
	font-weight:bold;
	display:block;
	margin-bottom:3px;
}

div.project_detail div.folder_properties div.section_body
{
}

div.project_detail div.shared_file_multiple div.prompt
{
	padding-bottom:10px;
	border-bottom:2px solid #dddddd;
	margin-bottom:10px;
	font-size:1.2em;
}

div.project_detail div.shared_file_multiple div.company_list
{
	height:250px;
	overflow:auto;	
}

div.project_detail div.shared_file_multiple div.company_list fieldset
{
	margin-top:5px;
}

div.project_detail div.shared_file_multiple div.company_list legend
{
	font-weight:bold;
}

	
div.project_detail div.shared_file_multiple div.prompt img,
div.project_detail div.shared_file_multiple div.company_list ul.checkbox_list li img
{
	display:inline;
	padding-right:5px;
}

/* ---------------------------------------- email create ---------------------------------------- */

div.email_create
{
}
div.email_create div.create_area
{
}


div.email_create div.preview_emails_container
{
	margin-top:20px;
}

div.email_create legend
{
	font-weight:bold;
}


div.email_create div.properties
{
	width:220px;
	float:left;
	margin-right:20px;
}

div.email_create div.properties label
{
	display:block;
	padding-top:5px;
	padding-bottom:5px;
}


div.email_create div.properties .recipients
{
	width: 190px;
}

div.email_create div.properties fieldset.expiry_details,
div.email_create div.properties div.upload_area,
div.email_create div.properties div.uploads_list
{
	margin-top:10px;
}
div.email_create div.properties fieldset.expiry_details div#old_skool_upload 
{
	width:200px;
	overflow:hidden
}

div.email_create div.properties div.uploads_list div.warning_panel
{
	margin-bottom:5px;
}

div.email_create div.properties fieldset.expiry_details span.prompt
{
	line-height:1.7em;
}

div.email_create div.properties div.upload_area div.uploader_control
{
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

div.email_create div.email_content label.subject_box
{
	display:block;
	padding:10px;
	font-size:1.2em;
}

div.email_create div.email_content .subject
{
	width:450px;
}

div.email_create fieldset.email_body
{
}

div.email_create fieldset.email_body div.richtext_body
{
	width:600px;
}

fieldset.qs_sig div.richtext_body
{
	width:600px;
	padding-top:10px;
}

div.email_create div.email_content div.btns
{
	padding: 10px 5px 5px 5px;
	font-size:1.2em;
}

div.email_create ul.attached_list label
{
	display:inline !important;
}
div.email_create ul.attached_list
{
	margin-top:0px;
	list-style-type:none;	
}

div.email_create ul.attached_list
{
	margin-left:0px;
	padding-left:0px;
}

div.sent_email_status table.email_summary,
div.sent_email_status table.email_summary td
{
	border:1px solid;
	border-collapse:collapse;	
}
div.sent_email_status table.email_summary td,
div.sent_email_status table.email_summary th
{
	padding: 2px 4px;
}

div.sent_email_status div.archive_tools
{
	float:left;
	width:300px;
}

/* ----- email read web control/popup ----- */

div.email_preview
{
}

div.email_view fieldset
{
}

div.email_view legend
{
	font-weight:bold;
}

div.email_view ol.attached_list label
{
	display:inline !important;
}
div.email_view ol.attached_list
{
	margin-top:0px;
	list-style-type:none;	
	list-style-position:inside;
}

div.email_view ol.attached_list
{
	margin-left:0px;
	padding-left:0px;
}

div.email_view fieldset.expire_info,
div.email_view fieldset.attachments,
div.email_view fieldset.msg_body
{
	display:block;
	margin-top:10px;
}
div.email_view span.subject_line
{
	font-weight:bold;
}

div.email_view div.email_properties
{
	width:250px;
	float:left;
}

div.email_view div.email_body
{
	margin-left:260px;
}


/* ---------------------------------------- email read ---------------------------------------- */
div.email_read_page
{
	padding:10px;
}
div.email_read_page div.email_read_body
{
	padding:10px;
}

div.email_read_page div.reply_options
{
	padding:10px;
}
div.email_read_page div.unavailable_info
{
	margin-top:10px;
	font-size:1.2em;
}
div.email_read_page div.unavailable_info span.expired_subject
{
	font-weight:bold;
}

/* ---- email send details popup ----- */

div.email_read_detail div.read_table
{
	padding-top:20px;
}
div.email_read_detail div.create_info
{
	float:right;
	font-size:0.8em;
}

div.email_read_detail table.email_detail
{
	border-collapse:collapse;	
}

div.email_read_detail table.email_detail td,
div.email_read_detail table.email_detail th
{
	border:1px solid;
	padding: 2px 4px;
}

div.email_read_detail div.email_reminder
{
	padding-top:20px;
}

div.email_read_detail div.email_reminder div.email_view
{
	margin-top:10px;
}

/* ---------------------------------------- first login/out pages ---------------------------------------- */
div.login_first_time div.section_body,
div.logout_complete div.section_body
{
	padding:20px;
	font-size:1.2em;
}

div.star_info
{
	margin-top: 5px;
}

/* email create - director options */
div.email_create div.preview_emails_container div.other_accounts
{
	font-size:0.8em;
	font-weight:normal;
	float:right;
}
div.email_create div.preview_emails_container div.msg_title
{
	float:left;
}

/* html5 drag and drop */
#progressbar
{
	height:12px;
}
#progressbar .ui-progressbar-value {
  background: url(/JavaScript/jQuery/FileUpload/pbar-ani.gif);
}

div.file-upload-modern
{
	font-size:8pt;
	font-family:Tahoma;
	padding-bottom:5px;
}
div.file-upload-modern img
{
	border:none;
}
div.file-upload-modern div.help-text
{
	padding-top:4px;
	text-align:center;
}
div.file-upload-modern div.upload-status
{
	display:none;
	margin-top:4px;
	margin:2px;
	background-color:#dddddd;
	padding:5px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;	
	border-radius: 3px;
}
div.file-upload-modern div.upload-status div.text-info
{
	padding:0 5px;
}

/* used in the client upload area */
div.client_upload_tools div.file-upload-modern
{
	width:auto;	
	background-color:White;
}
div.client_upload_tools div.file-upload-modern img.upload-pic
{
	margin:0 auto;
}

/* used in the email upload area */
div.email_create div.file-upload-modern
{
	width:auto;	
	background-color:White;
}
div.email_create div.file-upload-modern img.upload-pic
{
	margin:0 auto;
}
div.email_create div.java-upload-disabled-text
{
	font-style:italic;
}
div.email_create div.so_far
{
	font-weight:bold;
}
/* public uploads */
div.public_upload_page div.file-upload-modern
{
	margin-top:20px;
	width:auto;	
	background-color:White;
}
div.public_upload_page div.file-upload-modern img.upload-pic
{
	margin:0 auto;
}
div.public_upload_page div.java-upload-disabled-text
{
	margin-top:20px;
	font-style:italic;
}

