@import "reset.css";

html, body {
	font: small/1.5 "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
	background: #534B38;
}
img {
	border: 0;
}

a:link,
a:visited {
	color: #36C;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:visited {
	color: #8A5AAB;
}

code {
	font: normal 100% "Monaco", "Courier New", Courier, monospace;
}

h2 {
	margin: 1em 0 .6em;
	border-bottom: 1px solid #566E73;
	padding: 0;
	color: #344;
	font-size: 110%;
	overflow: hidden;
	zoom: 1;
}
	h2 b {
		float: left;
		margin: 0;
		padding: .2em .6em;
		background-color: #8DA6A6;
		color: #FFF;
		font-size: 85%;
		font-weight: bold;
		text-transform: uppercase;
		text-shadow: #566E73 -1px -1px 0;
	}
	h2 b .light {
		color: #EEE;
		font-weight: normal;
	}
	/* Heading with button */
	h2 a.button {
		float: right;
		margin: -.5em 0 0 .5em !important;
		padding: 0 !important;
		font-size: 12px;
	}
	h2 a.link-button {
		float: right;
		color: #F70;
		font-size: 90%;
		font-weight: bold;
	}
h3 {
	margin: .6em 0 .2em;
	padding: 0;
	font-size: 100%;
	color: #C60;
}
form .twocolwrapper h3 {
	margin: 0 .5em;	
}
p {
	margin: .5em 0 1em;
}

/* Helpers
------------------------------ */

a.link-action:link,
a.link-action:visited {
	border-bottom: 1px dashed;
	color: #999;
	text-decoration: none;
}
a.link-action:hover {
	border-bottom-style: solid;
	text-decoration: none;
}

a.link-system {
	white-space: nowrap;
}
a.link-system:link,
a.link-system:visited,
a.link-system:active {
	color: #F00;
	font-weight: bold;
	text-decoration: underline;
}
a.link-system:hover {
	color: #C00;
	text-decoration: none;
}

.user-type-owner,
.user-type-admin,
.user-type-invited {
	padding: .1em .25em;
	color: #FFF;
	font-size: 9px;
	font-weight: normal !important;
	text-decoration: none;
}
.user-type-owner	{ background-color: #690; }
.user-type-admin	{ background-color: #930; }
.user-type-invited	{ background-color: #069; }

.comment {
	font: italic 90% Georgia, "Times New Roman", Times, serif;
	color: #888;
}
	p.comment {
		margin: .6em .5em 1.2em;
		padding: .6em 0 .6em 2.2em;
		font-size: 90%;
		//overflow:visible;
		//height: 1%;
	}
	.sidebar .comment {
		margin: .5em 0;
		padding: .5em;
		background-image: none;
		color: #666;
		font-size: 90%;
		text-align: center;
	}
	.sidebar .no-repos {
		margin-top: 1.5em;
		text-align: left;
		font-size: 100%;
	}
	
span.color-label {
	float: left;
	width: 12px;
	height: 12px;
	margin: -.1em .25em 0 0;
	padding: 3px;
}
	span.color-label img {
		display: block;
		margin: 0;
		padding: 0;
	}
	
/* Page Layout
------------------------------ */
#container {
	margin: 0 auto;
	min-width: 760px;
	max-width: 1280px;
	padding: 0 15px;
}
* html #container {
	width:expression((document.documentElement.clientWidth < 760) ? "760px" : "auto");
}

	/* Special pages layout */
	#specialPage {
		padding-bottom: 15px;
		text-align: center;
		background-repeat: repeat-x;
	}
		#specialPage #header {
			margin: 0 auto;
			text-align: left;
			width: 650px;
			height: 90px;
			overflow: hidden;
		}
			#specialPage #header h1 {
				padding: 45px 0 0;
				text-align: center;
				font-size: 360%;
				text-transform: lowercase;
				text-indent: -10000px;
				background-repeat: no-repeat;
				background-position: 46.5% 10px;
				width: 100%;
				filter:alpha(opacity=50);
				opacity: 0.5;
				-moz-opacity: 0.5;
			}
			* html #specialPage #header h1 { background-position: 48.5% 25px; }

		#specialPage #page {
			margin: 3em auto 2em;
			padding: 0;
			text-align: left;
			width: 650px;
			border: 5px solid #7D9999;
			background-color: #FFF;
		}
			#specialPage #page ul {
				padding-left: 1.8em;
			}
				#specialPage #page ul li {
					padding: 0 0 .5em;
				}
		

#page {
	background-color: #FFF;
	overflow: hidden;
	//height: 1%;
}
	.content {
		margin: 0;
		padding: 15px 30px 30px;
		overflow: hidden;
		zoom: 1;
	}
	#specialPage .content { padding: 15px; }
	
		.maincol {
			float: left;
			width: 70%;
		}
		* html .maincol {
			display: inline;
			width: 69.9%;
		}
	
		.sidebar {
			float: right;
			/*margin-left: 75%;*/
			width: 30%;
			padding: 0;
		}
		* html .sidebar {
			float: right;
			margin-right: 0;
		}

		/* Wide layout */
		.wide {
			display: block;
			float: none;
			width: 100%;
		}


/* Header section
------------------------------ */

#header {
	margin: 0;
	padding: 0 30px 0;
	overflow: hidden;
	zoom: 1;
}	
	#header h1 {
		position: relative;
		float: left;
		margin-left: -22px;
		padding-left: 22px;
		
		font-size: 1.5em;
		line-height: 1.25;
		font-weight: bold;
		color: #FFE;
		text-shadow: #000 0px 1px 1px;
		text-overflow: ellipsis;
		white-space: nowrap;
		
		overflow: hidden;
		width: 170px;
		height: 31px;
		//display: inline;
	}
		#header h1.long {
			width: auto;
		}
		#header h1 a:link,
		#header h1 a:visited,
		#header h1 a:hover,
		#header h1 a:active {
			color: #FFE;
		}
		
		#header h1 .color-label {
			position: absolute;
			left: 0;
			top: .3em;
		}


	#header .metanav {
		padding: .75em 0;
		color: #665;
		font-size: .85em;
		overflow: hidden;
		zoom: 1;
	}
		#header .metanav p {
			float: left;
			margin: 0;
			padding: 0;
		}
			#header .metanav .meta-personal {
				float: right;
			}
				#header .metanav .meta-personal em {
					color: #AA8;
					font-style: normal;
				}
				#header .metanav a {
					color: #AA8;
					text-decoration: none;
					border-bottom: 1px solid #776;
				}
				#header .metanav a:hover {
					color: #CCA;
					border-color: #CCB;
				}
				#header .metanav a:active,
				#header .metanav strong {
					color: #CCA;
					border: 0;
				}
				#header .metanav strong {
					font-weight: bold;
				}
				
				
	/* Announce section in header */
	.announce {
		margin: 0 -.5em;
		padding: .5em .5em .5em 2.5em;
		color: #CCA;
		border-bottom: 1px solid #887;
	}
		.announce p {
			margin: 0;
			padding: 0;
		}
		.announce a {
			color: #EEC;
			text-decoration: underline;
		}
		.announce a:hover {
			color: #FFD;
		}
		.announce a:active {
			color: #FFF;
		}


/* Main navigation
------------------------------ */

.navcontainer {
  padding-bottom: .15em;
  border-bottom: 1px solid #DDD;
}
  .navcontainer br {
    clear: both;
  }

ul.mainnav {
	float: left;
}
	ul.mainnav li {
		float: left;
		margin-left: .5em;
		font-size: 100%;
		list-style: none;
	}
		ul.mainnav li a,
		ul.mainnav li strong {
			float: left;
			background-color: #666150;
			color: #DDD;
			font-weight: bold;
			text-decoration: none;
		}
			ul.mainnav li span {
				display: block;
				padding: .5em .75em;
			}
			ul.mainnav li a:hover {
				color: #FFF;
				text-decoration: none!important;
				background-color: #888372;
			}

		ul.mainnav li.active a,
		ul.mainnav li.active strong {
			color: #453;
			background: #E3F5CE;
		}
			ul.mainnav li.active a span,
			ul.mainnav li.active strong span {
				background-position: 100% -54px;
			}

/* Quick Search form */
#searchForm {
	float: right;
	width: 20%;
}
	#searchForm fieldset {
		margin: 0;
		padding: 0;
		background-color: transparent;
		border: 0;
	}
	#searchForm input,
	#searchForm label {
		vertical-align: middle;
	}
	#searchForm input#searchField {
		width: 85%;
	}
	#searchForm input#searchBtn {
		margin: 3px 0 0 3px;
	}
	#searchForm input.passive {
		color: #AAA;
	}
	
/* Full search form */
.search-form {
}
	.search-form .form-row {
		margin: 0 7px 7px;
	}
	.search-form input {
		font-size: 150%;
	}
	
/* Repos count */
.mainnav span.count {
	display: inline;
	margin: 0;
	padding: 0;
	color: #887;
	font-size: .85em;
}
	.mainnav span.count strong {
		float: none;
		background-color: transparent;
	}


/* Content area */

	/* Page heading */
	.page-heading,
	.page-toolbar {
		padding: .65em 30px;
		background: #E3F5CE;
		border-bottom: 1px solid #AECCBA;
		overflow: hidden;
		zoom: 1;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	#specialPage .page-heading { padding: .65em 15px; }
		h1.page-heading {
			color: #453;
			font: bold 150% "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
		}
		h2.username {
		}
			h2.username img {
				vertical-align: -8px;
			}

		/* Toolbar button modifications */
		.page-toolbar {
			padding: 6px 30px;
		}
			.page-heading a,
			.page-toolbar a {
				margin-right: 1em;
				color: #000 !important;
				background-color: #FFF;
			}
			.page-heading .button,
			.page-toolbar .button {
			}
				.page-heading .button span,
				.page-toolbar .button span {
				}

			.page-heading a.button:active,
			.page-toolbar a.button:active {
				text-shadow: #EEE 1px 1px 0;
			}
				.page-heading a.button:active span,
				.page-toolbar a.button:active span {
					padding: 7px 11px 5px 1px;
				}

			.page-heading .disabled,
			.page-toolbar .disabled {
				color: #999 !important;
				text-shadow: #EEE 1px 1px 0 !important;
				background-position: 0 -78px !important;
				cursor: default !important;
			}
				.page-heading .disabled span,
				.page-toolbar .disabled span {
					background-position: 100% -78px !important;
				}

			.page-toolbar .label {
				float: left;
				padding: 9px 0 5px 7px;
				font-size: 85%;
			}
			.page-toolbar select {
				float: left;
				margin: 8px 4px 0;
				border-color: #99A;
			}
			.page-toolbar .separator {
				float: left;
				height: 30px;
				margin: 3px 7px;
				border-left: 1px solid #9C9;
				border-right: 1px solid #FFF;
				text-indent: -10000px;
			}

		/* Button in page heading */

		.page-heading b {
			float: left;
			width: 75%;
		}
		.page-heading .button {
			float: right;
			margin: 0 0 0 1em;
		}
		.page-heading .button span {
			height: auto !important;
		}



		/* Tables globals */
		table {
			width: 100%;
			margin: 0;
			padding: 0;
			border-spacing: 0;
			border-collapse: collapse;
		}
			table th {
				text-align: left;
			}
			table td {
				vertical-align: top;
				border-bottom: 1px solid #E9E9E9;
			}

		/* Syntax examples */

		.tbl-syntax {
			margin: .5em 0 1em;
			border-top: 1px solid #E9E9E9;
		}
			.tbl-syntax th,
			.tbl-syntax td {
				border-top: 1px solid #E9E9E9;
				padding: .5em;
			}
			.tbl-syntax th {
				color: #000;
				font-size: 90%;
				font-weight: bold;
			}

		/* Activity timeline */
		.activity-timeline {
			position: relative;
			overflow: hidden;
			//height: 1%;
		}
			.activity-timeline h2 {
				width: 120px;
				margin: 0;
				border: 0;
				border-right: 1px solid #EEE;
				padding: 1em 0;
				color: #FFF;
				font-size: 1em;
				font-weight: bold;
				text-shadow: #566E73 0 1px 0;
				overflow: hidden;
			}
				.activity-timeline h2 span {
					float: right;
					border-bottom: 1px solid #666;
					padding: .25em 5px;
					text-align: right;
					background-color: #999;
					width: 110px;
				}
				.activity-timeline h2.today span {
					border-bottom: 1px solid #CC6;
					color: #000;
					text-shadow: #FFF 0 1px 0;
					background-color: #FF9;
				}

			.rev-item, .no-activity {
				position: relative;
				clear: both;
				overflow: hidden;
				//height: 1%;
			}
				.rev-item h3,
				.rev-item .rev-user,
				.rev-item .rev-repo {
					clear: both;
					float: left;
					width: 115px;
					margin: 0;
					padding: 0;
					text-align: right;
				}
					.rev-item h3 {
						margin: .75em 0 .25em;
						font-size: 100%;
						font-weight: normal;
					}
						.rev-item h3 a {
							color: #666;
							text-decoration: none;
						}
						.rev-item h3 a:hover {
							text-decoration: underline;
						}
					.rev-item .rev-user {
						font: italic 90% Georgia, "Times New Roman", Times, serif;
						color: #999;
					}
						.rev-item .rev-user strong {
							font-weight: normal;
							font-style: normal;
						}
						.rev-item .rev-user a:link,
						.rev-item .rev-user a:visited {
							color: #999;
							text-decoration: none;
						}
						.rev-item .rev-user a:hover {
							text-decoration: underline;
						}
						
						.rev-item .rev-user img {
							width: 24px;
							height: 24px;
							border: 1px solid #999;
						}
						
						
					.rev-repo {
						margin-top: -1.75em!important;
						text-align: left!important;
						font-size: 85%;
						font-weight: bold;
					}
						.rev-repo a {
							padding: .25em .5em;
							color: #000;
							background-color: transparent;
							text-decoration: none;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}
					/* Repos colors */
					.label-red a	{ background-color: #FF9966 }
					.label-orange a	{ background-color: #FFDC81 }
					.label-yellow a	{ background-color: #FCF28D }
					.label-green a	{ background-color: #D0EA8E }
					.label-blue a	{ background-color: #9AD4EF }
					.label-pink a	{ background-color: #F2B6D4 }
					.label-grey a	{ background-color: #CACACA }


				.rev-item .rev-comment,
				.no-activity p {
					margin: 0 0 0 120px;
					padding: .25em 0 3em;
					border-left: 1px solid #EEE;
					//height: 1%;
				}
				* html .rev-item .rev-comment { margin-left: 117px;}
					.rev-item .rev-comment p {
						margin: 0;
						padding: .5em 60px .5em .5em;
						font-size: 1em;
						background-color: #F8F8FF;
					}
						.rev-item .rev-comment p a:link,
						.rev-item .rev-comment p a:visited {
							color: #000;
							text-decoration: none;
							border-bottom: 1px solid #EEE;
						}
						.rev-item .rev-comment p a:hover {
							border-bottom-color: #999!important;
						}
						.rev-item .rev-comment p a.comment-empty {
							color: #999;
						}
							
						
					/* Meta info about commit */
					.rev-item .rev-comment .rev-meta-info {
						font: italic .9em Georgia, "Times New Roman", Times, serif;
						color: #888;
						background-color: #FFF!important;
					}
					
					/* Revision files changed badge */
					.rev-item a.rev-count {
						display: block;
						position: absolute;
						right: .5em;
						top: .85em;
						padding: 0 8px;
						font-size: 95%;
						font-weight: bold;
						color: #FFF!important;
						text-decoration: none!important;
						border: 0!important;
						background-color: #CCD;
						-moz-border-radius: 8px;
						-webkit-border-radius: 8px;
					}
						.rev-item a.rev-count:hover {
							background-color: #999;
							color: #FFF!important;
							border: 0!important;
						}
					/* Revision changeset short block */
					.rev-changeset-short {
						background-color: #FCFCFF;
						/*border-top: 1px solid #EEE;*/
						border-bottom: 1px solid #FFF;
						border-left: 0;
					}
						.rev-changeset-short * {
							color: #999;
							font-weight: normal;
						}
						.rev-changeset-short a {
							color: #36C;
						}

				.no-activity p {
					padding: 0 0 0 1em;
					color: #999;
					font: italic 100% Georgia, "Times New Roman", Times, serif;
					text-shadow: #FFF 0 0 0;
				}
				
			
		/* Horizontal sub nav */
		ul.sub-nav {
			margin: 0;
			padding: 0 24px;
			border-top: 1px solid #DEEDDE;
			overflow: hidden;
			//height: 1%;
		}
			ul.sub-nav li {
				display: inline;
				list-style: none;
				font-weight: bold;
			}
				ul.sub-nav li a,
				ul.sub-nav li strong {
					float: left;
					margin-right: .5em;
					padding: .25em .5em;
				}
				ul.sub-nav li a:link,
				ul.sub-nav li a:visited {
					color: #36C;
					text-decoration: underline;
				}
					ul.sub-nav li a:hover {
						background-color: #F3FFDE;
						color: #575;
					}
				ul.sub-nav li strong {
					color: #060;
					background-color: #E3F5CE;
				}
			

		/* Search results */
		
		.search-results .marked {
			padding: 0 .2em;
			background-color: #FCF28D !important;
		}
		.search-results .rev-item {
			margin-bottom: 2.5em;
		}
			.search-results .rev-item .rev-comment {
				margin-top: .25em;
				padding: 0;
			}
			.search-results .rev-item .rev-user .rev-date {
				font-style: normal;
			}
		.search-results p.more {
			margin-bottom: 2.5em;
		}
			.search-results p.more a {
				padding-left: 20px;
			}
		.search-results .file-desc {
				margin: 0 0 0 150px;
				border-left: 1px solid #CCC;
				//height: 1%;
				//margin-left: 147px;
			}
			.search-results .file-desc h3.diff-title {
				clear: none;
				float: none;
				width: auto;
				height: auto;
				margin: 0 !important;
				padding: .5em 60px .5em .5em;
				background-color: #F6F6FF;
				font-size: 100%;
				text-align: left;
			}
			.search-results .file-desc .codecolorer-container {
				margin: 0;
				border-left: 0;
				background-color: transparent;
			}


		/* Revision changeset page */
		h2.rev-number {
			float: left;
			margin: 0 -110px 0 0;
			padding: 0;
			width: 100px;
			color: #000;
			border: 0px solid #DDE;
		}
			.rev-number .rev-number-value {
				display: block;
				padding: .25em;
				text-align: center;
				font-size: 150%;
				font-weight: bold;
				letter-spacing: .05em;
				text-shadow: #FFF 0 1px 0;
				background-color: #F6F6F6;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
			}
				.rev-number .rev-number-latest {
					background-color: #EFC;
				}
			.rev-number .rev-switcher {
				display: block;
				margin: 0 auto;
				padding: 0 .25em;
				font-size: 150%;
				text-align: center;
			}
				.rev-number .rev-switcher a,
				.rev-number .rev-switcher span {
					padding: .25em;
				}
				.rev-number .rev-switcher a {
					color: #666;
					font-weight: bold;
					text-decoration: none!important;
					text-shadow: #FFF 1px 1px 1px;
				}
				.rev-number .rev-switcher a:hover {
					color: #000;
					text-decoration: none;
				}
				.rev-number .rev-switcher span {
					color: #CCC;
					text-shadow: #FFF -1px -1px 1px;
				}
		.rev-info-block {
			margin-left: 120px;
		}
			.rev-info-block .rev-comment {
				margin: .5em 0 0;
				padding: 0;
				font-size: 150%;
				font-weight: bold;
				line-height: 1.3;
			}
			.rev-info-block .rev-user {
				color: #999;
			}
				.rev-info-block .rev-user strong {
					display: block;
					color: #000;
				}
				.rev-info-block .rev-user img {
					float: left;
					margin: .25em .5em .5em 0;
					width: 32px;
					height: 32px;
				}

		/* Changeset file list */
		ul.changeset {
			clear: left;
			margin: .5em 0 .5em 0;
			padding: 1em 0 0;
			font-size: 135%;
			list-style: none;
			overflow: hidden;
		}
			ul.changeset li {
				padding: .25em 0 .25em 1.25em;
				background-position: 0 .6em;
				background-repeat: no-repeat;
			}


		.changeset-compact {
			height: 14em;
			margin: .25em 0 .5em;
			overflow: auto;
		}
			.changeset-compact ul.changeset {
				padding: 0 0 .5em;
				font-size: 100%;
			}
			.changeset-compact ul.changeset li {
				padding: .25em 0 .25em 1.75em;
				background-position: 0 .35em;
			}



			.changeset .link-action,
			.diff-title .link-action {
				margin-left: .5em;
				font-size: 68.5%;
				font-weight: normal;
				color: #BBB!important;
			}

		.rev-changeset-short ul.changeset {
			margin: .5em;
			padding: 0;
			font-size: 100%;
			list-style: none;
		}
			.rev-changeset-short ul.changeset li {
				padding: .25em 0 .25em 1.25em;
				background-position: 0 .5em;
			}

	/* SVN types */
	.svn-type-modified,
	.svn-type-added,
	.svn-type-deleted,
	.svn-type-merged {
		padding: .35em 0 .35em 1.5em;
		font-weight: bold;
		background-position: 0 .45em;
		background-repeat: no-repeat;
	}

	/* Diff */

	h3.diff-title {
		margin: 1.5em 0 0;
		padding: .25em 0 .35em 1.25em;
		font-size: 135%;
		color: #555;
		background-position: 0 .6em;
	}

	/* Browser headline */
	.browser-breadcrumbs {
		margin: .5em 0;
		color: #CCC;
		font-size: 2em;
		line-height: 1.2;
	}
		.browser-breadcrumbs a {
			color: #999;
			text-decoration: underline;
		}
			.browser-breadcrumbs a:hover {
				color: #1C9EFF;
			}
		.browser-breadcrumbs strong {
			color: #000;
		}

	/* Browser path */
	.browser-path {
		position: relative;
		border: 1px solid #EEE;
		border-bottom-color: #CCC;
		overflow: hidden;
		height: 27px;
	}
	* html .browser-path { height: 28px; }
		.browser-path a,
		.browser-path strong {
			position: relative;
			float: left;
			margin-left: -8px;
			color: #666;
			font-size: 85%;
			text-shadow: #FFF 1px 1px 0px;
			text-decoration: none !important;
		}
		.browser-path a {
			cursor: pointer;
		}
		.browser-path a span,
		.browser-path strong span {
			float: left;
			padding: 4px 5px 6px 15px;
		}
		.browser-path a b,
		.browser-path strong b {
			float: left;
			width: 9px;
			height: 28px;
		}
		.browser-path strong span,
		.browser-path a:hover span {
			padding: 5px 5px 5px 15px;
			background-position: 0 -28px;
		}
		.browser-path strong b,
		.browser-path a:hover b {
			background-position: 100% -28px;
		}


	/* Browser revision info */
	.browser-rev {
		margin: 1em 0;
		overflow: hidden;
		width: 100%;
	}
		.browser-rev .rev-comment {
			/*font-size: 115%;*/
		}

	/* Browser revisions side by side */

	.browser-diff {
		overflow: hidden;
		zoom: 1;
	}
		.browser-diff .browser-rev {
			float: left;
			width: 50%;
			margin: 0;
		}
		.browser-diff h2.rev-number {
			margin: .35em -110px 0 0;
			width: 100px;
		}
			.browser-diff .rev-number .rev-number-value {
				padding: .5em .25em;
				font-size: 140%;
			}
		.browser-diff .rev-info-block {
			margin: 0 10px 0 110px;
		}
			.browser-diff .rev-comment {
				font-size: 105%;
			}
			.browser-diff .rev-user {
				font-size: 85%;
			}

	/* Browser table */
	table.browser {
		margin: 1em 0;
	}
		table.browser th,
		table.browser td {
			border-bottom: 1px solid #E9E9E9;
			padding: .25em .5em;
			font-weight: normal;
			text-align: left;
			vertical-align: middle;
		}

		table.browser thead th {
			padding-top: 0;
			border-bottom: 2px solid #CCC !important;
			background-color: #FFF !important;
			color:#888;
			font-size:100%;
			font-weight: normal;
		}

		table.browser td {
			padding: .25em .5em;
			font-size: 90%;
			border-color: #F3F3F3;
		}
			.browser .br-name {
				padding-left: 1.65em;
				font-size: 115%;
				width: 30%;
				background-position: .25em .6em;
				background-repeat: no-repeat;
			}
				.browser .br-file .br-name {
				}
				.browser .br-dir .br-name {
					font-weight: bold;
				}
			.browser .br-size {
				text-align: right;
				width: 5%;
			}
				.browser td.br-size {
					color: #999;
					vertical-align: middle;
				}
			.browser .br-rev {
				text-align: right;
				vertical-align: middle;
				width: 5%;
			}
				.browser .rev-number-latest {
					background-color: #EFC;
				}
			.browser .br-cmt {
				vertical-align: middle;
				width: 60%;
			}


	/* Disabled table */

	.tbl-disabled th { color: #FFF!important; background-color: #C2CCCC!important; }
	.tbl-disabled td, .tbl-disabled td * { color: #CCC!important; }


	/* Permissions */

	.tbl-permissions {
		margin: 0 0 2em;
		font-size: 100%;
		table-layout: fixed;
	}
		.tbl-permissions th,
		.tbl-permissions td {
			padding: .5em;
			vertical-align: middle;
		}
		.tbl-permissions th {
			background-color: #8EA7A6;
			color: #FFF;
			font-weight: bold;
		}
		.tbl-permissions .tbl-repo,
		.tbl-permissions .tbl-user {
			width: 50%;
		}
			.tbl-permissions .tbl-user img {
				float: left;
				margin: 0 .5em 0 .125em;
				border: 1px solid #888;
				padding: 0;
				width: 18px;
				height: 18px;
			}
		td.tbl-no-access {
			color: #888;
			background-color: #F6F6F6;
		}

	/* Lighthouse tokens */

	.lh-tokens .form-row {
		font-size: 90%;
		margin-bottom: .5em;
		border-bottom: 1px solid #EFEFEF;
		overflow: hidden;
		zoom: 1;
	}
		.lh-tokens .form-label {
			margin-right: -180px;
			width: 170px;
		}
		.lh-tokens .form-field {
			margin-left: 180px;
		}
		.lh-tokens .form-row img {
			float: left;
			width: 24px;
			height: 24px;
			margin: -.2em .5em 0 0;
			border: 1px solid #888;
		}
		.lh-tokens select {
			margin-right: 10px;
			width: 130px;
		}
		.lh-tokens input {
			width: 220px;
		}

	/* Harvest tasks */

	.harvest-tasks .form-row {
		font-size: 90%;
		margin-bottom: .5em;
		border-bottom: 1px solid #EFEFEF;
		overflow: hidden;
		zoom: 1;
	}
		.harvest-tasks .form-label {
			margin-right: -305;
			width: 295px;
		}
		.harvest-tasks .form-field {
			margin-left: 305px;
		}
		.harvest-tasks .form-row img {
			float: left;
			width: 24px;
			height: 24px;
			margin: -.2em .5em 0 0;
			border: 1px solid #888;
		}
		.harvest-tasks select {
			margin-right: 10px;
			width: 130px;
		}

	/* Buttons */

	a.button {
		display: block;
		float: left;
		margin: .5em 0;
		padding: 0;
		font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif !important;
		color: #445;
		text-decoration: none!important;
		text-shadow: #FFF 1px 1px 0;
		height: 26px;
		overflow: hidden;
		cursor: pointer;
	}
	* html a.button { display: inline; }
	a.button:hover {
		color: #223;
		text-decoration: none;
		background-position: 0 -26px;
	}
	a.button:active {
		color: #000;
		text-decoration: none;
		background-position: 0 -52px;
	}
		a.button span {
			float: left;
			margin-left: 12px;
			padding: 6px 12px 6px 0;
			font-size: 100%;
			height: 26px;
		}
		a.button:hover span {
			background-position: 100% -26px;
		}
		a.button:active span {
			background-position: 100% -52px;
		}

		a.button span b.icon {
			position: relative;
			float: left;
			margin: 0 3px 0 -4px;
			width: 16px;
			height: 16px;
			background-position: 0 0;
			background-repeat: no-repeat;
		}

		/* IE6 fix */
		* html a.button span { padding-top: 5px; }
		* html a.button span b.icon { margin-top: 1px; }
		
		/* Icons set */
		.manage-team b.icon {
			margin-left: 0!important;
		}
		.repo-create b.icon,
		.user-add b.icon {
		}
		.but-go b.icon {
		}
		
		.btn-upgrade,
		.btn-downgrade {
			width: 100px;
		}
		.btn-upgrade b.icon,
		.btn-downgrade b.icon {
			width: 10px!important;
			height: 12px!important;
			margin-right: 0!important;
		}
		.btn-upgrade b.icon {
		}
		.btn-downgrade b.icon {
		}

		.sidebar .button-alt {
			margin-top: .7em;
			font-size: 85%;
		}

	/* Forms */

	form {
		margin:0;
		padding:0;
	}
	form fieldset {
		position: relative;
		margin: 0 0 1em;
		padding: 0 .5em .5em;
		background-color: #FAFAFF;
		border: 1px solid #D5D9E0;
	}
	/* Gecko fix */
	html>body form fieldset {
		overflow: hidden;
	}
	/* IE 6 Fix */
	* html form fieldset {
		margin: 1.5em 0 1em;
		height: 1%;
	}
	
		form fieldset legend {
			position: relative;
			margin: 0;
			padding: .25em .65em;
			color: #FFF;
			font-size: 100%;
			font-weight: bold;
			text-shadow: #666 1px 1px 0;
			background-color: #999;
		}
		/* IE 6 Fix */
		* html form fieldset legend {
			top: -1em;
			padding: .15em .5em;
		}		
		
		form fieldset input {
			font-size: 100%;
		}
		.form-comment,
		.form-comment-warn {
			padding: 0;
			margin: .5em 0 .5em 150px;
			font: italic 90% Georgia, "Times New Roman", Times, serif;
			color: #999;
		}
		.form-comment-warn {
			padding: .5em;
			padding-left: 30px;
			margin-left: 120px;
			color: #000;
		}

		.fullwidth {
			width: 98%;
		}
		fieldset.no-border {
			margin:0 0 .75em;
			padding: .25em 0;
			border: 0;
			background-color: transparent;
		}


		.form-row {
			display: block;
			margin: .3em 0 1.2em;
			overflow: hidden;
			zoom: 1;
		}
		.form-compact {
			margin: .2em 0 0;
		}
			.form-indent {
				margin-left: 1.5em;
			}
			.form-disabled label { color: #999; }

			.form-text {
				margin: 0 .5em;
			}
			.form-label {
				float: left;
				padding: .5em 0 .25em .5em;
				margin-right: -150px;
				width: 140px;
			}
			.form-field {
				padding: .25em 0;
				margin-left: 150px;
			}
				.field-pre {
					padding-right: .25em;
					color: #666;
					font-size: 100%;
				}


			.form-error, .fieldWithErrors {
				padding: .4em 0;
				background: #FFF0E9;
			}
				.form-error .form-label {
					padding-left: 5px;
					width: 135px;
				}

			.notification {
				margin: 0 0 1em;
				border: 1px solid #FC6;
				padding: .25em 1em 0;
				background: #FFC;
				overflow: hidden;
				// height: 1%;
			}
				.notification h2 {
					margin: 0;
					border: 0;
					padding: .5em 0 .25em;
					font-size: 120%;
					color: #900;
				}
				.notification p {
					margin: .5em 0 .75em !important;
					padding: 0;
				}

				.error {
					padding-left: 3em;
					border: 1px solid #300;
					color: #FFF;
				}
					.error h2 {
						color: #FFC;
					}
					.error a {
						border-bottom: 1px dotted #FFC;
						color: #FFC !important;
						text-decoration: none !important;
					}
					.error a:hover {
						border-bottom-style: solid;
					}

		.form-buttons {
			padding: .5em;
			text-align: center;
			background-color: #E3F5CE;
			border: 1px solid #C5D0C9;
			overflow: hidden;
			zoom: 1;
		}
			.form-buttons input,
			.form-buttons .button-alt {
				vertical-align: middle;
			}
				.button-alt {
					font-size: 100%;
				}
				.button-alt a:link,
				.button-alt a:visited,
				.button-alt a:active {
					color: #F30;
					text-decoration: underline;
				}
				.button-alt a:hover {
					text-decoration: none;
				}
				
	/* Login page */
	.login form fieldset {
		margin: 0;
		padding: 0;
		background-color: transparent;
		color: #999;
		border: 0;
	}
		.login form .form-label {
			font-size: 135%;
			width: 5em;
		}
			.login form .form-label label {
				color: #999;
			}
		.login form .form-field {
			margin-left: 8em;
		}
		.login form fieldset input {
			padding: .25em;
			font-size: 135%;
		}
		/* Login in button IE6 fix*/
		* html .login form fieldset input {
			position: relative;
			top: .35em;
			padding: .15em 0;
			font-size: 115%;
		}
		/* Login text fields IE6 fix*/
		* html .login form fieldset fieldset input {
			top: 0;
			padding: .25em;
			font-size: 135%;
		}

		.login form .link-system {
			color: #36C !important;
			font-weight: normal;
		}
		.login a.jslink:link,
		.login a.jslink:visited {
			color: #36C;
			text-decoration: none;
			border-bottom: 1px dashed #36C;
		}
			.login a.jslink:hover {
				border-style: solid;
			}
			
		.login form .field-pre {
			color: #999;
		}
		
		input#openidurl {
			padding-left: 1.5em!important;
			background-position: .25em .35em;
			background-repeat: no-repeat;
			width: 83%;
		}


		/* Color labels setup UI */
		ul.labels-list {
			float: left;
			margin: .25em .5em 1em;
			padding: 0;
			overflow: hidden;
			//height: 1%;
		}
			ul.labels-list li {
				float: left;
				margin: 0 4px 0 0;
				padding: 0;
				list-style: none;
				width: 18px;
				height: 18px;
			}
				ul.labels-list li a {
					display: block;
					padding: 3px;
					width: 18px;
					height: 18px;
				}
				* html ul.labels-list li a {
					width: 12px;
					height: 12px;
				}
				ul.labels-list li a:hover {
					background-position: 0 -18px;
				}
				ul.labels-list li a:active,
				ul.labels-list li.label-active a {
					background-position: 0 -36px;
				}
					ul.labels-list li a img {
						display: block;
						margin: 0;
						padding: 0;
					}

			.label-preview {
				margin: .25em .5em .5em 200px;
				font-size: 90%;
				color: #999;
			}
				.label-preview p {
					float: left;
				}
				.label-preview .rev-repo {
					margin: 0 .75em!important;
					padding: 0;
					font-size: 100%;
				}


/* Sidebar
------------------------------ */
.sidebar .wrapper {
	margin: 0 0 0 30px;
}
	.sidebar h2 {
		margin: 0;
		padding: .5em;
		font-size: 100%;
		font-weight: bold;
		color: #363;
		text-shadow: #FFF 1px 1px 0;
		background: #F0F9DD;
		border: 1px solid #CDC;
		border-width: 0 1px 1px 0;
	}

	.sidebar .block-container {
		margin-bottom: 1em;
		overflow: hidden;
		zoom: 1;
	}
		/*.sidebar .block-container p,
		.sidebar .block-container ul {
			font-size: 85%;
			line-height: 1.2;
		}*/
		.sidebar .block-container ul {
			margin-left: 0;
			padding-left: 2.1em;
		}
			.sidebar .block-container ul li {
				padding-bottom: .75em;
			}


	/* Sidebar forms */

	.sidebar fieldset {
		border: 0;
		padding: 0;
	}
		.sidebar fieldset .form-row {
			margin:.2em 0;
		}
		.sidebar fieldset .form-label {
			font-size: 85%;
		}
		.sidebar fieldset .form-label,
		.sidebar fieldset .form-field {
			float: none;
			display: block;
			margin: 0;
			padding: 0;
		}

	
	/* Create repo button */
	.repo-create,
	.user-add {
		margin: 1em 0;
		overflow: hidden;
		//height: 1%;
	}
	.user-add {
		margin: 0;
		padding: .5em;
		padding-left: 28px;
		background-color: #F9F9FF;
	}
		.repo-create a.button,
		.user-add a.button {
			height: 26px;
			font-weight: bold!important;
		}


	/* Repositories list */

	.repos-list {
		text-shadow: #EEE 0 0 0;
	}
		.repos-list dt,
		.repos-list li {
			font: bold 100% "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
		}
		* html dl.repos-list dt { margin-top: -2px; }
			.repos-list a {
				display: block;
				padding: .65em .5em 25px 2em;
				color: #000;
				text-decoration: none;
			}
			.repos-list a span.color-label {
				margin-left: -1.75em;
			}
			.repos-list a:hover {
				background-color: #F6F6FF;
				text-decoration: none;
			}

		.repos-list dd {
			margin: -22px 0 0 0;
			padding: 0 0 5px 2.1em;
			border-bottom: 1px solid #E9E9E9;
			overflow: hidden;
			//height: 1%;
		}
		* html .repos-list dd {
			padding-left: 2.4em;
		}
			.repos-list dd p {
				margin: 0;
				padding: 0 0 3px 0;
				font: 85% "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
				color: #889;
			}
			
			.repo-usage-bar {
				float: left;
				padding: 1px;
				margin: 2px 5px 2px 0;
				font-size: 1%;
				width: 75px;
				height: 5px;
				border: 1px solid #CCC;
				background-color: #EFEFEF;
			}
				.repo-usage-bar .repo-usage-filler {
					display: block;
					height: 100%;
					background-color: #AAB;
				}	
			.repo-usage-amount {
				float: left;
				font-size: 69%;
				color: #778;
			}
				.repo-usage-amount a {
					padding-left: .5em;
					color: #36C;
					text-decoration: underline;
					font-size: 125%;
				}
						
			/* Total usage for account block */
			.account-usage {
				clear: both;
				margin: 1em 0 0;
			}
				.account-usage p {
					margin: .75em 0 1em;
					padding: 0;
					font-size: .9em!important;
				}
				
	/* Repos table */
	table.repos-table {
		table-layout: fixed;
		color: #555;
	}
		table.repos-table th,
		table.repos-table td {
			border-bottom: 1px solid #E9E9E9;
			padding: 0 .5em;
			font-weight: normal;
			text-align: left;
			vertical-align: middle;
		}
		table.repos-table thead th {
			padding: .5em;
			border-bottom: 2px solid #8DA6A6 !important;
			background-color: #FFF !important;
			color: #CCC;
			font-size: 90%;
			font-weight: normal;
		}
			table.repos-table .repo-name a {
				font-weight: bold;
				text-decoration: none;
				color: #555;
				border-bottom: 1px solid #AAA;
			}
				table.repos-table .repo-name a:hover {
					color: #000;
					border-color: #000;
				}
			
			table.repos-table .repo-actions {
				text-align: right;
			}	
			table.repos-table td.repo-actions {
				color: #AAA;
			}
			table.repos-table .repo-actions a {
				color: #F30;
			}
			
			table.repos-table .repo-lasci {
				text-align: right;
			}
				table.repos-table .repo-lasci strong {
					font-weight: normal;
				}

	
	/* Repo info in sidebar */
	.repo-info {
		clear: both;
		margin: .5em;
		overflow: hidden;
		//height: 1%;
	}
		.repo-info h3 {
			margin: 0 0 .5em;
			padding: 0;
			font-weight: bold;
			font-size: 1em;
			color: #666;
		}
		.repo-info p {
			font-size: .85em;
			color: #888;
		}
		.repo-info input {
			margin: 0;
			padding: .15em .25em;
			width: 90%;
		}

		.repo-info .button .icon {
		}

	/* Sidebar hints */

	p.hint {
		padding: 0;
		margin: .5em 0;
		font: italic 100% Georgia, "Times New Roman", Times, serif;
		color: #999;
	}
		.sidebar p.hint {
			font-size: 0.9em!important;
			margin: 0.75em 0 1em;
			padding: 0;
		}

	/* Invoices list */
	.invoices-list {
		padding: 0 .5em;
	}
	.invoices-list ul {
		margin: 0!important;
		padding: 0!important;
		font-size: 90%;
	}
		.invoices-list ul li {
			color: #888;
			list-style: none!important;
		}

	/* User Profile - photo */

	.profile-photo img {
		float: left;
		margin: .5em;
		border: 1px solid #999;
	}
	.profile-photo .form-buttons {
		margin-top: 1.5em;
		border: 0;
		background-color: transparent;
		text-align: left;
		font-weight: normal;
	}
		.profile-photo a.button {
			margin-top: -.5em;
		}
		.profile-photo .button-alt {
			float: left;
			margin-top: -.25em;
			padding: 0 .5em;
			//margin-top: -.4em;
		}


	/* Users list */

	ul.users-short-list {
		margin: 0;
		padding: 0 !important;
		list-style: none;
		text-shadow: #FFF 0 0 0;
		font-size: 100% !important;
	}
		ul.users-short-list li {
			padding: 0!important;
			border-bottom: 1px solid #E9E9E9;
			font: bold 100% "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
		}

		ul.users-short-list li a:link,
		ul.users-short-list li a:visited {
			display: block;
			text-decoration: none;
			color: #000;
			//height: 1%;
		}
		ul.users-short-list li a:hover  {
			text-decoration: none!important;
			background-color: #F6F6FF;
		}
			ul.users-short-list li img {
				float: left;
				width: 32px;
				height: 32px;
				margin: 7px 5px;
				margin-right: -45px;
				border: 1px solid #888;
			}
			ul.users-short-list li span.username {
				display: block;
				margin-left: 45px;
				padding: .65em 0 0;
			}
			ul.users-short-list li span.last-ci {
				display: block;
				margin-left: 45px;
				padding: .25em 0 1em;
				font: italic 85% Georgia, "Times New Roman", Times, serif;
				color: #888;
			}
			ul.users-short-list li .email {
				display: block;
				margin-left: 45px;
				padding: .25em 0 1em;
				font-size: 85%;
				font-weight: normal;
				color: #888;
			}
				ul.users-short-list li a.email {
					float: left;
				}
				ul.users-short-list li a.email:hover {
					background-color: transparent;
					text-decoration: underline;
				}
				
		/* Did you know block */
		.block-tips {
			margin: 1em .5em 1em;
			font-size: .9em;
			line-height: 1.55;
		}
				
				
				
/* List + Properties Global */
ul.vertical-tabs {
	clear: both;
	float: left;
	margin: 1em 0;
	width: 155px;
	border-right: 5px solid #DDD;
}
	ul.vertical-tabs li {
		position: relative;
		display: block;
		padding: 0 0 .5em;
		font-weight: bold;
		list-style: none;
		overflow: hidden;
		//height: 1%;
	}
		ul.vertical-tabs li a {
			display: block;
			margin: 0;
			padding: .5em;
			color: #333;
			text-decoration: none;
			border: 1px solid #EEE;
			border-right-width: 0;
			background-color: #F9F9F9;
		}
			ul.vertical-tabs li a.button {
				float: left!important;
				padding: 0;
				border: 0;
				width: auto!important;
				background-color: transparent;
			}
		ul.vertical-tabs li a:hover {
			border-color: #DDD;
			background-color: #FFF;
		}

		ul.vertical-tabs .active a {
			border-color: #CCC!important;
			background-color: #DDD!important;
			cursor: default!important;
		}
		
		/* Users list */
		ul.users-list {
			width: 200px;
		}
			ul.users-list .user-add {
				background-color: transparent;
			}
			ul.users-list h2 b {
				float: none;
				display: block;
				text-align: center;
			}
			ul.users-list li a {
				overflow: hidden;
				text-decoration: none!important;
				//height: 1%;
			}
				.users-list img.photo {
					float: left;
					margin: 0 .5em .5em 0;
				}
				.users-list .vcard span {
					display: block;
					margin-left: 40px;
					margin-bottom: .5em;
					line-height: 1;
				}
					.users-list .vcard span span {
						display: inline;
						margin: 0;
						padding: 0;
					}
					/*.users-list .role {
						display: block;
						clear: left;
						float: left;
						padding: .125em .25em;
						margin-left: -40px;
					}*/
				.users-list .email {
					font-weight: normal;
					font-size: 85%;
					color: #999;
				}
			.users-list .anonymous {
				margin-top: .5em;
			}
				.users-list .anonymous span {
					margin-top: .6em;
					margin-bottom: 0;
				}



		/* Services list */
		ul.services-list li a {
			padding-left: 24px;
		}				
			ul.services-list li .s-indicator {
				position: absolute;
				left: 8px;
				top: 13px;
				display: block;
				font-size: 1%;
				width: 10px;
				height: 10px;
			}
			ul.services-list li.service-active .s-indicator {
				background-position: 0 -10px;
			}
		
		/* Service properties */
		.user-properties,
		.service-properties {
			padding: 15px;
			margin-left: 155px;
			border: 5px solid #DDD;
			background-color: #FFF;
		}
		.user-properties { margin-left: 200px; }
		
			.user-properties h2,
			.service-properties h2 {
				margin: 0 6px .5em;
				padding: 0;
				font: bold 150% "Helvetica Neue", Arial, Helvetica, Tahoma, sans-serif;
				border: 0;
			}
			.user-properties .wrapper,
			.service-properties .wrapper {
				overflow: hidden;
				//height: 1%;
			}
				.user-properties .wrapper .sidebar .wrapper,
				.service-properties .wrapper .sidebar .wrapper {
					margin: 10px 0 0 15px;
				}

			.service-welcome {
				background-color: #F9F9F9;
				min-height: 250px;
				//min-height: auto;
				//padding-bottom: 200px;
			}
				.service-welcome p {
					margin-bottom: 1em;
					color: #999;
				}
			
			.user-welcome {
				border: 0;
			}
				.user-welcome p {
					margin: 1em;
					color: #999;
				}
			
			.service-status {
				margin: 1em 0 2em;
				padding: 1em;
				background-color: #F9F9F9;
				border: 1px solid #DDD;
				overflow: hidden;
				//height: 1%;
			}
				.service-status p {
					font-weight: bold;
				}
				.service-status .buttons {
					margin: 0 0 0 -4px;
				}
					.service-status .buttons .button {
						margin-right: 10px;
						font-weight: bold!important;
					}

		/* Progress bar in sidebar */

		.progressBar {
		}
		.progressBar .border {
			width: 99%;
			border-left: 1px solid #8C8C8C;
			border-right: 1px solid #8C8C8C;
		}
		.progressBar .background {
			width: 0;
			height: 18px;
		}
		.danger .background {
		}


		/* Revisions list in sidebar */

		dl.rev-list {
			margin: 0;
			padding: 0;
		}
			dl.rev-list dt {
				float: left;
				margin-top: .75em;
				margin-right: -3.5em;
				font: italic 100% Georgia, "Times New Roman", Times, serif;
				color: #999;
			}
			dl.rev-list dd {
				margin: 0;
				padding: .75em 0 .75em 3.5em;
				font-size: 85%;
				line-height: 1.3;
				border-top: 1px solid #FFF;
				border-bottom: 1px solid #BACAC7;
			}
				dl.rev-list dd a {
					color: #000;
				}

		/* Find difference in sidebar */

		.find-diff {
			padding: .75em 0 1em;
			font-size: 85%;
		}
			.find-diff input {
				vertical-align: top;
			}


	/* Legend */

	ul.help-legend {
		margin: .5em;
		padding: 0;
	}
		ul.help-legend li {
			display: block;
			margin: .25em 0;
			padding: 0 0 0 20px;
			color: #666;
			font-size: 90%;
			list-style: none;
			background-position: 0 0;
		}


/* Special pages specifics
------------------------------ */

.integr-head {
	padding: 0 0 .5em;
}
	.integr-head img {
		float: left;
		margin: 0;
		padding: 0;
	}
	.integr-head p {
		margin-left: 158px;
		padding: .5em .5em .5em 10px;
		font: italic 110% Georgia, "Times New Roman", Times, serif;
		color: #777;
		border-left: 1px solid #DDD;
	}
	.integr-head.no-logo p {
		margin-left: 0;
		border-left: 0;
		padding-left: .5em;
	}

.integr-help {
	margin: 1em 0;
	padding: 1em;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	border: 1px solid #CC9;
	overflow: hidden;
	//height: 1%;
}
	.integr-help h3 {
		margin: 0;
		padding: 0;
		font-size: 100%;
		color: #663;
	}
	.integr-help p {
		color: #775;
	}
	.integr-help img {
		float: right;
		padding: 1px;
		margin: .25em 0 .6em 1em;
		border: 1px solid #bbb;
	}

.help-image {
	margin: .2em 0 .6em;
	border: 1px solid #BBB;
}


.integr-field {
	overflow: hidden;
	zoom: 1;
}
.integr-script {
	clear: left;
	float: left;
	padding: .45em 0;
}
.integr-down-link {
	float: left;
	margin: 0 0 3em 30px;
	padding: .45em 0 .45em 32px;
	font-size: 90%;
	background-position: 0 0;
	background-repeat: no-repeat;
}

/* Wizards */

.wizard-progress {
	padding: 1em 0;
	overflow: hidden;
	height: 60px;
}
	.wizard-progress ol {
		margin: 0;
		padding: 0;
		height: 13px;
		border-bottom: 2px solid #F0F5F7;
	}
	* html .wizard-progress ol { border: 0 solid; }
		.wizard-progress ol li {
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			list-style: none;
			height: 60px;
		}
			/* Steps width */
			.wizard-progress ol.steps2 li { width: 50% }
			.wizard-progress ol.steps3 li { width: 33% }
			.wizard-progress ol.steps4 li { width: 25% }
			.wizard-progress ol.steps5 li { width: 20% }

			.wizard-progress ol li span {
				display: block;
				padding: 5px 10px;
				font-size: 85%;
				color: #99A;
				text-align: center;
			}
			.wizard-progress ol li span.step-num {
				display: block;
				margin: 0 auto;
				padding: 5px 0 0 1px;
				font-size: 100%;
				font-weight: normal;
				text-align: center;
				width: 28px;
				height: 23px;
			}

			.wizard-progress ol li.current span {
				color: #39C;
				font-weight: bold;
			}
			.wizard-progress ol li.current span.step-num {
				top: 21px;
				background-color: #FFF;
				background-position: 0 -29px;
			}


/* Account and Billing
------------------------------ */

table.plans {
	font-size: 11px;
}
	table.plans th,
	table.plans td {
		border-bottom: 1px solid #E9E9E9;
		padding: .65em .5em;
		font-weight: normal;
		text-align: center;
		vertical-align: middle;
	}

	table.plans thead th {
		padding-top: 0;
		border-bottom: 2px solid #8DA6A6 !important;
		background-color: #FFF !important;
		color:#000;
		font-size: 15px;
		font-weight: bold;
		line-height: 1;
	}

	table.plans tbody th {
		text-align: left;
	}

	table.plans tbody .button,
	table.plans tbody .button span {
		float: none;
		display: block;
	}


	table.plans .current {
		border-color:#F0F0F0 !important;
		background-color:#FFF;
		color: #AAA;
	}
		table.plans thead th.current {
			font-size: 11px;
			font-weight: normal;
		}
		table.plans .highlight .current {
			background-color:#FFF;
		}
			table.plans .highlight .current .warning {
				padding: .2em 0 .2em 18px;
				color: #922;
				font-weight: bold;
			}

		table.plans strong.current-plan {
			padding:.25em;
			background-color:#9C0;
			color:#FFF;
		}


	.tbl-plans-status {
		position: relative;
		height: 1.7em;
		margin: .75em -.5em;
	}
		.tbl-plans-status .tbl-plans-status-bar {
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			height: 1.7em;
			background-color: #D5E0D9;
			background-color: #d1dddb;
		}
		.tbl-plans-status .tbl-plans-status-num {
			position: absolute;
			top: 0; left: 0;
			width: 100%;
			height: 1.7em;
		}


	table.plans .chart th,
	table.plans .chart td {
		padding: 0 .5em;
		border-right: 1px solid #E9E9E9;
	}

	table.plans .highlight th,
	table.plans .highlight td {
		font-size: 12px;
		background-color: #F5FAF7;
	}
		table.plans .highlight th {
			font-weight: bold;
		}

	table.plans strong.yes {
		position: relative;
		display: block;
		margin: 0 auto;
		color: #FFF;
		width: 15px;
		height: 15px;
		overflow: hidden;
	}
		table.plans strong.yes span {
			position: absolute;
			top: 0; left: 0;
			width: 15px;
			height: 15px;
		}

/* Account Summary */

.account_summary {
	padding: .5em .5em 1em;
	font-size: 90%;
	line-height: 1.4;
}
	.account_summary dl {
		margin: 0;
		padding: 0;
		overflow: hidden;
		//height: 1%;
	}
		.account_summary dl dt {
			clear: left;
			float: left;
			margin: 0 0 .5em;
			padding: .25em 0 0;
			color: #888;
			width: 7em;
		}
		.account_summary dl dd {
			margin: 0 0 .5em 7em;
			padding: .25em 0 0;
			color: #555;
			font-weight: bold;
		}


/* Invoice */

table.invoice {
	margin: 0 0 1.5em;
}
	table.invoice th,
	table.invoice td {
		padding: .5em 1em .5em .25em;
	}
		table.invoice th {
			border-bottom: 1px solid #E9E9E9;
			background-color: #F6F6FF;
		}


/* Footer section
------------------------------ */

#footer {
	padding: 10px 20px;
	font-size: 85%;
	color: #887;
	overflow: hidden;
	zoom: 1;
}
  #footer .wildbit {
    float: left;
    width: 45%;
  }
	  #footer .wildbit a.beanstalk-logo,
	  #footer .engine-yard a.ey-logo {
  		position: relative;
  		float: left;
  		margin: 0 0 2em;
  		border: 0;
  		text-indent: -10000px;
  		width: 100px;
  		height: 31px;
  		overflow: hidden;
  	}

  	#footer .wildbit p,
  	#footer .engine-yard p {
  		margin: .5em 0 .7em 110px;
  		padding: 0 .25em 0;
  		line-height: .75;
  	}
  	#footer .wildbit .sep {
  		margin: 0 .-5em 0 .5em;
  		color: #665;
  	}
  	#footer .wildbit a,
  	#footer .engine-yard a {
  		color: #998;
  		text-decoration: none;
  		border-bottom: 1px solid #665;
  	}
  	#footer .wildbit a:hover,
  	#footer .engine-yard a:hover {
  		color: #CCB;
  		border-color: #CCB;
  	}
  	#footer .wildbit a:active,
  	#footer .engine-yard a:active {
  		color: #CCB;
  		border: 0;
  	}
  	
  #footer .engine-yard {
    float: right;
    width: 45%;
    text-align: right;
  }
    #footer .engine-yard a.ey-logo {
  		float: right;
  		margin: 0 0 0 1.5em;
  		width: 29px;
  		height: 49px;
  	}
  	#footer .engine-yard p {
  		margin: .5em 0 .7em 0;
  		padding: 0 .25em 0;
  	}
  	#footer .engine-yard a {
  	  margin-left: .25em;
  	}


/* Helpers
------------------------------ */

.clear {
	clear: both;
}

/* Columns wrappers */

.twocolwrapper,
.twocolwrapper50 {
	clear:both;
	margin:0;
	width:100%;
	overflow:hidden;
}
html>body .twocolwrapper,
html>body .twocolwrapper50 {
	width:auto;
}
	.twocolwrapper .firstcol {
		float:left;
		width:59%;
	}
	.twocolwrapper .secondcol {
		margin:0 0 0 60%;
		padding:0;
		width:100%;
		voice-family: "\"}\"";
		voice-family: inherit;
		width:39%;
	}
	html>body .twocolwrapper .secondcol {
		width:40%;
		overflow:visible;
	}
	
	.twocolwrapper50 .firstcol {
		float:left;
		width:48%;
	}
	.twocolwrapper50 .secondcol {
		margin:0 0 0 50%;
		padding:0;
		width:100%;
	}
	html>body .twocolwrapper50 .secondcol {
		width:49.9%;
	}
	

/* Blank pages images */

.blank-image {
	width: 100%;
	overflow: hidden;
}


/* Disabled page
------------------------------ */

#disabled a { cursor: default; }
#disabled a:hover { text-decoration: none; }
#disabled .notification a { cursor: auto; }
#disabled .notification a:hover { text-decoration: underline; }


#disabled #header ul li a {
	color: #DDD !important;
	background-position: 0 0 !important;		
}
#disabled #header ul li span {
	background-position: 100% 0 !important;		
}


#disabled ul.mainnav li {
	filter:alpha(opacity=40);
	opacity: 0.4;
	-moz-opacity:0.4;
}
	#disabled ul.mainnav li a,
	#disabled ul.mainnav li strong {
		color: #233 !important;
		background-position: 0 0;
	}
		#disabled ul.mainnav li span {
			background-position: 100% 0;
		}
	#disabled ul.mainnav li.active a,
	#disabled ul.mainnav li.active strong {
		color: #FFF !important;
		background-position: 0 -54px;
	}
		#disabled ul.mainnav li.active span {
			background-position: 100% -54px;
		}


#disabled #header h1,
#disabled #header ul li,
#disabled .page-heading,
#disabled .activity-timeline,
#disabled .sidebar,
#disabled #footer {
	filter:alpha(opacity=25);
	opacity: 0.25;
	-moz-opacity:0.25;
}
#disabled #header ul li *,
#disabled .sidebar * {
	filter:alpha(opacity=25);	
}

#disabled dl.repos-list dt a:hover {
	background-color: transparent;
}

	
/* Paginator
****************************/

.paginator {
	margin: 1.5em 0 1em;
	padding: 1em 5px 0;
	font-size: .9em;
	color: #666;
	border-top: 1px solid #EFEFEF;
}
	.paginator .status {
		margin:.5em 0 1em;
		
	}
	.paginator a.page, 
	.pageList .current {
		padding:2px 6px;
		border:1px solid #DDE;
		background-color:#FFF;
		text-decoration: none;
	}
	.paginator .break {
		border: none;
		background:none;
	}
	.paginator a.end {
		border-width:2px;
	}
	.paginator .current {
		border-color:#999;
		background-color:#F9F9F2;
		font-weight:bold;
		font-size:1em;
	}
	.paginator a:hover {
		color:#FFF;
		background:#0063DC;
		border-color:#036;
		text-decoration:none;
	}
	
	.paginator a.link {
		font-weight:bold;
		font-size: 1.15em;
	}
	
	.paginator .disabled {
		color:#CCC;
		font-size: 1.15em;
	}


/* Deployment details */

dl.deploy-details {
	padding: .2em 0 .6em;
	overflow: hidden;
	zoom: 1;
}
	dl.deploy-details dt {
		float: left;
		width: 6em;
		padding: .5em 0;
		color: #000;
		font-weight: bold;
	}
	dl.deploy-details dd {
		margin-left: 6em;
		padding: .5em;
	}