﻿/* Global CSS */
html, body
{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    color: #00123D;
    font-family: Tahoma, Arial, Verdana;
    font-size: 10pt;
    font-style: normal;
    font-weight: normal;
    overflow: auto;
}
.hidden
{
    display: none;
}
.hiddenLink
{
    text-decoration: none;
    color: #00123D;
}
input.textbox
{
    color: #DA5D01;
}
select
{
    color: #DA5D01;
}
option
{
    color: #DA5D01;
}
textarea
{
    color: #DA5D01;
    width: 520px;
    font-style: normal;
    font-family: Tahoma, Arial, Vedana;
    font-size: 10pt;
    font-weight: normal;
}
div.multiupload
{
    float: left;
    padding: 0px;
    font-size: 14px;
}
div.multiupload img
{
    width: 12px;
    height: 12px;
}
div.multiupload div.list
{
    border: 1px inset gray;
    background: #fff;
}
div.multiupload div.list div.item
{
    margin: 1px;
    background: #eee;
}
div.multiupload div.list div.item:hover
{
    background: #ccc;
}
div.multiupload div.list img
{
    float: left;
    margin: 3px;
    cursor: pointer;
}
table
{
    font-size: inherit;
}
.doubleTagLink
{
    color: Red;
    font-weight: bold;
    font-size: 18px;
}
/* END Global CSS */



/* SupportMaster */
#tblLayout
{
    text-align: left;
    border: 0;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.blue
{
    color: #FFFFFF;
    background-color: #000716;
    text-decoration: none;
    padding: 0;
    height: 26px;
    vertical-align: bottom;
}
.mainSiteLink
{
    width: 136px;
    vertical-align: bottom;
    text-align: center;
    padding: 0;
    font-size: 1px;
}
.mainSiteIMG
{
    width: 136px;
    height: 26px;
    border: 0;
}
.orange
{
    color: #00123D;
    background-color: #DA5D01;
    text-decoration: none;
}
.userinformation
{
    color: #00123D;
    font-size: 8pt;
    text-align: left;
}
.languageSelector
{
    position: relative;
    bottom: 0px;
}
.languageSelector .itself
{
    position: relative;
    z-index: 20;
    bottom: 0px;
}
.languageSelector #imgOrigLangSelec
{
    width: 60px;
    height: 26px;
    border: 0;
    cursor: pointer;
}
.languageSelector #divLanguageSelection
{
    position: absolute;
    display: none;
    text-align: center;
    border: 1px solid black;
    border-top: 0;
    z-index: 19;
    width: 55px;
    background-color: #324763;
}
.languageFlag
{
    width: 28px;
    height: 20px;
    border: 0;
    margin: 2px;
}
.languageFlag:hover
{
    border: 1px solid white;
    margin: 1px;
    cursor: pointer;
}
.menuNavigationLink
{
    color: Purple;
}
.logoutBar
{
    padding-right: 10px;
    text-align: right;
}
#divJumpToCall
{
    position: absolute;
    width: 150px;
    display: none;
    z-index: 1000;
}
.footer
{
    text-align: center;
    height: 20px;
    font-size: 10pt;
    color: #00123D;
    background-color: #DA5D01;
    font-weight: bold;
}
.leftmenu
{
    width: 200px;
    height: 100%;
    background-image: url(/images/navigationbackground.gif);
    font-family: Tahoma, Arial, Verdana;
    font-size: 8pt;
}
.text
{
    width: 100%;
    overflow: auto;
}
.shadow1
{
    width: 200px;
    height: 31px;
    background-image: url(/images/navigationshadow_top.jpg);
}
.shadow2
{
    width: 99%;
    height: 31px;
    background-image: url(/images/navigationshadow.jpg);
}
.insidetextleftmenu
{
    list-style-type: circle;
    font-size: 8pt;
    vertical-align: middle;
    color: #DA5D01;
    font-family: Tahoma, Arial, Verdana;
    text-align: left;
}
#txtTargetCallNo
{
    width: 80px;
}
/* END Master page */






/* ViewCall */
.divBlackBG
{
    display: none;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: #00123D;
    opacity: .2;
    -moz-opacity: .2;
    -khtml-opacity: .2;
    filter: alpha(opacity=20);
}
#divTransfering
{
    position: absolute;
    display: none;
    border: 2px solid black;
    padding: 3px;
    z-index: 100;
    height: 137px;
    top: 50%;
    margin-top: -150px;
    width: 320px;
    left: 50%;
    margin-left: -160px;
    background: White;
    text-align: center;
}
.lblColorDescription
{
    position: absolute;
    width: 150px;
    border: 1px solid gray;
    background: orange;
    display: none;
}
#AddMoreInfoContents
{
    position: absolute;
    display: none;
    z-index: 100;
    width: 800px;
    background: White;
}
.infoTable
{
    width: 100%;
    border: 1px solid black;
}
.infoTableTitle
{
    background-color: #DA5D01;
    color: White;
    height: 27px;
    padding: 3px;
    border-bottom: 1px solid black;
}
.infoTableTitleAdd
{
    cursor: inherit;
    width: 50%;
    float: left;
    font-weight: bold;
}
.rightAligned
{
    float: right;
    width: 49%;
    text-align: right;
}
.CallValue
{
    color: #DA5D01;
}
/* END View Call */






/* Calls Overview */
.callsOverviewTitle
{
    height: 17px;
}
.callsOverviewTitle .leftSide
{
    float: left;
    padding: 0% 2% 0% 2px;
    width: 28%;
}
.callsOverviewTitle .midSide
{
    margin-left: 32%;
    margin-right: 32%;
    text-align: center;
}
.callsOverviewTitle .rightSide
{
    float: right;
    padding: 0% 2px 0% 2%;
    width: 28%;
    text-align: right;
}
.hiddenSearch
{
    display: none;
}
#tblSearchCalls
{
    border: 1px solid black;
}
#tblSearchCalls td
{
    padding: 0;
    border-spacing: 2px;
}
.searchField
{
    width: 150px;
}
.informationLink
{
    color: inherit;
    text-decoration: none;
    border-bottom: dashed black 1px;
}
.divOptionsBox
{
    width: 300px;
    border: 1px solid black;
    background-color: #cccccc;
    text-align: left;
}

/* GridView styles */
.gridview
{
    width: 99.9%;
    font-size: 11px;
}
.gridview td, th
{
    padding: 1px;
    text-align: center;
}
.gridview .headers
{
    background-color: #000084;
    font-weight: bold;
    color: White;
    border: 1px solid gray;
}
.gridview .headers a
{
    color: white;
}
.gridview .pager
{
    background-color: #999999;
    color: Black;
    border: 1px solid gray;
}
/* TR */
.download
{
    background-color: #EEEEEE;
    color: Black;
}
.download:hover
{
    background-color: #999999;
    cursor: pointer;
}
.download2
{
    background-color: #DCDCDC;
    color: Black;
}
.download2:hover
{
    background-color: #999999;
    cursor: pointer;
}
.downloadHot
{
    background-color: #FFF2E0;
    color: Black;
}
.downloadHot:hover
{
    background-color: #999999;
    cursor: pointer;
}
.downloadHot2
{
    background-color: #FFE9C9;
    color: Black;
}
.downloadHot2:hover
{
    background-color: #999999;
    cursor: pointer;
}
.download td
{
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
.download2 td
{
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
.downloadHot td
{
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
.downloadHot2 td
{
    border-top: 0;
    border-bottom: 0;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}
/* Titles */
.callsOverviewStatusHeader
{
    min-width: 100px;
}
.callsOverviewContactPersonHeader
{
    min-width: 140px;
}
.callsOverviewComponentHeader
{
    min-width: 120px;
}
.callsOverviewCompanyHeader
{
    min-width: 100px;
}
/* Pager */
#tblPager
{
    width: 100%;
}
#tblPager .pagerLeft
{
    width: 25%;
    text-align: left;
}
#tblPager .pagerRight
{
    width: 25%;
    text-align: right;
}
#tblPager .pagerMid
{
    text-align: center;
}
/* END Calls Overview */




/* Call Statistics */
#tdOpenCallsTab
{
    width: 110px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
#tdAllCallsTab
{
    width: 110px;
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}
.callStatsBackground
{
    border-bottom: 1px solid gray;
    background-color: #dddddd;
}
.callStatsContents
{
    border-left: 1px solid gray;
    border-bottom: 1px solid gray;
    border-right: 1px solid gray;
}
.callStatsValue
{
    cursor: pointer;
    text-align: right;
    width: 50px;
}
/* END Call Statistics */

.loginHeader
{
    color: white;
    background-color: #5D7B9D;
    font-size: 14px;
    border-bottom: 1px solid gray;
    padding-bottom: 15px;
    font-weight: bold;
}
.loginTable
{
    color: #00123D;
    border: 1px solid gray;
}
.loginButton
{
    color: #00123D;
    background-color: #DDDDDD;
    border-color: #AAAAAA;
    border-width: 1px;
    border-style: Solid;
    font-size: 10pt;
    font-weight: bold;
    padding: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
