/**
 * Used in every admin page
 */
 
body, html { 
	
}

body {
	background: #f2f2f2;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 11px;
	line-height: 20px;
	margin: 0;
	padding: 26px 30px 30px 23px;
	min-width: 300px;
}

a {
	color: #06f;
	text-decoration:none;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #999;
	text-decoration: underline;
}

:focus { outline: 0; }
	
	/**
	 * Used in the project list
 	 * Top navigation in the admin frame which contains Post list, Settings, etc...
	 */
	
	.admin_frame_navigation {
		border-bottom: 1px solid #ccc;
		font-size: 12px;
		height: 12px;
		line-height: 12px;
		padding: 0 0 16px 0;
	}
	
	/* Hide the bottom border on the project editor */
	
	body.project_editor .admin_frame_navigation {
		border-bottom: 0;
		padding: 0 0 14px 0;
	}
	
		.admin_frame_navigation a:link,
		.admin_frame_navigation a:visited {
			border-radius: 3px;
			color: #06f;
			font-weight: bold;
			padding: 2px 3px;
			text-decoration: none;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		.admin_frame_navigation a#upgrade:link,
		.admin_frame_navigation a#upgrade:visited {
			color: #999;
			font-weight: normal;
			text-decoration: underline;
		}
		
		.admin_frame_navigation a.active:link,
		.admin_frame_navigation a.active:visited {
			color: #999;
		}
		
		.admin_frame_navigation a:hover,
		.admin_frame_navigation a#upgrade:hover,
		.admin_frame_navigation a.active:hover {
			color: #000;
			text-decoration: underline;
		}
		
		.admin_frame_navigation a:active,
		.admin_frame_navigation a#upgrade:active,
		.admin_frame_navigation a.active:active {
			background: #000;
			color: #fff;
			text-decoration: none;
		}
		
		.admin_frame_navigation a#post_list {
			margin: 0 0 0 -3px;
		}
		
	/**
 	 * Used in the project list
 	 * Contains new Post, Page, Link, etc...
	 */
	 
	.project_list_navigation {
		background: url(/_gfx/icon_plus_green.gif) 13px 15px no-repeat #fff;
	 	border-bottom: 1px solid #ccc;
	 	font-size: 12px;
	 	line-height: 12px;
	 	height: 13px;
	 	padding: 15px 0 15px 37px;
	}
	
		.project_list_navigation span.title {
			color: #999;
			padding: 0 2px 0 0;
		}
	
		.project_list_navigation a#new_project:link,
		.project_list_navigation a#new_project:visited {
			color: #000;
			padding: 2px 3px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		.project_list_navigation a#new_project:hover {
			color: #000;
		}
		
		.project_list_navigation a#new_project:active {
			background: #000;
			color: #fff;
			text-decoration: none;
		}
		
		.project_list_navigation a#new_page:link,
		.project_list_navigation a#new_link:link,
		.project_list_navigation a#new_page:visited,
		.project_list_navigation a#new_link:visited {
			color: #999;
			padding: 2px 3px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
		}
		
		.project_list_navigation a#new_page:hover,
		.project_list_navigation a#new_link:hover {
			color: #000;
		}
		
		.project_list_navigation a#new_page:active,
		.project_list_navigation a#new_link:active {
			background: #000;
			color: #fff;
			text-decoration: none;
		}
		
		.project_list_navigation a.additional_information {
			/* float: right; */
			margin: 0 0 0 10px;
		}
		
		#post_info.additional_information {
			background: #fff;
			border-bottom: 1px solid #ccc;
			margin: -3px 0 0 0;
			padding: 0 18px 18px 13px;
		}
		
	/**
	 * Warnings which appear if the account has not upgraded
 	 * but has reached the limit of projects / pages.
	 */
		
	.account_limits {
		background: url(/_gfx/warning.png) no-repeat 14px 17px;
		border-bottom: 1px dotted #ccc;
		color: #666;
		font-size: 11px;
		font-style: italic;
		padding: 15px 0 15px 40px;
	}
	
		.account_limits a:link,
		.account_limits a:visited {
			color: #666;
		}
		
		.account_limits a:hover {
			color: #000;
		}
	
	/**
 	 * Used in the project list
 	 * A filter menu which appears if any of your projects are
 	 * part of a network.
	 */
	
	.project_sort {
		border-bottom: 1px solid #cccccc;
		color: #999;
		font-size: 11px;
		padding: 12px 10px; 
	}
	
	/**
 	 * Used in the project list
 	 * Shown when a site is in offline mode
	 */
	
	.project_offline {
		background: #cccccc;
		font-size: 12px;
		font-weight: bold;
		padding: 12px 0;
	}
	
		.project_offline a {
			color: #000000;
			font-weight: bold;
			margin: 0 0 0 15px;
			padding: 12px 0;
			text-decoration: none;
		}
		
			.project_offline a span {
				border-radius: 3px;
				margin: 0 0 0 -3px;
				padding: 2px 3px;
				
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
			}
				
			.project_offline a:hover span {
				text-decoration: underline;
			}
			
			.project_offline a:active span {
				background: #000;
				color: #fff;
				text-decoration: none;
			}
		
	/**
 	 * Used in the project list
 	 * A draggable list of all the content on your site
	 */
	 
	.project_list {
		
	}
	
		.project_list div.project {
			background: #f2f2f2;
			border-bottom: 1px solid #ccc;
			font-weight: bold;
	 		line-height: 13px;
	 		height: 43px;
	 		position: relative;
		}
		
		.project_list div.project:hover {
			
		}
		
			.project a.project_title {
				color: #000;
				font-size: 12px;
				font-weight: normal;
				display: block;
				margin: 0 65px 0 0;
				padding: 15px 0;
				text-decoration: none;
				position: absolute;
				left: 10px;
				white-space: nowrap;
			}
			
			.project a.project_title.link, .project a.project_title.page {
				font-weight: normal;
				color: #666666;
			}
			
				.project a.project_title span.project_title {
					border-radius: 3px;
					margin: 0 0 0 -3px;
					padding: 2px 3px;
				
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}
				
				.project a.project_title:hover span.project_title {
					text-decoration: underline
				}
				
				.project a.project_title:active span.project_title {
					background: #000;
					color: #fff;
					text-decoration: none;
				}
				
				.project a.project_title span.project_type {
					color: #999;
					font-size: 11px;
					font-weight: normal;
				}
		
			.project a.project_state {
				background-image: url(/_gfx/project_state.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 11px;
				right: 0;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 16px;
				width: 18px;
				border-radius: 0px;
			}
			
				.project a.project_state.off {
					background-position: 0 0;
				}
				
				.project a.project_state.off:hover {
					background-position: 0 -22px;
				}
				
				.project a.project_state.on {
					background-position: 0 -11px;
				}
				
				.project a.project_state.on:hover {
					background-position: 0 -33px;
				}
				
		.project_list div.project:hover a.project_delete,  .project_list div.project:hover a.project_move {
			display: block;
		}
		
			.project a.project_delete {
				background-image: url(/_gfx/project_delete.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				display: none;
				height: 10px;
				right: 32px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 17px;
				width: 10px;	
			}
			
			.project a.project_delete:hover {
				background-position: 0 -10px;
			}
		
			.project a.project_move {
				background-image: url(/_gfx/project_move.gif);
				background-position: 2px 0;
				background-repeat: no-repeat;
				cursor: move;
				display: none;
				height: 10px;
				right: 46px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 17px;
				width: 10px;;	
			}
			
			.project a.project_move:hover {
				background-position: 2px -10px;
			}
			
			.project_list div.project:hover a.project_delete,
			.project_list div.project:hover a.project_move {
				display: block;
			}
			
			.project_network {
				background: url(/_gfx/network-icon.png) no-repeat 0 0;
				height: 10px;
				right: -20px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 17px;
				width: 10px;
				z-index: 99;
			}
			
			.project_loadspin {
				background: url(/_gfx/loadingAnim.gif) no-repeat right center #f2f2f2;
				display: none;
				height: 43px;
				right: 0;
				position: absolute;
				top: 0px;
				width: 20px;
				z-index: 99;
			}
			
		.project_list .project.ui-sortable-helper { 
			box-shadow: 2px 2px 20px #999;
			border-bottom: none;
			border-top: none;
			margin: 0;
				
			-moz-box-shadow: 2px 2px 20px #999;
			-webkit-box-shadow: 2px 2px 20px #999;
		}
			
			.project_list .project.ui-sortable-helper a.project_state, 
			.project_list .project.ui-sortable-helper .project_network {
				display: none !important;
			}
			
		.project_list .project_placeholder {
			background: #e5e5e5;
			border-bottom: 1px solid #ccc;
			height: 43px;
		}
		
	.project_pagination {
		color: #999;
		font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
		font-size: 12px;
		padding: 15px 0 0 0;
		text-align: center;
	}

		.project_pagination a:link,
		.project_pagination a:visited {
			text-decoration: underline;
		}
		
	/**
 	 * Used in the project list
 	 * Multiple use clases which are used in various locations
	 */
	
	a.admin_frame_close {
		background: url(/_gfx/admin_close_new.gif) 0 0 no-repeat;
		height: 29px;
		overflow: hidden;
		position: absolute;
		right: 30px;
		text-indent: -9999px;
		top: 0;
		width: 29px;
	}
	
	/* Toggles additional information which is contained in a separate DIV */
	
	a.additional_information:link,
	a.additional_information:visited {
		color: #06f;
		text-decoration: none;
	}
	
	a.additional_information:hover {
		color: #000;
		text-decoration: none;
	}
	
	a.additional_information:active {
		color: #999;
		text-decoration: none;
	}
	
	/* Contains additional information related to a previous area */
	
	div.additional_information {
		color: #666;
		display: none;
		font-size: 11px;
		line-height: 16px;
		padding: 15px;
		position: relative;
	}
	
		div.additional_information a:link,
		div.additional_information a:visited {
			color: #06f;
		}
		
		div.additional_information a:hover {
			color: #000;
			text-decoration: underline;
		}
	
		div.additional_information a:active {
			color: #999;
		}
	
	/* Clears the floats at the bottom of the admin */
	
	.admin_clear {
		clear: both;
		height: 23px;
	}
	
	/**
	 * Used in the project editor
 	 * Content editor, image uploader, etc...
	 */
	 
	.project_post {
	 	padding: 15px 0;
	}
	
	.admin_section_header {
		border-top: 1px solid #ccc;
		padding: 17px 0;
	}
	 
		.admin_section_header a {
			color: #000;
	 		font-size: 14px;
	 		font-weight: bold;
	 		text-decoration: none;
		}
	 
		.admin_section_header a:hover {
			background:transparent;
			color: #000;
			text-decoration: underline;
		}
	
		.admin_section_header a:active {
			color: #999; 
		}	 
	 
	 /**
	 * Used in the project editor
 	 * Image uploader with drag and drop functionality
	 */
	 
	 #post_slides {
	 	padding-bottom: 15px;
	 }
	 
	 #uploadfiles {
	 	height: 80px;
	 	overflow: hidden;
	 	position: relative;
	 	width: 100%;
	 }
	 
	 	.fileinput-button {
	 		color: #000000;
	 		cursor: pointer;
	 		font-size: 14px;
	 		margin: 0 0 0 16px;
	 		text-decoration: underline;
	 	}
	 	
	 	#fileupload-container {
	 		border: 1px solid #ccc;
	 		cursor: pointer;
	 		display: block;
	 		height: 48px;
	 		padding: 15px 0;
	 		
	 		-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-background-clip: padding-box;
			-moz-background-clip: padding-box;
			background-clip: padding-box;
	 	}
	 	
	 	div#fileupload-container:hover {
	 		background: #ffffff;
	 	}
	 	
	 		div#fileupload-container.hover {
	 			background: #f2f2f2 url(/_gfx/tunnel.gif) center no-repeat;
			}
			
			div#fileupload-container.hover .ui-button-text, div#fileupload-container.hover .drag_note{
				display: none;
			}
			
			#tunnel_preload {
				position: fixed;
				top: -9999px; left: -9999px;
			}
	 	
	 	.drag_note {
	 		color: #999;
	 		display: inline-block;
	 		font-size: 10px;
	 		margin: 7px 0 0 16px;
	 	}
	 	
	 	/* The hidden area onto which you can drag images */
	 	
	 	#filesfield {
	 		border: 0;
	 		cursor: pointer;
	 		position: absolute;
	 		top: 0; left: 0; right: 0; bottom: 0;
	 	}
	 	
	 	.progressbar_container {
			background: #fff;
			
			display: none;
			padding: 16px;
			position: absolute;
			top: 1px; left: 1px; right: 1px; bottom: 1px;
			z-index: 99;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			-webkit-background-clip: padding-box;
			-moz-background-clip: padding-box;
			background-clip: padding-box;
		}
		
		.progress_wrapper {
			background: #eee;
			height: 19px;
			position: absolute;
			top: 15px; left: 15px; right: 25px;
			
			-webkit-border-radius: 2px;
			-webkit-border-top-right-radius: 0;
			-webkit-border-bottom-right-radius: 0;
			-moz-border-radius: 2px;
			-moz-border-radius-topright: 0;
			-moz-border-radius-bottomright: 0;
			border-radius: 2px;
			border-top-right-radius: 0;
			border-bottom-right-radius: 0;
		}
		
		.progressbar {
			background: #2CC068;
			height: 19px;
			min-width: 4px;
			width: 0px;
			
			-webkit-border-top-left-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-bottomleft: 2px;
			border-top-left-radius: 2px;
			border-bottom-left-radius: 2px;
		}
		
		.progressbar_uploaded {
			background: #aaa;
			display: none;
			height: 19px;
			position: absolute;
			top: 16px; left: 16px; right: 16px;
			z-index: 999;
			
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
		}
			
		a.upload_cancel {
			background: #000 url(/_gfx/css-inspector-close.gif) no-repeat 6px -34px;
			display: block;
			height: 19px;
			position: absolute;
			top: 15px; right: 15px;
			width: 19px;
			
			-webkit-border-top-right-radius: 2px;
			-webkit-border-bottom-right-radius: 2px;
			-moz-border-radius-topright: 2px;
			-moz-border-radius-bottomright: 2px;
			border-top-right-radius: 2px;
			border-bottom-right-radius: 2px; 
		}
		
			a.upload_cancel:hover {
				background: #f03 url(/_gfx/css-inspector-close.gif) no-repeat 6px -34px;
			}
		
		.info_container {
			color: #000;
			font-size: 11px;
			margin: 7px 0 0 0;
		}
		
		.file_info, .file_size {
			position: absolute;
			bottom: 17px;
		}
		
			.file_info {
				color: #000;
				left: 16px;
			}
			
				.file_info.processing {
					color: #999;
					padding-left: 25px;
				}	
			
			.file_size {
				color: #999;
				right: 16px;
			}
			
			.file_loadspin {
				display: none;
				position: absolute;
				bottom: 17px; left: 13px;
			}
			
		.fileupload-content {
			display: none;
		}
		
	/**
	 * Used in the project editor
 	 * Image thumbnail area
	 */
	 	
	 #thumbcontainer {
	 	margin: 23px 0 0 -17px;
	 	min-width: 372px;
	 }
	 
	 .webkit #thumbcontainer {
	 	margin: 23px 0 0 -22px;
	 }
	 
	 	div.img_holder {
	 		color: #999;
	 		float: left;
	 		font-size: 10px;
	 		height: 85px;
	 		line-height: 10px;
	 		margin: 0 0 20px 17px;
	 	}
	 	
	 	.webkit div.img_holder {
	 		margin: 0 0 20px 22px;
	 	}
	 	
	 	div.img_holder:hover {
	 		color: #666;
	 	}
	 	
	 		div.imgcrop {
	 			height: 70px;
	 			margin: 0 0 7px 0;
	 			width: 70px;
	 		}
	 		
	 			div.imgcrop img {
	 				float: none;
	 			}
	 		
				div.imgcrop a {
					display: block;
					padding: 0;
				}
	 	
	 		a.deleteLink {
	 			background: #aaa;
	 			color: #f5f5f5;
	 			display: none;
	 			font-size: 10px;
	 			font-family: Monaco, monospace;
	 			float: right;
	 			line-height: 9px;
	 			padding: 0 0 1px 1px;
	 			text-align: center;
	 			height: 10px;
	 			width: 10px;
	 			
	 			-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
	 		}
	 		
	 		.msie a.deletelink {
	 			display: block;
	 		}
	 	
			a.deleteLink:hover {
				background: #f03;
				color: #f5f5f5;
				text-decoration: none; 
			}
			
			a.deleteLink:active {
				background: #666;
				color: #f5f5f5;
				text-decoration: none;
			}
			
			div.img_holder:hover a.deleteLink {
	 			display: block;
	 		}
	 		
	/**
	 * Used in the project editor
 	 * Thumbnail and project details
	 */
	 
	 .project_select_thumb {
	 	font-size: 11px;
	 }
	 
	 .project_details_label {
	 	clear: both;
	 	float: left;
	 	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	 	font-size: 11px;
	 	white-space: nowrap;
	 	width: 60px;
	 }
	 
	 #thumbFile {
	 	color: #999;
	 	float: left;
	 	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	 	font-size: 11px;
	 	margin: 0;
	 }
	 
	 #thumb_preview_container {
	 	clear: both;
	 	padding: 15px 0 15px 60px;
	 }
	 
	 #thumb_preview_container.custom_size {
	 	padding: 15px 0 15px 0;
	 }
	 
	 	#thumb_preview_img {
	 		margin: 0 0 10px 0;
	 	}
	 
	 	#thumb_size_info {
	 		color: #999;
	 		font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	 		font-size: 11px;
	 	}
	 
		#post_basics {
	 		padding: 0 0 15px 0;
		}
	 
	 		.project_details_title {
	 			margin: 0 0 4px 0;
	 		}
	 
	 		.project_details_title, .project_details_tags, .project_details_date, .project_details_bg_color {
	 			clear: both;
	 			line-height: 31px;
	 		}
	 
	 		.project_details_bg_color {
	 			border-top: 1px solid #ccc;
	 			margin: 15px 0 0 0;
	 			padding: 15px 0 0 0;
			 }
	 
	 
	 		
	/**
	 * Used in the project editor
 	 * Network area
	 */
	 		
	ul.settings_network {
		list-style: none;
		margin: 10px 0 0 4px;
		padding: 0;
	}
	
		ul.settings_network li {
			margin-bottom: 2px;
		}
	
	ul.project_networks {
		list-style: none;
		margin: -7px 0 10px 0;
		padding: 0;
	}
	
		ul.project_networks li {
			margin: 0 0 0 16px;
			font-size: 11px;
		}
		
	.network_divider {
		border-top: 1px dotted #ccc;
		height: 1px;
		margin: 0 0 0 16px;
		width: 55px;
	}
	
	.network_exclude {
		color: #999999;
		margin: 10px 0 15px 16px;
	}
		
	a.network_visit {
		
	}
	 		
	 /**
	 * Used in the project editor
 	 * Footer area
	 */
	 		
	 .project_editor_footer {
		border-top: 1px solid #ccc;
		padding: 15px 0 0 0;
	}
	 		
		/* Project editor admin frame icons */

		#admin_frame_icons_container.project_editor {
			float: right;
		}

			#admin_frame_icons_container div {
				background-position: 0 0;
				background-repeat: no-repeat;
				cursor: pointer;
				display: block;
				float: left;
				margin: 0 4px 0 0;
				overflow: hidden;
				padding: 0;
				text-indent: -9999px;
				width: 27px; height: 15px;
				
				-moz-border-radius: 0px;
				-webkit-border-radius: 0px; 
			}
			
			#admin_frame_icons_container.project_editor div {
				margin: 0 0 0 4px;
			}
			
			#admin_frame_icons_container div:hover, #admin_frame_icons_container div.checked {
				background-position: 0 -15px;
			}
			
			#admin_frame_icons_container div#icon_right { background-image: url(/_gfx/admin-right-icon.gif); }
			#admin_frame_icons_container div#icon_bottom { background-image: url(/_gfx/admin-bottom-icon.gif); }
			#admin_frame_icons_container div#icon_left { background-image: url(/_gfx/admin-left-icon.gif); }
			
			#admin_frame_icons_container input {
				display: none;
			}
	 		
/**
 * Used in every admin page
 * Secondary global styles
 */	 		

input, textarea, {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
	font-size: 11px;
}

.textarea {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}
	 		
.partition {
	color: #bbb;
}
		
		
		
		
		
		
		
		
		
		
		
		
/**
 * Legacy styles
 */
 
body.notoppadding { padding:0px 0px 35px 25px; }
:focus { outline: 0; }
table { font-size:11px; }

br { clear:both; }

#grey { background-color:#ccc; margin:10px 10px 10px 10px; }
a.icons:hover { background:transparent; text-decoration:none; }

a.no_pad_hover { padding:0; }
a.no_pad_hover:hover { background:none; }
a.no_pad_hover:active { background:none; }

#post_contents a, #post_contents a:hover { padding:0px; background:none; }

body.br_Firefox label input[type="checkbox"] {
	vertical-align: middle;
}

body.br_Firefox label input[type="radio"] {
	vertical-align: bottom;
}

/* Horizontal formatting
***********************/

#admin_body_horiz {
	padding: 0;
	margin: 0;
}

#admin_horiz {
	float: right;
	padding: 25px 7px 30px 30px;
	width: 347px;
}

#horiz_filler {
	background: #ccc;
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 384px;
	
}

#toolset_horiz {
	
}

#horiz_post_form {
	position: fixed;
	top: 0; bottom: 0; left: 0; right: 400px;
}

	#horiz_post_button {
		position: fixed;
		top: 9px; right: 460px;
		z-index: 11;
		-webkit-font-smoothing: antialiased;
	}
	
	#horiz_post_form #post_contents {
		position: fixed;
		top: 41px; left: 0; right: 400px; bottom: 0;
	}
	
		#horiz_post_form.ie #post_contents {
			right: 421px;
			bottom: 21px;
		}

	#horiz_post_form .textarea {
		background: #fff;
		border-top: 0;
		border-bottom: 0;
		border-left: 0;
		border-right: 1px solid #ccc;
		line-height: 1.5;
		margin: 0 !important;
		padding: 10px 10px 10px 10px !important;
		resize: none;
		width: 100%; height: 100%;
		z-index: 2;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	#horiz_post_form.ie .textarea {
		position: absolute;
		right: 0; left: 0;
		
	}
	
	#horiz_post_form #post_feed_toolbar_container {
		background: #fff;
		border-bottom: 1px dotted #ccc;
		border-right: 1px solid #ccc;
		height: 41px;
		position: fixed;
		top: 0; left: 0; right: 400px;
		z-index: 9;
	}
	
	#horiz_post_form #post_feed_toolbar {
		height: 21px;
		padding: 10px;
		position: fixed; top: 0; left: 0;
		z-index: 9999;
	}

#content_horiz {
	overflow-y: auto;
	overflow-x: hidden;
	position: fixed;
	padding: 25px 30px 20px 30px;
	top: 0; right: 0; bottom: 0;
	width: 340px;
	
	-webkit-font-smoothing: antialiased;
}

	#content_horiz .projectlist {
		padding: 12px 0 12px 0px;
	}

.border { background: #f2f2f2 !important; height: 100%; }

a.upgrade-now { color:#000; text-decoration:underline; } 
a.upgrade-now:hover { color:#f06; background:transparent; }
a.upgrade-now:active { color: #06f; }

a.upgrade-infolink { color:#333; text-decoration:underline; } 
a.upgrade-infolink:hover { color:#f06; background:transparent; }
a.upgrade-infolink:active { color: #06f; }

.projectLink { color:#000; padding:2px 3px 2px 3px; }
.projectLink.page { color:#666; font-weight:normal; }
.projectLink.link { color:#666; text-decoration:underline; font-weight:normal; }
.project_list_network { color:#000; padding:2px 3px 2px 3px; }

.passwordLink { color:#666; }
.passwordLink: hover { color:000; }

img { border:0px; }

.color9 { color:#999; }

.highlight { background:#ff0; padding: 1px 3px 2px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.highlight2 { background:#ccccfe; padding: 1px 3px 2px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }

.display a { padding:0px; }
display a:hover { background:none; }

.red { color:#ff0033; }

.italic { font-style:italic; }

.blue { color:#0066ff; }

.add-field { font-size:12px; width:200px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.add-field_pagination { width:40px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.add-field_slideshow { width:80px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.add-field_slideshow_small { width:20px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.size-field { width:40px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.textarea { width:100%; height:320px;  padding:5px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.textarea_header { width:100%; height:80px; font-family:monospace; font-size:11px; padding:5px; border: 1px solid #ccc; }

.textarea_css { width:100%; height:100%; font-family:monospace; font-size:11px; padding:10px; background-color:#f2f2f2; margin:0px 0px 5px; border: 1px solid #999; }

.textarea_css-new { width:100%; height:100%; font-family:monospace; font-size:11px; color:#333; line-height:1.4; padding:0px; background-color:#f2f2f2; margin:0px; border-bottom: 1px solid #999; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2;  }

#project_sort {
	border-bottom: 1px solid #cccccc;
	font-size: 12px;
	padding: 12px 0px 12px 0px; 
	width: 100%;
}

a.adminHeader, .adminHeader {
	color: #000;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

a.adminHeader:hover {
	color: #000;
	text-decoration: underline;
	background: transparent;
}

a.adminHeader:active {
	color: #999;
}

.projectlist { width:100%; font-size:12px; border-bottom:1px solid #ccc; padding:12px 0px 12px 0px; position: relative; }
.projectlist .display { float:right; margin-top:5px; }
.projectlist.header, .projectlist.topnav { width:100%; }

.projectlist.noborder { border-bottom:0 none; padding:10 0 10 0px; }

.online_label_container {
	width: 49px;
	height: 26px;
	overflow: hidden;
	position: relative;
	text-transform: uppercase;
	float: left;
	cursor: pointer;
}

.online_label_container.on.online_hover {
	cursor: pointer;
	border: 0;
	
	-moz-box-shadow: 0 0 5px #5cd589;
	-webkit-box-shadow: 0 0 5px #5cd589;
	box-shadow: 0 0 5px #5cd589;
}

.online_label_container.off.online_hover {
	cursor: pointer;
	
	-moz-box-shadow: 0 0 5px #ff4d94;
	-webkit-box-shadow: 0 0 5px #ff4d94;
	box-shadow: 0 0 5px #ff4d94;
}

.online_label_container.on.online_ie.online_hover .online_labels .online_label {
	cursor: pointer;
	background: #33cc66;
}

.online_label_container.off.online_ie.online_hover .online_labels .offline_label {
	cursor: pointer;
	background: #ff3366;
}
	
.online_label_container.on .online_labels { left: 0px; }
.online_label_container.off .online_labels { left: -49px; }

.online_labels {
	position: absolute;
	top: 0; left: 0;
	width: 100px;
	height: 26px;
}

#online_load {
	display: none;
	position: absolute;
	top: 3px; left: 15px;
	z-index: 9;
}

.online_labels .label {
	color: #f2f2f2;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	width: 49px; height: 26px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.online_labels .online_label {
	background: #16c356;
}

	.online_label_container .online_labels .online_active {
		background: #13a649 !important;
	}

.online_labels .offline_label {
	background: #ff0066;
}

	.online_label_container .online_labels .offline_active {
		background: #d90057 !important;
	}

.online_labels .label span {
	display: block;
	line-height: 27px;
}

.online_word {
	color: #333;
	float: left;
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 27px;
	padding-left: 5px;
	text-transform: uppercase;
	height: 26px;
}

#online_info, #dialogue_info {
	display: none;
	color: #666;
	position: relative;
	line-height: 16px;
	width: 320px;
}

.offlink { color:fff; background:#ccc; padding:2px 2px 1px 2px; font-size:10px; }

.network_icon { position: absolute; top: 18px; right: -20px; }

.pagelabel { color:#999; font-style:italic; font-size:11px; }
.listimgcrop { width:35px; height:35px; overflow:hidden; float:left; margin-top:2px; }

.sortable-list, .sortable-list li, .sortable-list ul { list-style-type:none; margin: 0; padding:0; list-style:none; }
.sortable-list { width:100%; }
.sortable-list li { width:100%; }


.ui-state-highlight { 
	background:#e5e5e5; 
	width:100%; 
	height:43px; 
	border-bottom:1px solid #CCCCCC;
}
li.ui-sortable-helper { 
	-moz-box-shadow: 2px 2px 20px #999;
	-webkit-box-shadow: 2px 2px 20px #999;
	box-shadow: 2px 2px 20px #999;
	background:#f2f2f2;
}
li.ui-sortable-helper .display { 
	display:none; 
	
}
li.ui-sortable-helper .projectlist { border-bottom:0 none; }

#uploading, #failed { display:none; }

#uploadtable { background-color:#009999; }

/* Located in display options */

#confirm_win_container {
	position: relative;
}

#confirm_win_message {
    background-color: #33cc66; 
    color: #fff;
    display: block;
    font-size: 13px; 
    font-weight: normal; 
    line-height: 35px;
    margin-right: 7px;
    position: absolute;
    top: 17px; right: 0; left: 0;
    text-align: center;
    width: 100%;
    z-index: 99;
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

#confirm_win_space {
	height: 52px;
	overflow: hidden;
	position: relative;
	top: 0;
}

#confirm_win_message_IE {
    background-color: #33cc66; 
    color: #fff;
    display: block;
    font-size: 13px; 
    font-weight: normal; 
    line-height: 35px;
    margin-top: 17px;
    margin-right: 7px;
    text-align: center;
    width: 96%;
    z-index: 99;
    
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

/* Located in Custom CSS, HTML and design browser */

#confirm_win_preview, #confirm_win_saved {
	color: #fff;
	display: none;
	font-size: 12px;
	padding: 5px 0px 3px 0px;
	text-align: center;
	position: fixed;
		top: 10px; right: 25px;
	width: 100px;
		
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	z-index: 20;
}

	#confirm_win_preview {
		background: #ff0066;
	}

	#confirm_win_saved {
		background: #33cc66;
	}
	
	/* Design browser specific */
	
	#confirm_win_preview.edittemplate {
		float: right;
		margin: 4px 4px 0px 0px;
		position: relative;
		top: 0; right: 0;
	}

.upgrade { line-height:1.5; font-style:normal; position:relative; font-size:11px; color:#666; width:auto; }
.upgrade a { color:#000; text-decoration:underline; }
.upgrade a:hover { background:none; color:#666; }
.upgrade a:active { background:none; color:#999; }

.upgrade a.deleteLink { color:#ff0033; }

.upgrade.frame { padding:10px 0 0 10px; }

#projects_available {  margin-top:14px; padding:0 0 15px 13px; border-bottom:1px dotted #aaa; width:90%; }

.toolset { right:15px;top:0px; position:absolute; z-index:20; }

.adminActive { color:#999; padding: 2px 3px; }

.error { color:#ff0033; }

/*
	EDIT CSS AND HTML FRAME
*/

#css-and-html-panels { 
	background-color:#ccc; 
	margin:0px 0px 0px 0px; 
	text-align: center;
}

	#css-and-html-panels form { 
		position: fixed; 
		top: 0; 
		right: 0; 
		left: 0; 
		bottom: 55px; 
		margin: 0; 
	}
	
	#css-and-html-panels textarea {
		width:100%; 
		height:100%; 
		font-family:monospace; 
		font-size:11px; 
		color:#333; 
		line-height:1.4; 
		padding:0px; 
		background-color:#f2f2f2; 
		margin:0px; 
		border-bottom: 1px solid #999; 
		border-left: 1px solid #f2f2f2; 
		border-right: 1px solid #f2f2f2; 
		border-top: 1px solid #f2f2f2;
	}
	

		
	#css-and-html-panels .CodeMirror-line-numbers {
		width: 30px;
		text-align: right;
		padding-right: 8px;
		font-size: 9px;
		font-family: monospace;
		padding-top: 10px;
		line-height:16px;
	}

		#css-and-html-panels.light .CodeMirror-line-numbers {
			color: #999;
			background-color: #f5f5f5;
		}
		
		#css-and-html-panels.dark .CodeMirror-line-numbers {
			color: #555;
			background-color: #000;
		}

	div.syntax_color {
		padding: 10px 0 0 10px; 
		position: fixed; 
		left: 0; 
		bottom: 22px;
	}
	
	div.syntax_color .color-button {
		float: left;
	}
		
	#css-and-html-panels.light div.syntax_color:hover div.syntax_note.dark_note {
		display: block;
	}
	
	#css-and-html-panels.dark div.syntax_color:hover div.syntax_note.light_note {
		display: block;
	}
	
		div.syntax_color div.syntax_note {
			display: none;
			color: #777;
			float: left;
			font-size: 11px;
			height: 21px;
			line-height: 24px;
			padding-left: 4px;
			white-space: nowrap;
		}
	
	#loading {
		padding: 10px 0 0 10px; 
		position: fixed; 
		left: 40px; 
		bottom: 24px;
		display:none;
	}
	
		#css-and-html-panels.dark .syntax_color .color_button {
			background: #f5f5f5 url(/_gfx/admin-color-lines.gif); 
			width: 21px;
		}
		
		#css-and-html-panels.light .syntax_color .color_button {
			background: #f5f5f5 url(/_gfx/admin-color-lines.gif) 0 -21px; 
			width: 21px;
		}
		
		#css-and-html-panels.dark .syntax_color .color_button:active {
			background: #f5f5f5 url(/_gfx/admin-color-lines.gif) 0 -42px !important;
		}
		
		#css-and-html-panels.light .syntax_color .color_button:active {
			background: #f5f5f5 url(/_gfx/admin-color-lines.gif) 0 -63px !important;
		}

.border { 
	background: #fff !important;
}
	

.edit_menu {
	width:700px; 
	margin: 0 auto; 
	padding:10px 7px 0 0;
}

.edit_menu .gap {
	float:left; 
	width:100px;
}

a.cargo-button {
	text-decoration: none !important;
}

a.cargo-button div { 
	float:left; 
	margin-right:4px; 
	font-family:Arial; 
	font-size:12px; 
	font-weight:normal; 
	color:#191919; 
	background:#ccc; 
	width:100px; 
	height:21px; 
	text-align:center; 
	position: relative;
	line-height:22px; 
	border:1px solid #777; 
	background-image:url(../_gfx/btn-bg.gif);
	-webkit-box-shadow: 0px 1px 0px #f2f2f2; -moz-box-shadow: 0px 1px 0px #f2f2f2;
	-moz-border-radius:5px; -webkit-border-radius:5px;
	}

a.cargo-button div:hover { 
	border:1px solid #333;
	text-shadow: 0px 1px 0px #bbb;
	text-decoraiton: none !important
	}

a.cargo-button div:active { 
	color:#000; 
	border:1px solid #333; 
	line-height:24px; 
	background-image:url(../_gfx/btn-bg-down.gif); 
	outline: none; 
	text-shadow: 0px 0px 0px #bbb;
	text-decoraiton: none !important
	}

a.cargo-button:hover { 
	background:none;
	}
	
a.cargo-button:active { 
	background:none;
	}
	
div.editor_loadspin,
a.cargo-button div.editor_loadspin {
	background: none;
	border: 0;
	display: none;
	margin: 0;
	position: absolute;
	right: 0px; top: 0px;
	text-shadow: 0;
	width: 13px; height: 13px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

	div.editor_loadspin img {
		margin: 0;
		width: 13px; height: 13px;
	}
	
	a.cargo-button.save div.editor_loadspin {
		right: 5px; top: 4px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	
	div.syntax_color div.editor_loadspin {
		background: url(/_gfx/btn-bg.gif);
		padding: 4px;
		
	}

/**** Edit template ****/

.template_tabs {
	background: #000;
	display:block;
	height: 37px;
	padding-left: 35px;
	position: fixed;
	top: 0px; right: 0px; left:0px;
}

	.template_tabs .tab {
		color: #999;
		float: left;
		font-weight: bold;
		padding: 9px 35px;
	}

	.template_tabs .tab.selected {
		background: #2c2c2c;
		color: #ccc;
	}
	
	.template_tabs .tab_link {
		color: #777;
		float: right;
		font-weight: normal;
		padding: 9px 15px 9px 0px;
	}
	
		.template_tabs .tab_link a {
			color: #777;
			padding: 0;
			text-decoration: none;
		}
		
		.template_tabs .tab_link a:hover {
			background: none;
			color: #0AAF86;
			text-decoration: underline;
		}
		
		.template_tabs .tab_link a:active {
			color: #fff;
		}

.template_tabs .tab span { font-weight:normal; }
.template_container {  background-color:#2c2c2c; margin:48px 0 0; padding-bottom:30px; clear:both; color:#ccc; font-size:12px; }
.template_container table { font-size:12px; color:#ccc; position:absolute; top:45px; left:35px; padding-right:35px; }
.template { margin-right:25px; cursor:pointer; border:5px solid transparent; }
.template.hover { border:5px solid #555555; }
img.template.select { border:5px solid #fff; display:inline !important; }
.template_container .current.selected { background:url(../_gfx/templates/current.gif) no-repeat top left; }
.template_container table .status_label, #signup_designs .status_label { font-family:georgia; font-style:italic; height:13px; color:#999;  padding:5px 0 5px 5px; }

.template_container .current { margin-left:5px; }
.template_name { color:#aaa; padding:5px 0 0 5px; }
a.green { color:#0aaf86; }
table a.green:hover { background:none; color:#fff; text-decoration:underline; }
table a.green:active { background:none; color:#000; }
.template_form { position:fixed; left:0px; top:35px; height:190px; width:200px; padding:33px 35px 0px 33px; background:#2c2c2c; color:#ccc; line-height:1.5; border-right:1px dashed #555; z-index:10; }
.template_form .yellow { color:#e2e0bb; font-weight:bold; font-size:12px; }
.template_form .size11 { font-size:11px; }
.template_form form { padding-top:35px; }

.template_container table a.green:active { background:none; color:#ff0; }

a.red { color:#ff0033; }
a.red:hover { background:none; color:#fff; text-decoration:underline; }
a.red.dark:hover { background:none; color:#000; text-decoration:underline; }
a.red:active { background:none; color:#000; }

.design_thumb_overlay { position:absolute; width:200px; height:134px; background-color:#000; z-index:10; display:none; opacity:0.65; filter:alpha(opacity=65); margin:5px; }
.save_button { font-size:18px; color:#0AAF86; background:#fff; padding:10px 20px; text-decoration:underline;  -moz-border-radius: 3px; -webkit-border-radius: 3px; margin:20px 0px 0px 20px; cursor:pointer; z-index:11; position:absolute; display:none; }
.save_button.upgrades { margin:20px 0px 0px 20px; }
.save_button:hover { color:#000; }

.design_thumb_overlay.select { display:block; }
.save_button.select { display:block; }


a.support_link { color: #000; margin: 0px 0px 0px -7px; font-size: 12px; white-space: nowrap; display: block; padding: 3px 10px 3px 10px; 
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
	a.support_link:hover { background: #fff; }
	a.support_link:active { background: #000; color: #fff; text-decoration: none; }
	
	a.support_link:hover span.link_title { text-decoration: underline; } 
	a.support_link:active span.link_title { text-decoration: none; } 
	
	a.support_link span.arrow { float: right; visibility: hidden; text-decoration: none !important; }
	a.support_link:hover span.arrow { visibility: visible; text-decoration: none !important; }
	a.support_link:active span.arrow { display: block; color: #fff; text-decoration: none; }
	
	.support_description a { padding: 0; }
	.support_description a:hover { background: transparent; color: #06f; text-decoration: underline; }
	.support_description a:active { background: transparent; color: #000; }
	
	.placeholder_content { color:#999; }

/**** CARGOVIDEO ****/
.video_add,
.video_edit,
.video_list { font-size:12px; color:#888; }

.video_info { padding-top:10px; }

.video_container { width:200px; padding:15px 15px 10px; margin:0px 20px 20px 0px; background-color:#000; float:left; }
.preview_container { overflow:hidden; width:200px; height:134px; }

/* Login styles
***********************************************************************************************************/
	
	.login_table {
		height: 100%;
		position: fixed;
		top: 0; left: 0; right: 0; bottom: 0;
		width: 100%;
	}
	
		.login_table .wrapper {
			font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif;
			margin: 30px auto 300px;
			text-align: left;
			width: 270px;
		}
	
			.login_form {
				
			}
			
				.login_title {
					color: #eee;
					font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					font-size: 24px;
					font-weight: bold;
					margin: 0 0 5px;
					
					-webkit-font-smoothing: antialiased;
				}
				
				.form_errors {
					color: #ea265d;
					font-size: 12px;
					line-height: 1.5;
					margin-bottom: 20px;
				}
				
					.form_errors a {
						background: none;
						color: #ea265d;
						padding: 0;
						text-decoration: underline;
					}
					
						.form_errors a:hover {
							background: none;
							color: #ffffff;
							text-decoration: underline;
						}
						
						.form_errors a:active {
							background: none;
							color: #999999;
							text-decoration: underline;
						}
				
				.login_fields {
					padding: 4px 0 0 0;
					position: relative;
				}
			
					.login_fields input {
						background-color: #1f1f1f;
						background-repeat: no-repeat;
						border-color: #333;
						border-style: solid;
						border-width: 2px;
						color: #999;
						display: block;
						padding: 5px;
						font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif !important;
						font-size: 14px; 
						width: 270px;
						height: 31px;
						margin: 0 0 5px;
						
						-webkit-border-radius: 3px;
						-moz-border-radius: 3px;
						border-radius: 3px;
						
						-webkit-background-clip: padding-box;
						-moz-background-clip: padding-box;
					}
				
					
				.login_buttons {
					position: relative;
				}
					
					input#loginsubmit {
						background: #0AAF86;
						border: 0;
						color: #212121;
		    			cursor: pointer;
		    			display: block;
		    			line-height: 17px;
		    			margin: 30px 0 30px 0;
						padding: 5px; 
						font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, sans-serif !important;
						font-size: 14px;
						text-align: center;
						width: 100px;
						
						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
					}
						
						input#loginsubmit:hover {
							background: #fff;
						}
						
						input#loginsubmit:active {
							background: #ccc;
							
							-moz-box-shadow: none;
							-webkit-box-shadow: none;
							box-shadow: none;
						}
					
					a#reset_link {
						float: right;
						font-size: 12px;
						margin-top: 7px;
					}
			
					#login_spin {
						display: none;
						position: absolute;
						top: 3px; left: 115px;
					}
			
			.hidden_frame {
				visibility: hidden;
			}
			
			
			
			
			
	/* Login styles > Admin frame
	*******************************************************************************************************/
	
	#login_embed {
		margin: 60px auto;
		width: 285px;
	}
	
		#login_embed .wrapper {
			height: 138px;
		}
	
			#login_embed .login_fields input {
				background-color: #fff;
				border-color: #ccc;
				border-width: 1px;
				color: #ccc;
				background-position: 6px 8px;
			}
			
				#login_embed .login_fields input:focus {
	 				border-color: #999 !important;
	 				color: #000;
				}
				
				#login_embed .login_fields input#username_input { background-image: url(/_gfx/loginform_username_light.gif); }
				#login_embed .login_fields input#password_input { background-image: url(/_gfx/loginform_password_light.gif); }
				
			#login_embed .login_buttons {
				width: 95%;
			}
				
				#login_embed input#loginsubmit {
					background: #2CC068;
    				color: #fff;
    			}	
    				
    				#login_embed input#loginsubmit:hover {
    					background: #000;
    					
    					-moz-box-shadow: 0px 1px 3px #999;
						-webkit-box-shadow: 0px 1px 3px #999;
						box-shadow: 0px 1px 3px #999;
    				}
    				
    				#login_embed input#loginsubmit:active {
    					background: #666;
    					color: #ccc;
    					-moz-box-shadow: inset 0px 1px 4px #212121;
						-webkit-box-shadow: inset 0px 1px 4px #212121;
						box-shadow: inset 0px 1px 4px #212121;
    				}

		
		
		
		
		
	/* Login styles > Password page
	*******************************************************************************************************/
		
		#login_page {
			background: #1f1f1f;
			text-align: left;
		}
		
			#login_page .wrapper {
				height: 176px;
			}
		
				#login_page .login_title {
					color: #eee;
				}
				
				#login_page #loginform {
					margin: 20px 0 0;
				}
				
					#login_page .login_fields input {
						border-color: #333;
						background-position: 6px 7px;
					}
					
						#login_page .login_fields input:focus {
	 						border-color: #666 !important;
	 						color: #fff;
						}
						
						#login_page .login_fields input#username_input { background-image: url(/_gfx/loginform_username_dark.gif); }
						#login_page .login_fields input#password_input { background-image: url(/_gfx/loginform_password_dark.gif); }
						
					#login_page input#loginsubmit:hover {
						background: #fff;
							
						-moz-box-shadow: 0px 1px 3px #000;
						-webkit-box-shadow: 0px 1px 3px #000;
						box-shadow: 0px 1px 3px #000;
					}
					
					#login_page input#loginsubmit:active {
						background: #666;
    					color: #212121;
    					
    					-moz-box-shadow: inset 0px 1px 4px #212121;
						-webkit-box-shadow: inset 0px 1px 4px #212121;
						box-shadow: inset 0px 1px 4px #212121;
					}
					
				a#reset_link:hover {
					background: none;
					color: #06f;
					text-decoration: underline;
				}
				
				a#reset_link:active {
					background: none;
					color: #666;
					text-decoration: underline;
				}
					
					
					
/* Delete site
***********************************************************************************************************/
.delete_container {
	padding:60px;
}
	.delete_container h1 {
		line-height:1.5;
	}
	
	.delete_container h2 {
		line-height:160%;
	}
	
	.delete_container span {
		color:#f06;
	}
	
	a.change_design {
		color: #000; 
		text-decoration:underline; 
		background: transparent !important; 
		padding:0px;
	}
	
	a.confirm_delete {
		color: #f06; 
		text-decoration:underline; 
		background: transparent !important; 
		padding:0px;
	}

/* Image cropper
***********************************************************************************************************/

	body.crop_frame { background:#262626; font-size:12px; color:#999; padding:30px; margin:0px; }
	body.crop_frame table { font-size:12px; }
	.crop_head { height:30px; }
	.crop_head a { color:#999; text-decoration:underline; }
	.crop_head a:hover { color:#ccc; background:none; }
	.crop_image { padding:30px; }
	#thumb_preview_container { overflow:hidden; position:relative; z-index:100; }
	#thumb_preview_img { overflow:hidden;  }
	#post_basics form { display:none; margin:0; padding:0; }
	#lightbox { position:absolute; z-index:99; background:#FFF; top:0; left:0; width: 100%; height: 300%; display:none; filter:alpha(opacity=60); opacity:0.6; }
	#lightbox.lb_horiz { height:100%; }
	.jcrop-holder { padding-right:30px; background-color:#262626 !important; }
	
	.howto { font-size:14px; line-height:1.5; color:#999; width:660px; padding-left:30px; padding-bottom:30px; }
	.howto a.title { background:none; text-decoration:none; font-size:13px; color:#666; text-decoration:underline; }
	.howto a.title:hover { background:none; text-decoration:underline; color:#ccc; cursor:pointer; }
	.tips { padding-top:30px; padding-bottom:60px; display:none; }