@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
html {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	font-family: sans-serif;
	font-size: 62.5%;
	background-color:white;
}
form {
	padding: 0;
	margin: 0;
}

#voile {
	display:none;
	position: absolute;
	z-index:999;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	top:0;
	left:0;
	background-color:rgba(255,255,255,.85);
}

header, main, nav, section, footer, article, aside {
	display:block;
	font-size: inherit;
}
header, main, footer, #messages {
	font-size: 1.2em;
}

th, td, input, select, textarea, button, fieldset {
	font-size: inherit;
}
th, td {
	text-align: center;
	padding:2px 5px;
}
.erreur {
	color:red;
	background-color:rgba(255,0,0,0.1);
}
.cols,
.cols_users,
.cols_mats {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}
.cols_sers,
.cols_mats {
	clear:both;	
}
.cols_edit {
	display: inline-table;
}
.cols_edit .col_edit {
	display: table-cell;
	text-align: center;
}
.cols_edit .col_edit:first-child,
.cols_edit .col_edit:last-child {
	width:45%;
	text-align: left;
}
.cols_days {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}
.none {
	font-size:0.9em;
	font-style: italic;
	color:red;
}
#change_date {
	cursor:pointer;
}

#messages {
	display:block;
	position:absolute;
	z-index:1000;
	width:450px;
	margin:0;
	padding:10px;
	background-color:white;
	border:1px solid rgba(0,0,0,0.8);
	box-shadow:5px 5px 5px rgba(0,0,0,0.8);
	color:black;
	overflow-y: auto;
}
#messages .message {
	padding:10px;
	font-family: sans-serif;
	font-weight:bold;
	color:rgb(50,76,158);
}
#messages fieldset {
	border:none;
}
#login {
	position:absolute;
	margin-top:-1em;
}
#messages fieldset h1,
#messages .fieldset h1 {
	padding: 0;
	margin: 0;
}
#messages fieldset p,
#messages .fieldset p {
	padding:0.5em 0 0 0;
	margin:0;
}
#messages .grow_up_down {
	position:absolute;
	right:10px;
	top:10px;
	z-index: 100;
	cursor: pointer;
}
#messages .grow_up_down a {
	transition:color 0.3s ease-out;
}
#messages .grow_up_down a:link,
#messages .grow_up_down a:visited {
	color:grey;
}
#messages .grow_up_down a:hover,
#messages .grow_up_down a:active,
#messages .grow_up_down a:focus {
	color:black;
}
fieldset legend,
.fieldset .legend {
	font-size:1.1em;
	font-weight: bold;
	color:white;
	box-shadow:2px 2px 2px lightgray;
	background-color:rgba(40,171,224,1);
	padding:0.2em 0.5em;
}
.ligne {
	margin:0.5em 0;
	float: left;
	width: 100%;
}
.subligne {
	margin:0.2em 0 0.2em 10%;
	float: left;;
	width: 90%;
}
.last_ligne {
	margin:0.5em 0;
	text-align: right;
	float: left;
	width: 100%;
}
.last_ligne a {
	display:block;
	float:left;
	text-decoration: none;
	font-size:0.9em;
}
.last_ligne a:link,
.last_ligne a:visited {
	color:black;
	font-style: italic;
	line-height: 1.5em;
	transition:color 0.3s ease-out;
}
.last_ligne a:hover,
.last_ligne a:active,
.last_ligne a:focus {
	color:rgba(40,171,224,1);
}
.last_ligne .button {
	display:inline-block;
	float: none;
	border:solid 1px lightgray;
	border-radius:5px;
	background-color:rgba(40,171,224,1);
	transition:box-shadow 0.5s ease-out;
	cursor:pointer;
	outline: none;
	padding:0.4em 0.8em;
	text-decoration: none;
}
.last_ligne .button:link,
.last_ligne .button:visited {
	color:white;
	margin: 0 1px 1px 0;
	box-shadow:2px 2px 2px lightgray;
}
.last_ligne .button:hover,
.last_ligne .button:active,
.last_ligne .button:focus {
	color:white;
	margin:1px 0 0 1px;
	box-shadow:0 0 1px lightgray;
}
.espace {
	display: block;
	float: left;
	width: 98%;
	margin: 1% 1%;
	padding: 1% 0 0 0;
	border-top:solid 1px #324C9E;
}
label {
	display:block;
	line-height: 1.8em;
} 
input[type="text"],
input[type="password"] {
	display:block;
	float:right;
	border:solid 1px gray;
	width:49%;
	padding:0.2em 0.5%;
	outline: none;
	line-height: normal;
}
.input,
address {
	display:block;
	float:right;
	width:49%;
	padding:0.2em 0.5%;
	outline: none;
	line-height: normal;
}
select {
	display: block;
	float: right;
	width: 49%;
	outline: none;
}
textarea {
	display: block;
	border:solid 1px gray;
	width: 99%;
	padding:0.2em 0.5%;
	outline: none;
	line-height: normal;
}
td > input[type="text"],
td > input[type="password"] {
	width: 100%;
	float: none;
}
td > select {
	width: 98%;
	float: none;
}
#event input[name="begin_date"],
#event input[name="end_date"],
#event input[name="repeat-days"],
#event input[name="repeat-weeks"],
#event input[name="repeat-months"] {
	width:28%;
	text-align: center;
	margin-right:5%;
}
#event input[name="repeat-weeks[]"] {	
	width:56%;
	text-align: center;
	margin-right:5%;
}
#event input[name="begin_time"],
#event input[name="end_time"] {
	width:16%;
	text-align: center;
}
#event input[name="duree"] {
	width:32%;
	text-align: center;
}
#event label.duree,
#event label.checkbox {
	width:50%;
}
#event label.duree {
	float: right;
}
#event #nb_intervenants {
	font-weight:normal;
}
#event #del-repeat {
	display: none;
	float: left;
	width: 100%;
	border-top:solid 1px gray;
	margin-top:0.5em;
}
#event #edit-repeat {
	float: left;
	width: 100%;
	border-top:solid 1px gray;
	margin-top:0.5em;
}
button,
.button {
	color:white;
	border:solid 1px lightgray;
	border-radius:5px;
	box-shadow:2px 2px 2px lightgray;
	background-color:rgba(40,171,224,1);
	transition:box-shadow 0.5s ease-out;
	cursor:pointer;
	outline: none;
	padding:0.4em 0.8em;
	margin: 0 1px 1px 0;
	text-decoration: none;
}
button:hover,
.button:hover {
	color:white;
	margin:1px 0 0 1px;
	box-shadow:0 0 1px lightgray;
}
span[onclick] {
	cursor: pointer;
}
.bleu {
	color:rgba(40,171,224,1);
}
.vert {
	color:rgba(210,228,31,1);
}

body > header {
	position:fixed;
	width:100%;
	background-color:rgba(40,171,224,1);
	z-index:500;
	box-shadow: 0 3px 3px black;
	-webkit-backface-visibility: hidden;
}
body > header > #mobile {

}
body > header > nav {
	margin: 0 auto;
}
body > header > nav a,
body > header > nav span {
	text-decoration: none;
	color: white;
	padding: 0.5em 0.5em;
	transition:background-color 0.3s ease-out,color 0.3s ease-out;
}
body > header > nav span {
	font-weight:bold;
} 
body > header > nav a:link,
body > header > nav a:visited {
	color:white;
	background-color:rgba(40,171,224,1);
}
body > header > nav a:hover,
body > header > nav a:active,
body > header > nav a:focus,
body > header > nav li.selected > a:link,
body > header > nav li.selected > a:visited {
	color:black;
	background-color:white;
}
body > header > nav > ul {
	display:table;
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
}
body > header > nav > ul > li {
	display:table-cell;
	list-style: none;;
	margin: 0;
	padding: 0;
	text-align: center;
}
body > header > nav > ul > li > a,
body > header > nav > ul > li > span {
	display:block;
	cursor: default;
}
body > header > nav > ul > li > ul {
	display:none;
	position:absolute;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:rgba(40,171,224,1);
	box-shadow: 3px 3px 3px black;
	overflow: auto;
}
body > header > nav > ul > li > ul > li {
	display:block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
body > header > nav > ul > li > ul > li > a,
body > header > nav > ul > li > ul > li > span {
	display:block;
	font-size:0.9em;
}
body > header > nav > ul > li > ul > li ul{
	display:block;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color:rgba(40,171,224,1);
	border-bottom: solid 1px white;
}
body > header > nav > ul > li > ul > li ul li {
	display:block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
body > header > nav > ul > li > ul > li ul li a,
body > header > nav > ul > li > ul > li ul li span {
	display:block;
	font-size:0.9em;
	padding-left:1em;
}
body > header > nav a[href*="/"] {
	cursor:pointer;
} 

main {
}
main .info {
	display: none;
	position: absolute;
	background-color: inherit;
	padding:5px;
	border:solid 1px black;
	box-shadow: 2px 2px 2px gray;
}
main fieldset,
main .fieldset {
	border:solid 1px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 4px gray;		
}
#messages fieldset > table,
main fieldset > table {
	width:100%;
	border-collapse: collapse;
}
#messages fieldset > table thead,
main fieldset > table thead {

}
#messages fieldset > table thead tr,
main fieldset > table thead tr {

}
#messages fieldset > table thead th,
main fieldset > table thead th {
	text-align: left;
	white-space: nowrap;
	border-collapse: collapse;
}
#messages fieldset > table thead td,
main fieldset > table thead td {
	text-align: left;
	white-space: nowrap;
	border-collapse: collapse;
}
main fieldset > table#parametres thead th:nth-last-child(2),
main fieldset > table#parametres tbody td:nth-last-child(2),
main fieldset > table#utilisateurs thead th:nth-child(4),
main fieldset > table#utilisateurs tbody td:nth-child(4),
main fieldset > table#utilisateurs thead th:nth-last-child(2),
main fieldset > table#utilisateurs tbody td:nth-last-child(2) {
	text-align: center;
}
main fieldset > table#groupes thead tr th,
main fieldset > table#groupes tbody td,
#messages fieldset > table#releves tbody td {
	text-align:center;
}
main fieldset > table#groupes thead tr:first-child th:first-child,
main fieldset > table#groupes thead tr:first-child th:nth-child(2),
main fieldset > table#groupes tbody td:first-child,
main fieldset > table#groupes tbody td:nth-child(2),
main fieldset > table#groupes thead th[colspan],
#messages fieldset > table#releves thead tr:first-child th:first-child,
#messages fieldset > table#releves thead tr:first-child th:nth-child(2),
{
	text-align: left;
}
main fieldset > table#groupes thead th {
	vertical-align: bottom;
}
#messages fieldset > table tbody,
main fieldset > table tbody {

}
#messages fieldset > table tbody tr,
main fieldset > table tbody tr {

}
#messages fieldset > table tbody tr:hover,
main fieldset > table tbody tr:hover {
	background-color:rgba(0,0,0,0.08);
}
#messages fieldset > table tbody th,
main fieldset > table tbody th {
	text-align: left;
	white-space: nowrap;
	border-collapse: collapse;
}
#messages fieldset > table tbody td,
main fieldset > table tbody td {
	text-align: left;
	white-space: nowrap;
	border-collapse: collapse;
}
#messages fieldset > table tbody td:last-child,
main fieldset > table tbody td:last-child {
	width:15%;
	text-align: center;
}
#messages fieldset > table tbody td > a,
main fieldset > table tbody td > a {
	display: inline-block;
}
#messages fieldset > table tbody td,
main fieldset > table tbody td {
	vertical-align: middle;
}
main fieldset > table#utilisateurs tbody td {
	vertical-align: top;
}
#messages fieldset > table tfoot,
main fieldset > table tfoot {

}
#messages fieldset > table tfoot tr,
main fieldset > table tfoot tr {

}
#messages fieldset > table tfoot th,
main fieldset > table tfoot th {
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	border-collapse: collapse;
}
#messages fieldset > table tfoot td,
main fieldset > table tfoot td {
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	border-collapse: collapse;
}
main fieldset > table#couleurs tfoot td {
	vertical-align: middle;
}
#messages fieldset > table tfoot td:last-child,
main fieldset > table tfoot td:last-child {
	width:15%;
	text-align: center;
}
main > aside {
	background-color: white;
}
main > #legend {
	position:fixed;
	z-index:110;
	border-right: solid 1px black;
	border-bottom: solid 1px black;
	padding:5px 0 0 0;
	-webkit-backface-visibility: hidden;
}
main > #legend table {
	border:solid 1px transparent;
	border-collapse: collapse;
	width: 100%;
}
main > #legend table th,
main > #legend table td {
	border-top:solid 1px lightgray;
	border-right:solid 1px transparent;
	border-bottom:solid 1px lightgray;
	border-left:solid 1px transparent;
	border-collapse: collapse;
}
main > #legend table thead tr:first-child th {
	border-top-color: transparent;
	text-transform: uppercase;
}
main > #top {
	position:fixed;
	z-index: 100;
	border-bottom: solid 1px black;
	padding:5px 0 0 0;
	-webkit-backface-visibility: hidden;
}
main > #top table {
	border:solid 1px transparent;
	border-collapse: collapse;
}
main > #top table th,
main > #top table td {	
	border:solid 1px lightgray;
	border-collapse: collapse;
	white-space: nowrap;
}
main > #top table thead tr:first-child th {
	border-top-color:transparent;
	text-transform: uppercase;
}
main > #left {
	position: absolute;
	z-index:99;
	border-right: solid 1px black;
	padding:0 0 5px 0;
}
main > #left_hand {
	display: none;
	position:fixed;
	z-index: 100;
	background-color: white;
	border-top:solid 1px black;
	border-right:solid 1px black;
	border-bottom:solid 1px black;
	padding:0.5em 0.5em 0.5em 0.3em;
	border-top-right-radius:100%;
	border-bottom-right-radius:100%;
	font-size:150%;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
}
main > #left table {
	width: 100%;
	border:solid 1px transparent;
	border-collapse: collapse;
}
main > #left table th {
	border-top:solid 1px lightgray;
	border-right:solid 1px lightgray;
	border-bottom:solid 1px lightgray;
	border-left:solid 1px transparent;
	border-collapse: collapse;
	white-space: nowrap;
	width: 50%;
	text-align: left;
	text-transform: uppercase;
}
main > #left table td {
	border-top:solid 1px lightgray;
	border-right:solid 1px transparent;
	border-bottom:solid 1px lightgray;
	border-left: solid 1px lightgray;
	border-collapse: collapse;
	white-space: nowrap;
	width: 50%;
	height: 20px;
	text-align: left;
}
main > #center table {
	margin: 0 0 5px 0;
	border:solid 1px transparent;
	border-collapse:collapse;
}
main > #center table > thead {

}
main > #center table > thead > tr {

}
main > #center table > thead > tr > th {
	border:solid 1px lightgray;
	border-collapse:collapse;
}
main > #center table > thead > tr > td {
	border:solid 1px lightgray;
	border-collapse:collapse;
}
main > #center table > tbody > tr > th {
	border:solid 1px lightgray;
	border-collapse:collapse;
}
main > #center table > tbody > tr > td {
	position:relative;
	border:solid 1px lightgray;
	border-collapse:collapse;
	transition:background 0.3s ease-out;
	vertical-align: top;
	height: 20px;
}
main > #center table > tbody > tr:hover > td {
	background:rgba(0,0,0,0.1);
	background:-webkit-linear-gradient(rgba(0,0,0.01),rgba(0,0,0,0,0.1));
	background:-o-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.1));
	background:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.1));
	background:linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.1));
}
main > #center.month table > tbody > tr > td {
	height:auto;
}
main > #center table > tbody > tr > td.today {
	background:rgba(255,0,0,0.1);
	background:-webkit-linear-gradient(rgba(255,0,0.01),rgba(255,0,0,0,0.1));
	background:-o-linear-gradient(rgba(255,0,0,0.01),rgba(255,0,0,0.1));
	background:-moz-linear-gradient(rgba(255,0,0,0.01),rgba(255,0,0,0.1));
	background:linear-gradient(rgba(255,0,0,0.01),rgba(255,0,0,0.1));
}
main > #center table > tbody > tr > td:hover {
	background:rgba(0,0,0,0.1);
	background:-webkit-linear-gradient(rgba(0,0,0.01),rgba(0,0,0,0,0.1));
	background:-o-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.1));
	background:-moz-linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.1));
	background:linear-gradient(rgba(0,0,0,0.01),rgba(0,0,0,0.1));
}
main > #center table > tbody > tr > td > div {
	cursor:pointer;
	margin-top:0.7em;
	padding:0.2em 0.4em;
	height: 1.7em;
	line-height:150%;
	overflow-y: hidden;
	transition: height 0.3s ease-out;
}
main > #center table > tbody > tr > td > div:hover {
	box-shadow: 1px 1px 1px gray;
}
main > #center table > tbody > tr > td > div:first-child {
	margin-top:0;
}
main > #center table > tbody > tr > td > div i {
	font-style: italic;
	font-size: 0.9em;
}
main > #center.month table > tbody > tr > td > div:first-child {
	cursor: default;
	font-weight: bold;
	font-variant: small-caps;
}
main > #center table > tbody > tr > td > div.add {
	cursor: pointer;
	position: absolute;
	margin:0;
	padding:0;
	width:1.6em;
	height:1.6em;
	vertical-align: middle;
	text-align: center;
	background-color: rgb(40,171,224);
	z-index: 100;
	border-radius:100%;
	color:white;
	right: 0.5em;
	bottom: 0.2em;
	opacity:0;
	transition:opacity 0.3s ease-out;
}
main > #center table > tbody > tr > td > div.add:hover {
	box-shadow: none;
	background-color:red;
}
main > #center table > tbody > tr > td:hover > div.add {
	opacity:1;
}
main > #center table > tfoot {

}
main > #center table > tfoot > tr {

}
main > #center table > tfoot > tr > th {
	border:solid 1px transparent;
	border-collapse:collapse;
}
main > #center table > tfoot > tr > td {
	border:solid 1px transparent;
	border-collapse:collapse;
}
body > footer {
	position:fixed;
	z-index:500;
	width:100%;
	left:0;
	bottom:0;
	overflow-x: hidden;
	-webkit-backface-visibility: hidden;
}
body > footer > nav {

}
body > footer > nav > a {
	display: block;
	position: absolute;
	padding:0.5em;
	z-index: 501;
	transition:box-shadow 0.2s ease-out, background-color 0.2s ease-out;
	border:solid 1px gray;
}
body > footer > nav > a:link,
body > footer > nav > a:visited {
	color:black;
	background-color:lightgray;
}
body > footer > nav > a:hover,
body > footer > nav > a:active,
body > footer > nav > a:focus {
	color:black;
	background-color:rgba(40,171,224,1);
	box-shadow: 2px 2px 2px gray;
}
body > footer > nav > a:first-child {
	left:0;
	bottom:0;
	border-top-right-radius:2em;
	border-bottom-right-radius:2em;
}
body > footer > nav > a:last-child {
	right:0;
	bottom: 0;
	border-top-left-radius:2em;
	border-bottom-left-radius:2em;
}

body > footer > ul {
	position:relative;
	display:table;
	list-style: none;
	margin: 0;
	padding: 0;
}
body > footer > ul > li {
	display: table-cell;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;
	background-color: lightgray;
	border-left:solid 1px gray;
	border-top:solid 1px gray;
	border-right:solid 1px gray;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	white-space: nowrap;
	font-size:0.9em;
	font-variant: small-caps;
	transition:background-color 0.2s ease-out,border-color 0.2s ease-out;
	z-index:1;
}
body > footer > ul > li:hover {
	background-color:rgba(40,171,224,1);
	border-color:black;
}
body > footer > ul > li.active {
	background-color: rgba(210,228,31,1);
	border-color:black;
}
body > footer > ul > li > a {
	display: block;
	text-decoration: none;
	padding:0.2em 0.5em;
	transition:color 0.2s ease-out;
}
body > footer > ul > li > a:first-line {
	font-size:1.1em;
	font-weight:bold;
}
body > footer > ul > li > a:link,
body > footer > ul > li > a:visited {
	color:black;
}
body > footer > ul > li > a:hover,
body > footer > ul > li > a:active,
body > footer > ul > li > a:focus {
	color:white;	
}
body > footer > ul > li.active > a,
body > footer > ul > li.active > a:link,
body > footer > ul > li.active > a:visited,
body > footer > ul > li.active > a:hover,
body > footer > ul > li.active > a:active,
body > footer > ul > li.active > a:focus {
	color:black;
}
@media (max-width: 674px) {
	#messages {
		width:80%;
	}
	body > header {
		text-align: right;
	}
	body > header > #mobile {
		display: inline-block;
		color: white;
		margin-right:0.5em;
	}
	body > header > nav {
		display: none;
		position: absolute;
		width: 100%;
		z-index: 100;
	}
	body > header > nav a,
	body > header > nav span {
		display: block;
		font-size:1.2em;
		text-decoration: none;
		color: white;
		padding: 0.5em 0.5em;
		transition:background-color 0.3s ease-out,color 0.3s ease-out;
	}
	body > header > nav span {
		font-weight:bold;
	} 
	body > header > nav a:link,
	body > header > nav a:visited {
		color:white;
		background-color:rgba(40,171,224,1);
	}
	body > header > nav a:hover,
	body > header > nav a:active,
	body > header > nav a:focus,
	body > header > nav li.selected > a:link,
	body > header > nav li.selected > a:visited {
		color:black;
		background-color:white;
	}
	body > header > nav > ul {
		display:block;
		list-style: none;
		margin: 0;
		padding: 0;
		background-color:rgba(40,171,224,1);
	}
	body > header > nav > ul > li {
		display:block;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		border-top:solid 1px black;
	}
	body > header > nav > ul > li > a,
	body > header > nav > ul > li > span {
		display:block;
		cursor: default;
	}
	body > header > nav > ul > li > ul {
		display:none;
		position:static;
		list-style: none;
		margin: 0;
		padding: 0;
		overflow: auto;
	}
	body > header > nav > ul > li > ul > li {
		display:block;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		border-top:solid 1px black;
	}
	body > header > nav > ul > li > ul > li > a,
	body > header > nav > ul > li > ul > li > span {
		display:block;
	}
	body > header > nav > ul > li > ul > li ul {
		display:none;
		position: static;
		list-style: none;
		margin: 0;
		padding: 0;
		border-bottom: solid 1px white;
	}
	body > header > nav > ul > li > ul > li ul li {
		display:block;
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: center;
		border-top:solid 1px black;
	}
	body > header > nav > ul > li > ul > li ul li a,
	body > header > nav > ul > li > ul > li ul li span {
		display:block;
		padding-left:1em;
	}
	body > header > nav li.selected > ul {
		display: block;
		position: static;
	}
	main fieldset {
		width:80%;
		margin:0 auto;
	}
	main > section fieldset {
		width:80%;
		margin:0 auto;
	}
	main > #left_hand {
		display: block;
	}
	main > #center {
	}
}
@media (min-width: 675px) {
	body > header > #mobile {
		display: none;		
	}
	body > header > nav {
		display: block;
	}
	main fieldset {
		width:40%;
		margin:0 auto;
	}
	main > section fieldset {
		width:auto;
		max-width: 980px;
		margin:2em auto 0 auto;
	}
	main > #center {
	}
}
.ui-datepicker {
	z-index: 1100!important;
}
/* Drag and Drop */
.progressBar {
	clear:both;
    width: 26%;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px; 
    overflow: hidden;
    display:inline-block;
    margin:0px 1% 5px 0.5%;
    vertical-align:top;
}
 
.progressBar div {
    height: 100%;
    color: #fff;
    text-align: right;
    line-height: 22px; /* same as #progressBar height if we want text middle aligned */
    width: 0;
    background-color: #0ba1b5; border-radius: 3px; 
}
.statusbar {
	border-top:1px solid #A9CCD1;
    min-height:25px;
	margin:10px;
    padding:10px 0 0 0;
    vertical-align:top;
	color:#666;
}
.statusbar:nth-child(odd) {
}
.filename {
	display:inline-block;
	vertical-align:middle;
	width:30%;
	line-height:24px;
}
.filesize {
	display:inline-block;
	vertical-align:middle;
	color:#30693D;
	width:18.5%;
	margin-left:1%;
	margin-right:0.5%;
	text-align:right;
	line-height:24px;
	font-style:italic;
	font-size:10px;
}
.abort {
	background-color:#A8352F;
	border-radius:4px;
	display:inline-block;
	color:#fff;
	font-family:arial;font-size:13px;font-weight:normal;
	padding:0 1.5%;
	cursor:pointer;
	vertical-align:top;
	width:17%;
	line-height:24px;
	text-align:center;
}