#CLASSIF{
}

#CLASSIF #menu-class{
	height:30px;
	background:#202020;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	padding-left:10px;
	margin-bottom:20px;
	z-index:1;
}
#CLASSIF #menu-class ul li{
	float:left;
	display:block;
	height:30px;
	margin-right:1px;
	position:relative;
}
#CLASSIF #menu-class ul li a{
	padding-left:5px;
	padding-right:5px;
	color:#999;
	font-size:12px;
	padding-top:6px;
	height:24px;
	display:block;
}
#CLASSIF #menu-class ul li a span{
	font-size:13px;
	color:#f36;
}
#CLASSIF #menu-class ul li:hover{
	background:#f36;
}
#CLASSIF #menu-class ul li:hover a{
	color:#fff;
}
#CLASSIF #menu-class ul li:hover a span{
	color:#333;
}
#CLASSIF #menu-class ul li:hover ul{
	display:block;
}
#CLASSIF #menu-class ul li ul{
	display:none;
	position:absolute;
	z-index:4;
	width:215px;
	top:30px;
	left:0px;
	background:url(../images/bgdrop.png) no-repeat bottom center;
	padding-bottom:5px;
	filter:alpha(opacity=95);
	opacity:0.95;
}
#CLASSIF #menu-class ul li:hover ul li, #CLASSIF #menu-class ul li ul li{
	margin-right:0px;
	border-top:1px solid #333; 
	border-bottom:1px solid #000;
	background:none;
}
#CLASSIF #menu-class ul li ul li a{
	color:#ccc;
	width:195px;
}

#CLASSIF #menu-class ul li ul li a span, #CLASSIF #menu-class ul li:hover ul li a span{
	color:#666;
}
#CLASSIF #menu-class ul li ul li:hover{
	background:#2D2D2D;
}
#CLASSIF #menu-class ul li ul li:hover a{
	color:#ccc;
}
#CLASSIF #menu-class ul li ul li:hover a span{
	color:#F36;
}
#CLASSIF #menu-class ul li:hover ul .last, #CLASSIF #menu-class ul li ul .last{
	border-bottom:none;
}
#CLASSIF #menu-class ul li a .sf-sub-indicator{
	display:none;
}
#CLASSIF #class-list{
	height:100%;
	overflow:hidden;
}
#CLASSIF #class-list a, #CLASSIF #class-list .itens{
	display:block;
	width:140px;
	float:left;
	margin:4px;
	margin-bottom:20px;
	padding:5px;
}
#CLASSIF #class-list a .infos span, #CLASSIF #class-list .itens .infos span{
	font-size:11px;
	color:#999;
	display:block;
}
#CLASSIF #class-list a .image, #CLASSIF #class-list .itens .image{
	background:url(../images/loading-1.gif) no-repeat center center #fff;
	width:140px;
	height:140px;
	border-bottom:3px solid #333;
	position:relative;
}
#CLASSIF #class-list a .image img, #CLASSIF #class-list .itens .image img{
	z-index:1;
}
#CLASSIF #class-list .itens .image .waiting, #CLASSIF #class-list .itens .image .aproved{
	position:absolute;
	z-index:2;
	width:34px;
	height:34px;
	top:5px;
	left:5px;
	display:block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:alpha(opacity=80);
	opacity:0.80;
}
#CLASSIF #class-list .itens .image .waiting{
	background:url(../images/waiting.jpg) no-repeat center center #fff;
}
#CLASSIF #class-list .itens .image .aproved{
	background:url(../images/aproved.jpg) no-repeat center center #fff;
}
#CLASSIF #class-list .itens .image .delete{
	position:absolute;
	z-index:2;
	width:30px;
	height:30px;
	top:95px;
	left:95px;
	display:block;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	filter:alpha(opacity=80);
	opacity:0.80;
	background: url(../images/del_class.jpg) no-repeat center center #fff;
}
#CLASSIF #class-list .itens .delete-text{
	padding:0;
	margin:0;
	display:compact;
	font-size:12px;
	color:#F36;
}
#CLASSIF #class-list .itens .delete-text:hover{
	color:#F90;
}
#CLASSIF #class-list .itens .image .delete:hover{
	filter:alpha(opacity=100);
	opacity:1;
}

#CLASSIF #class-list a .infos b, #CLASSIF #class-list .itens b{
	font-size:12px;
	color:#333;
	display:block;
	height:57px;
	overflow:hidden;
}
#CLASSIF #class-list .nomarg{
	margin-right:0px;
}
#CLASSIF #class-list a:hover, #CLASSIF #class-list .itens:hover{
	background:#333;
}
#CLASSIF #class-list a:hover .infos b, #CLASSIF #class-list .itens:hover .infos b{
	color:#CCC;
}
#CLASSIF #class-list a:hover .infos span, #CLASSIF #class-list .itens:hover .infos span{
	color:#F90;
}




#CLASSIF #form-env{
	padding-top:20px;
}
#CLASSIF #form-env h1{
	font-size:30px;
	color:#333;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, Sans-serif;
	font-weight:bold;
}
#CLASSIF #form-env h3{
	font-size:20px;
	color:#333;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dotted #ccc;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, Sans-serif;
	font-weight:bold;
}
#CLASSIF #form-env label{
	display:block;
	padding-bottom:10px;
	font-size:12px;
	color:#000;
}
#CLASSIF #form-env label input, #CLASSIF #form-env label textarea{
	padding:5px;
	font-size:12px;
	width:400px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: solid 1px #D7D7D7;
}
#CLASSIF #form-env label select{
	padding:4px;
	font-size:12px;
	width:412px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: solid 1px #D7D7D7;
}
#CLASSIF #form-env label span{
	padding-left:10px;
	color:#999;
	font-size:11px;
}
#CLASSIF #form-env .files span{
	font-size:12px;
	padding:5px;
	background:#f1f1f1;
	color:#333;
	display:block;
	width:390px;
	margin-bottom:10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#CLASSIF #form-env .files{
	padding:5px;
	border:1px solid #e1e1e1;
	width:400px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

#CLASSIF #form-env  #buttons{
	text-align:right;
	width:410px;
	padding-top:10px;
	margin-bottom:10px;
}
#CLASSIF #form-env  #buttons input{
	background: url(../images/button_70px.jpg) center top no-repeat;
	width:70px;
	text-align:center;
	font-size:11px;
	color:#FFF;
	height:23px;
	border:none;
	padding-top:0px;
	margin-left:5px;
	margin-top:3px;
}
#CLASSIF #form-env  #buttons input:hover{
	background:url(../images/button_70px.jpg) center bottom no-repeat;
	cursor:pointer;
}
#CLASSIF #form-env #loadingAjax{
	padding:5px;
	padding-left:20px;
	display:block;
	color:#666;
	background: url(../images/loading-1.gif) no-repeat left center;
	font-size:12px;
}

.error{
	background:url(../images/error.jpg) left center no-repeat #EEEEEE;
	padding-top:15px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:70px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:13px;
	color:#333;
	margin-top:10px;
	border:1px solid #e1e1e1;
}
#CLASSIF #form-env #alerts-class .ok{
	background:url(../images/ok.jpg) left center no-repeat #EEEEEE;
	padding-top:15px;
	padding-bottom:20px;
	padding-right:20px;
	padding-left:70px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:13px;
	color:#333;
	margin-top:10px;
	border:1px solid #e1e1e1;
}
#CLASSIF #form-env #msg-info{
	padding:20px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	font-size:11px;
	color:#333;
	margin-top:10px;
	border:1px solid #e1e1e1;
	background:#EEEEEE;
}

#CLASSIF #class-view{
	
}
#CLASSIF #class-view h1{
	font-size:30px;
	color:#333;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, Sans-serif;
	font-weight:bold;
}
#CLASSIF #class-view .data{
	font-size:12px;
	color:#000;
}
#CLASSIF #class-view .class-images{
	padding:7px;
	border:1px solid #e1e1e1;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-top:20px;
	height:100%;
	overflow:hidden;
	padding-right:0px;
}
#CLASSIF #class-view .class-images a img{
	border:2px solid #333;
}
#CLASSIF #class-view .class-images .image{
	width:150px;
	height:100px;
	display:block;
	background:url(../images/loading-1.gif) no-repeat center center #fff;
	float:left;
	margin-right:7px;
}
#CLASSIF #class-view .class-images a:hover img{
	border:2px solid #f36;
}
#CLASSIF #class-view .class-infos{
	margin-top:20px;
	font-size:13px;
	color:#333;
	padding:5px;
}

#CLASSIF #class-view .class-user{
	padding:5px;
	border:1px solid #e1e1e1;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	margin-top:20px;
	margin-bottom:20px;
	background:#f1f1f1;
}
#CLASSIF #class-view .class-user span{
	font-size:12px;
	color:#000;
}
#CLASSIF #class-view .class-user h2{
	font-size:20px;
	color:#333;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, Sans-serif;
	font-weight:bold;
}
#CLASSIF #class-view .class-user h3{
	font-size:15px;
	color:#333;
	letter-spacing:-1px;
	font-family:Helvetica, Arial, Sans-serif;
	font-weight:bold;
}

.class-views{
	font-size:12px;
	color:#000;
	padding-bottom:20px;
}

#CLASSIF #class-list .E{
	background:#FFFFCC;
	}
.class-user-infos{
	font-size:13px;
	padding:10px;
}