/* @override 
	http://localhost:4321/assets/public/css/sparkles-admin.css
	http://localhost:5432/assets/public/css/sparkles-admin.css
*/

/* General Styles */
* {
	font-family: 'Lucida Grande','Lucida Sans','Lucida Sans Unicode'; 
	font-weight: 100;
}
html {
	background: #252525;
}
body {
	letter-spacing: -1px; 
	margin: 0; 
	padding: 0;
}
h1 {
	color: #575555; 
	font-size: 25px; 
	font-weight: normal; 
	letter-spacing: -1px; 
	margin: 0; 
	margin-top:20px;
}
h2 {
	color: #999999;
	font-size: 23px; 
	font-weight: normal; 
	letter-spacing: -1px; 
	margin: 0;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
button.link_button {
	border: none;
	float: left;
	font-size: inherit;
	height: 30px;
}
form.mini {
	float: left;
	font-size: inherit;
}
form.mini-form{
	display: inline-block;
}
#header {
	background: #575555; 
	height: 57px; 
	padding: 2px 0; 
	width: 100%;
}
#subheader {
	background: #999999; 
	height: 41px; 
	line-height: 4px; 
	width: 100%;
}
#subheader h1 {
	clear: both;
	color: #FFFFFF;
	float: left; 
	font-size: 25px; 
	margin-top: -10px;
	padding: 0 43px; 
	width: 600px;
}
#header div.tab-container {
	
}
#header a.tab {
	background: #797777;
	border-radius-top-led: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	color: #FFFFFF;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 8px 11px 4px;	
	position: relative;	
	text-decoration: none;
	top: 27px;
}
body#home a#home-tab,
body#sitemap a#sitemap-tab, 
body#subsites a#sites-tab, 
body#events a#events-tab,
body#news a#news-tab,
body#blog_posts a#blog-tab,
body#members a#members-tab
{
	background: #999999;
	z-index: 0;
}
#page-content {
	margin: 0 auto;
	padding: 0 43px 48px;
}
br.clearfix { 
	clear:both;
	height: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.float-left {
	float: left;
}
input.rounded-textbox {
	border: 1px solid #FFFFFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 13px;
	padding: 4px;
	text-align: center;
	width: 90px;
}
.orange-text {
	color: #ff7300;
}
.medium-x {
	font-size: 13px;
}
.center-block {
	display: block;
	text-align: center;
	width:100%; 
}
.negative-6-left {
	margin-left: -6px;
}
img.subhead-icon { 
	margin-right: 10px;
	margin-top: 10px;
}
div#user-status { 
	border-left: 1px solid #888686;
	color: #FFFFFF; 
	float: right; 
	margin-top: 0; 
	padding: 18px 12px 0; 
	width: 263px;}
#user-status p{
	font-size: smaller;
	color: #949494;
}
#user-status p a{
	color: #949494;
}
div#current-site-header { 
	color: #FFFFFF;
	float: left; 
	font-size: 17px; 
	letter-spacing: 0; 
	line-height: 22px; 
	padding: 10px 43px; 
}
#footer {
	background: #575555;
	bottom: 0;
	color: #999999;
	font-size: 13px;
	height: 41px; 
	line-height: 41px;
	text-align: center;
	width: 100%;
	position: fixed;
}

/* Login Styles */
#login-box {
	background: #efefef;
	border: 1px solid #d7d7d7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	height: 226px;
	margin: 140px auto;
	padding:15px;
	width: 176px;
}
#login label {
	color: #575555;
	font-size: 18px;
}
#login a.center-block img {
	padding-top: 5px;
}
#login input[type='text'], 
#login input[type='password'] {
	border: 1px solid #bbbbbb;
	font-size: 20px;
	margin: 5px 0px 11px;
	padding: 5px; width: 163px;
}
#login #login-submit {
	background: transparent url(/assets/public/images/orange-button.png) no-repeat 0 0; 
	color: #FFFFFF;
	border: none;
	font-size: 18px;
	height: 39px;
	margin: 3px 33px;
	padding: 8px 0;
	text-align:center; 
	width: 110px;
}
	#login #login-submit:hover{
		background: url(/assets/public/images/orange-button.png) no-repeat 0 -39px; 
		padding: 10px 0 6px 0;
	}

/* Dashboard Styles */
#dashboard-create, 
#dashboard-edit {
	margin: 0 auto;
	width: 362px; 
}
	#dashboard-create h1, 
	#dashboard-edit h1 {
		color: #999999; 
		padding-bottom: 20px;
	}
ul.big-icon-list {
	list-style-type: none; 
	margin: 0; 
	padding: 0;
}
	ul.big-icon-list li { 
		display:block; 
		float:left; 
		padding-right: 25px; 
		text-align: center; 
		width:90px;
	}
		ul.big-icon-list li a { 
			color: #575555;
			text-decoration: none; 
		}

/* Edit Styles*/
div#box-container {
	margin: 0 auto;
	width: 930px;
	z-index: 1;
	position: relative;
}
#box-container .edit-container{
  width: 800px;
  margin: 0 auto;
  position: relative;
}
	div#edit-box { 
		background: #f1f1f1;
		border: 1px solid #d7d7d7;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #575555;
		float: left;
		font-size: 18px;
		margin: 10px auto;
		padding: 12px;
		padding-bottom: 20px;
		position: relative;
		width: 500px;
		z-index: 1;
	}
		#edit input[type='text'] {
			border: 1px solid #bbbbbb;
			font-size: 20px;
			margin: 5px 0px 11px;
			padding: 5px; width: 447px;
		}
		#button-container {
			margin-top: 6px;
			text-align: center;
			width: 500px;
		}
			#edit #save-draft {
				background: url(/assets/public/images/grey-button.png) no-repeat 0 0;
				color: #575555;
				font-size: 18px;
				height: 39px;
				padding: 3px 0;
				text-align:center; 
				width: 110px;
				border: none;
			}
				#edit #save-draft:hover {
					background: url(/assets/public/images/grey-button.png) no-repeat 0 -39px;
				}
			#edit #publish {
				background: url(/assets/public/images/green-button.png) no-repeat 0 0; 
				color: #FFFFFF;
				font-size: 18px;
				height: 39px;
				padding: 2px 0 2px;
				text-align:center; 
				width: 110px;
				border: none;
			}
				#edit #publish:hover {
					background: url(/assets/public/images/green-button.png) no-repeat 0 -39px;
					padding: 2px 0 -1px;
				}
		#save-status {
			font-size: 13px;
			padding: 5px 0;
			text-align: center;
		}
	div#popout-box { 
		background: #f1f1f1 url(/assets/public/images/popout-shadow.png) repeat-y top left;
		border: 1px solid #d7d7d7;
		border-radius-top-right: 4px;
		border-radius-bottom-right: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-bottomright: 4px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		color: #575555;
		right: 0;
		font-size: 18px;
		margin: 28px -1px;
		padding: 12px;
		position: absolute;
		width: 250px;
		z-index: 0;
	}
		div#popout-titlebar {
			border-bottom: 1px solid #d7d7d7;
			height: 25px;
			width: 100%;
			margin-bottom: 5px;
		}
			div#popout-collapse {
				float: right;
			}
		div.slider-container {
			font-size: 14px;
			margin: 5px 0 12px;
			width: 154px;
		}
		div.main-slider-container * {
			font-weight: bold;
		}
			div.slider {
				background: #ffffff;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				cursor: move;
				letter-spacing: 0;
				padding: 5px;
				width: 74px;
				text-align: center;
			}
			div.slider-off {
				background: #ffffff;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				cursor: move;
				left: 70px;
				letter-spacing: 0;
				padding: 5px;
				position: relative;
				width: 74px;
				text-align: center;
			}
			div.slider-background {
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				cursor: pointer;
			}
			div.slider-background-general-custom {
				background: #d7d7d7 url(/assets/public/images/slider-bg-gen-cust.png);
			}
			div.slider-background-now-later {
				background: #d7d7d7 url(/assets/public/images/slider-bg-now-later.png);
			}
			div.slider-background-yes-no {
				background: #d7d7d7 url(/assets/public/images/slider-bg-yes-no.png);
			}
			div.slider-background-public-private {
				background: #d7d7d7 url(/assets/public/images/slider-bg-pub-priv.png);
			}
			div.slider-background-enabled-disabled {
				background: #d7d7d7 url(/assets/public/images/slider-bg-enabled-disabled.png);
			}
		div.page-settings-container-current {
			width: 1000px;
		}
		div#page-settings-container-1, div#page-settings-container-2 {
			float:left;
			margin-right: 27px;
		}
		div.page-settings-container {
			width: 250px;
			overflow: hidden;
		}
		hr.one-px-grey {
			background-color: #d7d7d7;
			border: 0 none;
			color: #d7d7d7;
			height: 1px;
		}
		div.control-label {
			font-size: 14px;
			width: 249px;
		}
			div#page-summary-textarea, div#page-keywords-textarea {
				background: #d7d7d7;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				margin: 7px 0;
				padding: 2px 7px;
			}
			div#page-summary textarea, div#page-keywords textarea {
				height: 100px;
				margin: 5px 0 5px;
				width: 233px;
			}
		div.settings-collapse {
			float: right;
		}
		div#start-publish-date{
			display: none;
		}
	a.pmt-img {
		display: block;
		float: left	;
		margin: 2px;
		outline: none;
		padding: 3px 3px 0;
	}
	a.pmt-img-selected {
		background: #d7d7d7;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
/* Page List CSS */
	#pages-list, .list-view, .form-view {
		background: #f1f1f1;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		color: #575555;
		font-size: 14px;
		margin: 10px 0 15px;
		padding: 10px;
		overflow: auto;
	}
	#pages-list table, .list-view table{
		width: 100%;
	}
	#pages-list table tfoot, .list-view table tfoot td{
		padding-top: 15px;
}
	#pages-list .list-header-group, .list-view .list-header-group 
	{
		border-bottom: 1px solid #d7d7d7;
		font-size: larger;
		position: relative;
	}
	#pages-list .list-header, .list-view .list-header 
	{
		color:#575555;
		font-size:18px;
		padding-bottom: 5px;
	}
	.page-listing-child {
		background-position: 46px 0;
		display: none;
	}
	.page-listing-item {
		border-bottom: 1px solid #d7d7d7;
		
	}
		.page-listing-item td{
			padding: 8px 0;
		}
		.page-listing-page {
			background: url(/assets/public/images/page-listing-page.png) no-repeat 8px 0px;
		}
		.page-listing-blog {
			background: url(/assets/public/images/page-listing-blog.png) no-repeat 8px 0px;
		}
		.page-listing-subsite {
			background: url(/assets/public/images/page-listing-subsite.png) no-repeat 8px 0px;
		}
		.page-listing-link {
			background: url(/assets/public/images/page-listing-link.png) no-repeat 8px 0px;
		}
		.page-listing-home {
			background: url(/assets/public/images/page-listing-home.png) no-repeat 8px 0px;
		}
		.page-listing-event {
			background: url(/assets/public/images/page-listing-event.png) no-repeat 8px 0px;
		}
		.page-listing-cell {
		}
			div.move-controls {
				background: #f1f1f1;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				display: none;
				height: 30px;
				position: absolute;
				left: 0;
				margin-top: -5px;
				overflow: hidden;							padding: 5px;
				padding-right: 20px;
			}
				form.move-arrow {
					display: inline;
				}
			.page-listing-expand {
				width: 23px;
				height: 28px;
			}
				a.expand {
					outline: none;
				}
			#pages-list #page-listing-expand-collapse {
					width: 35px;
				}
			.page-listing-title {
				cursor: default;
				padding-left: 38px;
				min-width: 400px;
				padding-top: 8px;
				padding-bottom: 8px;
			}
			.page-listing-title a em{
				color: #777777;
			}
			.page-listing-title a
			{
				text-decoration: none;
				color: #575555;
			}
			.page-listing-title div a{
				text-decoration: underline;
				font-weight: inherit;
			}
			.page-listing-title a.page-listing-more-info{
				text-decoration: underline;
			}
			.page-listing-child .page-listing-title {
				cursor: default;
				font-weight: bold;
				margin-left: 26px;
				padding-left: 38px;
				width: 374px;
			}
			.page-listing-excerpt {
				background: #FFFFFF;
				border: 1px solid #d7d7d7;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				display: none;
				float: left;
				font-size: 13px;
				line-height: 16px;
				margin: 5px 5px 0 35px;
				padding: 5px;
				position: absolute;
				
				width: 300px;
			}
			.page-listing-excerpt pre{
	
				white-space: normal;
			}
			.page-status {
				width: 100px;
			}
			.page-listing-location {
				min-width: 100px;
			}
			.page-listing-actions {
				width: 200px;
			}
			.page-listing-extras {
				display: none;
				padding: 12px 10px 0;
			}
			a.button{
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				display: inline-block;
				font-weight: bold;
				margin: 0 2px;
				padding: 5px 5px;
				text-decoration:none;
			}
			.page-listing-title a.button{
				text-decoration: none;
			}
			a.white-button,
			a.white-button:link,
			a.white-button:hover,
			a.white-button:visited
			{
				background: #ffffff;
				color: #575555;
				font-weight: bold;
			}
			.grey-button,
			.grey-button:link,
			.grey-button:hover,
			.grey-button:visited
			{
				background: #d7d7d7;
				color: #575555;
			}
			a.move-button,
			a.move-button:link,
			a.move-button:hover,
			a.move-button:visited
			{
			}
			.delete-button,
			.delete-button:link,
			.delete-button:hover,
			.delete-button:visited, 
			.red-button
			{
				background: #c40000;
				color: #ffffff;
			}
			.status-published, .add-button, .green-button {
				background: #7cc500;
				color: #ffffff;
			}
			a.green-link,
			a.green-link:link,
			a.green-link:visited,
			a.green-link:hover
			{
				color: #7CC500;
			}
			a.publish-this {
				outline: none;
			}
			.status-draft {
				background: #999999;
				color: #FFFFFF;
				cursor: pointer;
			}
			span.last-uri-segment {
				font-weight: bold;
				display: inline-block;
				padding: 5px;
			}
			
.form-view label{
	font-size: larger;
	display: inline-block;
	margin-bottom: 5px;
}

.form-view p{
	padding: 5px;
}

.form-view form{
	padding: 10px 25px;
}

.form-view form h1{
	margin-bottom: 10px;
}

.list-view .pager{
	text-align: center;
}

.list-view table{
	margin-bottom: 10px;
}

table.tablesorter .header {
	padding-right: 15px;
	padding-top: 5px;
	height: auto;
	background: url(/assets/public/images/tablesorter/bg.gif) no-repeat right center;
}
table.tablesorter .headerSortUp {
	background-image: url(/assets/public/images/tablesorter/asc.gif);
	background-repeat: no-repeat;
}
table.tablesorter .headerSortDown {
	background-image: url(/assets/public/images/tablesorter/desc.gif);
	background-repeat: no-repeat;
}

.current-asset .preview img{
  max-width: 300px;
}
.current-asset hr{
  clear: both;
}
.asset-tile{
  float: left;
  width: 160px;
  padding: 5px;
}
.asset-tile img{
  max-width: 120px;
}

.asset_preview img{
  max-width: 500px;
  display: block;
}

.form-view fieldset{
	margin: 8px 0;
	padding: 8px;
	border: 1px solid #999999;
}

div.paste-from-word{
  min-height: 300px;
  border: 1px dotted gray;
}

textarea{
	min-height: 150px;
	min-width: 350px;
}

.dataTables_length{
	float: left;
	padding-bottom: 25px;
}


.dataTables_filter{
	float: right;
}

.dataTables_info{
	text-align: right;
}



.dataTables_wrapper {
	position: relative;
	min-height: 302px;
	clear: both;
	_height: 302px;
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 40%;
	float: left;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
}

.dataTables_info {
	width: 60%;
	float: left;
}

.dataTables_paginate {
	width: 44px;
	* width: 50px;
	float: right;
	text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
	height: 19px;
	width: 19px;
	margin-left: 3px;
	float: left;
}

.paginate_disabled_previous {
	background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
	background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
	background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
	background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin: 0 auto;
	clear: both;
	width: 100%;
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}









/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

.top .dataTables_info {
	float: none;
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}