@charset "utf-8";
/***********************************************
	InterACT UI - Base UI Styles
	-------------------------------------
	Created By: Beau Liddell
	Created For: SLB Global IT & InterACT
	Created Date: 4/2010
	Modified Date: 6/2010
	Notes: 
		- added min-height to uiContent line 83
		- adjusted button height on lines 265 - 273 
	
*************************************************/
body {
    background-color: #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 75%;
}

p {
    margin: 0;
    font-size: 90%;
}

input.uiButtonBasic, a:link, a:visited, a:active, a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: normal;
}
/*#uiCenterLeftPane a:hover {text-decoration:none;}*/
h1, h2, h3, h4, h5 {
    font-weight: bold;
    color: #000;
    margin: 0;
    padding: 0;
    padding-top: 0.417em;
    padding-bottom: 0.417em;
    font-size: 2em;
}

h2 {
    font-size: 1.333em;
}

h3 {
    font-size: 1.083em;
}

h4, h5 {
    font-size: 1em;
}

.colorWhite {
    color: #ffffff !important;
}

.colorLtYellow {
    color: #f3bc27 !important;
}

.colorOrange {
    color: #E98E0A !important;
}

.colorDrkOrange {
    color: #AA6600 !important;
}

.colorBlue {
    color: #176fc8 !important;
    color: #036 !important;
}

a.linkMinor {
    font-weight: normal !important;
}

a.linkMajor {
    font-weight: bold !important;
}

.fontXSmall {
    font-size: 0.917em;
}

.fontSmall {
    font-size: 0.917em;
}

.fontMedium {
    font-size: 0.917em;
}

.fontXLarge {
    font-size: 0.917em;
}
/*------------------------------------------*/
/*   Main Layout Containers                 */
/*------------------------------------------*/
#uiContent {
    background-color: #FFF;
    background-image: url(/images/master/bgs/main.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 0;
    min-height: 300px;
}

#uiHeader {
    background-image: url(/images/master/bgs/header.v7.gif);
    background-repeat: repeat-x;
    background-position: left top;
    position: relative;
    font-size: 12px;
}

#uiFooter, #login #uiFooter {
    background-color: #636363;
    text-align: center;
    color: white;
    padding-top: 0.7em;
    padding-bottom: 1em;
    font-size: 0.917em;
}

    #uiFooter a, #login #uiFooter a {
        color: #f3bc27;
        cursor: pointer;
        text-decoration: underline;
    }

#serverInfoLink {
    float: right;
}

#uiHeaderLeftPane {
    float: left;
    background-image: url(/images/master/header-brand.v7.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 110px;
}

#uiHeaderRightPane {
    float: right;
    right: 0;
    top: 0;
    height: 90px;
    background-image: url(/images/master/bgs/searchbox.slb.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    padding: 10px;
    text-align: right;
}

#uiCenterPane {
    position: relative;
}

#uiCenterLeftPane {
    position: absolute;
    left: 0px;
    top: 0px;
    padding-left: 10px;
}

#uiCenterRightPane {
    zoom: 1;
}

    #uiCenterRightPane, #uiCenterRightPane.SideMenuOpened {
        margin-top: 0;
        padding-top: 0;
        position: relative;
        margin-left: 0;
    }

        #uiCenterRightPane.SideMenuOpened {
            margin-left: 160px;
            width: auto;
        }

#uiCenterRightPaneContent {
    padding: 1.275em;
    padding-top: 0;
    font-size: 1.25em;
}
/*------------------------------------------*/
/*   inside uiHeader                        */
/*------------------------------------------*/
#uiTopLinks {
}

    #uiTopLinks ul {
        list-style-type: none;
        margin: 0;
        padding: 1em;
    }

    #uiTopLinks li {
        list-style: none;
        display: inline;
        margin-left: 0.25em;
        margin-right: 0.25em;
    }

        #uiTopLinks li a {
            color: #f3bc27;
        }

            #uiTopLinks li a:hover {
                background-color: #f3bc27;
                color: #000;
            }

#uiSearchBox {
    margin: 0;
    padding: 0;
    text-align: right;
    height: 30px;
}

#uiUserAccountLoginBox {
    margin: 0;
    padding: 0;
    text-align: right;
    color: white;
    padding-right: 0.417em;
}

#uiSearchBox input.textBox {
    border: 2px solid #999;
    padding: 0.167em;
    background-image: url(/images/master/bgs/searchText.gif);
    background-repeat: repeat-x;
    background-color: #FFF;
    color: #666;
    margin: 0;
    margin-right: 0.417em;
}

#uiSearchBox input {
    float: right;
    margin-right: 0.417em;
}
/*------------------------------------------*/
/*   inside uiContent                       */
/*------------------------------------------*/
.uiLinkBox {
    background-color: #f1f4f8;
    border: 1px solid #C6C6C6;
    margin-left: .75em;
    margin-bottom: .75em;
}

    .uiLinkBox h2 {
        font-size: 1.1em;
        padding-bottom: .75em;
    }

    .uiLinkBox ul {
        padding: 1em 1em 1em 1em;
        font-family: Arial;
    }

        .uiLinkBox ul li {
            padding-bottom: 10px;
            font-size: 12px;
            font-weight: bold;
            color: #595959;
        }

    .uiLinkBox .bullet {
        font-size: 11px;
        color: #000000;
    }

    .uiLinkBox .uiLink {
        font-size: 11px;
        color: #4c6b87;
    }

    .uiLinkBox a {
        font-weight: bold;
        text-decoration: none;
    }

        .uiLinkBox a:hover {
            text-decoration: underline;
        }

    .uiLinkBox ul.subLinks li {
        padding-left: 1em;
    }

    .uiLinkBox p {
        font-weight: bold;
        font-size: 12px;
        color: #ffffff;
        background-color: #4c6b87;
        height: 20px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
    }

    .uiLinkBox td.hide {
        display: none;
    }

#uiRefreshStatus {
    padding: 1.667em;
    padding-top: 0.833em;
    padding-bottom: 0;
    font-size: 0.917em;
    color: #333;
}

a#linkShowHideOptions {
    color: #00F;
    font-size: 0.833em;
    color: #176fc8;
}

    a#linkShowHideOptions:hover {
        text-decoration: none;
    }

a#link_historyBack {
    cursor: pointer;
}

#uiButtonBar {
    padding: 1.5em;
}

input.uiButtonBasic, a.uiButtonBasic, .uiButtonIcon, .uiButtonMenu {
    text-decoration: none;
    padding: 0.2em;
    position: relative;
}

input[disabled="disabled"].uiButtonBasic,
a[disabled="disabled"].uiButtonBasic {
    background-color: #CCCCCC;
    background-image: none;
}

.uiButtonIcon span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    left: .2em;
    top: 50%;
    margin-top: -8px;
}

.uiButtonMenu span.ui-icon {
    margin: 0 5px 0 0;
    position: absolute;
    right: .2em;
    top: 50%;
    margin-top: -8px;
}

.uiButtonIcon {
    padding: .2em 1em .2em 20px;
}

.uiButtonMenu {
    padding: .2em 20px .2em 1em;
}
/*------------------------------------------*/
/*   Data Tables                            */
/*------------------------------------------*/
.uiDataTableContainer {
    border: 1px solid #CCC;
    border-right: none;
}

.uiDataTable td {
    padding: 5px;
    vertical-align: top;
    line-height: 1.5em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.uiDataTable p {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
}

.uiDataTableHeaderRowCells td, .uiDataTableHeaderRowCells th {
    background-color: #666;
    color: #FC0;
    text-align: left;
    font-weight: bold;
    border-right: 1px solid #CCC;
    white-space: nowrap;
    font-size: 13px;
}

    .uiDataTableHeaderRowCells td:hover, .uiDataTableHeaderRowCells th:hover {
        cursor: pointer;
    }

    .uiDataTableHeaderRowCells td.uiDataTableHeaderRowSelectedCell, .uiDataTableHeaderRowCells th.uiDataTableHeaderRowSelectedCell {
        background-color: #f1af1f;
        color: #FFF;
    }

.uiDataTableRow td {
    background-color: #FFF;
    border-right: 1px solid #CCC;
}

    .uiDataTableRow td a, .uiDataTableRowAlt td a {
        font-size: 13px;
    }

.uiDataTableRowAlt td {
    background-color: #f1f1f1;
    border-right: 1px solid #CCC;
}

td.uiDataTableCenteredCell {
    text-align: center;
    vertical-align: middle;
}

.uiDataTableContainer .uiDataTablePager {
    border-top: 1px solid #CCC;
    background-color: #999;
    color: #CCC;
    padding: 7px;
    text-align: center;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
}

    .uiDataTableContainer .uiDataTablePager a {
        font-family: Verdana, Geneva, sans-serif !important;
        font-size: 12px !important;
        font-weight: bold !important;
        padding: 5px !important;
        margin: 0 !important;
        color: #CCC;
        cursor: default;
    }

        .uiDataTableContainer .uiDataTablePager a:link {
            text-decoration: none;
            color: #FFF;
            cursor: pointer;
        }

            .uiDataTableContainer .uiDataTablePager a:link:hover {
                text-decoration: none;
                color: #FFE16C;
                cursor: pointer;
            }

    .uiDataTableContainer .uiDataTablePager span {
        padding: 5px;
    }

.uiDataTextTable td {
    padding: 0;
    border: none;
    white-space: nowrap;
    font-size: 11px;
}

.uiDataTextTableWithBorder td {
    padding: 5px;
    white-space: nowrap;
    font-size: 11px;
    border: 1px solid #666 !important;
}

    .uiDataTextTable td.uiDataTextTableHeader, .uiDataTextTableWithBorder td.uiDataTextTableHeader {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
        color: white;
        background-color: #999;
    }

    .uiDataTextTable td.uiDataTextTableLabel, .uiDataTextTableWithBorder td.uiDataTextTableLabel {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: normal;
        padding-left: 3px;
        padding-right: 6px;
        border-bottom: 1px solid #CCC;
    }

    .uiDataTextTable td.uiDataTextTableData, .uiDataTextTableWithBorder td.uiDataTextTableData {
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        font-weight: bold;
        color: #333;
        padding-left: 3px;
        padding-right: 6px;
        border-bottom: 1px solid #dedede;
        background-color: #FFF5CC;
    }

.uiFormTable td {
    padding: 2px;
}
/*------------------------------------------*/
/*   Filter Boxes                           */
/*------------------------------------------*/
.uiFilterBox {
    background-color: #e6e6e6;
    background-image: url(/images/master/bgs/filterbox.jpg);
    background-repeat: repeat-x;
    border: 1px solid #999;
    margin: 1.5em;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 1em;
    font-size: 13px !important;
}

.uiTableFilterBox {
    background-color: #e6e6e6;
    border: 1px solid #999;
    padding: 1em;
    font-size: 13px !important;
}

    .uiTableFilterBox h4 {
        color: #666;
        font-family: Tahoma, Geneva, Verdana, sans-serif;
        padding: 0;
    }

.uiFilterBox .label {
    color: #176fc8;
    color: #036;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    font-size: 12px !important;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.uiFilterBox fieldset {
    margin: 5px;
    border: 1px solid #CCC;
    padding: 10px;
    padding-top: 0;
}

    .uiFilterBox fieldset legend {
        margin-bottom: 5px;
    }

.uiFilterBox .uiDataTextTable {
    display: block;
    margin-top: 10px;
}

    .uiFilterBox .uiDataTextTable tbody {
        width: inherit;
    }

    .uiFilterBox .uiDataTextTable td {
        background-color: transparent;
        padding: 3px;
    }

        .uiFilterBox .uiDataTextTable td.uiDataTextTableData, .uiFilterBox .uiDataTextTableWithBorder td.uiDataTextTableData {
            background-color: #CCC;
        }
/* make floated elements not wrap */
#uiHeader, #uiContent, #uiFooter, #uiRefreshStatus {
    min-width: 820px;
}
/* Login page is wider */
#login #uiHeader, #login #uiContent, #login #uiFooter {
    min-width: 1000px;
}

.menuButtonContainer {
    display: inline-block;
}

.loginAjaxBox {
    color: #666;
    line-height: normal;
}

    .loginAjaxBox h1, .loginAjaxBox p {
        color: #666;
    }

    .loginAjaxBox h1 {
        font-size: 1.083em;
    }

    .loginAjaxBox p {
        font-size: 13px;
        line-height: normal;
        padding-bottom: 10px;
    }

.loginInfoBox p {
    font-size: 11px;
    padding-bottom: 5px;
    color: #666;
    line-height: normal;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.loginLinks, .loginLinks a {
    font-size: 12px;
    color: #666;
    line-height: normal;
    margin: 0;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}

    .loginLinks a:link {
        color: rgb(5, 99, 193);
    }

    .loginLinks a:active {
        color: rgb(238, 0, 0);
    }

    .loginLinks a:visited {
        color: rgb(149, 79, 114);
    }

.starMark, .starMarkActive {
    background-image: url(/images/master/icons/ico-star-off.png);
    background-repeat: no-repeat;
    background-position: center top;
    width: 25px;
    height: 25px;
    float: left;
}

    .starMark, .starMarkActive:hover {
        background-image: url(/images/master/icons/ico-star-on.png);
    }

.uiSpacer {
    height: 10px;
    font-size: 1%;
    overflow: hidden;
}

.monitoredJob, .monitoredJobActive {
    background-image: url(/images/master/icons/ico-monitor-off.gif);
    background-repeat: no-repeat;
    background-position: center top;
    width: 25px;
    height: 25px;
    float: left;
}

    .monitoredJob, .monitoredJobActive:hover {
        background-image: url(/images/master/icons/ico-monitor-on.gif);
    }

/***********************
*       Chat styles    *
***********************/
#uiHeaderChat {
    background-image: url(/images/master/bgs/header.v7.chat.gif);
    background-repeat: repeat-x;
    background-position: left top;
    height: 91px;
    position: relative;
}

#uiHeaderLeftPaneChat {
    float: left;
    background-image: url(/images/master/header-brand.v7.chat.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 91px;
    width: 258px;
}

#uiHeaderRightPaneChat {
    width: 300px;
    float: right;
    right: 0;
    top: 0;
    height: 91px;
    background-repeat: no-repeat;
    background-position: top right;
    padding: 10px;
    text-align: right;
}

#uiContentChat {
    background-color: #FFF;
    background-image: url(/images/master/bgs/main.gif);
    background-repeat: repeat-x;
    background-position: left top;
    padding: 0;
}
/***********************
*       Bread crumb    *
***********************/
#uiBreadCrumbs {
    font-size: 1.25em;
    font-weight: bold;
    color: #686868;
    padding: 0px;
    background: url("/images/breadcrumb/bread_crumb2_06.png") repeat-x scroll 100% 100% transparent;
    height: 25px;
    margin-bottom: 1.27em;
}

    #uiBreadCrumbs .breadCrumbs {
        margin: 0px;
        font-size: 0;
        font-family: Tahoma, Geneva, Verdana, sans-serif;
    }

        #uiBreadCrumbs .breadCrumbs .crumb {
            background: url("/images/breadcrumb/bread_crumb2_02.png") repeat-x scroll 100% 100% transparent;
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            padding: 0px;
            vertical-align: top;
            height: 20px;
            border: 0px;
            padding-left: 8px;
            padding-top: 5px;
            font-size: 11px;
        }

            #uiBreadCrumbs .breadCrumbs .crumb:hover {
                color: #036;
                text-decoration: underline;
                cursor: pointer;
            }

        #uiBreadCrumbs .breadCrumbs .disabled {
            color: #686868;
            cursor: default;
        }

            #uiBreadCrumbs .breadCrumbs .disabled:hover {
                color: #686868;
                cursor: default;
                text-decoration: none;
            }

.breadCrumbs {
    font-size: 9px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #036;
    font-weight: bold;
    margin-top: 7px;
    white-space: normal;
}

    .breadCrumbs .crumbdiv {
        font-size: 11px;
        padding: 3px;
        display: inline-block;
        margin-bottom: 1px;
        cursor: default;
        line-height: 1em;
    }

    .breadCrumbs .crumb {
        padding: 3px;
        background-color: #D3D3D3;
        white-space: nowrap;
        -moz-border-radius: 7px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        cursor: default;
        display: inline-block;
        margin-bottom: 1px;
        line-height: 1.2em;
        font-size: 9px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
        color: #036;
        font-weight: bold;
        white-space: normal;
        text-decoration: none;
        color: #036;
    }

        .breadCrumbs .crumb:hover {
            background-color: #91B5FF;
            background-color: #666;
            color: #FFC;
            cursor: pointer;
        }

#uiBreadCrumbs .breadCrumbs .optionButton {
    padding-left: 8px;
    padding-top: 5px;
    vertical-align: top;
    display: inline-block;
}

    #uiBreadCrumbs .breadCrumbs .optionButton a {
        margin: 0px;
        padding: 0px;
        font-size: 11px;
        font-family: Tahoma, Geneva, Verdana, sans-serif;
        color: #036;
        text-decoration: none;
        cursor: pointer;
    }

        #uiBreadCrumbs .breadCrumbs .optionButton a:hover {
            color: #036;
            text-decoration: underline;
            cursor: pointer;
        }

#uiBreadCrumbs .breadCrumbs .icon {
    padding-right: 7px;
    cursor: default;
    float: left;
}

#uiBreadCrumbs .breadCrumbs .title {
    font-size: 11px;
    padding: 3px;
    white-space: nowrap;
    cursor: default;
    display: inline-block;
    margin-bottom: 1px;
    line-height: 1.2em;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #036;
    font-weight: bold;
    white-space: normal;
    text-decoration: none;
    color: #036;
}

#uiBreadCrumbs .breadCrumbs .separator {
    background: url("/images/breadcrumb/bread_crumb2_03.png") no-repeat scroll 100% 100% transparent;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0px;
    padding-left: 18px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    vertical-align: top;
    height: 20px;
    width: 0px;
    display: inline-block;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
    line-height: 1.2em;
}

#uiBreadCrumbs .breadCrumbs .last {
    background: url("/images/breadcrumb/bread_crumb2_05.png") no-repeat scroll 100% 100% transparent;
}

#dialogHeader {
    min-height: 52px !important;
}

/* After CSP code changes */
a[id], a[class] {
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
}

.anchorUnderline {
    text-decoration: underline;
    color: rgb(0, 0, 238);
}

.anchorCursor {
    cursor: pointer;
}