/* 
    Document   : admin
    Created on : 10 avr. 2010, 11:46:15
    Author     : juliette
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.adminBtn{
	font:bold 8px Helvetica, Arial, Verdana, serif;
	text-align: center;
	line-height: 8px;
	cursor: pointer;
	padding-top:32px;
	border:none;
}

.adminBtn:hover, .adminSmallBtn:hover, .login:hover{
	color:#CC9;
}
.admin a{
 color:#fff;
}
.adminSmallBtn{
	font:normal 9px Helvetica, Arial, Verdana, serif;
	display: inline-block;
	/*height:20px;*/
	width:150px;
	padding:4px;
	margin-top:8px;
	text-align: center;
	cursor: pointer;
	background-color:#666;
	color:#fff;
}

root { 
    display: block;
}

textarea.admin{
	border:1px solid #CCC;
	padding: 4px;
	margin-top:8px;
	color:#666666;
	width: 662px;
	height:100px;
	display:block;
}
textarea.admin.htmlCode{
	display:none;
}
.htmlCodeToggle{
	display:none;
}

input.admin{
	border:1px solid #666666;
	color:#666666;
	padding: 2px;
	width: 500px;
	display:inline;
}

input[type=hidden]{
	display:none;
}
input[name=title]{
	display:none;
}
#titlePageEdit{
	display:none;
	width:100%;
}
.recordPost,.deletePost{
	display: inline-block;
	color:#666;
	width:32px;
	height:48px;
	margin:8px 1px 0 0;
	float:left;
}
.deletePost{
	/*background-color: #990000;*/
	background:url(../img/delete.png) no-repeat top left;
}
.recordPost{
	/*background-color: #009900;*/
	background:url(../img/record.png) no-repeat top left;			
}

.admincommentHeader{
clear:both;
 height:46px;
}

/*---------------menu general-----------------*/
#menu_admin{
	z-index: 100;
	background-color: #666;
	position:absolute;
	top:64px;
	right:0px;
	height:48px;
}
.addPost{
	color:#ffffff;
	cursor: pointer;
	width:32px;
	height:32px;
	float:right;
	margin-left:1px;
}

.login, .trait{
	color:#ffffff;
	cursor: pointer;
	float:left;
	witdh:100px;
	font:bold 10px Helvetica, Arial, Verdana, serif;
	text-align: center;
	line-height: 10px;
	margin:16px 0 0 16px;
}



table.urlField{
	margin-top: 16px;
	margin-bottom: 16px;
	width:672px;
	border-collapse: collapse;
}
table.urlField td{
}
table.urlField td input{
	border:1px solid #cccccc;
	width:545px;
	padding:4px;
}




.addVideo{
	background:url(../img/video.png) no-repeat top left;
}

.addText{
	background:url(../img/article.png) no-repeat top left;
	
}

.addPhoto{
	background:url(../img/photo.png) no-repeat top left;
}

.add_a_new{
	font:bold 20px Helvetica, Arial, Verdana, serif;
	color: #fff;
	line-height:15px;
	letter-spacing:-1px;
	float:right;
	padding:16px 8px 0 0;
	margin:0 8px 0 16px;
}

input.admin.loginField{
 background:#FBFBFB none repeat scroll 0 0;
 border:1px solid #E5E5E5;
 font-size:24px;
 margin-bottom:16px;
 margin-right:6px;
 margin-top:2px;
 padding:3px;
 width:234px;
 background-color:#FFFFFF;
 border-color:#DFDFDF;
}

#loginBtn{
 background:url(../img/record.png) no-repeat top left;
 display: inline-block;
 color:#666;
 width:32px;
 height:47px;
 margin:0px 0px 0px 0px;
 padding-top: 32px;
}

.editUser{
 margin: 16px 0px 32px 0;
}
.editUser input[type=text],  .editUser input[type=password], .editUser select{
	border:1px solid #BBBBBB;
	color:#666666;
	padding: 4px;
	width: 312px;
	display:block;
	background-image:none;
}
.editUser select{
	width: 322px;
}
.editUser option{

}
.editUser textarea{
	width: 660px;
	display:block;
}
.editUser label{
	display:block;
	margin:16px 0px 2px 0px;
}
.editUser div.col{
	display:inline-block;
	margin-right:22px;
	width:312px;
}
#usersList{
 border: 1px solid #cccccc;
 border-collapse: collapse;
 width:100%
}
#usersList td,th{
 padding: 8px;
 border: 1px solid #cccccc;
 text-align:left;
 font:normal 14px Helvetica, Arial, Verdana, serif;
 color: #999;
}
#usersList th{
 font:bold 14px Helvetica, Arial, Verdana, serif;
 color: #222;
}

/* -----champ heures ---- */

.timeField{
 display:inline-block;
 display:none;

}
.timeField input{
width:35px;
border:1px solid #BBBBBB;
}
.timeField select{
 width:60px;
 display:inline-block;
 margin: 0px;
 height: 25px;
 padding: 0px;
 border:none;

}

.dateField{
display:none;
}
.dateField input.grand_texte{
 display:inline-block;
 border:1px solid #333333;
 width:75px;
 text-align: center;
 margin-left:8px;
 margin-right: 8px;
}
.dateField input.year.grand_texte{
 width:140px;
}
.dateField span.grand_texte{
 display:inline-block;
 width:auto;
 height:61px;
 line-height: 61px;
}

.title2Edit{
  display:inline-block;
  border:1px solid #333333;
  width:500px;
  margin-left:8px;
  margin-right: 8px;
  display:none;
}


#pageAddPosts{
	padding:4px;
	margin:0px 0px 16px 0px;
	height:40px;
	overflow:hidden;
	background-color:#666;
}


#pageAddPosts span{
 color:#fff;

}

.progressUpload{
	height: 3px;
	display: block;
	background-color: #ff0000;
	width:0%;
}

.modified{
 text-decoration:blink;
}

.postStatus{
 display: block;
 clear:both;
/* width:100%;*/
}