/* --------------------------------------------------------------------
 Campus e-bourgogne
 dev.css
 Remastered by Remi Morel from an original adaptation of
 "Le Studio, Atos Worldline, 2010"
 -------------------------------------------------------------------- */
/* Styles for Ecampus popups */

/* General styles */
.popup * {
   position: relative;
   font-size: 1em;
   margin: 0 auto;
   text-align: left;
}

.popup input[type = "text"] {
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid #999999;
    padding: 0 0 2px 2px;
    width: 250px;
}

.popup input[type = "text"].size1 {
	width: 50px;
}

.popup input[type = "text"].size2 {
	width: 100px;
}

.popup input[type = "text"].size3 {
	width: 150px;
}

.popup input[type = "text"].size4 {
	width: 200px;
}

.popup input[type = "text"].size5 {
	width: 250px;
}

.popup input[type = "text"].size6 {
	width: 300px;
}

.popup input[type = "text"].size7 {
	width: 350px;
}

.popup input {
    font-size: 100%;
    margin: 0 0 5px;
    padding-bottom: 1px;
}

.popup fieldset {
    -moz-border-radius: 8px 8px 8px 8px;
    /*background: url("http://formation.e-bourgogne.fr/static/images/bg_fieldset.png") repeat-x scroll left bottom #FFFFFF;*/
    border: 1px solid #CCCCCC;
    clear: both;
    color: #333333;
    margin-bottom: 20px;
    padding: 20px 0 15px;
}

.popup textarea {
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid #999999;
    font-family: Arial, Helvetica, Sans-serif;
    font-size: 0.9em;
    margin: 0 2px 5px 0;
    padding: 2px;
}

.popup label {
    float: left;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
    width: 15em;
}


.popup label.size0 {
	width: 1px;
}

.popup label.size1 {
	width: 50px;
}

.popup label.size2 {
	width: 100px;
}

.popup label.size3 {
	width: 150px;
}

.popup label.size4 {
	width: 200px;
}

.popup label.size5 {
	width: 250px;
}

.popup label.size6 {
	width: 300px;
}

.popup .mini {
	font-size: 11px;
}

/* Links */
a.underline {
	text-decoration: underline;
}

/* -------------------------------- MESSAGES ------------------------------------ */

/* Error in forms checked by Spring validator */
span.error {
	color: #FF0000;
	font-weight: bold;
}

.popup p.success {
    border: 1px solid #00AA00;
    clear: both;
    color: #00AA00;
    font-weight: normal;
    margin: 5px 0;
    padding: 5px 10px;
}

.popup p.error {
    border: 1px solid #AA0000;
    clear: both;
    color: #AA0000;
    font-weight: normal;
    margin: 5px 0;
    padding: 5px 10px;
}

.popup p.info {
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: #DDDDFF;
    border: 1px solid #0000AA;
    clear: both;
    color: #000066;
    font-weight: bold;
    margin: 5px 0;
    padding: 5px 10px;
}

.popup p.instructions {
    padding-bottom: 10px;
    padding-left: 10px;
}

.popup .notes {
    padding: 0;
    margin: 0 20px 0 20px;
}


/* ---------------------------- FORM & TABLE -------------------------------- */
.popup td span.ui-draggable a {
    cursor: move;
}

.popup .scrollingTableOutDev {
    width: auto;
}

.popup .scrollingTableInDev {
    max-height: 350px;
    border: 0px solid;
    border-top: none;
    border-left: 0px
}


/* ----------------------------  JQUERY styles -------------------------------- */

.popup .alternate0 {
    background-color: #FFFFFF;
}

.popup .alternate1 {
    background-color: #F0F8FF;
}

.popup .input_radio {
    width: 13px;
    height: 13px;
    margin: 0 5px 2px 14px;
    overflow: hidden;
    vertical-align: middle;
}

.popup .ui-autocomplete .ui-menu-item a:hover{
    color:#333333;
}
.popup .ui-autocomplete .ui-menu-item a {
    color:#333333;
}
.popup .ui-autocomplete .ui-menu-item a.ui-state-hover, .ui-autocomplete .ui-menu-item a.ui-state-active {
    color:#333333;
}

.popup .imageLink a:link, .imageLink a:visited, .imageLink a:active {
    color:#353535;
    font-weight:bold;
}


/* -------------- JGrowl notifications ------------------- */
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer div.jGrowl > .ui-state-highlight {
    border:none;
    background:none;
    background-color: black;
    color: white;
    font-size: 16px;
}

/* ------------------ Buttons ------------------------*/
.buttonsPages p {
	float: right; 
}

.buttons p {
	float: right; 
}

.buttons a.btNormal, .buttons a.btStrong {
	text-align: center;
}
.buttons a.btNormal:link, .buttons a.btNormal:visited, .buttons a.btNormal:active, .buttons a.btNormal:hover {display: block; float: left;}
.buttons .btNormal span {display: block; float: left; width: auto;}

.buttons a.btStrong:link, .buttons a.btStrong:visited, .buttons a.btStrong:active, .buttons a.btStrong:hover {display: block; float: left;}
.buttons .btStrong span {display: block; float: left; width: auto;}

/* ----------------- Specific styles --------------------*/
label.spanned {
	float: none;	
}

/* ----------------- Subscription view and popup styles --------------------*/
#tableSession td, #tableSession th {
	text-align: left;
	padding-left: 5px;
}

#tableSubscriptions td, #tableSubscriptions th {
	text-align: left;
	padding-left: 5px;
}

#tableSubscriptions {
	width: 90%;
	font-size: 0.9em;
}

#tableSession {
	/*width: 90%;*/
	padding-left: 5px;
	padding-right: 5px;
}

#tableListSession {
	background-color: white;
}

#tableRadioButtonSubscriptionsRequest td, #tableRadioButtonSubscriptionsRequest th {
    border-right: none;
}

.popup td.tdRadioButtonWriteHim {
	padding-bottom: 25px;
}

p.noTrainingProgram {
	font-weight: bold;
	text-align: center;
}

p.errorToEnrollUser {
	color: red;
}

/*----------Popup-----------*/
.popup label.learnerToEnroll {
	//margin-right: 15px;
	text-align: left;
	float: center;
}

.popup a#closeSubscribersList {
    /*margin-left: 90%;*/
    top: 70px;
}

.popup a#printButton {
    margin-top: 0px;
    top: 70px;
}

.popup a.subscriptionsRequestButton {
    margin-left: 70%;
    display: inline-table;
}

.popup fieldset div.subscriptionsToASession {
    padding: 0px 30px 100px;
    font-size: 0.75em;
}

.popup fieldset div.subscriptionRequest {
	padding: 20px 30px 15px;
	font-size: 0.75em;
}

.popup fieldset div.requestForm {
	padding: 20px 30px 15px;
	font-size: 0.75em;
}

#sessionActions, #dialog-modal-session-confirm-deletion, #dialog-modal-session-confirm-validation {
    padding: 0px 30px 10px;
    font-size: 0.75em;
}

/*-----------------------------Session view and style----------------*/
#filterListTrainingProgram {
	margin-left: 200px;
}

.legendCalendar {
	border: 2px solid #C5DBEC;
	-moz-border-radius: 5px 5px 5px 5px;
	display: inline-block;
	color: #6484A4;
	background-color: white;
}

#legendCalendar {
	background-color: white;
	float: right;
	margin: 15px;
}

div.carre {
	 margin: 5px;
	 color: white;
	 -moz-border-radius: 5px 5px 5px 5px;
	 padding: 0.2em 0.2em 0.2em 0.2em;
}

.selectTrainingProgram {
	color: #6484A4; 
	border: 2px solid #C5DBEC; 
	font-weight: bold; 
	-moz-border-radius: 5px 5px 5px 5px;
}

#filterListTrainingProgram {
	margin-left: 100px;
	float: left;
	margin-top: 15px;
}

/*----------Buttons-----------*/
.buttonsPages p.createSessionButton {
	float: left;
	font-size: 0.75em;
}

/*-----------Popup------------*/
.popup fieldset div.creationSessionForm {
	font-size: 0.75em;
	padding: 0 30px 0;
}

.popup label.trainingProgram, label.location, label.department, label.trainers, label.nbLearners, label.date, label.otherInformation {
	text-align: justify;
	margin-left: 20px;
}

.popup p.trainingProgram, p.location, p.department, p.trainers, p.nbLearners, p.date, p.otherInformation {
	padding-bottom: 25px;
}

.popup #labelNbLearnersMax, #labelEndDate {
	text-align: left;
}

.popup #labelStartDate {
	text-align: left;
	margin-right: -40px;
}

.popup #labelNbLearnersMin {
	text-align: left;
	margin-right: -110px;
}

.popup span.buttonValidate {
	background: url("http://formation.e-bourgogne.fr/static/css/images/ui-icons_6da8d5_256x240.png");
}


/*--------------------------Trainer view and style--------------------*/

.popup fieldset div.presenceValidation{
	padding: 20px 30px 15px;
	font-size: 0.75em;
}

#tableRadioButtonPresenceValidation td, #tableRadioButtonPresenceValidation th {
    border-right: none;
}

#dialog-modal-presence-validation {
	height: auto;
}

/*---------------------------Learner view and style----------------*/

.learnerSessionDetails {
	font-size: 0.85em;
	margin-left: 15px;
	margin-right: 15px;
}
#dialog-modal-subscribe-confirmation {
	font-size: 0.85em;
}
fieldset.dialog-modal-subscribe-confirmation {
	-moz-border-radius: 8px 8px 8px 8px;
	border: 1px solid #CCCCCC;
	color: #333333;
	margin-bottom: 20px;
	padding: 20px 0 15px;
}

.confirmSubscriptionOfLearner {
	margin-left: 15px;
	margin-right: 15px;
}

/*---------------------------Stats view and style----------------*/
#tableStats {
	width: 90%;
}

#tableListStats {
	background-color: white;
}

/*---------------------------Menu css style for currentPage------------------*/
#subNav li a{
	color: #25486E;
}

/*---------------------------Buttons pages css style for ecampus-----------------------------*/
.buttonsOk, .buttonsClose, .buttonsModify, .buttonsDelete, .buttonsSendMail {
	background: url("http://formation.e-bourgogne.fr/static/css/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
	border: 1px solid #C5DBEC;
	font-weight: bold;
	padding: 0.4em 1em 0.4em 2.1em;
	line-height: 1.4;
	-moz-border-radius: 5px 5px 5px 5px;
	display: inline-block;
	color: #6484A4;
	padding: inherit;
}

/*IE Styles => Seul IE prend en compte le selecteur * html, mais attention, la première classe donnée (ici .fakeClass) 
ne semble pas être prise en compte !*/
* html .fakeClass, .buttonsModify, .buttonsOk, .buttonsClose, .buttonsDelete, .buttonsSendMail {
	padding: 0em 0em 0em 0em;
}

.buttonsIconPagesSubscriptionsDetails {
	float: left;
	padding-left: 35px;
}

.buttonsIconPagesSubscriptionsRequest, .buttonsIconPagesSessionActions, .unsubscriptionButtons, .sessionActionsbuttonsConfirmation {
	float: right;
}

.buttonsIconPagesSessionCalendar {
	float:left;
	font-size: 0.75em;
}

.buttonsIconPagesCreateSessionForm {
	float: right;
	padding-right: 20px;
}

.unsubscriptionButtons, .buttonsIconPagesConfirmDeletion, .buttonsIconPagesConfirmValidation, .buttonsIconPagesLearnerRequest {
	float: right;
}

.buttonsIconPagesUnsubscribe, .buttonsIconPagesEnrollUser {
	font-size: 0.8em;
}

.buttonsIconPagesPrint {
	float: left;
	margin-top: 37px;
}

.buttonsIconPagesPresencesValidation {
	float:right;
}

.sessionActionsPopupConfirmText {
	padding: 15px 0 0;
}

span.boldText {
	font-weight: bold;
}

/*---------Information & Error messages*/

.ui-state-highlight-blue {
	background: url("http://formation.e-bourgogne.fr/static/css/images/ui-bg_glass_85_dfeffc_1x400.png") repeat-x scroll 50% 50% #DFEFFC;
	border: 1px solid #C5DBEC;
	color: #6484A4;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.ui-state-error-red {
	background: url("http://formation.e-bourgogne.fr/static/css/images/ui-bg_glass_95_fef1ec_1x400.png") repeat-x scroll 50% 50% #FEF1EC;
	border: 1px solid #CD0A0A;
	color: #CD0A0A;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 20px;
}

/*---------------------------Style for learner view---------------------------------*/
.bodyLearner {
	background: url("http://formation.e-bourgogne.fr/static/css/images/fond_ecran_979_684.png") no-repeat center 0 scroll;
	font: 101% Arial,Helvetica,Sans-serif;
	margin: 0 auto;
}

.headLearner {
	background: url("http://formation.e-bourgogne.fr/static/css/images/bandeau_header.png") no-repeat scroll 0 0 transparent;
	margin: 0 auto;
}

.wrapperLearnerIndex {
	margin-top:0;
	margin-left: 200px;
}

.eliza {
	float: left;
	margin-left: -350px;
}

.hugo {
	float: right;
	margin-right: -90px;
	margin-top: 10px;
}

#userLearner {
	color: white;
	float: right;
	font-size: 0.85em;
	font-weight: bold;
	background: url(http://formation.e-bourgogne.fr/static/images/ic_user.png) no-repeat 0 15px;
	height: 2.3em;
	padding: 24px 35px 0 30px;
}


#wrapperVisitor {
	
	background: transparent url(http://formation.e-bourgogne.fr/static/images/background_wrapper.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	width: 50%;
	height:100%;
}

#bodyVisitor {
	background: white;
}

/*---------------------------Calendar view and style----------------*/
.fc-event {
	cursor:pointer;	
}

.fc-widget-content {
	background-color:white;
}

td.fc-state-highlight {
    background: none repeat scroll 0 0 #FFFFCC;
}

.sorting {
	color: white;
	}