/* Form Styles */

CHECKBOX, INPUT, RADIO, SELECT, OPTION, TEXTAREA {
  font-family: verdana, arial, helvetica;
  font-size: 1em;
}

CHECKBOX{margin:2px 2px 2px 0px;}

SELECT.paging{
  vertical-align:middle;
}

CHECKBOX.err, INPUT.err, RADIO.err, SELECT.err, TEXTAREA.err { border-color:red; }
table.membreDisplay td.err {border:1px solid red}

div.inputBlock { display:-moz-inline-stack;
display:inline-block;
zoom:1;
*display:inline; vertical-align:top; padding:0 5px 5px 0}
/*display:inline; min-height:40px; height:auto !important; height:40px; vertical-align:top; padding:0 5px 5px 0}*/
div.sectionTitle {font-size: 11pt; font-weight:bold;}
div.sectionContent {font-size: 8pt; text-align:left}

div.subHead { background-color:#CCC; padding:5px; margin-bottom:5px; font-weight:bold; font-size:1.1em }

/* Tableau Membres **********************/
table.membreDisplay{
	color:#333333;
	border:none;
	border-collapse:separate;
	border-spacing:2px;
	font-size:90%;
}

table.membreDisplay td { border:none; padding:5px 10px }
table.membreDisplay td.field a { color:#00F }

table.membreDisplay td.title {
	text-align:left;
	background-color:#FC6;
	font-weight:bold;
}

table.membreDisplay td.titleRow {
	text-align:left;
	background-color:#ADD;
	font-weight:bold;
}

table.membreDisplay td.label {
	text-align:right;
	font-weight:bold;
	white-space:nowrap;
	background-color:#DDDDDD;
	padding-top:7px;
}

table.membreDisplay td.field {
	text-align:left;
	background-color:#FFD;
}

table.membreDisplay td.field1 {
	text-align:left;
	background-color:#EEE;
}

table.membreDisplay td.fielddark {
	text-align:left;
	background-color:#CCCCCC;
}

table.membreDisplay td.fieldbold {
	text-align:left;
	background-color:#67d87A;
	font-weight:bold;
}

table.membreDisplay td.right { text-align:right; }
table.membreDisplay td.center {	text-align:center; }
table.membreDisplay td.nowrap {	white-space:nowrap; }
table.membreDisplay td.cancel {	text-decoration:line-through; }

table.membreDisplay td.dark { background:#09C}
table.membreDisplay tr.rowOn td.field, table.membreDisplay tr.rowOn td.field1, table.membreDisplay tr.rowOn td.leader { background:#CFC; cursor:pointer;}
table.membreDisplay tr.rowOff td.field, table.membreDisplay tr.rowOff td.field1, table.membreDisplay tr.rowOff td.leader { cursor:default;}


table.membreDisplay td.buttons {
	white-space:nowrap;
	padding:10px 10px;
	background-color:#9CC;
}

table.membreDisplay td.inactif { color:#666; background-color:#EEE; }
table.membreDisplay td a.inactif { color:#666 }
table.membreDisplay td a.white { color:#FFF }


/* Avaibility Display */
table.availDisplay td {padding:4px 3px; border:1px solid #fff; text-align:center; font-size:110%;}


/* Volunteer List Display */
td.weekRow {font-size:120%; font-weight:bold; text-align:center; background-color:#fff;}
td.shiftRow {font-size:110%; font-weight:bold; text-align:center; background-color:#eee;}
td.leader {background-color:#FFEE88;}

/*Documents list display */
td.catRow {font-size:120%; font-weight:bold; text-align:center; background-color:#fff;}

/*Buttons*/
a.button {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
a.button span.ui-icon {margin: 0 5px 0 0; position: absolute;left: .2em;top: 50%;margin-top: -8px;}


/* General fixes */
.petit {font-size: 80%;}
.grand {font-size:120%; line-height:1.2}
.bold {font-weight:bold;}

/* colors */
.blue{color:#0033ff}
.red{color:#FF0000}
.white{color:#FFFFFF}
}