@CHARSET "UTF-8";

#MathJax_Message{
	position:absolute;
}

#headerColor{
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -3;
		
}

.option_buttonbar {
	list-style-type: none;
	color: #ffffff;
	padding:0;
}
		.option_buttonbar li {
			float: left;
			margin: 0 5px;
		}


.button {
	font-weight: bold;
	/*color: #ffffff;*/
	/*text-shadow: 1px 1px 0px #fff;*/
	cursor: pointer;
	text-decoration: none;
	padding: 4px 4px;
	background: transparent;
	border: transparent 1px solid;
  	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

		.button:hover {
			/*color: #5B5B5B;*/
			/*text-shadow: 1px 1px 0px #fff;*/
			background: #C3DAF9;
			border: #C3DAF9 1px solid;
		}

.active, .active:hover {
	color: #fff;
	text-shadow: 1px 1px 0px #5B5B5B;
	background: #C3DAF9;
	border: transparent 1px solid;
}

.dateTime {
	float:left;
	width: 100px;
	color: #fff; 
	font-weight: bold;
	text-align: center; 
	line-height:12px;
	font-family: Calibri;
	margin-top: 6px;
}

.breadCrumb {
	float: left;
	margin-top: -10px;
	margin-left: 54px;

	color: #eee;
	font-weight: bold;
	font-size: 9pt;

	text-shadow: 0px -1px 0px #374683;
	filter:DropShadow(OffX=2, OffY=2, color=#000000); 

	filter: progid:DXImageTransform.Microsoft.alpha( opacity=80); 
	opacity:0.8;filter:alpha(opacity=80);

}

/* Min-height sur Internet Explorer */
.global_row {
 	height: 600px;
}


.global_row_table {
	border-collapse: collapse;
	border-spacing: 0;
}
		.global_row_table tr, .global_row_table td{
			padding: 0;
			margin: 0;
		}

/*instruction non comprise par IE (html>body) et qui rétablit les choses pour les autres navigateurs*/
html>body .global_row {
	height: auto;
	min-height: 600px;
} 


#connectedUser {
	margin-left: 20px;
	list-style-type: none;
}

.text_white {
	color: #ffffff;
}

.text_grey {
	color: #888;
}

img {
	vertical-align: middle;
}


.tableGrid  {
		border-width: 1px;
		border-style: solid;
		border-color: #888888;
}
	.tableGrid td {
		border-width: 1px;
		/*padding: 1px;*/
		border-style: solid;
		border-color: #888888;
	}


/*New style declarations*/
.spiral-inline-block{
	display:inline-block;
}

.spiral-header-separator img{
	
}

.spiral-header-brick-title{
	color:#fff;
	font-size:14pt;
	margin-top:8px;
	display:inline-block;
	overflow:hidden;
	max-height:40px;
	white-space: nowrap;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select:none;
    cursor:default;
}

.spiral-header-connected-user-li{
	overflow:hidden;
	max-height:40px;
	max-width:300px;
	white-space: nowrap;
	-moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-user-select:none;
     cursor:default;
}

/*PAGNATION CSS*/
div.pagination{width:500px;text-align:center;margin:5px auto 5px;padding:2px;border:1px solid #CCC;}
div.pagination ul.pagin_line{list-style:none;margin:auto;font-size:10px;font-family:Verdana;padding:0;}
div.pagination ul.pagin_line li{height:20px;line-height:20px;display: inline;text-align: center;padding: 2px ;margin: 0;}
div.pagination ul.pagin_line li.pagin_seperate{width:1px;border-left:1px solid #CCC;}
div.pagination ul.pagin_line li span.pagin_link{color:#DDD;}
div.pagination ul.pagin_line li span.pagin_actif{color:#666!important;text-decoration:underline;}
div.pagination ul.pagin_line li span.pagin_actif:hover{cursor:pointer;}
div.pagination ul.pagin_line li span.pagin_current{font-weight:bold;}
div.pagination ul.pagin_line li input.page_value{width:40px;display:inline;vertical-align:middle;}
div.pagination ul.pagin_line li .pagin_button:hover{cursor:pointer;}


/*Default button style*/
.spiral-button{
  display: inline-block;
  *display: inline;
  padding: 4px 14px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  *line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #bbbbbb;
  text-decoration:none;
  *border: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #a2a2a2;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.spiral-button.active{
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border: 1px solid #bbbbbb;
  text-decoration:none;
  *border: 1px;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #a2a2a2;
}

.spiral-button a, .spiral-button a:active{
	text-decoration:none;
	color:inherit;
}

.spiral-button.icon-only{padding:7px; line-height:1}



.spiral-button:active, .spiral-button.active, .spiral-button.spiral-button-active, .spiral-button:hover, .spiral-button.disabled, .spiral-button.disabled:hover, .ui-state-disabled .spiral-button, .ui-state-disabled .spiral-button:hover{
	color: #333333;
  	background-color: #e6e6e6;
  	*background-color: #d9d9d9;
}

.spiral-button:active, .spiral-button.active, .spiral-button.spiral-button-active{
	background-color: #cccccc \9;
}