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

body {
/* background: url('/img/bg.jpg') top center no-repeat #181818; */
background: #181818;
margin: 0px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color: white; 
}

h1, h2, h3 {
font-weight:bold;
}

a {
color: #fff;
text-decoration: none;
outline: none;
}

a:hover {
text-decoration: underline;
}

a img {
border: none;
}

form {
margin:auto;
border:#222932 2px solid;
background:#12151a;
padding:10px;
width: 500px;
}

form fieldset {
font-size: 13px;
border:2px dotted #222932;
outline:none;
}

form legend {
padding:0 10px;
margin-left:20px;
color:#4076b6;
}

form .input {
clear:both; 
background:none;
font-size: 9px;
}

form .input label {
display:block; 
float:left; 
width:160px;
padding:3px 0;
font-size: 12px;
}

form .input input {
display:block;
float:left;
padding:3px;
width:260px;
margin:5px 0 7px 0;
font-size: 12px;
font-weight: bold;
color:#12151a;
/*border:2px solid #222932;*/
border: 2px solid #80b0db;
outline:none;
}


.auto_complete {
position: absolute;
width: 260px;
background-color: white;
border:2px solid #222932;
margin: 0px;
padding: 0px;
background: white;
} 

.auto_complete ul {
list-style: none;
margin: 0;
padding: 0;
color: #12151a;
}

.auto_complete ul li {
padding: 5px;
}

.auto_complete li.selected {
background-color: #ffd087;
}

form .input textarea {
display:block;
float:left;
padding:3px;
width:260px;
margin:5px 0 7px 0;
font: 1em;
color:#12151a;
border:2px solid #222932;
outline:none;
}

form .input select {
padding:3px;
margin:5px 0 7px 0;
font: 1em;
outline:none;
}

form .checkbox input {
display:block;
float:left;
padding:3px;
width:20px;
}

form .checkbox label {
display:block;
float:left;
width:400px;
padding:3px;
margin-top: 0px;
font: 12px "Lucida Sans Unicode";
padding-bottom: 5px;
}

form .checkbox hidden {
display: none;
}

form .submit {
clear: both; background: none;
}

form input:focus, input:active, textarea:focus, textarea:active {
border-color:#4076b6;
background:#fff9e7;
}

input[type=submit] {
text-transform: uppercase;
font-weight: bold;
padding: 2px;
}

form .file input {
background: white;
}


em {
font-size:0.9em;
font-style:normal;
}

form .error-message {
/* width: 450px; */
/* background:#ff6666; */
text-align:center;

	border-width: 1px;
	border-style: solid;
	padding: 8px;
	margin:auto;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #ffffe0;
	border-color: #e6db55;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 90%;
}

#UserRegisterForm .error-message {
	width: 250px;
	margin-left: 160px;

}

dl {
	line-height: 2em;
	margin: 0em 0em;
	width: 90%;
}

dl.altrow {
	background: #f4f4f4;
}
dt {
	font-weight: bold;
	padding-left: 4px;
	vertical-align: top;
}
dd {
	margin-left: 10em;
	margin-top: -2em;
	vertical-align: top;
	text-align: justify;
}

dl li {
	margin-top: 0px;
	padding-left: 0px;
}

dl ul {
	padding-top: 0;
	padding-left: 16px;
	margin-top: 0;
	margin-left: 0;
}

#contenu {
width: 950px;
margin: auto;
}

#header {
width: 950px;
height: 160px;
}

#topmenu {
float: right;
font: 0.9em;
width: 500px;
height: 33px;
background: url('/img/topmenu-bg.png') repeat-x;
}

#topmenu a {
color: white;
}

.topmenu-left {
float: left;
height: 33px;
width: 9px;
background: url('/img/topmenu-left.png');
}

.topmenu-right {
float: right;
height: 33px;
width: 9px;
background: url('/img/topmenu-right.png');
}

#login {
background: url('/img/topmenu-bg.png') repeat-x;
margin-left: 470px;
width:500px;
height: 33px;
position: absolute;
top: 33px;
z-index: 1;
font-size: 11px;
}

#loginForm {
float: left;
margin: 3px 0 0 10px;
/*width: 500px;*/
height: 26px;
border: none;
padding: 0;
background: transparent;
}

#login label {
float: left;
margin-top: 2px;
}


#login input {
font-size: 9px;
}

#login-box {
margin-top: 4px;
float: left;
}

.logo {
border: none; 
margin: 30px 0 0 60px;
}

#topmenu .flag {
height: 22px;
border: none;
float: left;
margin: 5px;
}

#topmenu ul {
margin: 8px;
float: left;
padding: 0px;
}

#topmenu li {
display: inline;
padding-right: 4px;
padding-left: 4px;
border-right:  #ffffff 1px solid;
}

#search-box {
float: left;
margin: 3px 0 0 10px;
width: 202px;
height: 26px;
border: none;
padding: 0;
background: transparent;
}

#search-box .text {
color: black;
height: 18px;
width: 140px;
padding-top: 5px;
margin: 0px;
border-top: #4076b6 1px solid;
border-bottom: #4076b6 1px solid;
border-left: none;
border-right: none;
background: white;
float: left;
}

#search-box-left {
background: url('/img/search-box-left.png');
height: 26px;
width: 12px;
float: left;
}

#search-box-right {
background: url('/img/search-box-right.png');
height: 26px;
width: 41px;
float: left;
}

.btn-ok {
width: 41px;
height: 26px;
float: left;
margin: 0;
padding: 0;
border: none;
background:url('/img/search-box-right.png') no-repeat left top; 
cursor: pointer;
}

#content-menu h1 {
float: left;
margin: 0;
padding: 0;
}

#content-menu span {
display: none;
}

#content-menu a {
outline: none;
}

#anims {
height: 42px;
width: 145px;
float: left;
background: url('/img/anims-on.png') no-repeat center bottom;
border: none;
border-right: #cf7311 1px solid;
}

#anims:hover {
background: url('/img/anims-on.png') no-repeat center top;
}

#trailers {
height: 42px;
width: 108px;
float: left;
background: url('/img/trailers-on.png') no-repeat center bottom;
border: none;
border-right: #cf7311 1px solid;
}

#trailers:hover {
background: url('/img/trailers-on.png') no-repeat center top;
}

#shorts {
height: 42px;
width: 96px;
float: left;
background: url('/img/shorts-on.png') no-repeat center bottom;
border: none;
border-right: #cf7311 1px solid;
}

#shorts:hover {
background: url('/img/shorts-on.png') no-repeat center top;
}

#new {
height: 42px;
width: 150px;
float: left;
background: url('/img/new-on.png') no-repeat center bottom;
border-right: #cf7311 1px solid;
}

#new:hover {
background: url('/img/new-on.png') no-repeat center top;
}

#popular {
height: 42px;
width: 112px;
float: left;
background: url('/img/popular-on.png') no-repeat center bottom;
border-right: #cf7311 1px solid;
}

#popular:hover {
background: url('/img/popular-on.png') no-repeat center top;
}

#about {
height: 42px;
width: 91px;
float: left;
background: url('/img/about-on.png') no-repeat center bottom;
border-right: #cf7311 1px solid;
}

#about:hover {
background: url('/img/about-on.png') no-repeat center top;
}

#sign-up {
height: 42px;
width: 176px;
float: left;
background: url('/img/sign-up-on.png') no-repeat center bottom;
border-right: #cf7311 1px solid;
}

#sign-up:hover {
background: url('/img/sign-up-on.png') no-repeat center top;
}

#mypage {
height: 42px;
width: 176px;
float: left;
background: url('/img/mypage-on.png') no-repeat center bottom;
border-right: #cf7311 1px solid;
}

#mypage:hover {
background: url('/img/mypage-on.png') no-repeat center top;
}


#aide  {
height: 42px;
width: 43px;
float: left;
background: url('/img/aide-on.png') no-repeat center bottom;
border-right: #cf7311 1px solid;
}

#aide:hover {
background: url('/img/aide-on.png') no-repeat center top;
}

#menu {
width: 950px;
height: 42px;
background: url('/img/menu-bg.png') repeat-x top;
}

#start-menu {
background: url('/img/menu-left.png') no-repeat top right;
height: 42px;
width: 10px;
float: left;
border-right: #cf7311 1px solid;
}

#close-menu {
background: url('/img/menu-right.png') no-repeat top left;
height: 42px;
width: 9px;
float: right;
}

#content-menu {
height: 42px;
float: left;
margin: 0;
padding: 0;
}

#content {
width: 950px;
background: url('/img/content-bg.png') left repeat-y;
}

#title {
margin-left: 10px;
width: 930px;
height: 50px;
background: url('/img/title-bg.png') repeat-x top;
}

#subtitle {
width: 937px;
height: 1px;
margin: 0 0 0 7px;
border-top: #4076b6 1px solid;
}

.spacer {
clear: both;
color: #000000;
background:#000000;
height:1px;
width: 20px;
border:none;
margin: auto;
}

.spacef {
clear: both;
color: #ffffff;
background:#ffffff;
height:1px;
width: 20px;
border:none;
margin: auto;
}

#content-foot {
width: 950px;
height: 24px;
background: url('/img/content-foot.png') center;
}

#footer {
width: 930px;
height: 25px;
color: #181818;
font-weight: bold;
font-size: 13px;
text-align: center;
padding: 20px 0 0 20px;
background: url('/img/footer-bg.png') top center;
}

#left {
width: 620px;
float: left;
margin: 10px 0 0 12px;
}

* html #left {
margin: 10px 0 0 8px;
}

#right {
width: 300px !important;
width: 290px;
float: right;
margin: 10px 11px 0 0;
}

* html #right {
margin: 10px 10px 0 0;
}

.bloc {
width: 278px;
margin: 10px !important;
margin: 0 0 10px 0;
border-bottom: #4076b6 1px solid;
}

#social {
text-align: center;
}

#pub-right {
margin-bottom: 10px;
}

.bloc-head {
width: 278px;
height: 40px;
background: url('/img/bloc-title-bg.png') repeat-x top;
}

.bloc-title-left {
height: 40px;
width: 9px;
background: url('/img/bloc-title-left.png') no-repeat left;
float: left;
}

.bloc-title-right {
height: 40px;
width: 9px;
background: url('/img/bloc-title-right.png') no-repeat right;
float: right;
}

.bloc-content {
margin: auto;
width: 253px;
height: auto;
background: url('/img/bloc-bg.png') repeat-x top;
padding: 5px;
}

.ico-bloc {
float: left;
margin: 9px 10px 0 0; 
}

.img-title {
float: left;
}

#othercat .bloc {
color: white;
}

.video-chart {
height: 101px;
margin-bottom: 10px;
}

.mini-video-right {
border: white 1px solid;
float: left;
margin-right: 3px;
height: 101px;
width: 150px;
}

.text-chart img {
float: left;
border: none;
}

.chart-video-titre {
color: #f26201;
font-size: 11pt;
}

#weelychart .star {
height: 16px;
margin: 5px 0 5px 0;
}

.chart-downloads {
margin-top: 5px;
font-size: 8pt;
}

.donations-content {
height: 80px;
}

.donations-content img {
padding: 3px;
}

#lastest-videos {
height: 550px;
}

.mini {
margin: 25px 25px 0 25px !important;
margin: 20px 20px 0 20px;
float: left;
}

.mini-videos {
height: 101px;
width: 150px;
border: white 1px solid;
text-align: right;
}

.mini-videos img {
margin-top: 78px;
margin-bottom: -5px;
border: none;
}

.mini-videos-legende {
background: url('/img/legende-mini-video-bg.png') repeat-x top;
height: 21px;
padding: 0 1px 0 1px;
width: 150px;
}

.mini-videos-title {
font-weight: bold;
padding: 4px 1px 0 4px;
height: 21px;
width: 147px;
}

#lastest-videos .star {
padding: 2px 0 2px 2px;
float: left;
}

.mini-videos-time {
float: right;
margin: 3px 0 0 0;
}

.videoitem {
background: transparent url(/img/preview_bg.png) no-repeat scroll left top;
float:left;
height:180px;
margin:0px 12px 0px 16px;
padding:9px;
width:154px;
}

* html .videoitem {
margin:0px 5px 0px 6px;
}

.thumbnail {
float:left;
height:103px;
margin:2px 0 0;
overflow:hidden;
padding:0;
width:150px;
}

img.thumb {
height: 95px;
width: 150px;
}

a:hover img.thumb {
height:95px;
width:150px;
}

.videoitem .comments {
background:transparent url(/img/commentsbg.png) no-repeat scroll left top;
color:#FFFFFF;
float:right;
font-size:9px;
height:25px;
line-height:normal;
text-align:center;
width:21px;
padding-top: 3px;
padding-right: 3px;

}

h2.videotitle {
display:block;
float:left;
font-size:14px;
font-weight:normal;
margin: 0 0 0 -5px;
padding:0;
width:180px;
}

.ranking {
width: 30px;
height: 100px;
float: left;
margin-top: 10px;
padding-top: 10px;
text-align: center;
font-weight: bolder;
font-size: 14px;  
background: url('/img/bigstar.png') no-repeat top;
}

#lastestjobs {
margin: 0 0 0 15px !important;
margin: 0 0 0 5px;
}

#lastestjobs .subtitle {
background: url(/img/left-subtitle-bg.png) repeat-x top;
height: 52px;
width: 580px;
}

#lastestjobs .subtitle img {
float: left;
}

#lastestjobs .left {
height: 51px;
width: 9px;
background: url(/img/left-subtitle-left.png) no-repeat;
float: left;
}

#lastestjobs .right {
height: 51px;
width: 9px;
background: url(/img/left-subtitle-right.png) no-repeat;
float: right;
}

#second {
margin: 0 0 0 15px !important;
margin: 0 0 0 5px;
}

#second .subtitle {
background: url(/img/second-bg.png) repeat-x top;
height: 40px;
width: 580px;
}

#second .subtitle img {
float: left;
clear: none;
}

#second .left {
height: 40px;
width: 9px;
background: url(/img/second-left.png) no-repeat;
float: left;
}

#second .right {
height: 40px;
width: 9px;
background: url(/img/second-right.png) no-repeat;
float: right;
}

#second .ico-subtitle {
float: left;
margin: 9px 10px 0 0; 
}

#second .download {
margin: 0 10px 10px 10px;
}

img {
vertical-align: middle;
}

.download img {
margin: 0 10px 0 0;
border: none;
vertical-align: middle;
}

#second .subtitle-content {
margin: 0 0 20px 10px;
padding: 10px 0 10px 0;
width: 560px;
background: url('/img/bloc-bg.png') repeat-x top;
border-bottom: #4076b6 1px solid;
}

#comment-form {
padding: 10px;
}

#comment-form textarea {
background: #182e41;
color: white;
border: #4076b6 1px solid;
}

.comment {
background: #182e41;
color: white;
border: #4076b6 1px solid;
padding: 10px;
margin: 10px;
}

.comment-author {
color: #f2a233;
font-size: 12px;
}

.commment-text {
color: white;
}

#movieplayer {
margin:  25px;
}

#movieplayer .top {
width: 480px;
margin: 0 40px 0 40px;
clear: both;
}

#movieplayer .title {
float: left;
color: #f2a233;
font-size: 18px;
font-weight: bold;
}

#mediaspace {
margin: 0 0px 0 0px;

}

video {
margin-top: 10px;
margin-bottom: 10px;
}

#social_share {
text-align: right;
margin-top: 5px;
margin-right: 20px;
vertical-align: top;
}

#social_share a {
vertical-align: 8px;
}

#edit {
float: right;
}

#movieplayer .star {
float: right;
}

#subplayer {
min-height: 200px;
width: 480px;
margin: 10px 40px 0 40px;
background: url('/img/sub-player-bg.png') repeat-x top;
}

#subplayer img {
margin: 0 10px 0 0;
border: none;
}

#subplayer .ligne {
margin: 0 10px 0 10px;
padding-top: 10px;
height: 20px;
width: 460px;
}

#subplayer .legende {
margin: 20px 10px 0 10px;
padding-top: 10px;
min-height: 20px;
width: 460px;
}

#subplayer .download {
float: left;
}

#subplayer .comments {
float: left;
}

#subplayer .durations {
float: right;
}

#subplayer .downloads {
float: right;
}

#permalink {
margin: 20px 10px 0 10px;
padding-top: 10px;
height: 20px;
width: 460px;
}

#portable {
margin: 0 10px 0 10px;
padding-top: 10px;
height: 20px;
width: 460px;
}

#permalink .text {
width: 350px;
}

#portable .text {
width: 320px;
}

#subplayer .text {
background: #182e41;
color: white;
border: #4076b6 1px solid;
}


#lastestjobs .ico-subtitle {
float: left;
margin: 15px 10px 0 0; 
}

#lastestjobs .subtitle-content {
margin: 0 0 0 10px;
width: 560px;
height: 50px;
background: url('/img/bloc-bg.png') repeat-x top;
border-bottom: white 1px dashed;
}

#lastestjobs .texte {
float: left;
margin: 10px;
}

#search-subtitle {
float: right;
margin-left: 10px;
margin-top: 6px;
width: 202px;
background: transparent;
border: none;
padding: 0;
}

#search-subtitle input {
height: 18px;
padding-top: 5px;
margin: 0px;
border-top: #4076b6 1px solid;
border-bottom: #4076b6 1px solid;
border-left: none;
border-right: none;
float: left;
background: white;
color: black;
}

#search-subtitle-left {
background: url('/img/search-subtitle-left.png');
height: 26px;
width: 10px;
float: left;
}

#search-subtitle .btn-ok {
width: 41px;
height: 26px;
float: left;
margin: 0;
padding: 0;
border: none;
background:url('/img/search-subtitle-right.png') no-repeat left top; 
cursor: pointer;
}

#lastestjobs .jobs {
height: 50px;
margin: 0 0 0 10px;
padding: 15px 0 15px 15px;
width: 545px;
border-bottom: white 1px dashed;
}

.jobslogo {
float: left;
margin-right: 10px;
}

.jobstexte {
float: left;
width: 380px;
}

#lastestjobs .infos {
margin: 5px 0 7px 0;
}

#lastestjobs .liens {
font-weight: bold;
float: left;
}

#lastestjobs .ico {
background: url('/img/ico-mail.png');
height: 20px;
width: 24px;
margin-left: 10px;
float: left;
cursor: pointer;
}

#lastestjobs .ico:hover {
background: url(/img/ico-mail-on.png);
}

#lastestjobs .minijobs {
clear: both;
margin: 10px 30px 10px 25px;
width: 560px;
}

#lastestjobs .details {
float: right;
text-decoration: underline;
margin-bottom: 5px; 
}

#lastestjobs .mini-infos {
float: left;
margin-bottom: 5px; 
}

#listing .description {
float: right;
width: 370px !important;
width: 365px;
padding-top: 10px;
}

.apply {
background: url('/img/edit.png') no-repeat;
padding-left: 30px;
vertical-align: middle;
height: 20px;
}

#listing .mini-videos {
float: left;
margin: 10px;
}

.subplayer {
width: 580px;
margin: 10px 20px 30px 10px;
background: url('/img/sub-player-bg.png') repeat-x top;
border-bottom: #4774b8 1px solid ;
padding-bottom: 15px;
}

#listing .title {
margin-bottom: 5px;
}

#listing .title a {
color: #f2a233;
font-size: 14px;
font-weight: bold;
}

#listing .autor {
margin: 5px 0 10px 0;
}

#listing .autor a {
color: #4774b8;
font-weight: bold;
}

#listing .duration-cat {
font-size: 11px;
float: right;
margin-right: 10px;
}

#listing .duration-cat a {
font-weight:bold;
color: #4774b8;
}

.about {
font-weight: bold;
padding: 20px;
border-bottom: #4774b8 1px solid ;
margin-bottom: 20px;
}

#contactus {
padding: 10px;
font-weight:bold;
}

#contactus .text {
background: #182e41;
color: white;
border: #4076b6 1px solid;
font-weight: normal;
}

#contactus .textarea {
background: #182e41;
color: white;
border: #4076b6 1px solid;
font-weight: normal;
}

#informations {
color: #000000;
background:url('/img/information-bg-repeat.png') repeat-y top left;
width: 525px;
padding: 20px 10px 20px 50px;
}

#informationsuite {
background:url('/img/information-bg-repeat.png') repeat-y top left;
width: 525px;
padding: 20px 10px 20px 50px;
}

#resume {
width: 500px;
border-bottom: #4774b8 1px solid ;
}

#resume .avatar {
float: right;
/*border: #4076b6 1px solid;*/
}

#resume .name {
color: #f26201;
font-size: 16px;
font-weight: bold;
}

#resume .name img {
margin-right: 10px;
}

#resume .website {
font-size: 14px;
font-weight: bold;
margin: 5px 0 10px 0;
}

#resume .website a {
color: #4076b6;
}

#resume .bio {
margin-bottom: 20px;
}

#education {
width: 500px;
margin: 20px 0 15px 0;
border-bottom: #4076b6 1px dashed;
}

#education p {
margin-left: 15px;
}

#expro {
width: 500px;
margin: 20px 0 15px 0;
border-bottom: #4076b6 1px dashed;
}

#expro p {
margin-left: 15px;
}

#computer {
width: 500px;
margin: 20px 0 15px 0;
border-bottom: #4076b6 1px dashed;
}

#computer p {
margin-left: 15px;
}

#lastvideosperso {
width: 504px;
}

#lastvideosperso .mini {
margin: 5px 8px 5px 8px !important;
margin: 5px 5px 0 5px;
float: left;
}

#lastvideosperso .mini-videos-title {
font-size: 11px;
color:#000000;
}

#ecole {
color: #ffffff;
background: url('/img/ecole-bg.jpg') repeat-y top left;
width: 535px;
padding: 20px 10px 20px 35px;
}

#ecolesuite {
color: #ffffff;
background: url('/img/ecole-bg.jpg') repeat-y top left;
width: 535px;
padding: 20px 10px 20px 35px;
}

#ecole .websnapr {
float: right;
border: #4076b6 1px solid;
}

#ecole .adress {
font-weight: bold;
margin: 5px 0 10px 0;
}

#ecole .phone {
font-weight: bold;
margin: 5px 0 10px 0;
}

#school-desc a {
font-weight: bold;
color: #4076b6;
}

#inthisschool {
margin-top: 20px;
}

#inthisschool p {
margin-left: 15px;
}

#left .star {
padding: 2px 0 2px 2px;
float: left;
}

#ecolesuite .mini-videos-title {
color: #FFFFFF;
}

#job {
color: #ffffff;
background: url('/img/jobs_bg.jpg') repeat-y top left;
width: 535px;
padding: 20px 10px 20px 35px;
}

#jobsuite {
color: #ffffff;
background: url('/img/jobs_bg.jpg') repeat-y top left;
width: 535px;
padding: 20px 10px 20px 35px;
}

#job .websnapr {
float: right;
border: #4076b6 1px solid;
}

#job .adress {
font-weight: bold;
margin: 5px 0 10px 0;
}

#job .phone {
font-weight: bold;
margin: 5px 0 10px 0;
}

#mymenu {
width: 580px;
height: 40px;
margin-top: 10px;
}

#mydetails {
height: 40px;
width: 129px;
float: left;
background: url('/img/mydetails.png') no-repeat center;
}

#mydetails:hover {
background: url('/img/mydetails-on.png') no-repeat center;
}

#myresume {
height: 40px;
width: 129px;
float: left;
background: url('/img/myresume.png') no-repeat center;
}

#myresume:hover {
background: url('/img/myresume-on.png') no-repeat center;
}

#myvideos {
height: 40px;
width: 120px;
float: left;
background: url('/img/myvideos.png') no-repeat center;
}

#myvideos:hover {
background: url('/img/myvideos-on.png') no-repeat center;
}


#mypictures {
height: 40px;
width: 138px;
float: left;
background: url('/img/mypictures.png') no-repeat center;
}

#mypictures:hover {
background: url('/img/mypictures-on.png') no-repeat center;
}

#myend {
height: 40px;
width: 64px;
float: left;
background: url('/img/myend.png') no-repeat right;
}

.textinfos {
margin: 0 0 10px 10px;
}

#mycontent {
width: 560px;
margin: 0 0 0 10px;
}

#mycontent .subtitle-content {
margin: 0;
padding: 10px 0 10px 0;
width: 560px;
background: none;
border-bottom: #4076b6 1px dashed;
}

#mycontent .left {
text-align: right;
float: left;
width: 100px;
height: 20px;
font-weight: bold;
background: none;
}

#mycontent .right {
text-align: left;
float: left;
width: 450px;
height: 20px;
background: none;
margin-left: 5px;
}

#mycontent .subtitle-title {
background: url('/img/bloc-bg.png') repeat-x top;
font-size: 16px;
padding: 5px;
}

#mycontent .encart {
background: #182e41;
margin: 20px;
padding: 10px;
font-weight: normal;
}

#mycontent .encart a {
color: #f26201;
font-weight: bold;
}

#mycontent .upicture {
padding-left: 20px;
padding-bottom: 10px;
}

#mycontent .upicture img {
margin-right: 10px;
}

#mycontent .file {
margin-top: 10px;
}

#mycontent .button {
margin-top: 15px;
}

.addLink {
background: url('/img/plus.png') no-repeat left top;
height: 22px;
padding: 2px 0 2px 25px;
margin-left: 20px;
}

.addMovie {
background: url('/img/upload.png') no-repeat left top;
height: 22px;
padding: 2px 0 2px 25px;
}

.addPictures {
background: url('/img/picture.png') no-repeat left top;
height: 22px;
padding: 2px 0 2px 25px;
}

.delPictures {
background: url('/img/remove.png') no-repeat left top;
padding: 2px 0 2px 25px;
}

/*.submit {
background: url('/img/bg-submit.png') center repeat-x;
color: white;
border: none;
padding: 2px;
}*/

#submit_schools {
float: right;
}

.titlemov {
color: #ff5a00;
font-size: 16px;
}

.encartB {
margin: 10px 20px 10px 20px;
padding: 10px;
font-weight: normal;
font-size: 10px;
border: white 1px dashed;
}

label {
margin-top:10px;
display:block;
}

.form {
margin: 5px 5px 25px 5px;
}

.form-current {
float: right;
}

.avatar {
float:left;
text-align:center;
margin: 10px 25px;
}

.avatar img {
margin-top: -10px;
text-align:center;
padding: 0px;
border: #fff 3px solid;
}

.pagination {
text-align: center;
font-size: 14px;
font-weight: bold;
}

.pagination a {
text-decoration: underline;
}

.pagination a:hover {
color: #f26201;
}

div.message {
	clear: both;
	color: #f26201;
	background: #111;
	font-size: 140%;
	font-weight: bold;
	margin: 1em 0;
	border: 2px dotted #ccc;
	text-align: center;
	width: 500px;
	margin: auto;
	padding: 5px;
}
div.error-message {
	clear: both;
	color: #1457ad;
	font-weight: bold;
}
p.error {
	background-color: #e32;
	color: #fff;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	color: #000;
	font-weight: normal;
	line-height: 140%;
}
.notice {
	background: #ffcc00;
	color: #000;
	display: block;
	font-family: Courier, monospace;
	font-size: 120%;
	line-height: 140%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	background: green;
	color: #fff;
}

.graph { 
	position: relative; /* IE is dumb */
	width: 450px; 
	border: 1px solid #4076b6; 
	padding: 2px; 
	margin-bottom: .5em;					
}

.graph .bar { 
	display: block;	
	position: relative;
	background: #4076b6; 
	text-align: center; 
	color: #fff; 
	height: 2em; 
	line-height: 2em;									
}

#cse-search-box {
	background:transparent; 
	border: 0; 
	margin:auto; 
	padding:5px; 
	text-align:right; width:500px;
}




/*  styles for the unit rater     */
#ratingblock {
	float: left;
	width: 80px;
	display:block;
	padding-bottom: 0px;
	padding-top: 2px;
	padding-left: 2px;
	}

.videoitem .ratingblock {
	float: left;
	width: 100px;
	display:block;
	padding-bottom: 0px;
	padding-top: 2px;
	padding-left: 2px;
}


.loading {
	height: 30px;
	background: url('/img/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('/img/alt_star.png') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover {
	background: url('/img/alt_star.png') left center;
	z-index: 2;
	left: 0px;
}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}

.unit-rating li.current-rating {
	background: url('/img/alt_star.png') left bottom;
	position: absolute;
	height: 16px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
div#qTip {
  padding: 3px;
  /* border: 1px solid #666;*/
  display: none;
  background: #fff;
  color: #000;
  font: bold 10px Verdana, Arial, Helvetica, sans-serif;
  text-align: left;
  position: absolute;
  z-index: 1000;
}
#ratingtxt { 
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
#ratetext { 
    /* text of rating */
}
#totalvotes {
    /* total number of votes - set this
     * to hidden if you don't want to display the
     * its contents */
  /*  visibility: hidden; */
}

#follow-placeholder {
	margin-left: 20px;
}

#follow_twitter {
}