/* Retina spinner */

.spinner_circle.part1 {
	-webkit-animation-delay:-0.800s;
	animation-delay:-0.800s;
}

.spinner_circle.part2 {
	-webkit-animation-delay:-0.700s;
	animation-delay:-0.700s;
}

.spinner_circle.part3 {
	-webkit-animation-delay:-0.600s;
	animation-delay:-0.600s;
}

.spinner_circle.part3 {
	-webkit-animation-delay:-0.500s;
	animation-delay:-0.500s;
}

.spinner_circle.part4 {
	-webkit-animation-delay:-0.400s;
	animation-delay:-0.400s;
}

.spinner_circle.part5 {
	-webkit-animation-delay:-0.300s;
	animation-delay:-0.300s;
}

.spinner_circle.part6 {
	-webkit-animation-delay:-0.200s;
	animation-delay:-0.200s;
}

.spinner_circle.part7 {
	-webkit-animation-delay:-0.100s;
	animation-delay:-0.100s;
}

.spinner_circle.part8 {
	-webkit-animation-delay:-0.00s;
	animation-delay:-0.00s;
}

@keyframes spinner {
	0%   {background:#000;}
	80%  {background:#b2b2b2;}
	100%  {background:#000;}
}
 
@-webkit-keyframes spinner {
	0%   {background:#000;}
	80%  {background:#b2b2b2;}
	100%  {background:#000;}
}


@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(359deg);}
    to   {-webkit-transform: rotate(0deg);}
}

div.spinner_circle {
	-webkit-animation:spinner 0.9s infinite;
	-moz-animation:spinner 0.9s infinite;

	animation:spinner 0.9s infinite;
	-webkit-transform-origin: 0% 50%; 
	transform-origin: 0% 50%; 
	
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px;
	
	position: absolute; 
	height: 4px;
	width: 4px; 
	left: 10px;
	top: 10px;
}

.retinaSpinner {
	display: inline-block;
	border: 0px solid red;
	z-index: 2000000000; 
	position: relative;
	height: 20px !important;
	width: 20px !important;
	padding: 0px !important;
}

.retinaSpinner.rotating {
	-webkit-animation: rotation 10s infinite linear;
 	-moz-animation: rotation 10s infinite linear;
  	-o-animation: rotation 10s infinite linear;
    animation: rotation 10s infinite linear;
}

/**
 * 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: 72px 30px 30px 23px;
	min-width: 315px;
}

/*body.c2start {
	padding: 112px 30px 30px 23px;
}*/

body.c2start #open-cargo2frame {
   /* color: rgba(0,0,0,.85);
    background: #ccccfe;
    padding: 2px 16px 2px;
    font-size: 17px;
    display: block;
    text-decoration: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    position: relative;
    cursor: default;
    margin-bottom: 24px;
    cursor: pointer;
    line-height: 38px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; 
    letter-spacing: 0.03em;*/
    /*display: none; background: #06f; height: 44px; line-height: 44px; padding: 0 20px; position: relative; z-index: 99; color: white; font-size: 15px; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; letter-spacing: 0.03em; cursor: pointer; margin-bottom: 24px; border-radius: 2px;*/
}

body.c2start #goto_c2site, body.c2start #open-cargo2frame {
	display: block; 
	background: #FFB200; 
	height: 44px; 
	line-height: 44px; 
	padding: 0 20px; 
	position: relative; 
	z-index: 99; 
	font-weight: bold; 
	color: white; 
	font-size: 15px; 
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif; 
	letter-spacing: 0.03em; 
	cursor: pointer; 
	text-decoration: none; 
	border-bottom: 0;
}

body.c2start #open-cargo2frame,
body.c2start #goto_c2site {
	line-height: 20px;
	padding: 20px 30px 20px;
	margin: -28px -30px 20px;
	font-weight: 400;
	background: #fff;
	color: #000;
	height: auto;
	letter-spacing: .01em;
	font-size: 17px;
	line-height: 1.4;
	border-bottom: 1px solid rgba(0,0,0,.15);
}

body.c2start #open-cargo2frame .close,
body.c2start #goto_c2site .close {
	position: absolute;
	    top: 14px;
    right: 14px;
	background: rgba(0,0,0,.2);
	color: #fff;
	border-radius: 20px;
	width: 19px;
	height: 19px;
	text-align: center;
	line-height: 1.3;
    font-size: 14px;
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
}

body.c2start #open-cargo2frame .close:hover,
body.c2start #goto_c2site .close:hover {
	background: rgba(0,0,0,.3);
}

body.c2start #open-cargo2frame .yellow {
	background: #ff0;
}

body.c2start #open-cargo2frame svg {
	width: 18px;
	margin-bottom: -2px;
	height: auto;
	fill: #000;
	box-sizing: border-box;
}

body.logout {
	padding: 30px;
}

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

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

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

:focus { outline: 0; }

.hide {
	display: none;
}
	
	/**
	 * Used in the project list
 	 * Top navigation in the admin frame which contains Post list, Settings, etc...
	 */
	 
	 .sticky_message {
	 	background: #ccf;
	 	border-radius: 33px;
	 	color: #000;
	 	display: inline-block;
	 	font-family: 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	 	font-size: 12px;
	 	height: 33px;
	 	line-height: 34px;
	 	margin: 0 0 20px 0;
	 	padding: 0 14px 0 14px;
	 	position: relative;
	 }

	 .sticky_message.click {
	 	cursor: pointer;
	 	padding-right: 42px;
	 }
	 
	 .sticky_message.click:hover {
	 	background: #b9b6ff;
	 	text-decoration: none;
	 }
	 
	 .sticky_message.click:active {
	 	background: #ccf;
	 	color: #fff;
	 }


	 
	 .close_sticky {
	 	color: #ffffff;
	 	position: absolute;
	 	top: 5px;
	 	right: 12px;
	 	font-size: 21px;
	 	line-height: 20px;
	 	cursor: pointer;
	 }
	 
	 .close_sticky:hover {
	 	color: #000;
	 }
	 
	 .close_sticky:active {
	 	
	 }
	
	.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;
			border-raduis: 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 {
			color: #999;
		}
		
		.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/svg/icon_plus_green.svg) 15px 14px no-repeat #fff;
	 	border: 1px solid #ccc;
	 	border-top: none;
	 	border-bottom: none;
	 	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;
			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,
		.project_list_navigation a#user_add:link,
		.project_list_navigation a#user_invite:link,
		.project_list_navigation a#user_add:visited,
		.project_list_navigation a#user_invite:visited,
		.project_list_navigation a#new_set:visited,
		.project_list_navigation a#new_set:link  {
			color: #999;
			padding: 2px 3px;
			
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-raduis: 3px;
		}
		
		.project_list_navigation a#new_page:hover,
		.project_list_navigation a#new_link:hover,
		.project_list_navigation a#user_add:hover,
		.project_list_navigation a#user_invite:hover,
		.project_list_navigation a#new_set:hover {
			color: #000;
		}
		
		.project_list_navigation a#new_page:active,
		.project_list_navigation a#new_link:active,
		.project_list_navigation a#user_add:active,
		.project_list_navigation a#user_invite:active,
		.project_list_navigation a#new_set:active {
			background: #000;
			color: #fff;
			text-decoration: none;
		}
		
		.project_list_navigation a.additional_information {
			color: #ccc;
			float: right;
			margin-right: 15px;
		}

		
		#post_info.additional_information {
			background: #fff;
			border: 1px solid #ccc;
			border-top: none;
			margin: -3px 0 0 0;
			padding: 0 18px 18px 13px;
		}
		
	/**
	 * Used in the admin navigation
	 * Dropdown menu for settings
	 */
	 
	 a#settings_link {
	        /*background: url(/_gfx/svg/settings_dropdown.svg) no-repeat right center;
	        padding-right: 12px;*/
	 }

	 img#settings_dropdown {
	 	float: right;
	 	margin-top: -4px;
	 	cursor: pointer;
	 	opacity: .3;
	    filter:alpha(opacity=30);
	 }

	 img#settings_dropdown.active {
	 	opacity: .5;
	    filter:alpha(opacity=50);
	 }

	 a#settings_symbol {
	        background: url(/_gfx/svg/settings_dropdown.svg) no-repeat 0 1px;
	        display: inline-block;
	        margin: 0 -5px -2px -2px;
	        overflow: hidden;
	        filter:alpha(opacity=50);
	        -moz-opacity: 0.7;
	        -khtml-opacity: 0.7;
	        opacity: 0.7;
	        text-indent: -9999px;
	        width: 20px; height: 10px;
	    }
	   
	    a#settings_symbol:hover {
	        filter:alpha(opacity=100);
	        -moz-opacity:1;
	        -khtml-opacity: 1;
	        opacity: 1;
	    }
	    
	     a#settings_symbol:active {
	        filter:alpha(opacity=80);
	        -moz-opacity: 0.8;
	        -khtml-opacity: 0.8;
	        opacity: 0.8;
	    }
	 
	 .settings_drop_navigation {
		display: none;
		color: #999;
		position: absolute;
		top: 70px; right: 30px;
		padding-top: 23px;
		width: 168px;
		z-index: 999;
	}

	 .settings_drop_navigation .wrapper {
		background: #fff;
		outline: 1px solid #aaa;
		z-index: 999;
	}

		.settings_drop_navigation a {
			border-bottom: 1px solid #ddd;
			color: #333;
			display: block;
			font-size: 12px;
			height: 24px;
			line-height: 24px;
			padding: 3px 10px 2px;
		}
		
		.settings_drop_navigation a.logout_link {
			border-bottom: 0;
			color: #999;	
		}

		.settings_drop_navigation a.last {
			border-bottom: 0;
		}
		
		.settings_drop_navigation a:hover {
			background: #f2f2f2;
			color: #000;
			text-decoration: none;
		}
		
		.settings_drop_navigation a:active {
			background: #e5e5e5;
			color: #000;
			text-decoration: none;
		}
		
		
	/**
	 * Used in the member list
 	 * Invite or add a member boxes
	 */
	 
	.user_action_box {
		border-top: 1px solid #ccc;
		display: none;
		font-size: 11px;
		padding: 15px 10px;
	}
	
		.user_action_box .user_action_box_note {
			margin: 0 0 10px 0;
		}
	
		.user_action_box input {
			background: #fff;
			border: 1px solid #ccc;
			display: block;
			float: left;
			margin: 0 10px 0 0;
			padding: 5px;
			width: 198px;
		}
		
		.admin_list .user_add_box .admin_list_submit_tags {
			width: 42px;
		}
		
		.admin_list .user_add_box .admin_list_loadspin {
			margin-left: 11px;
			margin-right: 21px;
		}
		
	/**
	 * Warnings which appear if the account has not upgraded
 	 * but has reached the limit of projects / pages.
	 */
		
	.account_limits {
    	background: url(/_gfx/fietsbord.png) no-repeat 10px center;
    	background: rgba(0,0,0,0) url(/_gfx/svg/fietsbord.svg) no-repeat 10px center;
		color: #666;
		font-size: 11px;
		border-top: 1px solid #ccc;
		padding: 15px 0 15px 40px;
	}
	
		.account_limits a:link,
		.account_limits a:visited {
			color: #666;
			text-decoration: none;
			border-bottom: 1px solid #666;
		}
		
		.account_limits a:hover {
			color: #000;
			text-decoration: none;
		}

		.account_limits a:active {
			color: #333;
		}
	
	/**
 	 * Used in the project list
 	 * A filter menu which appears if any of your projects are
 	 * part of a network.
	 */
	
	.project_sort {
		color: #999;
		font-size: 11px;
		padding: 12px 10px; 
		border-top: 1px solid #ccc;
	}
	
	/**
 	 * Used in the project list
 	 * Shown when a site is in offline mode
	 */

	 .project_offline .led {
	 	float: right;
		background: #ff0066;
		border-radius: 50%;
		margin: 7px 7px 0 0px;
		width: 6px;
		height: 6px;
	 }
	
	.project_offline {
		font-size: 10px !important;
		padding: 12px 0;
		border-top: 1px solid #ccc;
		text-transform: uppercase;
	}
	
		.project_offline a {
			color: #000000;
			padding: 12px 0;
			text-decoration: none;
		}
		
			.project_offline a span {
				border-radius: 3px;
				padding: 2px 3px;
			}
				
			.project_offline a:hover span {
				text-decoration: underline;
			}
			
			.project_offline a:active span {
				color: #999;
			}

	/**
 	 * Used in the project list
 	 * A draggable list of all the content on your site
	 */

	 body.dragging, body.dragging * {
		cursor: ns-resize !important;
	}

	body.dragging {
		overflow-x: hidden;
	}

	.dragged {
	  position: absolute;
	  opacity: 0.4;
	  z-index: 2000;
	}


	.admin_list li > div {
		position: relative;
	}

	.admin_list li.in_selection > div,
	.admin_list li.in_selection_nested > div {
		background: #e2e2e2;
	}

	.admin_list li .fold {
		cursor: pointer;
	}
	 
	.admin_list .root {
		list-style: none;
		padding-left: 0px;
		margin-top: 0px;
		border-bottom: 1px solid #ccc;
	}

	.admin_list ol.set {
		list-style: none;
		padding-left: 0px;
	}

	.admin_list li.set.active {
		background: #FFF;
	}

	.admin_list li.set.active li > div {
		background: #FFF;
	}

	.admin_list ol.set.closed li {
		display: none;
	}

	.admin_list ol.set li a.project_title {
		margin-left: 22px;
	}

	.admin_list .set .admin_list_project {
		border-top: 1px dotted #ccc;
	}

	.admin_list ol.set li:not(.ui-sortable-helper):last-child {
		border-bottom: none;
	}

		.admin_list_project.set > div a.project_title {
			font-weight: bold;
			margin-left: 22px;
			font-size: 14px;
		}

		.admin_list_project.set > div .project_delete {
			right: 3px;
		}

		.admin_list_project.set .arrow_css {
			margin-top: 17px;
			position: absolute;
			margin-left: 0px;
		}
	
		.admin_list .admin_list_project {
			background: #f2f2f2;
			border-top: 1px solid #ccc;
			clear: both;
			font-weight: bold;
	 		line-height: 13px;
	 		min-height: 43px;
	 		white-space: nowrap;
		}

			.admin_list_project a.project_title {
                color: #000;
                font-size: 12px;
                font-weight: normal;
                vertical-align: middle;
                display: inline-block;
                padding: 15px 0;
                text-decoration: none;
                white-space: nowrap;
                text-overflow:ellipsis;
                overflow: hidden;
                margin-left: 1px;
                max-width: 75%;        
                max-width: calc(100% - 80px);
                min-width: 20px;
            }
			
			.admin_list_project a.project_title.link,
			.admin_list_project a.project_title.page {
				font-weight: normal;
				color: #666666;
			}
			
				 .admin_list_project a.project_title span.project_title {
                    border-radius: 3px;
                    margin: 0 0 0 0px;
                    padding: 2px 0px;

                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-raduis: 3px;
                }            

				.user_info a.project_title span.project_title {
					margin: 0px;
				}
				
				.admin_list_project a.project_title:hover span.project_title {
					text-decoration: underline
				}
				
				.admin_list_project a.project_title.set:active span.project_title {
					color: #999;
					text-decoration: underline;
				}

				.admin_list_project a.project_title:active span.project_title {
					color: #999;
				}
				
				.admin_list_project span.project_type, 
				.admin_list_project a.project_type, 
				.admin_list_project a.project_type:hover,
				.admin_list_project a.project_type:active {
				    color: #999;
				    font-size: 11px;
				    font-weight: normal;
				    margin-left: 2px;
				    text-decoration: none;
				    vertical-align: bottom;
				    padding: 15px 0px;
				    display: inline-block;
				    line-height: 13px;
				}

               .admin_list_project span.project_type .itemcount {
				    display: inline-block;
				    vertical-align: bottom;
				    line-height: 11px;    
				}


				.admin_list_project span.project_type a.set {
					color: #999;
					right: 26px;
					top: 15px;
					position: absolute;
					display: none;		
				}

				li.admin_list_project div:hover a.set {
					display: inline-block;
				}

				.admin_list_project span.project_type a.set:active {
					color: #666;
				}
		
			.admin_list_project div.project_state {
				background-image: url(/_gfx/svg/project_state.svg);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 11px;
				right: 0px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 16px;
				width: 18px;
				border-radius: 0px;
				cursor: pointer;
			}
			
			.project_lock {
				background-image: url(/_gfx/svg/lock.svg);
				background-position: 0 0;
				background-repeat: no-repeat;
				height: 17px;
				right: 1px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 16px;
				width: 14px;
				border-radius: 0px;
				margin-top: -2px;
			}
			
				.admin_list_project div.project_state.off {
					background-position: 0 0;
				}
				
				.admin_list_project div.project_state.off:hover {
					background-position: 0 -22px;
				}
				
				.admin_list_project div.project_state.on {
					background-position: 0 -11px;
				}
				
				.admin_list_project div.project_state.on:hover {
					background-position: 0 -33px;
				}
				
			.admin_list_project a.project_delete {
				display: none;
				height: 14px;
				right: 25px;
				overflow: hidden;
				position: absolute;
				top: 14px;
				width: 13px;
				font-size: 15px;
				color: #aaa;
				font-family: "Lucida Grande";
			}
			
			.admin_list_project a.project_delete:hover {
				text-decoration: none;
				color: black;
			}

			.admin_list_project a.project_delete:active {
				text-decoration: none;
				color: #ccc;
			}
			
			li.admin_list_project div:hover a.project_delete {
				display: block;
			}
			
			.project_network {
				background: url(/_gfx/svg/network-icon.svg) no-repeat 0 0;
				height: 11px;
				right: -20px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 17px;
				width: 11px;
				z-index: 99;
			}

			li.in_selection .project_loadspin {
				background: #e2e2e2;
			}
			
			.project_loadspin {
				background: #f2f2f2;
				display: none;
				height: 20px;
				padding-top: 12px;
				right: 0px;
				position: absolute;
				top: 0px;
				width: 20px;
				z-index: 99;
			}
			
		.admin_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;
		}

		.admin_list li.filler {
			border-top: 1px solid #ccc;
			background-color: #e2e2e2;

			/* -moz-box-shadow:   inset 0  10px 10px -10px #696868, 
                        		inset 0 -10px 10px -10px #696868;
		    -webkit-box-shadow: inset 0  10px 10px -10px #696868, 
		                        inset 0 -10px 10px -10px #696868;
		     box-shadow:        inset 0  10px 10px -10px #696868, 
		                        inset 0 -10px 10px -10px #696868;*/
		}

		.admin_list ol li.filler + li:not(.project_placeholder) {
			border-top: 1px solid #ccc !important;
		}
			
		.admin_list li.project_placeholder {
			height: 2px;
			position: absolute;
			padding-right: 30px;
			z-index: 9999999;
			background: black !important;
		}

		.admin_list li.closed li.project_placeholder,
		.admin_list li.empty li.project_placeholder {
			display: none !important;
		}
		
		/**
 	 	 * Used in the Member list
 		 * A draggable list of all the content on your site
		 */
	 
		
		.user_list {
		
		}
		
			.user_list .admin_list_project a.project_title {
				float: left;
				margin: 0 15px 0 0;
				position: relative;
			}
			
			.admin_list_project .admin_list_tags {
				display: inline-block;
				font-size: 10px;
				margin: 16px 0 0;
			}
			
				.admin_list_project .admin_list_tags a {
					color: #bbb;
					font-weight: normal;
					text-decoration: underline;
				}
				
				.admin_list_project .admin_list_tags a:hover {
					color: #000;
				}
				
				.admin_list_project .admin_list_tags a:active {
					color: #666;
				}
				
			.user_list .user_info {
				margin: 0 50px 0 0;
				overflow: hidden;
			}
				
			.user_list .admin_list_project .project_delete {
				right: 20px;
			}
				
			.admin_list_project a.project_edit {
				background-image: url(/_gfx/project_edit.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
				display: none;
				height: 10px;
				right: 36px;
				overflow: hidden;
				position: absolute;
				text-indent: -9999px;
				top: 17px;
				width: 10px;	
			}
			
			.admin_list_project a.project_edit:hover {
				background-position: 0 -10px;
			}
				
			.admin_list_project .user_select {
				right: 0;
				height: 11px;
				margin: 0;
				padding: 0;
				position: absolute;
				top: 17px;
				width: 11px;
			}
			
			.admin_list_project .user_select:checked {
				display: block;
			}
			
			.user_list .admin_list_project:hover a.project_edit,
			.user_list .admin_list_project:hover .user_select {
				display: block;
			}
			
			.admin_list .admin_list_edit_tags {
				display: none;
				position: absolute;
				top: 43px; left: 10px;
			}
			
				.admin_list .admin_list_input_tags {
					background: #fff;
					border: 1px solid #ccc;
					color: #ccc;
					display: block;
					float: left;
					margin: 0 10px 0 0;
					padding: 5px;
					width: 198px;
					
					border-radius: 3px;
					-moz-border-radius: 3px;
					-webkit-border-radius: 3px;
				}
				
				.admin_list .admin_list_input_tags.focus {
					color: #000;
				}
				
				.admin_list .admin_list_submit_tags {
					display: block;
					float: left;
					margin: 4px 10px 0 0;
					height: 18px;
					width: 32px;
				}
				
				.admin_list a.admin_list_cancel {
					color: #999;
					display: block;
					float: left;
					font-weight: normal;
					line-height: 25px;
				}
				
				.admin_list a.admin_list_cancel:hover {
					text-decoration: underline;
				}
				
				.admin_list a.admin_list_cancel:active {
					color: #ccc;
					text-decoration: underline;
				}
				
				.admin_list .admin_list_loadspin {
					float: left;
					height: 20px;
					margin: 3px 16px 0 6px;
					width: 20px;
				}
		
	.project_pagination {
		color: #999;
		font-family: "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
		font-size: 12px;
		padding: 15px 0 0 0;
		text-align: left;
	}

	.project_pagination .loading_spinner {
		display: none;
	}

		.project_pagination a:link,
		.project_pagination a:visited,
		.project_pagination a:active {
			text-decoration: underline;
			color: #999;
		}

		.project_pagination a:hover {
			color: #666;
		}
		
		.project_pagination a:active {
			color: #999;
		}

		#admin_pagination_count {
			float: right;
		}

	.user_list_footer {
		font-size: 12px;
		height: 43px;
		position: relative;
	}
	
		.user_list_footer a.user_list_edit_checked {
			color: #666666;
			display: block;
			padding: 15px 0;
			position: absolute;
			top: 0; left: 30px;
		}
		
		.user_list_footer a.user_list_edit_checked_icon {
			background-image: url(/_gfx/project_edit.gif);
			background-position: 0 0;
			background-repeat: no-repeat;
			height: 10px;
			left: 10px;
			overflow: hidden;
			position: absolute;
			text-indent: -9999px;
			top: 19px;
			width: 20px;	
		}
		
	/**
 	 * Used in the project list
 	 * Multiple use cases which are used in various locations
	 */
	
	a.admin_frame_close {
		background: #1a1a1a;
		height: 29px;
		width: 29px;
		color: #ccc;
		font-size: 20px;
		line-height: 28px;
		text-align: center;
		position: absolute;
		top: 0;
		right: 30px;
		z-index: 999;
	}
	
	/* Toggles additional information which is contained in a separate DIV */
	
	a.additional_information:link,
	a.additional_information:visited {
		color: #999;
		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; 
		}	 
	 	
	 	.post_loading_anim {
	 		margin: 0 0 -6px 10px; 
	 		display:none;
	 	}

	 	#hi_res_info {
	 		display: none;
	 	}
	 /**
	 * Used in the project editor
 	 * Image uploader with drag and drop functionality
	 */
	 
	 .live_preview_enabled {
		height: 11px;
		width: 11px;
		margin-right: 6px;
	}
	 
	 #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;
			}

			div#fileupload-container.hover .ui-button-text, div#fileupload-container.hover .formatting_guide_link {
				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;
	 	}

	 	.formatting_guide_link {
	 		float: right;
			margin-top: 7px;
			margin-right: 15px;
	 	}
	 	
	 	/* 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/img-upload-cancel.gif) no-repeat 6px -54px;
			background: rgba(0,0,0,1) url(/_gfx/svg/img-upload-cancel.svg) no-repeat 6px -54px;
			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/img-upload-cancel.gif) no-repeat 6px -54px;
			background: rgba(255,0,51,1) url(/_gfx/svg/img-upload-cancel.svg) no-repeat 6px -54px;
			}
		
		.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;
	 			overflow: hidden;
	 		}
	 		
	 			div.imgcrop img {
	 				float: none;
	 			}
	 		
				div.imgcrop a {
					display: block;
					padding: 0;
				}
	 	
	 		a.deleteLink {
	 			display: none;
	 			float: right;
			    font-size: 15px;
			    line-height: 11px;
			    margin-top: -1px;
			    color: #999;
			    margin-right: -1px;
			    font-family: "Lucida Sans Unicode";
	 		}
	 		
	 		.msie a.deletelink {
	 			display: block;
				text-decoration: none;
	 		}
	 	
			a.deleteLink:hover {
				color: black;
				text-decoration: none;
			}
			
			a.deleteLink:active {
			    opacity:0.4;
			    filter:alpha(opacity=40);
				text-decoration: none;
			}
			
			div.img_holder:hover a.deleteLink {
	 			display: block;
				text-decoration: none;
	 		}
	 		
	/**
	 * 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;
			}

			.project_details_bg_color .add-field {
				height: 27px;
				float: left;
			}

			.project_details_bg_color .colorpicker {
				float: left;

				background-color: #fff;

				padding: 2px;
				border-radius: 3px;
				border: 1px solid #ccc;
				margin-left: 5px;
				cursor: pointer;
			}

			.project_details_bg_color .colorpicker .color {
				
				width: 21px;
				height: 21px;
				background-image: url('/_gfx/colorspectrum.png');
				background-repeat: no-repeat;
				background-size: 21px 21px;
				background-origin: content-box;

				pointer-events: none;

			}
			
			.project_details_password {
				border-top: 1px solid #ccc;
				line-height: 31px;
				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_direct_links {
		border-top: 1px solid #ccc;
		padding: 15px 0 0 0;
		margin-top: 15px;
		color: #bbb;
	}
	
	.project_editor_direct_links a {
		color: #bbb;
		margin-right: 10px;
		text-decoration: underline;
	}
	
	.project_editor_direct_links a:hover {
		color: #666666;
	}
	
	.project_editor_direct_links a:active {
		color: #999;
	} 		
		/* 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; 
				border-radius: 0;
			}
			
			#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/svg/admin-right-icon.svg); }
			#admin_frame_icons_container div#icon_bottom { background-image: url(/_gfx/svg/admin-bottom-icon.svg); }
			#admin_frame_icons_container div#icon_left { background-image: url(/_gfx/svg/admin-left-icon.svg); }
			
			#admin_frame_icons_container input {
				display: none;
			}

			#post_invite #invite_loader {
				margin-top: 14px;
			}
	 		
/**
 * 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: #ccc;
}
		
		
		
		
		
		
		
		
		
		
		
		
/**
 * 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 {
	position: absolute;
	right: 0px;
	top: 0;
	width: 400px;
}

#toolset_horiz .admin_frame_navigation {
	position: absolute;
	left: 20px;
	top: 72px;
}

#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;
		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;
	}

	#post_feed_toolbar {
		border: 1px solid #ccc;
		display: inline-block;
		-moz-border-radius: 3px;
		border-radius: 3px;
		height: 24px;
	}

	#post_feed_toolbar a {
		padding-bottom: 1px;
	}

	#post_feed_toolbar a img {
		border-right: 1px solid #ccc;
	}

	#post_feed_toolbar a:first-child img {
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-left-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomleft: 3px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}

	#post_feed_toolbar a img:hover {
		background: #e9e9e9;
	}

	#post_feed_toolbar a:last-child img {
		border-right: none;
		-webkit-border-top-right-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topright: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	
	#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: 0 30px 20px 30px;
	margin-top: 102px;
	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; }

#password_reset {
	margin-top: -60px;
}

#password_reset span {
	font-size:12px; color:#000; font-weight:bold;
}

img { border:0px; }

.color9 { color:#999; }

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

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

.red { color:#ff0033; }

.italic { font-style:italic; }

.blue { color:#0066ff; }

.add-field { color: #000; font-size:12px; width:200px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; 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; border-raduis: 3px; }
.add-field_slideshow { width:80px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-raduis: 3px; }
.add-field_slideshow_small { width:20px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.size-field { width:40px; padding:5px; background-color:#fff; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.add-field.meta-head { height: 60px; resize:vertical; }

.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;  }


/* personal domain */
.personal_domain {
	color: #333;
	font-size: 12px;
	line-height: 17px;
}

.personal_domain section {
	display: none;
}

.personal_domain a.button { 
	display: inline-block;
	color: #333; 
	font-weight: normal;
	padding: 7px 9px; 
	margin: 5px 0;
	background-color:#fff; 
	border: 2px solid #ccc; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	text-decoration: none;
}

.personal_domain a.button.external { 
	padding-right: 30px;
	background-image: url('/_gfx/admin_arrow_out.png');
	background-repeat: no-repeat;
	background-position: 96% 50%;
	background-size: 11px;
}

.personal_domain a.button:hover { 
	border: 2px solid #333;
	color: #333;
}

.personal_domain a.button:active { 
	-ms-transform: translate(0px,1px); /* IE 9 */
   	-webkit-transform: translate(0px,1px); /* Chrome, Safari, Opera */
    transform: translate(0px,1px);
}

.personal_domain section .email {
	text-decoration: underline;;
}

.personal_domain .inputfield {
	color: #333;
	font-size: 14px;
	padding: 5px 7px;
	width: 300px;
}

.personal_domain .inputfield_active {
	display: inline-block;
	color: #333;
	font-size: 14px;
	font-weight: normal;
	padding: 7px 9px; 
	margin: 5px 0;
	width: 300px;
	background-color:#f2f2f2; 
	border: 2px solid #ccc; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; 
	text-decoration: none;
}

.personal_domain .submit_domain {
	width: 70px;
	margin-top: 10px;
}

.personal_domain .check_iwmn {
	margin-top: 10px;
}

.personal_domain .error {
	display: none;
}

.personal_domain .domain_error {
	display: none;
}

.domain_removing {
	display: none;
}

.domain_submitting {
	display: none;
	margin-top: 10px;
	margin-bottom: -16px;
}

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

a.upgrade_label {
	background: #f06;
	color: #fff;
	padding: 4px 8px 6px 8px;
	text-decoration: none;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

a.upgrade_label:hover {
	background: #333;
	color: #fff;
}

a.upgrade_label:active {
	background: #000;
}

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

a.arrow_link, a.arrow_link:hover {
	text-decoration: none;
}

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.inspector_button {
		padding: 10px 0 0 10px; 
		position: fixed; 
		right: 10px; 
		bottom: 22px;
	}
	
	div.inspector_button_beta_note {
		position: fixed; 
		right: 39px; 
		bottom: 2px;
		color: #666;
		font-size: 11px;
		font-weight: normal;
		font-family:arial, sans-serif;
	}
	
	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;
	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: 12px; height: 12px;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;

	border-radius: 5px;
}

	.color_button .editor_loadspin img {
		position: absolute;
		top: 4px; left: 4px;
	}

	div.editor_loadspin img {
		margin: 0;
		width: 13px; height: 13px;
	}

	div.editor_loadspin .retinaSpinner {
		transform: scale(0.6);
		-ms-transform: scale(0.6);
		-webkit-transform: scale(0.6); 

		-webkit-animation: none;
		margin-left: -4px;
		margin-top: -2px;
		border: none !important;
	}

	div.editor_loadspin .retinaSpinner * {
		border: none !important;
	}

	.color_button .editor_loadspin .retinaSpinner {
		margin-top: -4px;
	}
	
	a.cargo-button.save div.editor_loadspin {
		right: 5px; top: 2px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}

	a.cargo-button.preview div.editor_loadspin {
		right: 5px; top: 2px;
		-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_menu {
	background: #000;
	display:block;
	height: 44px;
	padding-left: 6px;
	position: fixed;
	top: 0px; right: 0px; left:0px;
	z-index: 99;
	border-bottom: 1px solid #333;
	font-size: 12px;
}

span.message {
	margin-right: 10px;
	color: #ff0066;
}

span.message.selected {
	color: #ccc;
}

.template_menu .cancel {
	line-height: 44px;
	float: right;
	margin-right: 20px;
	color: #ff0066;
}

.template_menu .txt {
	float: left;
	color: #ccc;
	margin-left: 13px;
	line-height: 44px;
}

.template_menu .cancel:active {
	color: #666;
}

.template_menu_tabs {
	margin-top: 45px;
	height: 44px;
	padding-left: 1px;
	font-size: 0;
	border-bottom: 1px solid #333;
	background: #1e1e1e;
	position: fixed;
	width: 100%;
	z-index: 999;
	min-width: 380px;
}

.template_menu_tabs .tab {
	display: inline-block;
	float: left;
	height: 44px;
	border-right: 1px solid #333;
	font-size: 11px;

	color: #999;
	line-height: 41px;
	text-align: center;
	text-decoration: none;
}


.template_menu_tabs .tab:nth-child(1) {
	width: 29%;
}

.template_menu_tabs .tab:nth-child(2) {
	width: 38%;
}

.template_menu_tabs .tab:nth-child(3) {
	width: 32%;
}

.template_menu_tabs .tab:hover {
	background: #000;
}

.template_menu_tabs .tab:active {
	background: #000;
}

.template_menu_tabs .tab.active {
	background-color: #333;
	color: #fff;
	cursor: pointer;
	text-decoration: none;
}

.template_menu_tabs .tab:last-child {
	border-right: 0px;
}

.menu_bottom_padding {
	padding-bottom: 40px;
}

.template_container_note {
	font-size: 12px;
	text-align: left;
	margin-left: 16px;
	padding-top: 15px;
	color: #888;
}


.template_container_note label {
	margin-left: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.template_container_note label:hover {
	cursor: pointer;
}

	.template_container table .status_label {
		color: #ff0066;
	}

	.template_container table .status_label.selected {
		color: #ccc;
	}

.template_tabs .tab span { font-weight:normal; }
.template_container { padding-bottom:30px; padding-top: 0px; clear:both; color:#ccc; font-size:12px; text-align: center; }
.template_container table { font-size:12px; color:#ccc; position:absolute; margin-top:31px; left:41px; padding-bottom: 30px; width: 335px;}
.template_container table td { padding-bottom: 14px; }

.cargo_2_message { text-align: left; padding: 128px 40px 0px; font-size: 14px; font-weight: 400; color: rgba(255,255,255, 0.7); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif"; font-style: normal; line-height: 1.3; width: 100%; box-sizing: border-box;}
.cargo_2_message a:active {
	opacity: .7;
}

.template_container .wrapper {
	display: inline-block;
	margin: 0px 10px 30px 10px;
	padding: 7px;
	padding-bottom: 6px;
	border: 2px solid transparent;
	border-radius: 3px;
	width: 318px;
}

.template_container .wrapper:hover {
	border: 2px solid #666;
}

.template_container .wrapper.active {
	border: 2px solid #ff0066;
}

.template_container .wrapper.selected {
	border: 2px solid #0AAF86;
}

.template_container .wrapper .devlabel {
	background-image: url(/_gfx/developer_label.png);
	background-size: 75px 17px;
	background-repeat: no-repeat;
	width: 75px;
	height: 18px;
	position: relative;

	float: right;
	margin-top: 15px;
}

.template_container a {
	color: #ccc;
	text-decoration: underline;
}

.template_container a:hover {
	color: #fff;
}

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

.template { cursor:pointer; height: 318px; }
.template.hover { }
img.template.select { 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 {height:13px; font-size: 12px; padding:5px 0 25px 0px; }

.template_container .current { margin-left:5px; }
.template_name { color:#aaa; padding:13px 0 0 0; text-align: left; }
a.green { color:#0aaf86; }
a.green:active { background:none; color:#666; }
.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:#666; }

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:318px; height:318px; background-color:#000; z-index:10; display:none; opacity:0.65; filter:alpha(opacity=65); margin-top:24px; }
.save_button { font-size:18px; color:#0AAF86; background:#fff; padding:10px 20px; text-decoration:none;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin:44px 0px 0px 20px; cursor:pointer; z-index:11; position:absolute; display:none; }
.save_button.upgrades { margin: 20px 0px 0px 20px; }
.save_button.loading { padding: 0; background: transparent; }
.save_button:hover { color:#000; }

.upgrade_button { margin: 44px 0px 0px 20px; font-size:18px; color:#0AAF86; background:#fff; padding:10px 20px; text-decoration:none;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; cursor:pointer; z-index:11; position:absolute; display:none; }
.upgrade_button:hover { color:#000; }

.design_thumb_overlay.select { display:block; }
.save_button.select { display:block; }
.upgrade_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; }

.template_container .design_title {
        background: url(/_gfx/homeimg/browser-top.gif);
        color: #1e1e1e;
        font-size: 12px;
        font-family: Arial, sans-serif;
        font-weight: bold;
        height: 24px;
        line-height: 24px;
        text-align: center;
        width: 318px;
}
.template_container .design_footer {
	background: url(/_gfx/homeimg/browser-bottom.gif);
	height: 8px;
	margin-top: -6px;
	width: 318px;
}

/* 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;
						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;
					}

					#reset_spin {
						float: left;
						padding-left: 10px;
						display: none;
					}

					.reset_submit {
						float: left;
					}
			
			.hidden_frame {
				visibility: hidden;
			}
			
			
			
			
			
	/* Login styles > Admin frame
	*******************************************************************************************************/
	
	#login_embed {
		margin: -30px auto 0;
		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;
				height: 32px;
			}
			
				#login_embed .login_fields input:focus {
	 				border-color: #999 !important;
	 				color: #000;
				}

				#login_embed .login_fields ::-webkit-input-placeholder {
				   color: #ccc;
				}

				#login_embed .login_fields :-moz-placeholder { /* Firefox 18- */
				   color: #ccc;  
				}

				#login_embed .login_fields ::-moz-placeholder {  /* Firefox 19+ */
				   color: #ccc;  
				}

				#login_embed .login_fields :-ms-input-placeholder {  
				   color: #ccc;  
				}
				
				/*#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 ::-webkit-input-placeholder {
						   color: #666;
						}

						#login_page .login_fields :-moz-placeholder { /* Firefox 18- */
						   color: #666;  
						}

						#login_page .login_fields ::-moz-placeholder {  /* Firefox 19+ */
						   color: #666;  
						}

						#login_page .login_fields :-ms-input-placeholder {  
						   color: #666;  
						}
						
						/* #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;
				}


.site_summary {
    background: white;
    border: 1px solid #ccc;
    padding: 10px;
    padding-left: 15px;
    position: relative;
    line-height: 1.6em;
    color: #666;
}

.site_summary .title {
    font-weight: bold;
    color: #333;
    line-height: 1.7em;
}

.site_summary .arrow {
    color: #ccc;
}

.site_summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.site_summary .mail,
.site_summary .username {
	max-width: 150px;
	text-overflow:ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: inline-block;
	vertical-align: top;
}

.site_summary .username {
	max-width: 144px;
}

/******************************************************************************
 *
 * Payment history
 *
 *****************************************************************************/		

.payment_history {
	padding:60px;
	font-size: 14px;
	line-height: 1.5;
}
		
	.payment_history span {
		color:#f06;
	}

	.payment_history ul {
		list-style: none;
		padding: 20px 0 0 0;
		margin: 0;
	}

	.payment_history li {
		width: 100%;
		display: block;
		padding: 3px 0;
	}

	.payment_history li div {
		display: inline-block;
		width: 65px;
	}

	.payment_history .invoice_number {
		/*width: 65px;*/
	}

	.payment_history .name {
		width: 135px;
	}

	.payment_history .last_four {
		width: 40px;
	}

	.payment_history .terms {
		/*width: 65px;*/
	}

	.payment_history .amount {
		/*width: 65px;*/
	}

	.payment_history .date {
		width: 100px;
	}

	.payment_history .status {
		/*width: 65px;*/
		color: #f06;
	}
	
	.payment_history a {
		color: #000; 
		text-decoration:underline; 
		background: transparent !important; 
		padding:0px;
	}

	.payment_history a:hover {
		color: #666; 
	}

	.payment_history a:active {
		color: #333; 
	}
	

/******************************************************************************
 *
 * 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;
	}

/******************************************************************************
 *
 * Edit design, make new design
 *
 *****************************************************************************/		

#post_developers .steps {
	display: none;
}

#post_developers #step_1 {
	display: block;
}

#post_developers #step_2 {
	display: none;
	height: 80px;
}

#post_developers #reset_2,
#post_developers #reset_3 {
	display: none;
	font-size: 12px; 
	line-height: 1.6;
}

#post_developers ._input {
	float: left;
}

#post_developers ._button {
	margin: 6px 0 0 6px;
}

#post_developers ._spinner {
	display: none;
	margin: 4px 0 0 6px;
}

/* 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; }