/* corero NG Stylesheet

(c)2013 Corero Business Systems
 Version 4.6
 Paul Barsby 01/06/2014

 */
/* ReSharper disable RedundantUnits */

/**************classes**************/
.mcsstext /*basic text */ {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding-left: 5px;
}

.mcsstitle /*basic title */ {
    font-size: 140%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    padding-left: 5px;
}

.mcssfieldlabel {
    font-size: 100%;
    text-transform: none;
    color: black;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    background-color: transparent;
    text-align: left;
    white-space: nowrap;
    overflow: visible;
}



.mcssfieldtext {
    font-size: 100%;
    text-transform: none;
    color: black;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    width: auto; /*	background-color: #eef4fe; */
    background-color: #FAFAFA;
    text-align: left;
    vertical-align: bottom;
    display: inline;
    overflow: hidden;
    height: 20px;
}


.mcsschecktext {
    font-size: 100%;
    text-transform: none;
    color: black;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    background-color: #FAFAFA;
    text-align: left;
    vertical-align: bottom;
    display: inline;
    overflow: hidden;
    width: 16px;
    height: 16px;
    border: solid 1px black;
}

.mcssfieldnone {
    position: absolute;
    width: auto;
    display: inline;
}

.mcssfieldinput {
    font-size: 100%;
    padding: 0px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: black;
    text-decoration: none;
    width: auto;
    text-align: left;
    background-color: white;
    vertical-align: bottom;
    overflow: visible;
    display: inline;
    position: absolute;
    border: 1px;
}

.mcssfieldgridtext /*readonly on grid with border*/ {
    font-size: 100%;
    text-transform: none;
    color: black;
    line-height: normal;
    letter-spacing: normal;
    position: absolute;
    width: auto;
    background-color: #eAeAFA;
    text-align: left;
    vertical-align: bottom;
    display: inline;
    overflow: hidden;
    height: 20px;
    border: 1px solid black;
}

.mcssfieldimg /*Image on input screen */ {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    position: absolute;
    width: auto;
}

.mcssfieldselect /*Select control on input screen */ {
    padding: 0px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: black;
    text-decoration: none;
    position: absolute;
    width: auto;
    text-align: left;
    background-color: white;
    vertical-align: bottom;
    display: inline;
    border: 1px;
}

.mcssfieldgroup /*group box*/ {
    border: 1px solid #D4D4D4;
    padding: 1px;
    background-color: #FFFFFF;
}

.mcssfieldgrouplabel /*group box label*/ {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #016FBE;
    font-family: Arial, Sans-Serif;
}

.mcsspagetitle /*title bar for a page*/ {
    background-color: #4668C5;
    font-family: Arial, Sans-Serif;
    border-collapse: collapse;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 2px;
    padding-left: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    vertical-align: middle;
    background-repeat: repeat-x;
    text-align: center;
    font-size: 120%;
    left: 0px;
    overflow: hidden;
    color: white;
    position: absolute;
    top: 0px;
    height: 24px;
}

.mcsspagetitlefindmode {
    background-color: orange;
    color: black;
}

.mcsstitlecomment /*comment on title bar*/ {
    background-color: transparent;
    color: yellow;
}

.mcssiconbar /*iconbar*/ {
    background-image: url(/portal/images/menubar.png);
    border-collapse: collapse;
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    vertical-align: middle;
    background-repeat: repeat-x;
    text-align: center;
    font-weight: bold;
    font-size: 120%;
    left: 0px;
    overflow: hidden;
    color: black;
    position: absolute;
    top: 0px;
    height: 24px;
}

.mcssframetitle {
    border: 1px solid #44AAFF;
    width: 100%;
    height: 25px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 0px;
    color: White;
    vertical-align: baseline;
    text-align: center;
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #4668C5;
    font-family: Arial, Sans-Serif;
}

.mcsswindowbody /*main body inside titled window*/ {
    padding: 0px;
    width: 100%;
    overflow: hidden;
    left: 0px;
    position: absolute;
    top: 20px;
    height: 95%;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.mcssvalerror /*Validation error highlight */ {
    background-color: #ffebeb;
}

.mcssdivbuttons /*Div containing buttonsl*/ {
    position: absolute;
    left: 0px;
    width: 76%;
    text-align: right;
    padding-left: 10px;
    height: auto;
    top: 500px;
}

.mcsswarningtext /*warning text*/ {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ff0000;
}

.mcssprimarycode /*primary lldd code*/ {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #ff0000;
}

.mcsspopupframe /*pop-up frame*/ {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    -moz-box-shadow: 3px 3px 4px #808080;
    -webkit-box-shadow: 3px 3px 4px #808080;
    box-shadow: 3px 3px 4px #808080;
    background: White;
    margin: 0px 0px 0px 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    height: auto;
    width: auto;
}

.mcsspromptbox /* prompt box */ {
    position: absolute;
    left: 239px;
    top: 99px;
    width: 150px;
    height: 30px;
    text-align: center;
    background-color: white; /*#ece9d8;*/
    color: black;
    vertical-align: middle;
    line-height: normal;
    text-transform: none;
    padding: 10px;
    border: 1px outset black;
    visibility: hidden;
    z-index: 1001;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    -moz-box-shadow: 3px 3px 4px #808080;
    -webkit-box-shadow: 3px 3px 4px #808080;
    box-shadow: 3px 3px 4px #808080;
    font-family: sans-serif;
    font-size: 90%;
    font-style: normal;
    font-weight: bold;
}

.mcssbutton /*standard button*/ {
    font-family: Arial, Sans-Serif; /* background-color: #585858;*/
    background-color: #D1D2D4; /*  color: White;*/
    color: Black;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    width: 80px;
    height: 26px;
    top: 0px; /*   font-weight: bold;*/
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    border: 1px solid white;
}

.mcssbutton:hover:enabled /*standard button*/ {
    background-color: #585858;
    color: White;
}

.mcssbutton:disabled,
.mcssbutton[disabled]{
    font-family: Arial, Sans-Serif;
    background-color: #cccccc;
    color: #666666;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    width: 80px;
    height: 26px;
    top: 0px; /*   font-weight: bold;*/
    padding: 0px;
    border: 1px solid white;
}

.mcssbackbutton /*standard back button */ {
    font-family: Arial, Sans-Serif;
    background-color: #D1D2D4;
    color: Black;
    border: 1px solid white;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    width: 80px;
    height: 26px;
    top: 0px; /*  font-weight: bold;     padding: 0px;     cursor: pointer;     cursor: hand; /*background-image: url(/portal/images/butbak.jpg);*/
}

.mcssbackbutton:hover:enabled /*standard back button */ {
    background-color: #585858;
    color: White;
}

.mcsszoombutton /*standard zoom button for zooming selection lists */ {
    width: 20px;
    height: 19px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: Transparent;
    background-image: url(/portal/images/zoom.png);
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-top: -1px;
    border-top: 0px;
    border-right: 1px solid gray;
    font-family: Arial, Sans-Serif;
}

.mcsssyncbutton /*standard sync button */ {
    width: 20px;
    height: 19px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: Transparent;
    background-image: url(/portal/images/sync.png);
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-top: -1px;
    border-top: 0px;
    border-right: 1px solid gray;
    font-family: Arial, Sans-Serif;
}

.mcsszoombutton:hover:enabled {
    background-color: #cccccc;
    background-image: url(/portal/images/zoomh.png);
}

.mcssimagebutton {
    width: 20px;
    height: 19px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: Transparent;
    background-image: url(/portal/images/zoom.png);
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-top: -1px;
    border-top: 0px;
    font-family: Arial, Sans-Serif;
}

.navbutton /*standard zoom button for zooming selection lists */ {
    width: 30px;
    height: 20px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: #D1D2D4;
    color: Black;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    margin-top: -1px;
    border-top: 0px;
    font-family: Arial, Sans-Serif;
    font-size: 120%;
    font-weight: bold;
}

.navbutton:hover:enabled {
    background-color: #585858;
    color: White;
}

.mcssdatepick {
    width: 16px;
    height: 19px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: middle;
    background-color: transparent;
    background-image: url(/portal/images/datepick.png);
    background-size: contain;
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    background-position: top center;
    margin-top: 0px;
    border-top: 0px;
    padding-bottom: 1px;
    margin-top: 2px;
}

.mcssdatepick:hover:enabled {
    background-color: #cccccc;
}

/*******Table Control ******/
.mcsstabletext {
    line-height: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    text-align: left;
    border: 1px; /*   border-top-style: solid;*/
    border-bottom-style: solid;
    border-color: #F4F4FF;
    font-size: 100%;
}

.mcsstableinput /*input control in a table*/ {
    padding-bottom: 1px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: black;
    text-decoration: none;
    width: auto;
    text-align: left;
    background-color: Transparent;
    vertical-align: bottom;
    overflow: visible;
    display: inline;
    position: relative;
    border: solid 0.5px #707070;
}

.mcsstableselect /*Select control on table */ {
    padding: 0px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: black;
    text-decoration: none;
    position: relative;
    width: auto;
    text-align: left;
    background-color: Transparent;
    vertical-align: bottom;
    display: inline;
    border-top-color: #BBBBBB;
    border-left-color: #BBBBBB;
    border-bottom-color: #EEEEEE;
    border-right-color: #EEEEEE;
    border-style: solid;
    border-width: 1px;
}

.mcsstablestripeodd {
    /* background-color: #eef4fe;*/
    border-bottom: 1px solid #E9E9E9;
    border-bottom-color: #EEEEEE;
}

.mcsstablestripeeven {
    /*  background-color: #fff;*/
    border-bottom: 1px solid #EEEEEE;
}

.mcsstablenorecs /*no records message */ {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: red;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    text-align: left;
    border: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: white;
}

.mcsstablehilite /*highlight bar on table control  */ {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
    text-align: left;
    background-color: #ccffff;
    border: 1px;
    border-color: #99CCCC;
    border-top-style: solid;
    border-bottom-style: solid;
}

.tablehidden {
    display: none;
}


.mcsstableheading {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial, Sans-Serif;
    font-size: 95%;
    font-style: normal; /* font-weight: bold;*/
    -webkit-font-variant: normal;
    -moz-font-variant: normal;
    -ms-font-variant: normal;
    -o-font-variant: normal;
    font-variant: normal;
    text-transform: none;
    color: white;
    text-decoration: none;
    background-color: #1CACEA;
    height: 30px;
    border-color: #1CACEA #D2D2D2 #1CACEA #1CACEA; /*  background-image: url(/portal/images/tablebarx.jpg);*/
    cursor: pointer;
    cursor: hand;
    white-space: normal;
    line-height: 85%;
    padding-left: 0px;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-width: 0px;
    vertical-align: top;
    border-top-style: none;
}

.mcssdivtablelist {
    position: absolute;
    left: 0px;
    padding: 1px;
    width: 100%;
    text-align: left;
    border-left: #EEEEEE 1px solid;
    border-bottom: #EEEEEE 1px solid;
    overflow: auto;
    background-color: white;
}

.mcssdivtabletitles {
    box-sizing: border-box;
    position: absolute;
    left: 0px;
    width: 100%;
    text-align: left;
    vertical-align: top;
    padding-right: 1px;
    height: auto;
    border-left: #1CACEA 1px solid;
    padding-left: 1px;
    padding-bottom: 1px;
    padding-top: 0px;
    margin-top: 0px;
    background-color: #1CACEA;
}

.mcsstitletable {
    height: auto;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    background-color: #1CACEA;
}

.mcsstablefilters /*area above a table holding filters*/ {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 35px;
    background-color: #eeeeff;
}

/*******Tab Control *******/
.mcsstabcell /*Tab image*/ {
    box-sizing: border-box;
    border-style: solid;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    padding-left: 0px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border-color: #000000;
    width: 80px;
    height: 29px;
    border-bottom-width: 1px;
    background-color: #2a3e76;
    font-family: Arial, Sans-Serif; /*background-image: url(/portal/images/PLBLUETAB.png); background-image: url(/portal/images/BLUETAB.png);*/
    background-repeat: no-repeat;
    background-position: bottom center; /*  background-position-y: bottom;*/
}

.mcsstabbutn {
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    width: 80px;
    background-color: Transparent;
    font-size: 100%;
    font-family: Arial, Sans-Serif;
    color: #D2D2D2;
    vertical-align: sub;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 2px;
    height: 30px;
}

.mcsstabbutnsel {
    box-sizing: border-box;
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    width: 80px;
    background-color: Transparent;
    font-size: 100%;
    font-family: Arial, Sans-Serif;
    color: #ffffff;
    vertical-align: sub;
    padding-right: 0px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 3px;
    height: 30px;
    font-weight: lighter;
}

.mcsstabbutndis {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0px;
    text-align: center;
    width: 85px;
    background-color: Transparent;
    font-size: 100%;
    font-family: Arial, Sans-Serif;
    color: #969696;
    padding-right: 0px;
    padding-left: 1px;
    padding-bottom: 0px;
    padding-top: 12px;
    font-style: italic;
    padding-top: 3px;
    height: 30px;
}

.mcsstabcellspace /*space on tab bar */ {
    border-color: #D4D4D4;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 0px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 1px;
}

.mcsstabcelllast /*last bit on tab bar */ {
    border-color: #D4D4D4;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
    width: 80px;
    text-align: right;
}

/*********Home Page ********/
.mcssmenudiv /*Div containing menus*/ {
    border-collapse: collapse;
    position: absolute;
    background-color: white;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.mcssmenuframe /*home screen base frame*/ {
    border-collapse: collapse;
    left: 0%;
    width: 100%;
    top: 0%;
    height: 100%;
    border-right: white 1px dotted;
    border-top: white 1px dotted;
    border-left: white 1px dotted;
    border-bottom: white 1px dotted;
}

.mcssmenubackg /*background behind home screen*/ {
    border-collapse: collapse;
    background-color: white;
    background-image: url(/portal/images/menubar.png);
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    cursor: hand;
}

.homedefsect /*home page defined area*/ {
    border-collapse: collapse;
    position: absolute;
    background-color: white;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.homesecttitle /*home page defined area title*/ {
    border: Blue;
    width: 100%;
    height: 25px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 0px;
    color: white;
    vertical-align: baseline;
    text-align: center;
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #016FBE;
    font-family: Arial, Sans-Serif; /* background-image: url(/portal/images/msbar.png);*/
}

.homesectbot /*home page defined area resize bar*/ {
    border: Blue;
    width: 100%;
    height: 5px;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-decoration: none;
    position: absolute;
    left: 0px;
    top: 0px;
    color: black;
    vertical-align: baseline;
    text-align: center;
    padding-top: 5px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #f1f1ff;
}

.homesectbut /*home page defined area options button*/ {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 2px;
    height: 22px;
    width: 22px;
    background-color: Transparent;
    background-image: url(/portal/images/tool2_24w.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.homesectbotbut /*home page defined area resize "button"*/ {
    cursor: se-resize;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 10px;
    width: 10px;
    background-color: Transparent;
    background-repeat: no-repeat;
    vertical-align: bottom;
    background-image: url(/portal/images/corner.png);
}

.wdgthyper {
    font-family: Arial, Sans-Serif;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    color: white;
    text-decoration: underline;
    cursor: pointer;
}

    .wdgthyper:visited {
        color: white;
        text-decoration: underline;
    }

    .wdgthyper:hover {
        color: cyan;
    }
/********Icon bar ********/

.mcsshomebut /*Home button on icon bar */ {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 32px;
    width: 32px;
    left: 100%;
    background-color: Transparent;
    background-image: url(/portal/images/home_32.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: 0.9;
    font-size: 100%;
    font-family: Microsoft Sans Serif;
}

    .mcsshomebut:hover /*Home button on icon bar */ {
        background-color: #cccccc;
    }

.mcssoptsbut /*Options button on icon bar */ {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 32px;
    width: 32px;
    left: 100%;
    background-color: Transparent;
    background-image: url(/portal/images/menu_options_32.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: 0.9;
    font-size: 100%;
    font-family: Microsoft Sans Serif;
}

    .mcssoptsbut:hover /*Options button on icon bar */ {
        background-color: #cccccc;
    }

.mcssexitbut {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 100%;
    width: 48px;
    left: 100%;
    background-color: transparent;
    background-image: url(/portal/images/remssmall.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: right center;
}

.mcssclosebut /*Close button on popup frame */ {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 2px;
    height: 22px;
    width: 22px;
    background-color: Transparent;
    background-image: url(/portal/images/frameclose1.gif);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.mcssexcelbut /*Excel button on table */ {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    height: 16px;
    width: 16px;
    background-color: Transparent;
    background-image: url(/portal/images/excel.gif);
    background-repeat: no-repeat;
    vertical-align: middle;
    text-align: left;
    z-index: 1;
}

.mcsslogobut /*logo on icon bar -unused at present */ {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 32px;
    width: 78px;
    left: 100%;
    background-color: Transparent;
    background-image: url(/portal/images/remscircle.png);
    background-repeat: no-repeat;
    vertical-align: middle;
}

.mcssiconbut {
    cursor: pointer;
    cursor: hand;
    border-style: solid;
    border-width: 0px;
    padding: 0px;
    position: absolute;
    top: 0px;
    height: 32px;
    width: 80px;
    left: auto;
    background-color: transparent;
    background-repeat: no-repeat;
    vertical-align: middle;
    line-height: 0.9;
    font-size: 100%;
    font-family: Microsoft Sans Serif;
}

    .mcssiconbut:hover {
        background-color: #cccccc;
    }


/********* Menu **********/
.dropmenubox {
    background-color: #585858;
    visibility: hidden;
    width: auto;
    height: auto;
    top: 70px;
    position: absolute;
    border-right: #000040 thin solid;
    border-bottom: #000040 thin solid;
    z-index: 1000;
    color: white;
    padding: 5px 10px 15px 10px;
}

.dropmenufixer /*drop down menu IE z-index bug fix*/ {
    background-color: Transparent;
    visibility: hidden;
    width: auto;
    top: 70px;
    position: absolute;
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 999;
}

.dropmenushadow /*drop down menu FF shadow*/ {
    background-color: Transparent;
    visibility: hidden;
    width: auto;
    top: 70px;
    position: absolute;
    z-index: 999;
    background-image: url(/portal/images/shadow.png);
    border: none;
    margin: 10px 0px 0px 10px;
}

.dropmenuitem /*drop down menu item*/ {
    cursor: pointer;
    cursor: hand;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-family: Arial, Sans-Serif;
    font-size: 100%;
    color: white;
    margin: 2px 5px 2px 10px;
}

    .dropmenuitem:hover /*drop down menu item mouseover*/ {
        background-color: #585858;
        color: #6DC2E9;
    }

.dropmenuhead {
    font-variant: normal; /*  font-weight: bold;*/
    font-size: 120%;
    color: white;
    font-family: Arial, Sans-Serif; /*border-top:2px  solid  #7F7F7F;*/
    margin: 8px 5px 2px 5px;
}

/*other*/
.attendance {
    line-height: normal;
    text-transform: none;
    color: black;
    text-decoration: none;
    text-align: left;
    font-family: Courier New, Courier, monospace;
    font-size: 80%;
    font-variant: normal;
    font-weight: normal;
}

/*various icons*/
.red_note {
    background-image: url( /portal/images/Notered.png);
}

.green_note {
    background-image: url( /portal/images/Notegreen.png);
    background-repeat: no-repeat;
}

.black_note {
    background-image: url( /portal/images/Noteblac.png);
}


/*corero logo and colours - as yet unused*/
.corero_leftdot {
    color: #ccfa23;
}

.corero_rightdot {
    color: #6efb0a;
}

.corero_logo {
    background-image: url( /portal/images/corero.png );
}

.corero_ripple {
    background-image: url( /portal/images/ripples.jpg );
}

.leftimg {
    float: left;
    position: absolute;
    top: 10px;
    left: 0px;
}

.waittext {
    position: absolute;
    left: 100px;
    width: 150px;
    top: 5px;
    height: auto;
    vertical-align: middle;
}

.pageback {
    background-color: #fcfcff;
}
/*************Timetable***********/
.timetablecell {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #eaf3f9;
    white-space: nowrap;
    overflow: hidden;
}

.timetablecellClash {
    background-color: lightpink;
}

.timetablecellMarked {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(/portal/images/menu_regtt_16.png);
}

.timetablecellResNotes {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-image: url(/portal/images/ReviewNote.png);
}

.timetablecellPresent {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(/portal/images/greentick.png);
}

.timetablecellAbsent {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(/portal/images/redexclamation.jpg);
}

.timetablecellLate {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url(/portal/images/orangealert.png);
}

.timetablecellex /* Timetable cell for exam*/ {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #ccff66;
    white-space: nowrap;
    overflow: hidden;
}

.timetablecellPr /* Timetable cell for Present*/ {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #C0FFC0;
    white-space: nowrap;
    overflow: hidden;
}

.timetablecellAb /* Timetable cell for Absent*/ {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #FFC0C0;
    white-space: nowrap;
    overflow: hidden;
}

.timetablecellLt {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #FEC080;
    white-space: nowrap;
    overflow: hidden;
}

.timetablecellsub {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #E2DAEC;
    white-space: nowrap;
    overflow: hidden;
}

.timetablecellcurr {
    border-top: black 1px solid;
    border-left: black 1px solid;
    border-bottom: black 1px solid;
    border-right: black 1px solid;
    font-size: 80%;
    color: black;
    background-color: #FFFC9E;
    white-space: nowrap;
    overflow: hidden;
}

.timetableday {
    font-size: 100%;
    color: gray;
    width: 15%;
    height: 100%;
    text-align: center;
    border-left: gray 1px dotted;
}

.timetabletime {
    font-size: 80%;
    color: gray;
    width: 100%;
    text-align: left;
    border-top: gray 1px dotted;
}

.timetabledayh {
    font-size: 100%;
    color: gray;
    width: 100%;
    text-align: left;
    border-top: gray 1px dotted;
}

.timetabledayhodd {
    font-size: 100%;
    color: gray;
    width: 100%;
    text-align: left;
    border-top: gray 1px dotted;
    background-color: #eef4fe;
}

.timetabletimeh {
    font-size: 80%;
    color: gray;
    height: 100%;
    text-align: left;
    border-left: gray 1px dotted;
}

a.TTlink {
    font-size: 80%;
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: underline;
}

/*************Provision Colouring and Indenting***********/
.provlabelprog {
    color: Blue;
}

.provlabelqual {
    color: Black;
}

.provlabelunit {
    color: Green;
}

.provlabelcont {
    color: Green;
}

.provlabelcomp {
    color: Blue;
}

.provlabelwdrn {
    color: Red;
}

.provlabeltfer {
    color: #800000;
}

.provlabelwbl {
    background-color: #00ff33;
}

.provlabelttg {
    background-color: #aaaaff;
}

.provlabelsoi {
    background-color: #66cdff;
}

.provpadprog {
    padding-left: 0px;
}

.provpadqual {
    padding-left: 10px;
}

.provpadunit {
    padding-left: 20px;
}

.enrolabelcomp {
    color: Green;
}

.enrolabelwdrn {
    color: Red;
}

.stateactual {
    color: Green;
}

.stateoverdue {
    color: Red;
}

.statescheduled {
    color: Black;
}

.groupoldmember {
    color: Gray;
}

.exammodular {
    color: #B000B0;
}

.soclabelhdg {
    background-color: #EEEEEE;
}
/*************Learner Colouring: Hyperlinks etc***********/
.LNREMA {
    /*background-color: #00B000;*/
}

.LNRALG {
    /*background-color: #FF9000;*/
}

.LNRWBL {
    /*background-color: lime;*/
}

.LNRCnx {
    /*background-color: fuchsia;*/
}

.LNRAdS {
    /*background-color: #FFFFC0;*/
}

.LNRSpN {
    /*background-color: yellow;*/
}

.LNRExcluded {
    color: red;
}

/**************elements***************/
IMG {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    background-repeat: repeat;
}

body /*font is inherited from here */ {
    background-color: #fcfcff;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Arial, Sans-Serif; /*this is the base font*/
    font-size: 10pt; /* font-family:"lucida grande",tahoma,verdana,arial,sans-serif*/
}

td {
    border: 1px;
    border-top-style: solid;
    border-bottom-style: solid;
    border-color: transparent;
}


HR {
    box-sizing: border-box;
    color: #D4D4D4;
    background-color: #D4D4D4;
    height: 2px;
    border: 0px; /*changes for IE9 and Firefox*/
}

html /*fix for bug in Firefox*/ {
    height: 100%;
}

textarea {
    font-family: Arial, Sans-Serif;
    white-space: pre-wrap !important; 
    word-wrap: break-word !important;
    resize: none;
}

a:hover.linkwinopen {
    font-size: 100%;
    font-style: italic;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #00008B;
    text-decoration: none;
}

a:link.linkwinopen {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}

a:visited.linkwinopen {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000000;
    text-decoration: none;
}

a.linkdetails:link {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000088;
    text-decoration: none;
}

a.linkdetails:visited {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: #000088;
    text-decoration: none;
}

a.linkdetails:hover {
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: black;
    text-decoration: none;
}

a {
    font-style: normal;
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    color: black;
    text-decoration: underline;
    cursor: pointer;
}


    a:visited {
        font-style: normal;
        line-height: normal;
        font-variant: normal;
        text-transform: none;
        color: #000099;
        text-decoration: underline;
    }

    a:hover {
        font-style: italic;
        line-height: normal;
        font-weight: bold;
        font-variant: normal;
        text-transform: none;
        color: #000088;
        text-decoration: none;
        text-decoration: underline;
    }

INPUT:disabled /** for firefox ... strictly speaking CSS 3 but allows greying of disabled styled buttons in FF **/ {
    color: #A0A0C1;
    cursor: default;
}

input {
    font-size: 100%;
}

/**************element ids****************/
#waitbox {
    position: absolute;
    left: 239px;
    top: 99px;
    width: 150px;
    height: 30px;
    text-align: center;
    background-color: #FFFFFF;
    color: red;
    z-index: 1000;
    vertical-align: middle;
    font-size: 100%;
    font-style: normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    padding: 10px;
    border: 1px outset Yellow;
    margin: 0px 0px 0px 0px;
    visibility: hidden;
    cursor: wait;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
    -moz-box-shadow: 3px 3px 4px #808080;
    -webkit-box-shadow: 3px 3px 4px #808080;
    box-shadow: 3px 3px 4px #808080;
    overflow: hidden;
}





#hider /*semi transparent overlay*/ {
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
    background-image: url(/portal/images/overlay2.png);
}


/****** old menu now unused*********/
.menubody {
    background-color: white;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    font-size: 100%;
    color: #3333CC;
    visibility: hidden;
    width: auto;
    position: absolute;
}

.mcsscmenu {
    position: absolute;
    visibility: hidden;
    width: 200px;
    background-color: menu;
    border-right: 2px groove;
    border-top: 2px groove;
    border-left: 2px groove;
    border-bottom: 2px groove;
}

.mcsscmenuItem {
    font-family: ms sans serif,helvetica,arial,sans-serif;
    font-size: 100%;
    width: 90%;
    padding-left: 16px;
    padding-right: 16px;
    background-color: menu;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 0;
    margin-top: 0;
    cursor: default;
}

.mcsscmenuItemDefault {
    font-family: ms sans serif,helvetica,arial,sans-serif;
    font-size: 100%;
    font-weight: bold;
    width: 90%;
    padding-left: 16px;
    padding-right: 16px;
    background-color: menu;
    color: black;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: default;
}

.mcsschighlightItem {
    font-family: ms sans serif,helvetica,arial, sans-serif;
    font-size: 100%;
    width: 90%;
    padding-left: 16px;
    padding-right: 16px;
    background-color: highlight;
    color: white;
    padding-top: 2px;
    padding-bottom: 2px;
    cursor: default;
}
/*end unused*/


.mcsscontactbutton /*standard zoom button for zooming selection lists */ {
    width: 40px;
    height: 32px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: Transparent;
    background-repeat: no-repeat;
    background-image: url(/portal/images/Phone002.png);
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.mcssnotesbutton /*standard zoom button for zooming selection lists */ {
    width: 40px;
    height: 32px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: Transparent;
    background-image: url(/portal/images/noteblac.png);
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

.mcsscorresbutton /*standard zoom button for zooming selection lists */ {
    width: 40px;
    height: 32px;
    padding: 0px;
    cursor: pointer;
    cursor: hand;
    vertical-align: top;
    background-color: Transparent;
    background-image: url(/portal/images/Letters.png);
    background-repeat: no-repeat;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

/* date classes */
.datesat /* Saturday */ {
    background-color: #eeeeee;
}

.datesun /* Sunday */ {
    background-color: #eeeeee;
}

.datehol /* Holiday */ {
    background-color: #E2E584;
}

.dateclose /* Closed day */ {
    background-color: #006E00;
}

.datetoday /* Today */ {
    background-color: #FFFC9E;
}

/* traffic lights */
.missingreview {
    color: gray;
}

.redlight {
    width: 16px;
    height: 16px;
    cursor: hand;
    background-image: url(/portal/images/redlight.png);
    background-position: right center;
    background-repeat: no-repeat;
    border: none;
}

.amberlight {
    width: 16px;
    height: 16px;
    cursor: hand;
    background-image: url(/portal/images/amberlight.png);
    background-position: right center;
    background-repeat: no-repeat;
    border: none;
}

.greenlight {
    width: 16px;
    height: 16px;
    cursor: hand;
    background-image: url(/portal/images/greenlight.png);
    background-position: right center;
    background-repeat: no-repeat;
    border: none;
}

.redback {
    color: white;
    background-color: red;
}

.amberback {
    background-color: #FFD800;
}

.greenback {
    color: white;
    background-color: green;
}

.stoplight /* too late */ {
    width: 16px;
    height: 16px;
    cursor: hand;
    background-image: url(/portal/images/stoplight.png);
    background-position: right center;
    background-repeat: no-repeat;
    border: none;
}

.mcssalternaterowhighlight /*highlight table text in a different colour */ {
    background-color: Fuchsia;
}

.greenbtntext {
    color: green;
}

.redbtntext {
    color: red;
}

.whitebtntext {
    color: black;
}

.RvwtutorColour {
    color: #007233;
}

.RvwagreedColour {
    color: blue;
}

.mcsstabletextNormal {
    font-weight: normal
}
.mcsstabletextBold {
    font-weight: bold
}

.mcssiconbuttontext /*text next to icon as used in pastoral */ {
    font-size: 125%;
    font-style:normal;
    line-height: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    color: lightskyblue;
    text-decoration: none;
    padding-left: 5px;
}


#excel-preview-div table {
    width: 100%;
    border-collapse: collapse;
}

#excel-preview-div th, #excel-preview-div td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#excel-preview-div th {
    background-color: #f2f2f2;
}

/*Chrome overrides*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
  @supports (not (-ms-accelerator:true)) {

    .mcsszoombutton 
    {
        margin-top: 1px;
        height: 20px;
    }

    .mcsstableinput {
        top: 2px;
    }

    .mcssdatepick {
        margin-top: 4px;
        margin-right: 1px;
    }
} }*/