@charset "UTF-8";

body {
	margin:0;
	padding:0;
	font-family: "Lucida Grande", sans-serif;
	font-size: 13px;
	background: #fffffa;
}


h1 {
	color: #3d6c78;
	text-shadow: 1px 2px 0 #ddd;
	margin: 0;
}


h2 {
	color: #555;
	font-weight: normal;
	font-size: 1em;
	margin: 0;
}


h3 {
	color: red;
	font-weight: bold;
}
	

#start, #wrap {
	background: white;
	-webkit-box-shadow: 1px 2px 20px #e5e5e5;
	-moz-box-shadow: 1px 2px 20px #e5e5e5;
}


input, select {
	border: 1px solid #ccc;
	font-size: 1em;
	width: 98%;
}


fieldset, td, th, .box, #wrap, #start, #previewer .content {
	/* les 4 proprietes suivantes sont equivalentes (dependent du moteur de rendu) */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	-khtml-border-radius:6px;
	border-radius:6px;
	/**/
}



/* ERRORS { */


	#errors {
		z-index: 8999;
		position: fixed;
		top: 0;
		width: 100%;
		text-align: center;
		background-color: #ffcfcf;
		border-bottom: 2px solid #e5a3a3;
		color: #8c1b1b;
		font-size: 1.4em;
		cursor: pointer;
		padding: 5px;
		opacity: 0.9;
	}
	
/* } ERRORS */



/* PREVIEWER { */


	#previewer {
		top: 0;
		background: url(images/mask.png) repeat;
		z-index: 9000;
		position: fixed;
		height: 100%;
		width: 100%;
		cursor: default;
	}


	#previewer .content {
		background: white;
		margin-left: 10%;
		margin-top: 3%;
		width: 80%;
		height: 80%;
		padding: 1%;
		overflow: auto;
	}
	
	#previewer h1 {
		color: black;
		text-shadow: none;
	}

/* } PREVIEWER */



/* START { */


	#start {
		width: 500px;
		margin: 130px auto;
		padding: 30px;
		color: #555;
		font-size: 1.2em;
	}
	
	
	#start h1 {
		font-weight: normal;
		font-size: 2em;
		text-transform: none;
		cursor: default;
	}
	
	
	#start select {
		margin-top: 30px;
	}
	
	
	#start ul {
		margin-top: 30px;
		list-style-type: square;
	}
	
	
	#start li {
		cursor: pointer;
	}
	
	
	#start li:hover {
		text-decoration: underline;
	}
	
/* } START */



/* MENU { */

	
	#menu {
		position: fixed;
		top: 0;
		left: 0;
		background: #C1E1E9;
		padding: 10px;
		width: 250px;
		border: 3px solid #94c4d0;
		border-left: none;
		border-top: none;
		list-style-type: none;
		max-height: 90%;
		overflow: auto;
	}
	
	
	#loading {
		text-align: center;
		height: 19px;
		margin-bottom: 5px;
	}
	
	
	#menu select {
		margin-top: 10px;
		margin-bottom: 0;
	}
	
	
	#menu hr {
		margin-top: 10px;
		border-color: #C1E1E9;
	}
	
	
	#menu h1 {
		cursor: default;
		background: no-repeat 0 5px;
		padding-left: 12px;
		text-transform: uppercase;
		font-size: 1em;
	}

	
	#menu h1.folded {
		background-image: url(images/folded.png);
	}
	
	
	#menu h1.unfolded {
		background-image: url(images/unfolded.png);
	}
	
	
	.content {
		margin-top: 10px;
	}
	
	
	select#databases {
		margin-bottom: 10px;
	}
	
	
	#register-db {
		margin-top: 10px;
	}
	
	
	.selectors {
		text-align: center;
	}
	
	
	.selectors button {
		cursor: pointer;
		background: #94c4d0;
		padding: 2px 4px;
		margin: 0 5px;
		border: none;
		font-size: 0.9em;
	}
	
	
	.selectors button:hover {
		background-color: #e3f5fa;
	}
	
	
	.selectors button:active {
		background-color: #3d6c78;
	}
	
	
	.selectors button[disabled]:hover {
		cursor: default;
		background-color: #94c4d0;
	}
	
	
	#con-fields {
		margin-top: 10px;
	}
	
	
	#con-fields .selectors {
		margin-top: 10px;
	}
	
	
	#con-set {
		text-align: center;
		margin-top: 10px;
	}
	
/* } MENU */



/* WRAP { */


	#wrap {
		margin-left: 300px;
		margin-top: 20px;
		padding: 20px;
		width: 700px;
	}
	
	
	#formname {
		font-weight: bold;
		text-shadow: 1px 2px 0 #ddd;
		font-size: 2.2em;
		border: none;
		width: 100%;
	}
	
	
	.creating, .editing {
		border: 1px solid;
		border-top: none;
		padding: 1px 3px;
		-webkit-border-bottom-left-radius: 5px;
		-webkit-border-bottom-right-radius: 5px;
		-moz-border-radius-bottomleft: 5px;
		-moz-border-radius-bottomright:5px;
	}
	
	
	.creating {
		color: green;
		background-color: #f0fee9;
		border-color: #e1efdb;
	}
	
	
	.editing {
		color: #c08609;
		background-color: #feefd0;
		border-color: #f7d48c;
	}
	
	
	.box {
		margin-top: 30px;
	}
	
	
	.box fieldset {
		margin: 10px;
		padding: 8px 15px;
		background: #ffffe1;
		border: 1px solid #ddd;
	}
	
	
	.box table {
		width: 100%;
		margin-bottom: 10px;
	}
	
	
	#readonly-info th {
		width: 150px;
		text-transform: capitalize;
	}
	
	
	.box th {
		font-weight: normal;
		text-align: left;
		background: #f7f1d3;
		border: 1px solid #ccc;
	}
	
	
	.box th:hover {
		background: #eaf3f5;
	}
	
	
	.box td {
		border: 1px solid #e3e3e3;
	}
	
	
	.box td:hover {
		background: #f6fafb;
	}
	
	
	.box td.error {
		width: 12px;
		border: none;
		text-align: center;
		background: center center no-repeat;
		padding: 0;
		
	}
	
	
	.box td.name-error, .box td.opt-error, .box td.sql-error {
		background-image: url(images/error.png);
	}
	
	
	.box input.invalid {
		border: 2px solid #ea7979;
	}
	
	
	.box input.incomplete {
		border: 2px solid #f7d48c;
	}
	
	
	.box td.delete {
		font-family: "Trebuchet MS";
		color: #CCC;
		font-weight: bold;
		background: transparent;
		width: 20px;
		padding: 0;
		border: none;
		text-align: center;
		cursor: pointer;
	}
	
	
	.box td.delete:hover {
		color: #555;
	}
	
	
	.box td, .box th {
		border-left: none;
		border-top: none;
		padding: 3px;
	}


	input.size {
		text-align: center;
	}
	
	
	#con-save {
		margin-top: 20px;
		text-align: right;
	}	

/* } WRAP */