/* -----------------------------------------------------------------------------------

	Filename: styles.css
	Description: Main styles for CampaignPress WordPress plugin (administration).
	Website: floatingmonk.co.nz
	Author: Brendan Kilfoil <brendan@floatingmonk.co.nz>
	
	== STRUCTURE ======================================================================
	
	$__global		Base styles
	$__dashboard	Dashboard styles
	$__about			About styles
	$__clients		Clients pages
	$__settings		Settings pages


----------------------------------------------------------------------------------- */


/* 	__global
------------------------------------------------------------------------------------*/

	.campaignpressadmin  .icon32 {
		background: transparent url(../images/icon32.png) no-repeat;
	}	
	
	.campaignpressadmin  .icon32#icon-campaignpress-addons {
		background: transparent url(../images/icon32-addons.png) no-repeat;
	}
	
	.campaignpressadmin .faux-updated {
		background-color: #ffffe0;
		color: #000;
		padding: 3px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #e6db55;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
/* 	__dashboard
------------------------------------------------------------------------------------*/

	.campaignpressadmin  fieldset.dashboard .inside {
		padding: 15px;
		font-size: 0.9em;
	}
	
	.campaignpressadmin .footer-link {
		font-size: 10px;
		font-style: italic;
		margin-right: 20px;
		text-align: right;
	}
	
	
/* 	__about
------------------------------------------------------------------------------------*/

	.campaignpressadmin  fieldset.about {
		width: 760px;
	}	

	.campaignpressadmin #about-floatingmonk {
		background: transparent url(../images/floatingmonk.png) no-repeat;
		display: block;
		float: left;
		height: 301px;
		margin: 40px 70px 40px 40px;
		width: 314px;
	}		
	
	.campaignpressadmin #about-text {
		padding-top: 40px;
		padding-right: 30px;
	}	
	
	
/* 	__clients
------------------------------------------------------------------------------------*/	
	
	.campaignpress-confirm-text {
		background-color: #ffffe0;
		color: #676446;
		padding: 3px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #e6db55;
		margin: 0 10px;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	.campaignpress-confirm-text-delete {
		background-color: #f00;
		color: #fff;
		padding: 3px 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #f00;
		margin: 0 10px 0 0;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
	#campaignpress-client-approve-cancel-text {
		margin-left: 5px;
	}	
	
	#campaignpress-client-approve-confirm-box {
		display: none;
		clear: both; 
		margin: 10px 0 5px -10px;
	}
	
	#client-status-display {
		background: #fff;
		display: block;
		font-weight: bold;
		font-size: 1.1em;
		margin-bottom: 10px;
		padding: 10px;
		text-align: center;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
	
		#client-status-display.awaitingapproval {
			background: #ffc600;
			color: #544100;
			text-shadow: #ffe68e 0 1px 0;
		}
		
		#client-status-display.active {
			border: 1px solid #f2f2f2;
		}
		
		#client-status-display.inactive {
			background: #ccc;
			color: #5a5a5a;
			text-shadow: #fff 0 1px 0;
		}
		
/* 	__settings
------------------------------------------------------------------------------------*/	
	
	.campaignpressadmin #settings-tabs {
		width: 98%;
	}
	
	.campaignpressadmin #settings-tabs input, .campaignpressadmin #settings-tabs select, .campaignpressadmin #settings-tabs textarea {
		font-family: Arial, Helvetica, Sans-Serif;
	}
	
	/* custom field edit boxes */
	.custom-field-options {
		display: none;
		background: #e7e7e7;
		font-size: 10px;
		margin: 15px 0 20px 0;
		padding: 10px 15px;
		-moz-border-radius: 3px;
		-khtml-border-radius: 3x;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	
		.custom-field-options .custom-field-options-cancel {
			display: none;
		}
	
		.custom-field-options .custom-field-header {
			font-weight: bold;
			margin: 0 0 6px 0;
		}
	
		.custom-field-options li {
			font-size: 10px;
			line-height: 1.3em;
		}
		
		.custom-field-options .value-block {
			margin: 15px 0 0 0;
		}
		
			.custom-field-options .value-block input {
				width: 200px;
			}
	
	/* Text below labels */
	.campaignpressadmin .email-codes {
		color: #707070;
		padding: 10px;
		margin: 10px 0;
		width: 70%;
	}
	
		.campaignpressadmin .email-codes p {
			font-size: 0.8em;
			font-weight: bold;
			margin: 5px 2px;
		}
	
		.campaignpressadmin .email-codes ul {
			margin: 10px 0;
		}
		
			.campaignpressadmin .email-codes ul li {
				font-size: 0.9em;
			}	
		
	.campaignpressadmin .hint {
		color: #707070;
		padding: 0 10px;
		margin: 10px 0;
		width: 80%;
	}	
	
		.campaignpressadmin .hint p {
			font-size: 0.8em;
		}		
	
	
	/* Main container styling */
	.campaignpressadmin fieldset {
		background: #fcfcfc;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #eee;
		padding: 5px 5px 20px 5px;
		margin: 10px 0 20px 0;
	}
	
	.campaignpressadmin legend {
		color: #555;
		font-weight: bold;
		padding: 0 10px;
		margin-left: 5px;
	}

	.campaignpressadmin label {
		font-size: 0.9em;
		margin-left: 10px;
	}
		
		.campaignpressadmin label.checkbox {
			font-size: 0.9em;
			padding-left: 5px;
			margin: 2px 0;
		}

	.campaignpressadmin .error p {
		font-weight: bold;
	}
	
		.campaignpressadmin .error p span {
			font-weight: normal;
		}
		
	.campaignpressadmin .error li {
		margin-left: 30px;
		list-style-type: disc;
		line-height: 1em;
	}
	
	.campaignpressadmin span.extra {
		margin-left: 20px;
	}
	
	/* Deleting things, like groups */
	.campaignpressadmin a.delete {
		padding: 2px;
		color: #f00;
		text-decoration: none;
		border-bottom: 1px solid #f00;
	}
	
		.campaignpressadmin a.delete:hover {
			color: #fff;
			background: #f00;
			text-decoration: none;
		}
	
	/* For the groups page */
	.campaignpressadmin #billing_fees div.currency_major {
		color: #989898;
		margin-top: 2px;
		float: left;
		width: 15px;
		font-size: 1.3em;
	}
	
	.campaignpressadmin #billing_fees span.currency_minor {
		color: #989898;
		font-size: 1em;
		margin-left: 10px;
	}	

	/* The ajax loading image is usually not as horizontally aligned as we'd like, so fix it */
	img.offset-ajax-loading {
		margin: 0 10px -3px 5px;
	}
	
	/* Text next to fields, such as the link from the client page to the group page */
	.campaignpressadmin span.side-link {
		margin-left: 15px;
	}
	
	/* Custom fields */
	.campaignpressadmin ul.connectedSortable, .campaignpressadmin ul#permanent-fields {
		min-height: 15px;
		height: auto !important;
		height: 15px;
	}

		.campaignpressadmin .connectedSortable li, .campaignpressadmin #permanent-fields li {
			margin: 0 5px 5px 0px; 
			padding: 6px; 
			font-size: 0.9em; 
			font-weight: bold;
			border: 1px solid #dfdfdf;
			background:#d9d9d9;
			background:-moz-linear-gradient(bottom,#dfdfdf,#ededed);
			background:-webkit-gradient(linear,left bottom,left top,from(#dfdfdf),to(#ededed));
			cursor: move;
			-moz-border-radius: 6px;
			-khtml-border-radius: 6x;
			-webkit-border-radius: 6px;
			border-radius: 6px;
			text-shadow:#fff 0 1px 0;
			width: 200px; 
		}
			
			.campaignpressadmin .connectedSortable li.static, .campaignpressadmin #permanent-fields li.static {
				font-weight: normal;
				color: #acacac;
				cursor: none;
			}
				
			.campaignpressadmin .connectedSortable li.highlight {
				background: #eeffe8;
				border: 1px solid #9bdc85;
				color: #5bb63c;
			}
			
			.campaignpressadmin .connectedSortable li.highlight a {
				display: none;
			}
			
			.campaignpressadmin .connectedSortable li.placeholder {
				border: 1px dotted #ccc;
				background:#fff;
				cursor: move;
				-moz-border-radius: 6px;
				-khtml-border-radius: 6x;
				-webkit-border-radius: 6px;
				border-radius: 6px;
				width: 200px; 
				height: 15px;
			}
			
			.campaignpressadmin .connectedSortable li div.action {
				float: right;
				margin-right: 2px;
			}
						
			
	/* Modal dialogs for custom fields */
	
	.campaignpressadmin .dialog-content {
		display: none;
	}
	
	.ui-dialog  {
		background: #fcfcfc;
		border: 6px solid #ccc;
		padding: 0;
		-moz-border-radius: 6px;
		-khtml-border-radius: 6x;
		-webkit-border-radius: 6px;
		border-radius: 6px;
	}
		
		.ui-dialog .ui-dialog-titlebar {
			background: #efefef;
			padding: 8px 12px 6px 12px;
		}
		
		.ui-dialog.delete  {
			background: #fff;
			border-color: #f00;
		}
		
		.ui-dialog .dialog-content {
			padding: 10px 20px 5px 20px;
		}
			.ui-dialog .dialog-content p {
				margin: 10px 0 20px 0;
			}
		
			.ui-dialog .dialog-content input, .ui-dialog .dialog-content select{
				font-size: 1em;
				margin-bottom: 5px;
			}
			
			.ui-dialog .dialog-content .label{
				margin: 3px 0 2px 5px;
			}
			
			.ui-dialog .dialog-content .dialog-buttons {
				font-weight: normal;
				font-size: 11px;
			}
		
			.ui-dialog .dialog-error-box {
				display: none;
				background-color: #ffebe8;
				border-color: #cc0000;
				clear: both;
				border-width: 1px;
				border-style: solid;
				padding: 0 2em 0.6em 2em;
				margin: 5px 2px 10px;
				-moz-border-radius: 3px;
				-khtml-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
				.ui-dialog .dialog-error-box p {
					font-size: 1.1em;
				}
			
				.ui-dialog .dialog-error-box li {
					font-size: 0.9em;
					font-weight: normal;
					margin-left: 30px;
					list-style-type: disc;
					line-height: 1em;
				}