/**** Classes de mise en forme basiques ****/

.auto_sized{
    width: auto;
}

.half_sized{
    width: 50%;
}

.full_sized{
    width: 100%;
}

.full_sized_height{
    height: 100%;
}

.noHeight{
    height: 0px;
}

.inherit_sized{
    width: inherit;
}

.fixedTable{
    table-layout: fixed;
}

.noBorder{
    border: none;
}

.noMargin{
    margin: 0;
}

.noMarginTop{
    margin-top: 0;
}

.noMarginBottom{
    margin-bottom: 0;
}

.noMarginLeft{
    margin-left: 0;
}

.noMarginRight{
    margin-right: 0;
}

.noPadding{
    padding: 0;
}

.noPaddingLeft{
    padding-left: 0;
}

.noPaddingRight{
    padding-right: 0;
}

.noPaddingTop{
    padding-top: 0;
}

.noPaddingBottom{
    padding-bottom: 0;
}

.noCellSpacing{
    border-spacing: 0;
    border-collapse: collapse;
}



.valignUp{
    vertical-align: top;
}

.valignCtr{
    vertical-align: middle;
}

.valignDown{
    vertical-align: bottom;
}

.txtCenter{
    text-align: center;
}

.txtLeft{
    text-align: left;
}

.txtRight{
    text-align: right;
}

.right{
    float: right;
}

.left{
    float: left;
}

.hidden{
    display: none;
}

.visible{
    display: block;
}

.ovrAuto{
    overflow: auto;
}

.ovrVisible{
    overflow: visible;
}

.ovrHidden{
    overflow: hidden;
}

.ovrXHidden{
    overflow-x: hidden;
}

.ovrYScroll{
    overflow-y: scroll;
}

.bold{
    font-weight: bold;
}

.fontWnormal{
    font-weight: normal;
}

.pointer{
    cursor: pointer;
}

.cursorTxt{
    cursor: text;
}

.razPosition{
    top: 0;
    left: 0;
}

.razX{
    left: 0;
}

.razY{
    top: 0;
}

.razBottom
{
    bottom: 0px;
}

.razZPos{
    z-index: 0;
}

.basicBorder{
    border: 1px solid #000;
}

.white{
    background: #fff;
}

.colorWhite{
    color: #fff;
}

.colorRed{
    color: #ff0000;
}

.black{
    background: #000;
}

.colorBlack{
    color: #000;
}

.red{
    background: #ff0000;
}

.absolute{
    position: absolute;
}

.relative{
    position: relative;
}

.clear{
    clear: both;
}

.noDecoration{
    text-decoration: none;
}

.underline{
    text-decoration: underline;
}

/**** classes de mises en forme specifiques ****/

.cellSpacing2{
    border-spacing: 2px;
}

.lightGreen{
    background: #74e581;
}

.veryLightGrey{
    background: #f0f0f0;
}

.lightGreyMore{
    background: #ddd;
}

.lightGreyMore2{
    background: #d2c8c8;
}

.lightGrey{
    background: #ccc;
}

.smoothGrey{
    background: #bbb;
}

.grey{
    background: #999;
}



.pink{
    background: #ff8888;
}

.darkPink{
    background: #ff6666;
}

.colorVeryDarkGrey{
    color: #444;
}

.colorDarkGrey{
    color: #666;
}

.colorGrey{
    color: #eee;
}

.colorSmoothRed{
    color: #990000;
}

.height1{
    height: 1px;
}

.height2{
    height: 2px;
}

.height4{
    height: 4px;
}

.height5{
    height: 5px;
}

.height6{
    height: 6px;
}

.height8{
    height: 8px;
}

.height9{
    height: 9px;
}

.height10{
    height: 10px;
}

.height12{
    height: 12px;
}

.height14{
    height: 14px;
}

.height15{
    height: 15px;
}

.height16{
    height: 16px;
}

.height17{
    height: 17px;
}

.height18{
    height: 18px;
}

.height20{
    height: 20px;
}

.height20prc{
    height: 20%;
}

.height22{
    height: 22px;
}

.height24{
    height: 24px;
}

.height26{
    height: 26px;
}

.height30{
    height: 30px;
}

.height40{
    height: 40px;
}

.height59{
    height: 59px;
}

.height100{
    height: 100px;
}

.height120{
    height: 120px;
}

.height144{
    height: 144px;
}

.height176{
    height: 176px;
}

.height200{
    height: 200px;
}

.height250{
    height: 250px;
}

.height294{
    height: 294px;
}

.height90prc{
    height: 90%;
}

.height98prc{
    height: 98%;
}

.height05ex{
    height: 0.5ex;
}

.height3ex{
    height: 3ex;
}

.height4ex{
    height: 4ex;
}

.height5ex{
    height: 5ex;
}

.height20ex{
    height: 20ex;
}

.width0{
    width: 0px;
}

.width1{
    width: 1px;
}

.width2{
    width: 2px;
}

.width3{
    width: 3px;
}

.width4{
    width: 4px;
}

.width5{
    width: 5px;
}

.width6{
    width: 6px;
}

.width7{
    width: 7px;
}

.width8{
    width: 8px;
}

.width10{
    width: 10px;
}

.width16{
    width: 16px;
}

.width18{
    width: 18px;
}

.width20{
    width: 20px;
}

.width22{
    width: 22px;
}

.width25{
    width: 25px;
}

.width26{
    width: 26%;
}

.width28{
    width: 28px;
}

.width30{
    width: 30px;
}

.width32{
    width: 32px;
}

.width35{
    width: 35px;
}

.width40{
    width: 40px;
}

.width80{
    width: 80px;
}

.width100{
    width: 100px;
}

.width140{
    width: 140px;
}

.width160{
    width: 160px;
}

.width180{
    width: 180px;
}

.width200{
    width: 200px;
}

.width240{
    width: 240px;
}

.width300{
    width: 300px;
}

.width390{
    width: 390px;
}

.width400{
    width: 400px;
}

.width600{
    width: 600px;
}

.width5prc{
    width: 5%;
}

.width6prc{
    width: 6%;
}

.width6-5prc{
    width: 6.5%;
}

.width7prc{
    width: 7%;
}

.width8prc{
    width: 8%;
}

.width83333prc{
    width: 8.3333%;
}

.width9prc{
    width: 9%;
}

.width10prc{
    width: 10%;
}

.width12prc{
    width: 12%;
}

.width12-5prc{
    width: 12.5%;
}

.width14prceq{
    width: 14%;
}

.width14prc{
    width:14.2857%;
}

.width15prc{
    width: 15%;
}

.width16prc{
    width: 16%;
}

.width166666prc{
    width: 16.6666%;
}

.width17-5prc{
    width: 17.5%;
}

.width18prc{
    width: 18%;
}

.width19prc{
    width: 19%;
}

.width20prc{
    width: 20%;
}

.width21prc{
    width: 21%;
}

.width24prc{
    width: 24%;
}

.width25prc{
    width: 25%;
}

.width26prc{
    width: 26%;
}

.width28prc{
    width: 28%;
}

.width30prc{
    width: 30%;
}

.width32prc{
    width: 32%;
}

.width33prc{
    width: 33%;
}

.width35prc{
    width: 35%;
}

.width40prc{
    width: 40%;
}

.width44prc{
    width: 44%;
}

.width70prc{
    width: 70%;
}

.width77prc{
    width: 77%;
}

.width78prc{
    width: 78%;
}

.width96prc{
    width: 96%;
}

.width20em{
    width: 20em;
}

.width23em{
    width: 23em;
}

.width30em{
    width: 30em;
}

.width40em{
    width: 40em;
}

.gblMargin1{
    margin: 1px;
}

.gblMargin2{
    margin: 2px;
}

.gblMargin6{
    margin: 6px;
}

.marginT-2{
    margin-top: -2px;
}

.marginT1{
    margin-top: 1px;
}

.marginT2{
    margin-top : 2px;
}

.marginT5{
    margin-top: 5px;
}

.marginT6{
    margin-top: 6px;
}

.marginT8{
    margin-top: 8px;
}

.marginT10{
    margin-top: 10px;
}

.marginT11{
    margin-top: 11px;
}

.marginT20{
    margin-top: 20px;
}

.marginT30{
    margin-top: 30px;
}

.marginT40{
    margin-top: 40px;
}

.marginR1{
    margin-right: 1px;
}

.marginR3{
    margin-right: 3px;
}

.marginR4{
    margin-right: 4px;
}

.marginR10{
    margin-right: 10px;
}

.marginR20{
    margin-right: 20px;
}

.marginR90{
    margin-left: 90px;
}

.marginB1{
    margin-bottom: 1px;
}

.marginB2{
    margin-bottom: 2px;
}

.marginB3{
    margin-bottom: 3px;
}

.marginB4{
    margin-bottom: 4px;
}

.marginB5{
    margin-bottom: 5px;
}

.marginB6{
    margin-bottom: 6px;
}

.marginB9{
    margin-bottom: 9px;
}

.marginB10{
    margin-bottom: 10px;
}

.marginB20{
    margin-bottom: 20px;
}

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

.marginL2{
    margin-left: 2px;
}

.marginL3{
    margin-left: 3px;
}

.marginL4{
    margin-left: 4px;
}

.marginL5{
    margin-left: 5px;
}

.marginL6{
    margin-left : 6px;
}

.marginL8{
    margin-left: 8px;
}

.marginL10{
    margin-left: 10px;
}

.marginL19{
    margin-left : 19px;
}

.marginL20{
    margin-left: 20px;
}

.marginL30{
    margin-left: 30px;
}

.marginL40{
    margin-left: 40px;
}

.marginL210{
    margin-left: 210px;
}

.gblPadding1{
    padding: 1px;
}

.gblPadding2{
    padding: 2px;
}

.gblPadding3{
    padding: 3px;
}

.gblPadding4{
    padding: 4px;
}

.gblPadding5{
    padding: 5px;
}

.gblPadding10{
    padding: 10px;
}

.paddingT2{
    padding-top: 2px;
}

.paddingT3{
    padding-top: 3px;
}

.paddingT4{
    padding-top: 4px;
}

.paddingT5{
    padding-top: 5px;
}

.paddingT6{
    padding-top: 6px;
}

.paddingT10{
    padding-top: 10px;
}

.paddingT26{
    padding-top: 26px;
}

.paddingT30{
    padding-top: 30px;
}

.paddingR1{
    padding-right: 1px;
}

.paddingL1{
    padding-left: 1px;
}

.paddingL10{
    padding-left : 10px;
}

.paddingL70{
    padding-left: 70px;
}

.paddingL10em{
    padding-left: 10em;
}

.paddingL30em{
    padding-left: 30em;
}

.paddingL20prc{
    padding-left: 20%;
}

.zPos1{
    z-index: 1;
}

.zPos3{
    z-index: 3;
}

.zPos5{
    z-index: 5;
}

.zPos20{
    z-index: 20;
}

.zPos30{
    z-index: 30;
}

.zPos35{
    z-index: 35;
}

.zPos50{
    z-index: 50;
}

.zPos100{
    z-index: 100;
}

.zPos110{
    z-index: 110;
}

.zPos120{
    z-index: 120;
}

.zPos500{
    z-index: 500;
}

.zPos600{
    z-index: 600;
}

.top1{
    top: 1px;
}

.top60{
    top: 60px;
}

.left200{
    left: 200px;
}

.fontSsmaller{
    font-size: smaller;
}

.fontS10{
    font-size: 10px;
}

.fontS08em{
    font-size: 0.8em;
}

.fontS086em{
    font-size: 0.86em;
}

.fontS09em{
    font-size: 0.90em;
}

.fontS1em{
    font-size: 1em;
}

.header{
    background: url('../images/header.jpg') repeat-x;
}

.fondAgd{
    background: url('../images/fondagd.jpg') repeat-x;
}

.reflet{
    background: url('../images/reflet_item.jpg') no-repeat;
}

.noReallyWhite{
    background: #f0f8ef;
}

.veryLightGreyBorder{
    border: 1px solid #eee;
}

.veryLightGreyBorderTop{
    border-top: 1px solid #eee;
}

.whiteBorder{
    border: 1px solid #fff;
}

.whiteBorderBottom{
    border-bottom: 1px solid #fff;
}

.greyBorder{
    border: 1px solid #999;
}

.greyBorderTop{
    border-top: 1px solid #999;
}

.greyBorderBottom{
    border-bottom: 1px solid #999;
}

.lightGreyBorder{
    border: 1px solid #ccc;
}

.lightGreyBorderTop{
    border-top: 1px solid #ccc;
}

.lightGreyBorderLeft{
    border-left: 1px solid #ccc;
}

.smoothGreyBorderBottom{
    border-bottom: 1px solid #bbb;
}

.dottedBorderTop{
    border-top: 2px dotted;
}

.colGHeadL{
    background: url('../images/colG_head_L.gif') no-repeat 2px top;

}

.colGHeadR{
    background: url('../images/colG_head_R.gif') no-repeat;
}

.colGHeadM{
    background: url('../images/colG_head_M.gif') repeat-x;
}

.colGFootL{
    background: url('../images/colG_foot_L.gif') no-repeat 2px top;
}

.colGFootM{
    background: url('../images/colG_foot_M.gif') repeat-x;
}

.colGFootR{
    background: url('../images/colG_foot_R.gif') no-repeat;
}

.itemSL{
    background: url('../images/itemS_L.jpg') no-repeat;
}

/*.itemSM{
    background: url('../images/itemS_M.jpg') repeat-x !important;
}*/

.itemSR{
    background: url('../images/itemS_R.jpg') no-repeat;
}

.itemL{
    background : url('../images/item_L.jpg') no-repeat;
}

.itemM{
    background : url('../images/item_M.jpg') repeat-x;
}

.itemR{
    background : url('../images/item_R.jpg') no-repeat;
}

.fondTableG{
    background: url('../images/fondtableG.gif') repeat;
}

/**** id de mises en forme ****/

#colgauche{
    text-align: center;
    vertical-align: top;
}

#quitter{
    margin: 0 40px 0px 26px;
}


#btn_calendar{
    width: 30px;
    height: 30px;
    background: url('../images/calendar.png') no-repeat center center;
    background-size: contain;
    display: none;
}

#weekcolheaders .chead, #grilleeventweek .allDayCell, #monthcolheaders .chead{
    width: 25%;
}

.inputC{
    width: 100px;
}

#ev_3-B, #ev_3-C{
    width: 50px;
}

.poigne{
    width: 10px;
    height: 10px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
}

#apl_nom{
    text-transform: uppercase;
}

#apl_prenom{
    text-transform: capitalize;
}

li{
    list-style: none;
}



#id1_agenda #second_nav{
    width: 200px;
    position: absolute;
    top: 10px;
    left: -36px;
    height: auto;
    display: none;
}

#id1_agenda:hover #second_nav{
     display: block;
 }

#second_nav .n_item, #second_nav .n_itemselected, #second_nav .n_item_txt{
    float: none;
    display: block;
    background: #99a1c6;
    border-bottom: 1px solid #818181;
}

#second_nav .n_item:hover, #second_nav .n_item_txt:hover{
    background: #616bab;
    color: #fff;
}

#second_nav .itemSL, #second_nav .itemSR{
    display: none;
}

#second_nav .n_item, #second_nav .n_itemselected{
    font-size: 1em;
}

#second_nav .itemSM{
    background: #9dd193;
}

#second_nav .itemSM:hover{
    background: #9dd193;
}

.n_item .itemL, .n_item .itemR{
    display: none;
}

#pr_nomagd, #pr_drmax_agd, #pr_drmin_agd, #nw_nomtyp, #typ_cons .width20{
    width: auto;
}

#nw_drmax_typ, #nw_drmin_typ, #nw_dmarge_typ, #nw_nbpers_typ, #typ_cons .width3, #typ_cons .width2{
    width: 15px;
}

#ev_2-A{
    text-transform: uppercase;
}

.extendTop
{
    width: 15px;
    background: url('../images/arrow_top.png') center no-repeat;
    left: 6px;
    top: 3px;
}

.extendBot
{
    width: 15px;
    background: url('../images/arrow_bottom.png') center no-repeat;
    left: 6px;
    bottom: 1px;
}

.plgInfoTop
{
    color: red;
    width: 50px;
    font-size: 18px;
    height: 25px;
    left: 30px;
    top: 3px;
}

.plgInfoBot
{
    width: 50px;
    color: red;
    font-size: 18px;
    height: 25px;
    left: 30px;
    bottom: 1px;
}

.btnaddjf
{
    background: url("../images/btn_jferie.png");
    width: 16px;
    height: 16px;
    float: right;
    cursor: pointer;
}

.btndeljf
{
    background: url("../images/btn_jferie_del.png");
    width: 16px;
    height: 16px;
    float: right;
    cursor: pointer;
}

.btnaddjc
{
    background: url("../images/btn_jconge.png");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 25px;    cursor: pointer;
}

.btndeljc
{
    background: url("../images/btn_jconge_del.png");
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    right: 25px;
    cursor: pointer;
}

.error
{
    width:93%;
    min-height: 40px;
    padding-top:20px;
    padding-left:50px;
    background-color: #ffbaba;
    border: 1px solid #CC0000;
    color: #D8000C;
    background-image: url('../images/icon-cancel.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    font-size: 16px;
    margin-bottom: 50px;
}

.success
{
    width:93%;
    min-height: 40px;
    padding-top:20px;
    padding-left:50px;
    background-color: #dff0d8;
    border: 1px solid #90cb5c;
    color: #3c763d;
    background-image: url('../images/ic_valid.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    font-size: 16px;
    margin-bottom: 50px;
}

/**** queries smartphone (vue jour) // format landscape ****/

@media screen and (max-device-width: 768px) and (orientation : landscape) , screen and (max-width: 768px) and (orientation: landscape) , screen and (max-device-width: 768px) and (orientation : portrait), screen and (max-width: 768px) and (orientation: portrait) {

    /** header **/
    .header{
        width: 100%;
        height: 100px;
        position: relative;
        background-size: contain;
    }

    #id1_week, #id1_month, #id1_nday, #id1_agenda, #id1_messages, #id1_mvts, #id1_suivis, #id1_appelants, #id1_telephonie{
        display:none;
    }

    #id1_day{
        margin: 0 0 0 0;
    }

    #navigation{
        margin-top: 45px;
        width: auto;
    }

    #colgauche{
        position: absolute;
        width: 50px ;
        margin-left: 0;
    }

    .infouser{
        width: 100%;
    }

    .infouser .marginR90{
        margin-left: 71px;
        float: left;
        position: absolute;
    }

    .libuser img{
        display: none;
    }

    #_N_USER, #_P_USER{
        font-size: 18px;
    }

    #quitter{
       /* margin: 0 0 0 0;*/
    }

    #quitter a{
        font: 0/0 a;
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background: url('../images/disconnect.png') no-repeat;
        background-size: contain;

        /**/
        right: 0px;
        float: right;
        margin-right: 10px;
        position: fixed;
    }

    #btn_calendar{
        content: "";
        display: block;
        z-index: 10;
       /* margin: 10px 10px 0 0;*/
        position: absolute;
        top: 30px;
        right: 0;
        /**/
        margin: 15px 49px 0 0;
    }
    .marginR20{
      margin-right: 0px;
    }
    .todaybtn{
        margin-top: 54px;
    }

    #btn_calendar:hover{
        background: url('../images/calendar_black.png') no-repeat;
        background-size: contain;
        cursor: pointer;
    }

    #navigation .navig{
        margin-right: 0;
        margin-bottom : 10px;
        font-size: 16px;
    }

    #plagedate_day{
        display: none !important;
    }



    #navigprec{
        width: 30px;
        height: 30px;
        /* margin-bottom: 10px; */
        background-size: contain;
        margin-top: 47px;
        margin-right: 47px;
    }

    #navigsuiv{

        width: 30px;
        height: 30px;
        /* margin-bottom: 10px; */
        /* margin-right: 10px; */
        background-size: contain;
        margin-top: 47px;
        margin-right: 6px;

    }

    /** menu gauche **/

    .fondAgd{
        position: relative;
        width: 100%;
    }

    /*#zoneFd{
        width: 320px;
    }*/

    #colmenu{
        position: absolute;
        width: 0;
    }

    #mcal{
        position: absolute;
        top: 0;
        left: 0;
        width: 260px;
        display: none;
        z-index: 1000;
    }

    .fondTableG, #_mcal_tble{
        height: 260px;
    }

    #saut24, #mcol, #mmsg, #mlst, #msel, #mast{
        display: none;
    }

    #idvg_day, #idvm_day{
        display: none;
    }

    #zseldata{
        left: 0 !important;
    }





    /** body **/
    #zonePrinc{
        width: 100%;
        margin: 0 auto;
    }

    #vue_day{
        width: 100%;
    }

    #principal{
        width: 100%;
    }

    #daycontainer{
        height: 100% !important;
    }

    #structday{
        width: 768px;
    }

    .m_col{
        display: none;
    }

    #zoneFd{
        width: 768px;
    }

    /** zone suplementaires **/

    #zinfoEvday{
        /*position: absolute;
        left: -44px !important;
        top: 0 !important;
        width: 600px !important;
        */
        position: absolute;
        left: -40px !important;
        top: 0 !important;
        width: 100% !important;
        margin-right: 16px;
    }

    .jqDnR{
        position: absolute !important;
        left: 0 !important;
        top: 160px !important;
        width: 768px !important;
        z-index: 103;
    }

    #param{
        /*width : 600px !important;*/
        width: 100% !important;

    }

    #param span{
        font-size: 1.1em !important;
    }

    .param_head{
        font-size: 1.5em !important;
    }

    #param .param_label{
        width: 100%;
        float: none;
        font-size: 1.1em;
        margin-bottom: 10px;
    }

    #param .param_check{
        padding: 0 0 0 0;
    }

    #param input[type="checkbox"]{
        width: 16px;
        height: 16px;
    }

    #param input[type="radio"]{
        width: 20px;
        height: 20px;
    }

    .selectB{
        height: 40px;
        width: 98%;
        font-size: 1.5em;
        line-height: 40px;
    }

    #ev_2-A{
        width: 90%;
        height: 25px;
    }

    #ev_4-A{
        width: 96%;
    }

    #ev_10-B input[type="checkbox"]{
        margin: 0 0 0 5px;
        width: 15px;
        height: 15px;
    }

    .inputC{
        /*width: 98%;*/
        width: 33%;
        height: 25px;
        font-size: 1em;
    }

    #zseldataday{
        left: -40px !important;
        width: 290px;
        height: 300px;
    }

    #zseldataday .DP_monthtable{
        width: 290px;
        height: 300px;
    }

    .buttonB{
        font-size: 1.5em;
        width: 98%;
        height: 50px;
        margin: 0 auto;
        float: none;
    }

    .rheadtexthr{
        font-size: 1em;
    }

    /** zone de login **/

    #divGlobalLogin{
        width: 320px !important;
        margin-top: 100px !important;
        margin-left: 25px !important;
    }

    /** footer **/

    #legende{
        height: auto;
        font-size: 0.9em;
        overflow: inherit;
    }



}

.externSelectedConsult
{
    border: #994d4d 1px solid;
}

.externContainer
{
    width: 1100px;
    margin: 0 auto;
}

.externRdvList
{
    margin-bottom: 50px;
}

.externRdvList span
{

}

.externButton
{
    padding: 15px;
    border: 1px solid #000;
    border-radius: 5px;
    background: #727672;
    color: #FFF !important;
    text-decoration: none;
    margin-bottom: 25px;
    display: inline-block;
}

.externButton:hover
{
    border: 1px solid #5f5f5f;
    background: #575b57;
    color: #FFF;
}

.externInfo
{
    background: #2c7f3a;
    padding: 20px;
    color: white;
}

.externNewAccountForm input
{
    display: block;
    margin-bottom: 20px;
}
.externLogInput
{
    margin-bottom: 15px;
    margin-left: 20px;
}

.externLogLabel
{
    display: block;
}

.externLogSubmit
{
    margin-bottom: 25px;
}

#zonePubliqueDiv
{
    padding: 25px 0 0 25px;
}

.externContainer .libelType
{
    width: auto;
    padding: 10px 30px;
    background: #ffffff;
    display: inline-block;
    text-decoration: none;
}

.externContainer .libelType:hover
{
    text-decoration: underline;
}

/* 8.0 clearfix */

.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix{
    display: inline-block;
}

html[xmlns].clearfix{
    display: block;
}

* html .clearfix{
    height: 1%;
}

.inlineBlock
{
    display: inline-block;
}




/*********Doctoflex Table*********/
.TableDFX {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #7f7f7f;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.TableDFX table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.TableDFX tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.TableDFX table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.TableDFX table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.TableDFX tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.TableDFX tr:hover td{

  }
.TableDFX tr:nth-child(odd){ background-color:#F1F1F1; }
.TableDFX tr:nth-child(even)    { background-color:#F1F1F1; }
.TableDFX td{
    vertical-align:middle;


    border:1px solid #7f7f7f;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}
.TableDFX tr:last-child td{
  border-width:0px 1px 0px 0px;
}
.TableDFX tr td:last-child{
   border-width:0px 0px 1px 0px;
}
.TableDFX tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.TableDFX tr:first-child td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");	background: -o-linear-gradient(top,#cccccc,b2b2b2);

    background-color:#cccccc;
    border:0px solid #7f7f7f;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:15px;
    font-family:Arial;
    font-weight:bold;
    color:#302e2e;
}
.TableDFX tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    background: -o-linear-gradient(top,#cccccc,b2b2b2);

    background-color:#cccccc;
}
.TableDFX tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.TableDFX tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}




/*********Doctoflex Table*********/
.TabletTb {

    padding:0px;
    width:99%;
    border:1px solid #1c829f;
    margin-left:16px;
    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.TabletTb table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.TabletTb tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.TabletTb table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.TabletTb table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.TabletTb tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.TabletTb tr:hover td{

  }
.TabletTb tr:nth-child(odd){ background-color:#B8D9E2; }
.TabletTb tr:nth-child(even)    { background-color:#B8D9E2; }
.TabletTb td{
    vertical-align:middle;


    border:1px solid #1c829f;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:14px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}
.TabletTb tr:last-child td{
    border-width:0px 1px 0px 0px;
}
.TabletTb tr td:last-child{
    border-width:0px 0px 1px 0px;
}
.TabletTb tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.TabletTb tr:first-child td{
    background:-o-linear-gradient(bottom, #249EC1 5%, #1c829f 100%);


    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #249EC1), color-stop(1, #1c829f) );


    background:-moz-linear-gradient( center top, #249EC1 5%, #1c829f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    background: -o-linear-gradient(top,#249EC1,#1c829f);

    background-color:#cccccc;
    border:0px solid #1c829f;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:15px;
    font-family:Arial;
    font-weight:bold;
    color:#F1F1F1;
}
.TabletTb tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #249EC1 5%, #1c829f 100%);


    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #249EC1), color-stop(1, #1c829f) );


    background:-moz-linear-gradient( center top, #249EC1 5%, #1c829f 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
    background: -o-linear-gradient(top,#249EC1,#1c829f);

    background-color:#1c829f;
}
.TabletTb tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.TabletTb tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}