/* Stylesheet for Report Server
 * Colors: #3366CC - Dark Blue		e.g. Tabstrip, Global Links Text
 *         #93BEE2 - Medium Blue	e.g. Checkboxes stripe
 *         #d8e8f5 - Sky Blue		e.g. Global Links background
 *         #ffcc00 - Gold/Yellow	e.g. Selected tab
 *	   #new EEB41C - new gold color FFCC00
*         #ece9d8 - Windows Tan    e.g. Single item action buttons background
 *         #7f93a9 - Gray Blue      e.g. Button background
*          #6a7c8e - Dark Gray Blue e.g. Button border
*          #a0a9e6 - New left hand nav color and button change to #99ccff left hand nav to 0066cc
 *	   #FDFDFE - White
 *	   #cccccc - NEW LEFT HAND NAV GREY
*/

body {
    margin: 0;
    background-color: White;
    font-family: Verdana, Sans-Serif;
    font-size: small;
}

    body a {
        font-size: small;
        font-family: Verdana;
        color: #000000;
    }

    body span {
        font-size: small;
        font-family: Verdana;
        color: #000000;
    }

    body input, select, textarea {
        font-size: small;
        font-family: Verdana;
    }

/*.announcement
{
    background-color: Gray;
    height: 20px;
    width: 100%;
    z-index: 10;
    position: absolute;
}

.textAnnouncement
{
    text-align: center;
    margin: 0;
}*/

.right {
    float: right;
}

.text-right {
    text-align: right;
}

.iframe {
    position: absolute;
    top: 2;
    left: 0;
    width: 100%;
    height: 97%;
    border: none;
}

.valignCenter {
    position: absolute;
    left: 45%;
    top: 45%;
}

.dropdown-menu {
    width: 101px;
    position: relative;
    font-size: 10px;
    cursor: pointer;
    z-index: 9999;
    background-color: #DDDDDD;
    right: 125px;
    bottom: 1px;
    border: solid 1px Gray;
    color: Black;
}

.dropdown-menu2 {
    width: 190px;
    position: relative;
    font-size: 10px;
    cursor: pointer;
    z-index: 9999;
    background-color: #fffef6;
    right: 135px;
    bottom: 1px;
    border: solid 1px Gray;
    color: Black;
}

.normal {
    font-family: Verdana, Sans-Serif;
    font-size: small;
    font-weight: normal;
}

.normalred {
    font-family: Verdana, Sans-Serif;
    font-size: small;
    font-weight: bold;
    color: #D61919;
}

.msrs-thinPageBorder {
    background-color: #D99E00;
    width: 100%;
}

/* buttons for performing actions on multiple items in a checkbox list */
.msrs-buttonHeaderButton {
    border: 1px solid #ece9d8;
    background-color: #ece9d8;
    cursor: pointer;
}



/* Unselected tab */
.msrs-unselectedTab {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    color: #ffffff;
    background-color: #324e87;
    padding: 5px 5px 5px 5px;
    z-index: 10000;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .msrs-unselectedTab a {
        text-align: center;
        font-family: Verdana;
        font-weight: bold;
        font-size: small;
        color: #ffffff;
    }

/* Selected tab */
.msrs-selectedTab {
    text-align: center;
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    background-color: #D99E00;
    color: #000000;
    text-decoration: none;
    padding: 5px 5px 6px 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

    .msrs-selectedTab a {
        font-size: small;
        color: #000000;
    }

/* All popup controls, menus, favorities */
.popupControl {
    visibility: hidden;
    z-index: 10000;
    position: absolute;
    padding: 10px;
    background-color: #ece9d8;
    border: solid 1px black;
    border-radius: 5px;
    width: 160px;
    top: 150px;
    left: 200px;
}

.popupControlDiv {
    display: none;
    z-index: 10000;
    position: absolute;
    background-color: #ece9d8;
    border: solid 1px black;
    border-radius: 7px;
}

.popupHeadDiv {
    background-color: #DDEEFF;
    padding: 1px 2px 1px 2px;
    border: solid 1px black;
    cursor: pointer;
    text-align: left;
}

.popupBodyDiv {
    background-color: white;
    overflow: hidden;
    visibility: hidden;
}

.modalBackground {
    background-color: White;
    filter: alpha(opacity=70);
    opacity: 0.5;
}

.modalBlack {
    background-color: Gray;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
    text-align: left;
}

/*AutoComplete flyout */

.autocomplete_completionListElement {
    visibility: hidden;
    background-color: window;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    z-index: 10002;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
    background-color: #ffff99;
    color: black;
    padding: 1px;
    font-family: Verdana, Sans-Serif;
    font-size: x-small;
    font-weight: bold;
}

/* AutoComplete item */

.autocomplete_listItem {
    background-color: window;
    color: windowtext;
    padding: 1px;
    font-family: Verdana, Sans-Serif;
    font-size: x-small;
    font-weight: normal;
}

/*Cascading DropDown*/

/*CollapsiblePanel*/
.collapsePanel {
    background-color: white;
    overflow: hidden;
}

.BorderPanel {
    width: 100%;
    border-color: Black;
    border-width: 1px;
    border-style: solid;
    padding: 10px 5px 10px 10px;
    border-radius: 5px;
}

.Modify {
    background-color: #ACFFFA;
    font-weight: bold;
}

.DisabledInput {
    background-color: #EEE;
    font-weight: bold;
}

.Error {
    background-color: #FF99CC;
    font-weight: bold;
}

.Success {
    background-color: #8EFFA8;
    font-weight: bold;
}

.HelpLink {
    color: Green;
    font-style: italic;
}

.Old {
    background-color: #FFA0CF;
}

.dragHandle {
    width: 10px;
    height: 15px;
    background-color: Blue;
    background-image: url(images/bg-menu-main.png);
    cursor: move;
    border: outset thin white;
}

.callbackStyle {
    border: thin blue inset;
}

    .callbackStyle table {
        background-color: #5377A9;
        color: Black;
    }


.reorderListDemo li {
    list-style: none;
    margin: 2px;
    background-image: url(images/bg_nav.gif);
    background-repeat: repeat-x;
    color: #FFF;
}

.dragVisualContainer li {
    list-style: none;
    background-image: url(images/bg_nav.gif);
    background-repeat: repeat-x;
    color: #FFF;
}

.reorderListDemo li a {
    color: #FFF !important;
    font-weight: bold;
}

.reorderCue {
    border: dashed thin black;
    width: 100%;
    height: 25px;
}

.itemArea {
    margin-left: 15px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1em;
    text-align: left;
}

.handleImage {
    width: 15px;
    height: 16px;
    background-image: url(images/HandleGrip.png);
    overflow: hidden;
    cursor: se-resize;
}

.ResizePanel {
    border-color: Black;
    border-style: dashed;
    border-width: 1px;
}

.ComptaCanceled {
    background-color: #CC3300;
    color: White;
    font-weight: bold;
}

.ComptaTerms {
    background-color: #CC0099;
    color: White;
    font-weight: bold;
}

.SaveLabel {
    color: #a12830;
    font-weight: bold;
}

.ToolTip {
    color: Green;
    font-style: italic;
}

.watermarked {
    background-color: #E1E1E1;
    border: solid 1px #808080;
    padding: 2px;
    font-style: italic;
    color: Gray;
}

.timeEventHour{
    font-size:xx-small;
    /*font-style:italic;*/
    color:#666666;
}
/********Matt css for progress *********/
.green .ajax__progress_indicator {
    background-image: url(images/progress_green.gif);
}

.yelllow .ajax__progress_indicator {
    background-image: url(Images/progress_yellow.gif);
}

.orange .ajax__progress_indicator {
    background-image: url(Images/progress_orange.gif);
}

.red .ajax__progress_indicator {
    background-image: url(Images/progress_red.gif);
}

.solidblue .ajax__progress_indicator {
    background-image: url(Images/progress_solidblue.gif);
}

.solidblue .ajax__progress_inner {
    border-color: #626562;
}

.solidblue .ajax__progress_outer {
    border-color: #626562;
}

.lightblue .ajax__progress_indicator {
    background-image: url(Images/progress_lightblue.gif);
    height: 9px;
}

.lightblue .ajax__progress_inner {
    background-image: url(Images/progress_bg_lightblue.gif);
    height: 9px;
}

.xp .ajax__progress_indicator {
    background-image: url(Images/xp.gif);
    height: 9px;
}

.xp .ajax__progress_inner {
    height: 9px;
}

.ajax__tab_yuitabview-theme .ajax__tab_header {
    font-family: arial,helvetica,clean,sans-serif;
    font-size: small;
    border-bottom: solid 5px #2647a0;
}

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_outer {
        background: url(images/sprite.png) #d8d8d8 repeat-x;
        margin: 0 0.16em 0 0;
        padding: 1px 0 1px 0;
        vertical-align: bottom;
        border: solid 1px #a3a3a3;
        border-bottom-width: 0;
    }

    .ajax__tab_yuitabview-theme .ajax__tab_header .ajax__tab_tab {
        color: #000;
        padding: 0.35em 0.75em;
        margin-right: 0.01em;
    }

.ajax__tab_yuitabview-theme .ajax__tab_hover .ajax__tab_outer {
    background: url(images/sprite.png) #bfdaff repeat-x left -1300px;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}

.ajax__tab_yuitabview-theme .ajax__tab_active .ajax__tab_outer {
    background: url(images/sprite.png) #2647a0 repeat-x left -1400px;
}

.ajax__tab_yuitabview-theme .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    padding: 0.25em 0.5em;
    background-color: #FFFEE2;
    border: solid 1px #808080;
    border-top-width: 0;
}

.upload {
    width: 400px;
    height: 75px;
    border: solid 1px #004792;
    margin: 10px 0;
    padding: 10px 25px;
    background-color: #F0F8FF;
}

    .upload H3 {
        margin: 0;
        padding-bottom: 5px;
        font-size: 14px;
    }

    .upload IFRAME {
        text-align: center;
        vertical-align: middle;
        border-style: none;
        margin: 0;
        width: 100%;
        height: 30px;
    }

#status, .commands {
    height: 25px;
    line-height: 25px;
}

.upload .commands {
    float: right;
}

.hidden {
    display: none;
}

#status {
    float: left;
}

    #status.error {
        color: Red;
    }

    #status.info {
        color: #333;
    }

    #status.success {
        color: green;
    }

/************************************************************/
/* Bottom Bar
/************************************************************/
#footpanel {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999; /*--Keeps the panel on top of all other elements--*/
    background: #e3e2e2;
    border: 1px solid #c3c3c3;
    border-bottom: none;
    width: 100%;
    height: 24px;
    margin: 0;
}

#footpanel2 {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999; /*--Keeps the panel on top of all other elements--*/
    background: #eeeeee;
    border-bottom: none;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

#headerpanel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; /*--Keeps the panel on top of all other elements--*/
    background: #e3e2e2;
    border: 1px solid #c3c3c3;
    border-top: none;
    width: 100%;
    height: 21px;
    margin: 0;
}


*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
    margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
    position: absolute;
    top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

*html #footpanel2 { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
    margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
    position: absolute;
    top: expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}
/************************************************************/
/* Daypilot , theme silver 
/* add by Kun ZHANG
/* 27/04/2011
/************************************************************/

/**************************Elements**************************/
/* COMMON */
.hidden {
    display: none;
}

/* toolbar */
#toolbar {
    background: url('../../Images/calendar_silver_allday30.gif') repeat-x;
    height: 25px;
    line-height: 25px;
    border-left: 1px solid #666;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    color: #666;
}

    #toolbar .right {
        float: right;
        text-align: right;
        padding-right: 5px;
    }

    #toolbar a {
        color: #000;
        text-decoration: none;
    }

        #toolbar a:hover {
            color: #666;
        }

/* Modification of jquery ui dialog, without the close button*/
.dialogNoClose .ui-dialog-titlebar-close {
    display: none;
}

#rightpanel {
    position: fixed;
    right: 0;
    z-index: 9999; /*--Keeps the panel on top of all other elements--*/
    border: 1px solid black;
    border-right: none;
    min-width: 250px;
    margin: 0;
}

#toppanel {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999; /*--Keeps the panel on top of all other elements--*/
    border: 1px solid #c3c3c3;
    border-top: none;
    width: 100%;
    height: 40px;
    margin: 0;
    background-color:#FFF;
}

/* Loading */
#divLoadCours {
    border: 1px solid black;
    background-color: White;
    margin: -20px auto auto -20px;
    height: 40px;
    width: 40px;
    top: 50%;
    left: 50%;
    position: fixed;
}

.hidden {
    display: none;
}

.pull-right {
    float: right;
}

.params-tooltip {
    margin-right: 7px;
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    padding: 5px;
    font-size: 11px;
    opacity: 0;
    visibility: visible;
}

    .tooltip.in {
        opacity: 1;
    }

    .tooltip.top {
        margin-top: -3px;
    }

    .tooltip.right {
        margin-left: 3px;
    }

    .tooltip.bottom {
        margin-top: 3px;
    }

    .tooltip.left {
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 227px;
    padding: 7px 12px;
    color: black;
    text-align: left;
    text-decoration: none;
    border: 2px solid black;
    background-color: floralwhite;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000000;
    border-width: 5px 5px 0;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000000;
    border-width: 5px 5px 5px 0;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000000;
    border-width: 5px 0 5px 5px;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000000;
    border-width: 0 5px 5px;
}

div.btn-group-exports input {
    margin: 2px;
}

.table-bordered.gray {
    background-color: white;
    border-collapse: collapse;
}

    .table-bordered.gray th, .table-bordered.gray td {
        border: 1px solid gray;
        padding: 4px;
    }

.mandrillNotice {
    margin: 10px 5%;
    padding: 10px;
    width: 700px;
    height: 125px;
    background-color: rgb(241, 211, 180);
    border-radius: 7px;
    display: inline-block;
}

#divInfosMail {
    margin: 20px 25px;
    float: left;
    width: 350px;
}

#divPastille {
    margin-left: 30px;
    float: right;
    width: 250px;
}

    #divPastille span {
        margin-left: 10px;
    }

.mandrillNotice img {
    width: 15px;
    vertical-align: middle;
}

.mandrillNotice span, .mandrillNotice a {
    font-weight: bold;
    line-height: 25px;
}

.mandrillTitle {
    margin: 10px;
    font-weight: bold;
    line-height: 20px;
}

.chkSuivi {
    margin: 5px;
    font-weight: bold;
}

.mandrillTitle .sujet {
    font-size: medium;
}

.mandrillTitle .date {
    display: block;
}

.PopupTraceMail {
    border: 1px solid grey;
    border-radius: 7px;
    background-color: #FFFEE2;
    padding: 5px;
    min-width: 250px;
    z-index: 1000;
    position: absolute;
    margin-left: -250px;
    display: none;
}

    .PopupTraceMail td {
        color: black;
    }

.HoverImg:hover div {
    display: block;
}

.imageEtatMail {
    width: 13px;
    height: 13px;
    padding: 5px 2px;
}

.PopupTraceMail .imageEtatMail {
    padding: 0;
}

.imageEtat {
    width: 13px;
    height: 13px;
    padding-left: 5px;
}

/* 
    on redéfinit ici le style de la classe [navigator.css] pour les <span> de la barre de navigation,
    sinon c'est écrasé par le style global pour les span.
*/
.navigator_title span, .navigator_titleleft span, .navigator_titleright span, .calendar_rowheader_inner span
{
    color:#FFF !important;
}
 .navigator_dayheader span
{
    color:#2a2c31 !important;
}
 .navigator_weeknumber span
{
    color: orange !important;
    font-size:90% !important;
}
 .modalPopupDayPilot{
     cursor:move;
 }
 /* ------------------------------------------------------------------*/
 .siteHall{
     font-size:85%;
 }

 /* Classe utilisée lorsqu'il y a un commentaire sur un profil élève ou enseignant */
 .profile-comments-exist{
    font-weight: bold;
    background-color: #d99E00;
 }
 
.modalPopup{
    border-color: Black;
    background-color: rgb(255, 254, 226);
    background-size: auto 100%;
    Width: 490px;
    Height: 275px;
}

.chkBoxListItemSmall {
    padding-left: 20px;
    font-size: xx-small;
}