body {
    margin: 0px 0px 0px 0px;
    font-family: Tahoma;
    font-size: 11px;
}

/* Item editor */
div#itemEditor {
    font-family: Tahoma;
    font-size: 12px;
}

    div#itemEditor h1 {
        color: #3265C2;
        font-family: Tahoma;
        font-size: 15px;
        padding: 5px 5px;
        background-image: url(img/BlueDashedLine.gif);
        background-position: 0px 100%;
        background-repeat: repeat-x;
    }

div.modalFrame {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-attachment: fixed;
    overflow: auto;
    background-color:white;
}

    div.modalFrame table {
        font-size: 11px;
    }

/*********************************		GLOBAL	**********************************/

A {
    color: #3265C2;
    text-decoration: none;
}

/*    A:hover {
        color: #c2020a;
        text-decoration: underline;
    }*/

li {
    color: #2A2A2A;
    font-family: Verdana;
    font-size: 11px;
    line-height: 13px;
}

ul {
    padding: 0px 0px;
    margin: 10px 10px 10px 17px;
}

p, span {
    font-size: 11px;
    text-decoration: none;
}



td#loggedColumn {
    vertical-align: top;
    padding-top: 20px;
}

/*a.lnkDetails {
    font-size: 10px;
    font-weight: normal;
    float: right;
    padding-left: 14px;
    text-align: center;
    text-decoration: none;
    background-image: url(Img/Icons/IconDetails.gif);
    background-repeat: no-repeat;
    background-position: 0px 2px;
    color: #000000;
}*/

/*    a.lnkDetails:hover {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #000000;
    }*/

/*********************************		end GLOBAL	**********************************/

/******************************* calendar ************************/
table.calendarGray td, table.calendarGray a, table.calendarGray a:visited, table.calendarGray a:hover, table.calendarGray a:active {
    font-size: 11px;
    font-family: Tahoma, Arial;
}
/*************************** END calendar ************************/

/**************  LOGIN  ***************/

table.login {
    width: 245px;
    background-image: url(Img/LoginTopBG.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 15px;
}

    table.login td.title {
        height: 35px;
        width: 205px;
        vertical-align: top;
        font-family: Tahoma, Arial;
        font-weight: bold;
        font-size: 14px;
    }

    table.login td.icon {
        background-repeat: no-repeat;
        width: 50px;
        background-position: 7px 0px;
    }

    table.login td.content {
        padding: 2px 0px 2px 10px;
        background-image: url(Img/LinksMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 12px;
        background-repeat: repeat-y;
    }

    table.login td.bottom {
        height: 12px;
        background-image: url(Img/LinksBottomBG.gif);
        background-repeat: no-repeat;
        background-position: 0px 100%;
    }

    table.login input {
        margin-top: 8px;
        margin-left: 10px;
    }

        table.login input.login {
            margin-right: 8px;
        }

    table.login table {
        width: 100%;
        font-weight: bold;
    }

div.login {
    background-image: url(Img/ARNavLogo2New.svg);
    background-repeat: no-repeat;
    height: 36px;
    background-position: center center;
    margin-top: 194px;
    margin-bottom: 40px;
}

/************** end LOGIN  ****************/


/************** LOGOUT  ****************/

table.logout {
    width: 245px;
    color: #295187;
}

    table.logout td.top {
        background-image: url(Img/LogoutTopBG.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 10px;
    }

    table.logout td.content {
        padding: 2px 12px 2px;
        background-image: url(Img/LogoutMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 12px;
        background-repeat: repeat-y;
    }

    table.logout td.bottom {
        height: 10px;
        background-image: url(Img/LogoutBottomBG.gif);
        background-repeat: no-repeat;
        background-position: 0px 100%;
    }

/************** end LOGOUT  ****************/




/*********************************		Controls	**********************************/

/**************  Links Details *******************/

table.linkedMain {
    width: 770px;
    background-image: url(Img/LinkedTopBG.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 15px;
}

    table.linkedMain td.icon {
        background-repeat: no-repeat;
        width: 45px;
        background-position: 7px 0px;
    }

    table.linkedMain td.title {
        height: 35px;
        width: 645px;
        vertical-align: top;
        font-family: Tahoma, Arial;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    }

    table.linkedMain td.tab {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
    }

        table.linkedMain td.tab a {
            color: #000000;
        }

    table.linkedMain td a.tabEdit {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        padding-left: 14px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        background-image: url(Img/Icons/IconEdit.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
    }

    table.linkedMain td a.tabClose {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        padding-left: 14px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        background-image: url(Img/Icons/IconClose.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
    }

    table.linkedMain td.contentTransparent {
        padding: 2px 12px 12px;
        background-image: url(Img/LinkedMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
    }

        table.linkedMain td.contentTransparent table, table.main td.contentColor table {
            width: 480px;
        }

    table.linkedMain td.contentTransparentLinked {
        padding: 2px 12px 12px;
        background-image: url(Img/LinkedMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
    }

        table.linkedMain td.contentTransparentLinked div#treeView {
            overflow: auto; /*width:325px;*/
            background-color: #f6f5f5;
        }

    table.linkedMain td.contentColor {
        padding: 12px 12px 2px;
        background-image: url(Img/LinkedMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
        background-color: #f6f5f5;
    }

    table.linkedMain td.bottom {
        height: 11px;
        background-image: url(Img/LinkedBottomBG.gif);
        background-repeat: no-repeat;
        background-position: 0px 100%;
    }



    table.linkedDetails thead th {
        border-bottom: solid 1px #bbbbbb;
        padding: 2px 2px 5px 2px;
    }

/*    table.linkedDetails td {
        padding: 0px 2px;
    }*/

    table.linkedDetails tbody td.del {
        width: 60px;
        max-width: 60px;
    }

    table.linkedDetails td.it {
        background-repeat: no-repeat;
        background-position: 0px 5px;
        padding-left: 18px;
        vertical-align: top;
    }

    table.linkedDetails table.pathList td.it {
        background-repeat: no-repeat;
        background-position: 0px 0px;
        padding-left: 18px;
        vertical-align: top;
        height: 15px;
    }

    table.linkedDetails table.pathList ul {
        margin: 0;
    }

    table.linkedDetails table.pathList ul li {
        display: inline;
    }

        table.linkedDetails td.it a {
            white-space: nowrap;
            display: block;
            overflow: hidden;
            padding-right: 0px;
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 4px;
            background-color: transparent;
            text-overflow: ellipsis;
        }

            table.linkedDetails td.it a:hover {
                /*text-decoration: underline;
	background-color: #f0f0f0;*/
                text-decoration: none;
                background-color: #ffffff;
            }

    table.linkedDetails td.dashboard {
        padding-right: 0px;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 4px;
        background-repeat: no-repeat;
        background-position: 0px 3px;
    }

.linkedDetails .edited td {
    background-color: #F6F5F5;
    padding-top: 4px;
    padding-bottom: 4px;
}

table.linkedDetails .edited td.it {
    background-position: 0 8px;
}

.linkedDetails .commands {
    width: 60px;
}

.linkedDetails .edited .commands {
    width: 120px;
}

table.treeViewTable {
    font-family: Tahoma, Arial;
    font-size: 11px;
    margin: 10px auto 0px auto;
    width: 745px;
}

    table.treeViewTable a, table.treeViewTable a:visited, table.treeViewTable a:hover {
        text-decoration: none;
        font-size: 11px;
        color: #000000;
    }

.location-product #treeView span, #treeView span.disabled {
    font-style: italic;
    color: #626060;
}

/**************  END Links Details ***************/

/**************  Links  ***************/

table.links {
    width: 245px;
    background-image: url(Img/LinksTopBG.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 15px;
}

    table.links td.title {
        height: 35px;
        width: 123px;
        vertical-align: top;
        font-family: Tahoma, Arial;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    }

    table.links td.icon {
        background-repeat: no-repeat;
        width: 45px;
        background-position: 7px 0px;
    }

    table.links td.details {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
    }

        table.links td.details a {
            width: 80px;
            vertical-align: top;
            padding-top: 4px;
            padding-left: 14px;
            font-family: Tahoma, Arial;
            font-size: 10px;
            text-align: center;
            text-decoration: none;
            background-image: url(Img/Icons/IconDetails.gif);
            background-repeat: no-repeat;
            background-position: 0px 6px;
            color: #000000;
        }

    table.links td.content {
        padding: 2px 12px 2px;
        background-image: url(Img/LinksMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
    }

        table.links td.content div.it {
            background-repeat: no-repeat;
            background-position: 0px 1px;
            padding-left: 16px;
        }

    table.links td.bottom {
        height: 12px;
        background-image: url(Img/LinksBottomBG.gif);
        background-repeat: no-repeat;
        background-position: 0px 100%;
    }

    table.links td.content a {
        width: 185px;
        font-family: Tahoma, Arial;
        font-size: 11px;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 2px 2px 2px 2px;
        background-color: transparent;
    }

        table.links td.content a:hover {
            text-decoration: underline;
            background-color: #f0f0f0;
        }

    table.links td.content div#OptApplied, td.it#OptApplied {
        background-image: url(Img/Icons/IOk.gif);
    }

    table.links td.content div#OptAppliedCheck, td.it#OptAppliedCheck {
        background-image: url(Img/Icons/IOkCheck.gif);
    }

    table.links td.content div#OptPartially, td.it#OptPartially {
        background-image: url(Img/Icons/IOkPartially.gif);
    }

    table.links td.content div#OptExpires, td.it#OptExpires {
        background-image: url(Img/Icons/IWarning.gif);
    }

    table.links td.content div#OptExpired, td.it#OptExpired {
        background-image: url(Img/Icons/IOptExpired.gif);
    }

    table.links td.content div#Req, td.it#Req {
        background-image: url(Img/Icons/IRequired.gif);
    }

    table.links td.content div#ReqApplied, td.it#ReqApplied {
        background-image: url(Img/Icons/IOk.gif);
    }

    table.links td.content div#ReqAppliedCheck, td.it#ReqAppliedCheck {
        background-image: url(Img/Icons/IOkCheck.gif);
    }

    table.links td.content div#ReqPartially, td.it#ReqPartially {
        background-image: url(Img/Icons/IOkPartially.gif);
    }

    table.links td.content div#ReqExpires, td.it#ReqExpires {
        background-image: url(Img/Icons/IWarningRequired.gif);
    }

    table.links td.content div#ReqAppliedCheckExpires, td.it#ReqAppliedCheckExpires {
        background-image: url(Img/Icons/IReqAppliedCheckExpires.gif);
    }

    table.links td.content div#ReqPartiallyExpires, td.it#ReqPartiallyExpires {
        background-image: url(Img/Icons/IReqPartiallyExpires.gif);
    }

    table.links td.content div#ReqExpired, td.it#ReqExpired {
        background-image: url(Img/Icons/IReqExpired.gif);
    }

    table.links td.content div#ReqMissing, td.it#ReqMissing {
        background-image: url(Img/Icons/IErrorRequired.gif);
    }

    table.links td.content div#ReqNotApplicable, td.it#ReqNotApplicable {
        background-image: url(Img/Icons/INotApplicable.gif);
    }

    table.links td.content div#Personal, td.it#Personal {
        background-image: url(Img/Icons/IPersonal.png);
    }

    table.links td.content div#Location, td.it#Location {
        background-image: url(Img/Icons/ILocation.gif);
    }

/* location Critical for business continuiti*/
td.LocCritForBC {
    background-position: 25px 5px;
    background-repeat: no-repeat;
    background-image: url(Img/Icons/IErrorRequired.gif);
}

/* Product Icons */
table.links td.content div#PChemical, td.it#PChemical {
    background-image: url(Img/Icons/IChemical.gif);
}

table.links td.content div#PMachine, td.it#PMachine {
    background-image: url(Img/Icons/IMachine.gif);
}

table.links td.content div#PValuable, td.it#PValuable {
    background-image: url(Img/Icons/IValuable.gif);
}

table.links td.content div#PMaterial, td.it#PMaterial {
    background-image: url(Img/Icons/IMaterial.png);
}

/************** end Links  ****************/

/************** Commands  ****************/

table#Command {
    background-image: url(Img/LoginTopBG.gif);
}

    table#Command td.content {
        padding-left: 28px;
    }

/************** end Commands  ****************/

/************ Reports & Accident Reports box ******************************************/

table#Report, table#AccidentReportList {
    background-image: url(Img/LoginTopBG.gif);
}

    table#Report td.content, table#AccidentReportList td.content {
        padding-left: 28px;
    }

    table#AccidentReportList td.title {
        /* otherwise the title wraps in next row in IE */
        width: 200px;
        white-space: nowrap;
    }

/****************************************************************/

/************ MAIN  *********************/

table.main table td {
    vertical-align: top;
}

table.main,
table.main.noTab {
    table-layout: fixed;
    width: 504px;
    background-image: url(Img/MainTopBG.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-bottom: 15px;
}

    table.main.noTab {
        background-image: url(Img/MainTopTransBG.gif);
    }

    table.main td.icon {
        width: 45px;
        background-repeat: no-repeat;
        background-position: 7px 0px;
    }

    table.main td.title {
        height: 35px;
        vertical-align: top;
        /*font-family: Tahoma, Arial;*/
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
    }

    table.main td.tab {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
    }

        table.main td.tab a {
            color: #000000;
        }

    table.main td a.tabEdit {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        padding-left: 14px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        background-image: url(Img/Icons/IconEdit.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
    }

    table.main td a.tabClose {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        padding-left: 14px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        background-image: url(Img/Icons/IconClose.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
    }

    table.main td a.details {
        width: 80px;
        vertical-align: top;
        padding-top: 4px;
        padding-left: 14px;
        font-family: Tahoma, Arial;
        font-size: 10px;
        text-align: center;
        text-decoration: none;
        background-image: url(Img/Icons/IconDetails.gif);
        background-repeat: no-repeat;
        background-position: 0px 6px;
        color: #000000;
    }

    table.main td.contentTransparent {
        padding: 2px 12px 12px;
        background-image: url(Img/MainMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
    }

        table.main td.contentTransparent table, table.main td.contentColor table {
            /*width: 480px;*/
        }

    table.main td.contentTransparentLinked {
        padding: 2px 12px 12px;
        background-image: url(Img/MainMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
    }

        table.main td.contentTransparentLinked div#treeView {
            overflow: auto; /*width:325px;*/
            background-color: #f6f5f5;
        }

    table.main td.contentColor {
        padding: 12px 12px 0px 12px;
        background-image: url(Img/MainMiddleBG.gif);
        font-family: Tahoma, Arial;
        font-size: 11px;
        background-repeat: repeat-y;
        background-color: #f6f5f5;
    }

    table.main td.bottom {
        height: 12px;
        background-image: url(Img/MainBottomBG.gif);
        background-repeat: no-repeat;
        background-position: 0px 100%;
    }

        table.main td.bottom.transparent {
            background-image: url(Img/MainBottomTransBG.gif);
        }

table.account td {
    height: 28px;
}

table.main td.contentTransparent table#listSubType, table.main td.contentColor table#listSubType {
    width: 100%;
}

/************ end MAIN  *********************/

/************ PICTOGRAM  *********************/

table#Pictogram {
    background-image: url(Img/MainTopTransBG.gif);
}

table#PictogramList {
    width: 504px;
    margin: 0px auto;
}

a.tumbPict, div.tumbPict {
    color: #000033;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    float: left;
    padding: 4px 0px 3px 0px;
    background-color: #f1f1f1;
    margin: 0px 5px 8px 5px;
    border: 1px solid #999999;
    border-radius: 5px;
}

    a.tumbPict#deleted, div.tumbPict#deleted {
        border: solid 1px red;
    }

    a.tumbPict:hover {
        font-size: 11px;
        text-decoration: none;
        background-color: #c7c7c7;
    }

    a.tumbPict div {
        width: 78px;
        margin: 0px 2px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    a.tumbPict img, div.tumbPict img {
        margin: 0px 6px;
        border: none;
    }

td#pictImageUpload a.uploadLink {
    font-family: Tahoma, Arial;
    font-size: 11px;
    font-weight: normal;
    padding-left: 14px;
    text-decoration: none;
    background-image: url(Img/Icons/IconFileUpload.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    color: #000000;
}

    td#pictImageUpload a.uploadLink:hover {
        text-decoration: underline;
    }

table#listWebImage {
    margin-top: 15px;
}

table#imageList {
    width: 480px;
    margin: 8px 0px 8px 0px;
}

    table#imageList thead tr th {
        text-align: left;
        padding-bottom: 5px;
        border-bottom: solid 1px #999999;
    }

    table#imageList td {
        vertical-align: middle;
    }

div.titleTypePict {
    clear: both;
    margin: 10px 0px 4px 0px;
    padding: 0px 0px 4px 0px;
    font-weight: bold;
    border-bottom: 1px solid #a2a2a2;
}

/************ end PICTOGRAM  *********************/

/************ DOCUMENT MANAGER **************************/

table#DocumentManager {
    background-image: url(Img/LinkedTopTransBG.gif);
}

    table#DocumentManager table td {
        vertical-align: top;
    }

table#DocumentManagr a.fileLink {
    margin-right: 5px;
}

table#documentList {
    width: 740px;
    margin-bottom: 10px;
}

    table#documentList td {
        vertical-align: top;
    }

    table#documentList thead tr th {
        text-align: left;
        padding-bottom: 5px;
        border-bottom: solid 1px #999999;
    }

/************ end DOCUMENT MANAGER  *********************/

/************ EXTERNAL LINK  **************************/

table#ExternalLink {
    background-image: url(Img/LinkedTopTransBG.gif);
}

    table#ExternalLink table td {
        vertical-align: top;
    }


    table#ExternalLinkList td {
        vertical-align: top;
    }

    table#ExternalLinkList tbody td a {
    }

    table#ExternalLinkList thead tr th {
        text-align: left;
        padding-bottom: 5px;
        border-bottom: solid 1px #999999;
    }

/************ end EXTERNAL LINK  *********************/

/************ SEARCH *********************/

table#ItemSearch {
    background-image: url(Img/LinkedTopTransBG.gif);
}

table#itemSearchList thead tr th {
    text-align: left;
    padding-bottom: 5px;
    border-bottom: solid 1px #999999;
}

table#itemSearchList {
    width: 740px;
}

/************ end SEARCH *****************/

/************ HELP  *********************/

table#Man {
    background-image: url(Img/MainTopTransBG.gif);
}

    table#Man td.bottom {
        background-image: url(Img/MainBottomTransBG.gif);
    }

/************ end HELP  *********************/

/************ MustChangePassword  *********************/

table#MustChangePassword {
    background-image: url(Img/MainTopTransBG.gif);
}

    table#MustChangePassword td.bottom {
        background-image: url(Img/MainBottomBG.gif);
    }

/************ end MustChangePassword  *********************/

/************ Person List  *********************/

table#ARPersonList table thead td, table#PersonList table thead td, table#EventList table thead th, table#ProjectList thead th, table#SchemaList thead th, table#ProductMachine table thead td,
table.LegislationList table thead th,
table.gray-table table thead th {
    border-bottom: solid 1px #999999;
    padding-bottom: 5px;
    font-weight: bold;
}

table#SchemaList thead th {
    text-align: left;
}

table#ARPersonList table tbody td, table#PersonList table tbody td, table#ProjectList tbody td, table#SchemaList tbody td, table#ProductMachine table tbody td {
    padding-top: 5px;
}

table#ARPersonList table a, table#PersonList table a, table#ProductMachine table a {
    font-size: 11px;
}

table#ARPersonList, table#PersonList, table.gray-table {
    background-image: url(Img/GrayNoTabTopBG.gif);
}

/************ end Person List  *********************/



/************ TRAINING LOG *********************/

table#TrainingLog table#personList {
    margin-bottom: 10px;
}

    table#TrainingLog table#personList th {
        border-bottom: solid 1px gray;
    }


/************ end TRAINING LOG *****************/


/*************** Task list ********************************/

table#TaskList {
    width: 100%;
}

    table#TaskList thead tr#dashedUnderline th {
        padding-bottom: 5px;
        border-bottom: dashed 1px #000000;
        color: #295187;
    }


tr#dashedUnderline td {
    vertical-align: top;
    border-bottom: dashed 1px #989a9d;
    color: #295187;
}

table#TaskList td#TaskDueSoon i{
    display:inline-block;
    color:red;
}
table#TaskList td#TaskDue i {
    display: none;
}


table#TaskListDetails td#TaskDueSoon {
    background-image: url(Img/Icons/ICritical.gif);
    background-repeat: no-repeat;
    background-position: right 3px;
}

/*********************************************************/

/**************Task Details list**************************/
/*
table#TaskListDetails {
    width: 745px;
}

    table#TaskListDetails thead th {
        border-bottom: dashed 1px #000000;
        padding-bottom: 5px;
        font-weight: bold;
    }

    table#TaskListDetails td {
        padding-top: 5px;
        vertical-align: top;
    }

tr#dashedUnderline td a {
    color: #295187;
}*/

/********************************************************/

/************ ICONs ***********************/
table#Template td.icon {
    background-image: url(Img/Icons/IconTemplate.gif);
}

table#Product td.icon {
    background-image: url(Img/Icons/IconProduct.gif);
}

table#ProductChemical td.icon {
    background-image: url(Img/Icons/IconPChemical.gif);
}

table#ProductMachine td.icon {
    background-image: url(Img/Icons/IconPMachine.gif);
}

table#ProductValuable td.icon {
    background-image: url(Img/Icons/IconPValuable.gif);
}

table#ProductMaterial td.icon {
    background-image: url(Img/Icons/IconProduct.gif);
}

table#Hazard td.icon {
    background-image: url(Img/Icons/IconHazard.gif);
}

table#Activity td.icon {
    background-image: url(Img/Icons/IconActivity.gif);
}

table#Competence td.icon {
    background-image: url(Img/Icons/IconCompetence.gif);
}

table#CompetenceObtained td.icon {
    background-image: url(Img/Icons/IconCompetenceObtained.gif);
}

table#Training td.icon {
    background-image: url(Img/Icons/IconTraining.gif);
}

table#TrainingLog td.icon {
    background-image: url(Img/Icons/IconTrainingsLog.gif);
}

table#Event td.icon, table#EventList td.icon {
    background-image: url(Img/Icons/IconEvent.gif);
}

table#Task td.icon {
    background-image: url(Img/Icons/IconTask.gif);
}

table#Employee td.icon {
    background-image: url(Img/Icons/IconEmployee.gif);
}

table#Measure td.icon {
    background-image: url(Img/Icons/IconMeasure.gif);
}

table#MeasureLog td.icon {
    background-image: url(Img/Icons/IconAppliedMeasure.gif);
}

table#Organization td.icon, table#OrganizationalUnit td.icon {
    background-image: url(Img/Icons/IconOrganization.gif);
}

table#MedicalCheck td.icon {
    background-image: url(Img/Icons/IconMedicalCheck.gif);
}
table#MedicalCheck td.title {
    color: #295187;
}
table#UploadOU td.icon {
    background-image: url(Img/Icons/IconOrganization.gif);
}

table#UploadMachine td.icon {
    background-image: url(Img/Icons/IconPMachine.gif);
}

table#Location td.icon {
    background-image: url(Img/Icons/IconLocation.gif);
}

table#Client td.icon {
    background-image: url(Img/Icons/IconCompany.gif);
}

table#ClientGroup td.icon {
    background-image: url(Img/Icons/IconCompanyGroup.gif);
}

table#Person td.icon, table#PersonList td.icon, table#MustChangePassword td.icon {
    background-image: url(Img/Icons/IconEmployee.gif);
}

table#ARPerson td.icon, table#ARPersonList td.icon, table#PermissionList td.icon {
    background-image: url(Img/Icons/IconARPerson.gif);
}

table#Command td.icon {
    background-image: url(Img/Icons/IconCommand.gif);
}

table#Login td.icon {
    background-image: url(Img/Icons/IconLogin.gif);
}

table#Man td.icon {
    background-image: url(Img/Icons/IconHelp.gif);
}

table#Report td.icon {
    background-image: url(Img/Icons/IconCommand.gif);
}

table#Pictogram td.icon {
    background-image: url(Img/Icons/IconProduct.gif);
}

table#Report td.icon {
    background-image: url(Img/Icons/IconReport.gif);
}

table#ExternalLink td.icon {
    background-image: url(Img/Icons/IconExternalLink.gif);
}

table#Document td.icon, table#DocumentManager td.icon {
    background-image: url(Img/Icons/IconDocument.gif);
}

table#Legislation td.icon {
    background-image: url(Img/Icons/IconDocument.gif);
}

table#ItemSearch td.icon {
    background-image: url(Img/Icons/IconCommand.gif);
}

table#AccidentReport td.icon, table#AccidentReportList td.icon {
    background-image: url(Img/Icons/IconEvent.gif);
}

table#Project td.icon {
    background-image: url(Img/Icons/IconProject.gif);
}

table#Search td.icon {
    background-image: url(Img/Icons/IconSearch.gif);
}

table#Tags td.icon {
    background-image: url(Img/Icons/IconTags.gif);
}
/************end ICONs ***********************/


/************ COLOR Property  *********************/

table#Template td.title, div#Template {
    color: #8c8e91;
}

table#Hazard td.title, div#Hazard {
    color: #c2020a;
}

table#Activity td.title, div#Activity {
    color: #295187;
}

table#Task td.title, div#Task {
    color: #295187;
}

table#Employee td.title, div#Employee {
    color: #295187;
}

table#Person td.title, table#PersonList td.title, div#Person, div#PersonList, table#MustChangePassword td.title {
    color: #295187;
}

table#ARPerson td.title, table#ARPersonList td.title, div#ARPerson, div#ARPersonList, table#PermissionList td.title {
    color: #989a9d;
}

table#Competence td.title, table#CompetenceObtained td.title, table#Measure td.title, table#MeasureLog td.title, div#Competence, div#CompetenceObtained, div#Measure, div#MeasureLog {
    color: #054f06;
}

table#Event td.title, table#EventList td.title, div#Event, table#Legislation td.title {
    color: #ddb223;
}

table#Training td.title, table#TrainingLog td.title, div#Training, div#TrainingLog {
    color: #054f06;
}

table#Location td.title, table#Organization td.title, table#OrganizationalUnit td.title, table#Client td.title, table#ClientGroup td.title,
table#Product td.title, table#ProductChemical td.title, table#ProductMachine td.title, table#ProductValuable td.title, #UploadOU td.title, #UploadMachine td.title, table#Project td.title,
table#Inspection, 
div#Location, div#Organization, div#OrganizationalUnit, div#Client, div#ClientGroup, div#Product {
    color: #295187;
}

table#Command, table#ItemSearch td.title {
    color: #c2020a;
}

table#Login td.title, div#Product {
    color: #295187;
}

table#Man td.title {
    color: #295187;
}

table#Report {
    color: #ea4c58;
}

table#Pictogram td.title {
    color: #295187;
}

table#Report td.title {
    color: #295187;
}

table#ExternalLink td.title, table#Document td.title, table#DocumentManager td.title {
    color: #EBBA1A;
}

table#AccidentReport td.title, table#AccidentReportList td.title {
    color: #ddb223;
}

table#Search td.title, div#Search {
    color: #8c8e91;
}

/************  end COLOR Property *********************/


/*********************************		end Controls	*********************************/


/*********************************		buttons 	*********************************/

.btnBlue {
    background-color: #295187;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
    color:white;
}


.btnGreen {
    float: left;
    padding-left: 12px;
    background-image: url(Img/ButtonLeftGreen.gif);
    background-repeat: no-repeat;
    margin: 0px;
    color: white;
}

    .btnGreen div {
        float: left;
        padding-right: 12px;
        background-image: url(Img/ButtonRightGreen.gif);
        background-repeat: no-repeat;
        background-position: 100% 0px;
        padding-top: 5px;
        padding-bottom: 5px;
    }

.btnRed {
    background-color: #c60307;
    padding: 5px 15px;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
    color: white;
}


        .btnBlue div a, .btnRed div a, .btnGreen div a {
            color: White;
            text-decoration: none;
            font-weight: bold;
            margin: 0px;
            padding: 0px;
        }

            .btnBlue div a:hover, .btnRed div a:hover, .btnGreen div a:hover {
                color: White;
                text-decoration: underline;
            }

/* Expandable Region definition */

a.regDetailsHide {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 100% 0px;
}

 .regDetailsShow {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 100% 0px;
}

.linkedDetails .regDetailsShow .fa-chevron-down {
    display: block;
}

.linkedDetails .regDetailsHide .fa-chevron-up {
    display: block;
}

.linkedDetails .fa-chevron-down, .linkedDetails .fa-chevron-up {
 display:none;
}

.language-editor .regDetailsShow .fa-chevron-down {
    display: block;
}

.language-editor .regDetailsHide .fa-chevron-up {
    display: block;
}

.language-editor .fa-chevron-down, .language-editor .fa-chevron-up {
    display: none;
}


div.detailsSection {
    position: relative;
    border-top: solid 1px #e2e2e2;
    width: 445px;
    height: 1px;
    line-height: 1px;
    float: left;
    margin-top: 10px;
}

div.detailsSection1 h4 {
    border-bottom: 1px solid #e2e2e2;
    float: left;
    width: 445px;
    padding-bottom: 5px;
    margin: 0 5px 0 0;
    color: #5c5454;
    /*font-style:italic;*/
    font-size: 12px;
}

/*********************************		end buttons	*********************************/



/*********************************		separator	*********************************/

.separator {
    width: 445px;
    border-bottom: solid 1px #e2e2e2;
    line-height: 1px;
    margin-top: 30px;
}

    .separator .subtitle {
        background-color: #fff;
        font-weight: bold;
        padding-right: 8px;
    }

/*********************************		end separator	*********************************/



/******************************** wizard **********************************/

table.wizard {
    margin-top: 0px;
    vertical-align: top;
}

td.wizard {
    vertical-align: top;
    padding-right: 10px;
}

table.sidebar {
    margin: 0px 0px 0px 10px;
    width: 180px;
    height: 400px;
    border-right: solid 1px #E2E2E2;
}

td.sidebar {
    vertical-align: top;
    width: 200px;
}

table#eventsWizard td.sidebar, table#eventsWizard table.sidebar {
    width: 130px;
}

table.sidebar span {
    padding-bottom: 7px;
    display: block;
}

table.sidebar td {
    height: 19px;
    vertical-align: top;
}

.notSelected {
    font-size: 11px;
    font-family: Tahoma, Arial;
    color: #000000;
}

.selected {
    font-size: 11px;
    font-family: Tahoma, Arial;
    font-weight: bold;
    color: #295187;
}

.unavailable {
    font-size: 11px;
    font-family: Tahoma, Arial;
    color: #B2B2B2;
}

table.content {
    height: 400px;
}

    table.content td {
        vertical-align: top;
        font-size: 11px;
        font-family: Tahoma, Arial;
    }

div.treeview table td {
    vertical-align: middle;
}

table.content p {
    font-size: 11px;
    font-family: Tahoma, Arial;
}

table.content span {
    font-size: 9px;
    font-family: Tahoma, Arial;
}

a.calendarLink, a.calendarLink:visited {
    color: #3265C2;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}

    a.calendarLink:hover, a.calendarLink:active {
        color: #c2020a;
        font-family: Tahoma;
        font-size: 11px;
        text-decoration: underline;
    }

table#eventsWizard div.warning {
    color: #3265C2;
    font-weight: bold;
    margin-top: 10px;
}

/***************************************************************************/

/***********************manage competences ***************************/
table.selectCompetences {
    margin-left: 20px;
    font-size: 11px;
}

table.listCompetences {
    width: 520px;
    font-size: 11px;
    margin: 0px auto 0px auto;
}

    table.listCompetences thead th {
        border-bottom: dashed 1px #bbbbbb;
        padding: 2px 2px 5px 2px;
    }

    table.listCompetences td {
        padding: 0px 2px;
    }

    table.listCompetences tbody td.dl {
        width: 70px;
        text-align: right;
    }

    table.listCompetences span {
        font-size: 9px;
    }
/***************************************************************************/

/******************************** reports **********************************/
table.reportList {
    font-size: 11px;
    margin: 0px auto 15px 7px;
    width: 763px;
    background-repeat: repeat-x;
    background-position: 0px 2px;
}

    table.reportList thead tr.title th {
        color: #295187;
        background-image: url(Img/Icons/IconReport.gif);
        background-repeat: no-repeat;
        background-position: 5px 0px;
        font-weight: bold;
        font-size: 14px;
        text-transform: uppercase;
        text-align: left;
        padding-left: 45px;
        padding-top: 2px;
        height: 35px;
        vertical-align: top;
    }

    table.reportList thead tr.header th, table.reportList tr.header td {
        border-bottom: dashed 1px #bbbbbb;
        background-image: none;
        padding: 5px 0;
    }

    table.reportList td {
        vertical-align: top;
        background-image: none;
    }

        table.reportList td.critical {
            color: #c2020a;
            font-weight: bold;
        }

        table.reportList td.it {
            background-repeat: no-repeat;
            background-position: left;
            background-position-x: 5px;
            padding-left: 25px;
        }

        table.reportList td .hiddenDetailsAbs {
            position: absolute;
            top: 20px;
            right: 0;
            background-color: #FAF9F9;
            border: solid 1px #DDD;
            border-radius: 4px;
            z-index: 99;
        }

            table.reportList td .hiddenDetailsAbs td, table.reportList td .hiddenDetailsAbs th {
                padding: 3px 10px;
            }

td.it#OptApplied {
    background-image: url(Img/Icons/IOk.gif);
}

td.it#OptAppliedCheck {
    background-image: url(Img/Icons/IOkCheck.gif);
}

td.it#OptPartially {
    background-image: url(Img/Icons/IOkPartially.gif);
}

td.it#OptExpires {
    background-image: url(Img/Icons/IWarning.gif);
}

td.it#OptExpired {
    background-image: url(Img/Icons/IOptExpired.gif);
}

td.it#Req {
    background-image: url(Img/Icons/IRequired.gif);
}

td.it#ReqApplied {
    background-image: url(Img/Icons/IOk.gif);
}

td.it#ReqAppliedCheck {
    background-image: url(Img/Icons/IOkCheck.gif);
}

td.it#ReqPartially {
    background-image: url(Img/Icons/IOkPartially.gif);
}

td.it#ReqExpires {
    background-image: url(Img/Icons/IWarningRequired.gif);
}

td.it#ReqAppliedCheckExpires {
    background-image: url(Img/Icons/IReqAppliedCheckExpires.gif);
}

td.it#ReqPartiallyExpires {
    background-image: url(Img/Icons/IReqPartiallyExpires.gif);
}

td.it#ReqExpired {
    background-image: url(Img/Icons/IReqExpired.gif);
}

td.it#ReqMissing {
    background-image: url(Img/Icons/IErrorRequired.gif);
}

td.it#ReqNotApplicable {
    background-image: url(Img/Icons/INotApplicable.gif);
}

td.it#Personal {
    background-image: url(Img/Icons/IPersonal.png);
    background-repeat:no-repeat;
}

td.it#Location {
    background-image: url(Img/Icons/ILocation.gif);
    background-repeat: no-repeat;
}

    table.reportList.firstLevel > tbody > tr > td {
        border-bottom: dashed 1px #bbb;
    }

    table.reportList.firstLevel .secondLevel > tbody > tr > td {
        border-left: solid 1px #eee;
        border-top: solid 1px #eee;
        vertical-align: middle;
        padding: 5px;
    }

        table.reportList.firstLevel .secondLevel > tbody > tr > td.it {
            padding-left: 25px;
        }

    table.reportList.firstLevel .secondLevel > tbody > tr.first > td {
        border-top: none;
    }

a.notCritical {
    color: #000000;
    text-decoration: none;
}

    a.notCritical:hover {
        color: #c2020a;
        text-decoration: underline;
    }

a.critical {
    color: #c2020a;
    font-weight: bold;
    text-decoration: none;
}

    a.critical:hover {
        color: #000000;
        font-weight: bold;
        text-decoration: underline;
    }

.hasProducts {
    font-weight: bold;
}

a.hasProducts {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

    a.hasProducts:hover {
        color: #c2020a;
        font-weight: bold;
        text-decoration: underline;
    }

a.selectedLocation {
    text-decoration: underline;
}

/**************************************************************************/

/********************* Reports - localization of products *****************/

table.reportList thead tr.header th table.productDetails thead th {
    border-bottom: none;
}

.productDetails td {
    padding-bottom: 5px;
}

/**************************************************************************/


/******************************* treeview ************************************/

div.treeview {
    border-style: solid;
    border-width: 1px;
    border-color: #e2e2e2;
    overflow: auto;
    background: #ffffff;
}

div.searchtreeview {
    position: relative;
}

    div.searchtreeview div.frame div.treeview {
        display: block;
        float: left;
        width: 60%;
        border: solid 1px #e2e2e2;
    }

    div.searchtreeview.singleselect div.frame div.treeview {
        width: 98%;
    }

        div.searchtreeview div.frame div.treeview .search {
            width: 98%;
            border-bottom: solid 1px #e2e2e2;
        }

    div.searchtreeview div.frame .selecteditems {
        display: inline-block;
        width: 38%;
        height: 340px;
        overflow: auto;
    }

    div.searchtreeview.singleselect div.frame .selecteditems {
        display: none;
    }

    div.searchtreeview div.frame .selecteditems ul {
        margin: 0;
        list-style-type: none;
    }

        div.searchtreeview div.frame .selecteditems ul li {
            position: relative;
            margin: 3px 5px 3px 0;
            padding: 3px 20px 3px 5px;
            border: 1px solid #aaa;
            max-width: 100%;
            border-radius: 3px;
            background-color: #eeeeee;
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
            background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
            background-size: 100% 19px;
            background-repeat: repeat-x;
            background-clip: padding-box;
            -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
            color: #333;
            line-height: 13px;
            cursor: default;
        }

            div.searchtreeview div.frame .selecteditems ul li span {
                word-wrap: break-word;
            }

            div.searchtreeview div.frame .selecteditems ul li .remove-selected-item {
                position: absolute;
                top: 4px;
                right: 3px;
                display: block;
                width: 12px;
                height: 12px;
                background: url("Img/chosen-sprite.png") -42px 1px no-repeat;
                font-size: 1px;
            }

                div.searchtreeview div.frame .selecteditems ul li .remove-selected-item:hover {
                    background-position: -42px -10px;
                }

div.treeview span {
    font-size: 11px;
}

    div.treeview span.selectable {
        cursor: pointer;
    }

div.treeview .selectedNode {
    font-weight: bold;
    text-decoration: none;
    font-size: 11px;
}

div.treeview a, div.treeview a:visited, div.treeview a:hover {
    text-decoration: none;
    font-size: 11px;
    color: #000000;
}

div.treeview td table {
    width: auto;
}

/* Hide "skip link" that is rendered with treeview control */
.treeview > a {
    display: none;
}

/******************************************************************************/


/*****************************   FILE	**********************************/


    .file thead tr th {
        height: 40px;
        /*background-image: url(Img/Icons/IconFile.gif);
	background-repeat: no-repeat;*/
        /*padding-left: 40px;*/
        padding-right: 10px;
        /*border-bottom: dashed 1px #295187;*/
        vertical-align: bottom;
    }
    /*.file div#title
{
	font-weight: bold;
	float: left;
	color: #295187;
	padding-bottom: 6px;
}*/

.file .it {
    border-radius: 0 5px 5px 5px;
    padding: 6px;
    background-color: #f0f0f0;
}

        .file .it .files-container a {
            width: 200px;
            float: left;
            font-size: 11px;
            white-space: nowrap;
            display: block;
            overflow: hidden;
            text-overflow: ellipsis;
            padding: 4px 0px 4px 20px;
            background-repeat: no-repeat;
            background-position: 0px center;
            background-color: transparent;
            margin: 0px 3px 0px 3px;
            color:black;
        }

            .file .it .files-container a:hover {
                /*font-size: 11px;*/
                text-decoration: underline;
                cursor:pointer;
                /*background-color: #ffffff;*/
            }

        .file .it .files-container ul.tagList {
            list-style: none;
            margin-left: 10px;
        }

            .file .it .files-container ul.tagList li {
                display: inline;
                margin-right: 8px;
            }

        .file .it .files-container a.btnTag {
            display: block;
            float: right;
            width: 26px;
            padding: 0;
            margin: 0;
            font-size: 17px;
            /*background-image: url(Img/Icons/IconTags.gif);
    background-repeat: no-repeat;
    background-size: cover;*/
        }

.hoverDiv {
    /*background-color:green;*/
    border-bottom: solid 1px #dad8d8;
}

.spanTag {
    display: inline-block;
    padding: 2px 7px;
    margin-top: 2px;
    background-color: #d6d6d6;
    border-radius: 3px;
    margin-right: 6px;
}


/*.path-container {
    padding: 3px 11px;
    background-color: #FAF9F9;
    color: #3265c2;
    border-bottom: 1px #E2E2E2 solid;
    height: 15px;
}

    .path-container span:last-child {
        display: none;
    }*/

.file .files-container {
    padding: 6px;
    background-color: #f0f0f0;
}

.file a.files-public.selected,
.file a.files-restricted.selected,
.file a.files-confidential.selected {
    background-color: #f0f0f0;
}

/*.file a.files-public {
    background-image: url(Img/Fti/folder-public.png)
}

.file a.files-restricted {
    background-image: url(Img/Fti/folder-restricted.png)
}

.file a.files-confidential {
    background-image: url(Img/Fti/folder-confidential.png)
}*/

.no-files {
    color: #757373;
    font-style: italic;
}

/***************************		FILE uploads		*****************************/


div.fileHeader {
    width: 520px;
    margin: 0px auto 10px auto;
    font-size: 11px;
}

    div.fileHeader a.uploadLink {
        font-size: 11px;
        font-weight: normal;
        padding-left: 14px;
        text-decoration: none;
        background-image: url(Img/Icons/IconFileUpload.gif);
        background-repeat: no-repeat;
        background-position: 0px 3px;
        color: #000000;
    }

        div.fileHeader a.uploadLink:hover {
            text-decoration: underline;
        }

table.fileUpload {
    width: 520px;
    font-size: 11px;
    margin: 0px auto 0px auto;
}

    table.fileUpload thead th {
        border-bottom: dashed 1px #bbbbbb;
        padding: 2px 2px 5px 2px;
    }

    table.fileUpload td {
        padding: 1px 2px;
    }

    table.fileUpload tbody td.it {
        width: 270px;
    }

    table.fileUpload tbody td.tp {
        width: 110px;
    }

    table.fileUpload tbody td.sz {
        width: 70px;
        text-align: right;
    }

    table.fileUpload tbody td.dl {
        width: 70px;
        text-align: right;
    }

    table.fileUpload tbody td.it a {
        width: 250px;
        font-size: 11px;
        white-space: nowrap;
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 4px 0px 4px 20px;
        background-repeat: no-repeat;
        background-position: 0px center;
        background-color: transparent;
    }

        table.fileUpload tbody td.it a:hover {
            font-size: 11px;
            text-decoration: underline;
            background-color: #f0f0f0;
        }

.it span.folder {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.fileUpload .sz span {
    display: inline;
}

/*************		FILE Icon		*****************/
td.it span:first-child {
    /*padding: 4px 0px 4px 20px;*/
    background-repeat: no-repeat;
}

td.it a.unknown, .file a.unknown,
td.it span.html,
td.it span.htm,
td.it span.unknown,
td.it span {
    background-image: url(Img/Fti/Unknown_s.gif);
}

    td.it a.pdf, .file a.pdf,
    td.it span.pdf {
        background-image: url(Img/Fti/AdobePDF_s.gif);
    }

    td.it a.doc, .file a.doc,
    td.it span.doc,
    td.it span.docx {
        background-image: url(Img/Fti/MSWord_s.gif);
    }

    td.it a.xls, .file a.xls,
    td.it span.xls,
    td.it span.xlsx {
        background-image: url(Img/Fti/MSExcel_s.gif);
    }

td.it a.pps, .file a.pps {
    background-image: url(Img/Fti/MSPowerPoint_s.gif);
}

td.it a.zip, .file a.zip,
td.it span.zip {
    background-image: url(Img/Fti/Zip_s.gif);
}

td.it a.video, .file a.video {
    background-image: url(Img/Fti/Video_s.gif);
}

td.it a.audio, .file a.audio {
    background-image: url(Img/Fti/Video_s.gif);
}

td.it a.image, .file a.image,
td.it span.jpg,
td.it span.jpeg,
td.it span.png,
td.it span.gif {
    background-image: url(Img/Fti/Image_s.gif);
}

td.it a.dwg, .file a.dwg {
    background-image: url(Img/Fti/AutoCAD_s.gif);
}

.it a.folder, .it span.folder {
    background-image: url(Img/Fti/folder.png);
}

/****************************	end FILE/FILE uploads	********************************/



@media print {
    td.details, table.logout, td.tab, div.btnBlue, div.btnBlue, div.btnRed, table#Command, a.lnkDetails, div.helpDesc {
        display: none;
    }

    table.links {
        background-image: url(Img/LoginTopBG.gif);
    }

    table.main {
        background-image: url(Img/MainTopTransBG.gif);
    }

    table.linkedMain {
        margin-top: 10px;
        background-image: url(Img/LinkedTopTransBG.gif);
    }
}


/****************** Accident Report Form / Wizard *****************************/

div.editHelp {
    font-size: 10px;
    padding: 3px 0 0 5px;
}

td.padded {
    padding-left: 10px;
}

/* sectionTitle on Accident Report Form */
table#AccidentReport table td.sectionTitle {
    padding: 10px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #DDB223;
}

/* sectionTitle on Accident Report Wizard */
table.wizard td.sectionTitle {
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #295187;
}

/**********************************************************************/

/******************** Event List **************************************/

table#EventList td.contentTransparent {
    padding-bottom: 4px;
}

    table#EventList td.contentTransparent table#EventList,
    table#ProjectList,
    table.LegislationList table
    {
        width: 100%;
    }

td.noItemsFound {
    text-align: center;
}

table#EventList td.contentTransparent td.displayedItemsCount,
table.LegislationList td.contentTransparent td.displayedItemsCount {
    text-align: center;
}

table#EventList table#EventList td {
    padding-top: 6px;
}

div#filter {
    margin-bottom: 5px;
    padding-left: 2px;
}

table.phrasesList {
    width: 520px;
    font-size: 11px;
    margin: 0px auto 0px auto;
}

    table.phrasesList thead th {
        border-bottom: dashed 1px #bbbbbb;
        padding: 2px 2px 5px 2px;
        text-align: left;
    }

    table.phrasesList td {
        padding: 3px 3px 3px 3px;
        vertical-align: top;
    }

    table.phrasesList tbody td.dl {
        padding: 0px 3px 0px 3px;
        width: 70px;
        text-align: right;
    }

 

.red {
    color: red;
}

.green {
    color: green;
}

.yellow {
    color: #FFCC00;
}

.orange {
    color:orange;
}

iframe {
    display: block;
}

/* Permissions List */
table.linkedMain td.contentTransparent table.permissionList {
    width: 730px;
}

table.permissionList tbody tr:hover {
    background-color: #f6f5f5;
}

table.permissionList td,
table.permissionList th {
    padding: 3px 5px;
}

table.permissionList th {
    border-bottom: #E2E2E2 1px solid;
}

table.permissionList td {
    width: 30px;
}

    table.permissionList td:first-child {
        width: auto;
    }

    table.permissionList td:nth-child(even) {
        border-left: #E2E2E2 1px solid;
    }

table.permissionList .border-left {
    border-left: #E2E2E2 1px solid;
}

.permissionList span {
    display: block;
    height: 16px;
    width: 16px;
    margin: 0 auto;
    cursor: pointer;
}

    .permissionList span.True {
        background-image: url("Img/Icons/IOKGray.gif");
    }

    .permissionList span.False {
        background-image: url("Img/Icons/IDeleteGray.gif");
    }

    .permissionList span.active.True {
        background-image: url("Img/Icons/IOK.gif");
    }

    .permissionList span.active.False {
        background-image: url("Img/Icons/IDelete.gif");
    }

.error_lbl {
    color: red;
    font-weight: bold;
}
.error_lbl_bordered {
    color: red;
    font-weight: bold;
    border: 1px solid;
    padding: 3px;
}


.bold_label {
    font-weight: bold;
}


table.choicesTable td {
    padding: 2px 2px;
}

.choiceFrame {
    width: 100%;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 11px 9px;
    border-radius: 12px;
}

.frameTitle {
    display: block;
    padding-left: 14px;
    color: #295187;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
}

.choices_frames {
    display: inline-block;
    width: 800px;
    vertical-align: top;
}

/* Reminder list styles */
.reminder-list tbody tr:hover {
    background-color: #f0f0f0;
}

.reminder-list a.dismiss {
    background-image: url("Img/Icons/trash-o.png");
    width:16px;
    height:16px;
    display:block;
}

.reminder-list .reminder-inactive a.dismiss {
    background-image: url("Img/Icons/IOkGray.gif");
}

.reminder-inactive, .reminder-inactive a {
    color: #5e5b5b;
    font-style: italic;
}

.true {
    background-image: url("Img/Icons/IOkGray.gif");
    height: 15px;
    width: 15px;
    display: inline-block;
}

.false {
    background-image: url("Img/Icons/IDeleteGray.gif");
    height: 15px;
    width: 15px;
    display: inline-block;
}

.delete {
    padding: 4px 19px;
    height: 30px;
    width: fit-content;
    border-radius: 20px !important;
    color: white;
    background-color:#e51111;
}


/* Data editor in wizard */
.content .editor-label span {
    font-size: 11px;
}


/* Flags */
.flag
{
    display:inline-block;
    height:16px;
    width:16px;
    margin-left:3px;
}

.flag-buttons .flag {
    cursor: pointer;
}

.flag-fr,
.flag-buttons .flag-fr.flag-gray:hover 
{
    background-image: url("Img/Flags/FR.png")
}

.flag-en,
.flag-buttons .flag-en.flag-gray:hover {
    background-image: url("Img/Flags/GB.png")
}

.flag-de,
.flag-buttons .flag-de.flag-gray:hover {
    background-image: url("Img/Flags/DE.png")
}

.flag-ru,
.flag-buttons .flag-ru.flag-gray:hover {
    background-image: url("Img/Flags/RU.png")
}

.flag-hr,
.flag-buttons .flag-hr.flag-gray:hover {
    background-image: url("Img/Flags/HR.png")
}

.flag-it,
.flag-buttons .flag-it.flag-gray:hover {
    background-image: url("Img/Flags/IT.png")
}

.flag-fr.flag-gray
{
    background-image: url("Img/Flags/FR-gray.png")
}

.flag-en.flag-gray
{
    background-image: url("Img/Flags/GB-gray.png")
}

.flag-de.flag-gray
{
    background-image: url("Img/Flags/DE-gray.png")
}

.flag-ru.flag-gray
{
    background-image: url("Img/Flags/RU-gray.png")
}

.flag-hr.flag-gray
{
    background-image: url("Img/Flags/HR-gray.png")
}

.flag-it.flag-gray {
    background-image: url("Img/Flags/IT-gray.png")
}

.float-left
{
    float:left;
}

.float-right
{
    float:right;
}

.vue-datepicker-input
{
    float:left;
    width:90px;
    margin-right:5px;
}

.gray-table .title {
    color: #989a9d;
    padding-left: 10px;
}

.critical a
{
    color:red;
}