html { min-height: 100%; height: 100%; margin-bottom: 1px; overflow-y: scroll; }
@import url('https://rsms.me/inter/inter.css');
/* html { font-family: 'Inter', sans-serif; } */
@supports (font-variation-settings: normal) {
/* html { font-family: 'Inter var', sans-serif; } */
}
body {
margin: 0;
background: #FCFCFC;
height: 100%;
}
/* Standards */
/* Font families - add Lucida Grande for MAC-based clients */
body, table, tr, td, th, p, input, label, select, textarea {
font-family: Lucida Grande, Helvetica, Arial, sans-serif !important;
font-size: 11px;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
@media screen and (min-width: 1050px) {
#left {
width: 60%;
padding: 0;
float: left;
margin-bottom: 60px;
}
#right {
width: 39%;
padding: 0;
float: right;
margin-bottom: 60px;
}
#left2 {
position:relative;
width: 56%;
height: 85vh;
overflow: none;
padding: 0;
float: left;
margin-bottom: 20px;
}
#right2 {
position:relative;
width: 43%;
height: 85vh;
overflow: none;
padding: 0;
float: right;
margin-bottom: 20px;
}
}
td {
color: #000000;
}
th {
color: #333333;
}
p {
color: #000000;
}
h1 {
font-size: 11pt;
padding-bottom: 2pt;
color: #000000;
padding-top: 2pt;
}
.smallText {
font-size: 9px;
}
A {
font-size: 11px;
color: #CC3300;
text-decoration: none;
cursor: pointer;
}
A:hover {
color: #990000;
text-decoration: underline;
cursor: pointer;
}
A.add {
display: block;
width: 120px;
font-size: 11px;
color: #990000;
text-shadow: 0 1px 0 #FFFFFF;
border-top: 1px solid #EEEEEE;
border-left: 1px solid #EEEEEE;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
background: #D6D6D6;
text-decoration: none;
font-weight: bold;
}
A.add:hover {
color: #FF0000;
border-top: 1px solid #333333;
border-left: 1px solid #333333;
border-right: 1px solid #EEEEEE;
border-bottom: 1px solid #EEEEEE;
background: #C6C6C6;
}
input {
padding-left: 8px;
height: 17px;
border: 1px solid #CCCCCC;
color: #000000;
outline-style:none;
outline-width:0;
}
input:focus {
border: 1px solid #990000;
color: #990000;
outline-style:none;
outline-width:0;
}
input:hover {
border: 1px solid #990000;
color: #990000;
outline-style:none;
outline-width:0;
}
input[disabled] {
background: #dddddd;
color: #777;
}
input[readonly] {
background: #dddddd;
color: #777;
}
input:required {
/* box-shadow: 0 0 4px rgba(242,60,60,.6); */
box-shadow: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
label {
font-size: 11px;
color: #000000;
padding: 4px;
border-radius: 2px;
}
label:hover {
background: #555;
color: #FFF;
box-shadow: inset 0 1px 8px rgba(0, 0, 0, .6);
border-radius: 2px;
text-shadow: none;
/* text-shadow: 0 1px 1px #111; */
}
.label_template {
font-size: 11px;
color: #535353 !important;
padding: 4px;
border-radius: 2px;
}
.label_template:hover {
background: #cbb !important;
color: #fff !important;
box-shadow: none !important;
text-shadow: none !important;
}
select {
padding-left: 4px;
background-color: #f6f6f6;
height: 20px;
border: 1px solid #CCCCCC;
font-size: 11px;
color: #000000;
}
select:hover {
border: 1px solid #990000;
color: #990000;
}
option {
margin:0 0 3px 6px;
padding:3px;
}
option:nth-child(odd) { background-color:#D4D4D4; }
option:nth-child(even) { background-color:#DFDFDF; }
.cell_address:nth-child(odd) { color:#535f64 !important; }
.cell_address:nth-child(even) { color:#535f64 !important; }
textarea {
padding: 3px;
border: 1px solid #666666;
font-size: 11px;
color: #000000;
}
textarea:hover {
border: 1px solid #990000;
}
textarea:focus {
border: 1px solid #990000;
}
/* End Standards */
.codeLabel {
font-size: 10px;
font-weight: bold;
}
.greenBox {
width: 400px;
background:rgba(0,150,0,.8);
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
border-radius: 4px;
text-align: center;
font-weight: bold;
font-size: 13px;
padding: 14px;
}
.redBox {
width: 400px;
background: rgba(151, 0, 0, 0.8);
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
border-radius: 4px;
text-align: center;
font-weight: bold;
font-size: 13px;
padding: 14px;
}
.redBox2 {
width: 500px;
background: rgba(151, 0, 0, 0.8);
color: #FFFFFF;
margin-left: auto;
margin-right: auto;
border-radius: 4px;
text-align: center;
font-weight: bold;
font-size: 14px;
padding: 30px;
}
/*Custom color mouse selections*/
::-moz-selection {
background: #bf5136;
color: #FFF;
}
::selection {
background: #bf5136;
color: #FFF;
}
.large {
font-size: 14px;
}
.medium {
font-size: 12px;
}
.small {
font-size: 11px;
}
.smaller {
font-size: 9px;
}
.tiny {
font-size: 8px;
}
.spaced2px {
letter-spacing: 2px;
}
.spaced4px {
letter-spacing: 4px;
}
.spaced6px {
letter-spacing: 6px;
}
/* CSS3 Font declarations */
@font-face {
font-family: Days;
src: url('https://helpdesk.ispn.net/fonts/Days.otf');
}
@font-face {
font-family: Merge;
src: url('https://helpdesk.ispn.net/fonts/merge.otf');
}
@font-face {
font-family: Surface;
src: url('https://helpdesk.ispn.net/fonts/Surface-Medium.otf');
}
@font-face {
font-family: Inter;
src: url('https://helpdesk.ispn.net/fonts/inter/Inter-Regular.woff');
}
.blink_me {
animation: blinker 1s linear infinite;
}
@keyframes blinker {
50% { opacity: 0; }
}
/*Empty classes necessarey for modal window dragging*/
.dragger{}
.container{}
.width90 {
width: 90%;
}
.block {
display: block;
overflow: auto;
}
.floatRight {
float: right !important;
}
.floatLeft {
float: left !important;
}
.floatCenter {
margin-left: auto;
margin-right: auto;
}
.centerText {
text-align: center;
}
.rightText {
text-align: right !important;
padding-right: 7px !important;
}
.leftText {
text-align: left;
}
.bold {
font-weight: bold;
}
.sixUp {
margin-top: 6px;
}
.tenUp {
margin-top: 10px;
}
.sixDown {
margin-bottom: 6px;
}
.tenDown {
margin-bottom: 10px;
}
.thirtyUp {
margin-top: 30px;
}
.sixtyUp {
margin-top: 60px;
}
.twentyDown {
margin-bottom: 20px;
}
.thirtyDown {
margin-bottom: 30px;
}
.fourtyDown {
margin-bottom: 40px;
}
.sixRight {
margin-right: 6px;
}
.tenRight {
margin-right: 10px;
}
.sixLeft {
margin-left: 6px;
}
.tenLeft {
margin-left: 10px;
}
.twentyLeft {
margin-left: 20px;
}
.fourtyleft {
margin-left: 40px;
}
.twentyRight {
margin-right: 20px;
}
.fourtyRight {
margin-right: 40px;
}
.grayDivider {
width: 100%;
height: 3px;
margin-bottom: 1px;
background: #666666;
}
.divider {
padding: 3px;
}
.tableRow:nth-child(odd) { background-color:#D4D4D4; }
.tableRow:nth-child(even) { background-color:#DFDFDF; }
.tRow:nth-child(odd) { background-color:#CFCFCF; }
.tRow:nth-child(even) { background-color:#EFEFEF; }
.tableRow2:nth-child(odd) { background-color:#e1e1e1; }
.tableRow2:nth-child(even) { background-color:#dbdada; }
.tableRow2:hover {
background-color: #cee6f0;
}
.tableRow3:nth-child(odd) { background-color:#C9C9C9; }
.tableRow3:nth-child(even) { background-color:#D4D4D4; }
.tableRowHL { background: #ff893f; }
.tRowLight:nth-child(odd) { background-color:#f5f5f5; }
.tRowLight:nth-child(even) { background-color:#ebebeb; }
.tRowLight:hover {
background-color: #cee6f0;
}
.mRow:nth-child(odd) { background-color:#eaeaea; border-bottom: 1px solid #CECECE; }
.mRow:nth-child(even) { background-color:#ededed; border-bottom: 1px solid #CECECE; }
.mRow:hover {
background-color: #dcd0cc;
}
.mRow:hover .mail-mailbox-td {
background-color: rgb(25, 178, 214) !important;
color: #FFF !important;
}
.mRow:hover .mail-data-td {
background-color: rgb(25, 178, 214) !important;
color: #FFF !important;
}
.mail-table {
border-collapse: collapse;
}
.mail-table td {
padding: 4px 8px;
}
.mail-primary-td {
background: #dedede;
}
.mail-mailbox-td {
background: #CECECE;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.301);
border-radius: 2px 2px 0 0;
}
.mail-data-td {
background: #CECECE;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.301);
border-radius: 2px 0 0 2px;
}
.mail-quota-td {
background: #dedede;
}
.mail-quota-td-red {
background: #b92a2a;
color: rgba(255, 255, 255, 0.85);
}
.mail-quota-td-green {
background: #347e30;
color: rgba(255, 255, 255, 0.85);
}
.mail-quota-td-orange {
background: #d87124;
color: rgba(255, 255, 255, 0.85);
}
.mail-quota-td-yellow {
background: #e6b600;
color: rgba(255, 255, 255, 0.85);
}
.mail-table-link {
margin-left: 6px;
margin-right: 6px;
}
.mailbox-weak-banner {
padding: 10px;
background: #ff670f;
color: #FFFFFF;
font-weight: bold;
}
.rewardRow:nth-child(odd) { background: rgba(180,180,180,.2); }
.rewardRow:nth-child(even) { background: rgba(200,200,200,.2); }
.rewardRow:hover { background: rgba(248, 180, 120, 0.2); }
.tStamp:nth-child(odd) { color:#343434 !important; }
.tStamp:nth-child(even) { color:#0082CC !important; }
.device-row:nth-child(odd) { background-color:#f5f5f5; }
.device-row:nth-child(even) { background-color:#ebebeb; }
.device-row:hover { background-color: #cee6f0; }
.clear-cell {
background-color: transparent !important;
color: inherit !important;
}
.clear-cell:hover {
background-color: transparent !important;
color: inherit !important;
}
.clear-cell:active {
background-color: transparent !important;
color: inherit !important;
}
.servicechart {
height:340px;
overflow:hidden;
padding: 0;
margin: 2px 0 6px 0;
border-radius: 2px;
box-shadow: inset 0 2px 10px #333;
background: #e6e6e6;
background: -moz-linear-gradient(top, #e6e6e6 0%, #a0a0a0 100%);
background: -webkit-linear-gradient(top, #e6e6e6 0%, #a0a0a0 100%);
background: -o-linear-gradient(top, #e6e6e6 0%, #a0a0a0 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #a0a0a0 100%);
background: linear-gradient(top, #e6e6e6 0%, #a0a0a0 100%);
}
/* NEW CUSTOMER DETAIL FORMATTING ----------------------- */
.ticketCount {
width: 20%;
margin-left: auto;
margin-right: auto;
padding: 2px 6px;
border-radius: 2px;
background: #EFEFEF;
box-shadow: 0 -1px 0 rgba(0,0,0,.3);
font-size: 11px;
font-weight: bold;
color: #444;
text-shadow: 0 1px 0 #FFF;
}
.cpnipass {
color: #0066CC;
font-weight: bold;
}
.cpniq {
margin-left: 20px;
color: #660033;
font-weight: bold;
}
.cpnia {
color: #0066CC;
font-weight: bold;
}
.cpniPrompt {
display: block;
margin-bottom: 26px;
}
.cpniPrompt:hover {
text-decoration: none !important;
color: #FFFFFF !important;
box-shadow: inset 0 2px 10px rgba(0,0,0,.7);
}
.blockPrompt:hover {
text-decoration: none !important;
color: #FFFFFF !important;
box-shadow: inset 0 2px 10px rgba(0,0,0,.7);
}
.offSwitch {
display: block;
margin: 0 6px;
width: 74px;
height: 32px;
background: url(../images/box_sprite_xs.png) no-repeat -224px -219px;
cursor: pointer;
}
.offSwitchHolder {
float:left;
overflow: auto;
margin: 1px 0 0 8px;
width: 100px;
padding: 1px;
background: #666666;
background: linear-gradient(top, #666666 0%,#888888 100%);
box-shadow: inset 0 2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.95);
border-radius: 2px;
cursor: pointer;
}
.offSwitchHolder:hover {
background: #745861;
background: linear-gradient(top, #745861 0%,#997782 100%);
}
.switchOff {
float:left;
width: 50%;
padding: 4px 10px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.switchOn {
float:right;
width: 50%;
padding: 4px 10px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.offSwitchHolder2 {
/*float:left;*/
overflow: auto;
margin: 1px 0 0 8px;
width: 60px;
padding: 1px;
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #888888 100%);
background: -webkit-linear-gradient(top, #666666 0%,#888888 100%);
background: -o-linear-gradient(top, #666666 0%,#888888 100%);
background: -ms-linear-gradient(top, #666666 0%,#888888 100%);
background: linear-gradient(top, #666666 0%,#888888 100%);
box-shadow: inset 0 2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.95);
border-radius: 2px;
cursor: pointer;
}
.offSwitchHolder2:hover {
background: #745861;
background: -moz-linear-gradient(top, #745861 0%, #997782 100%);
background: -webkit-linear-gradient(top, #745861 0%,#997782 100%);
background: -o-linear-gradient(top, #745861 0%,#997782 100%);
background: -ms-linear-gradient(top, #745861 0%,#997782 100%);
background: linear-gradient(top, #745861 0%,#997782 100%);
}
.switchOff2 {
float:left;
width: 50%;
padding: 4px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-size: 8px !important;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.switchOn2 {
float:right;
width: 50%;
padding: 4px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-size: 8px !important;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-transition: all 1s ease-out;
-moz-transition: all 1s ease-out;
}
.offSwitchHolder3 {
float:left;
overflow: auto;
margin: 1px 0 0 8px;
width: 80px;
padding: 1px;
background: #666666;
background: -moz-linear-gradient(top, #666666 0%, #888888 100%);
background: -webkit-linear-gradient(top, #666666 0%,#888888 100%);
background: -o-linear-gradient(top, #666666 0%,#888888 100%);
background: -ms-linear-gradient(top, #666666 0%,#888888 100%);
background: linear-gradient(top, #666666 0%,#888888 100%);
box-shadow: inset 0 2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.95);
border-radius: 2px;
cursor: pointer;
}
.offSwitchHolder3:hover {
background: #745861;
background: -moz-linear-gradient(top, #745861 0%, #997782 100%);
background: -webkit-linear-gradient(top, #745861 0%,#997782 100%);
background: -o-linear-gradient(top, #745861 0%,#997782 100%);
background: -ms-linear-gradient(top, #745861 0%,#997782 100%);
background: linear-gradient(top, #745861 0%,#997782 100%);
}
.switchOff3 {
float:left;
width: 50%;
padding: 4px 10px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-size: 9px !important;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.switchOn3 {
float:right;
width: 50%;
padding: 4px 10px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-size: 9px !important;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.offSwitchHolder4 {
overflow: auto;
margin: 1px 0 0 8px;
width: 70px;
padding: 1px;
background: transparent;
box-shadow: inset 0 2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.6);
border-radius: 2px;
cursor: pointer;
}
.offSwitchHolder4:hover {
box-shadow: inset 0 2px 12px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.6);
}
.switchOff4 {
float:left;
width: 40%;
padding: 4px 10px;
border-radius: 2px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
color: #222;
font-size: 9px !important;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.switchOn4 {
float:right;
width: 40%;
padding: 4px 10px;
border-radius: 2px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: -moz-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
background: linear-gradient(to bottom, rgba(238,238,238,0.65) 0%, rgba(204,204,204,0.65) 100%);
color: #222;
font-size: 9px !important;
font-weight: bold;
letter-spacing: 1px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
}
.switchHolderDisabled {
filter: opacity(30%);
cursor: not-allowed;
pointer-events: none;
}
.offSwitch {
display: block;
margin: 0 6px;
width: 74px;
height: 32px;
background: url(../images/box_sprite_xs.png) no-repeat -224px -219px;
cursor: pointer;
}
.offSwitchHolder5 {
/* float:left; */
overflow: auto;
margin: 10px 8px;
margin-left: auto;
margin-right: auto;
width: 180px;
padding: 1px;
background: #9f0c0c;
/* background: #666666; */
/* background: linear-gradient(top, #666666 0%,#888888 100%); */
box-shadow: inset 0 2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.95);
border-radius: 2px;
cursor: pointer;
}
.offSwitchHolder5:hover {
/* background: #745861; */
/* background: linear-gradient(top, #745861 0%,#997782 100%); */
box-shadow: inset 0 6px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.95);
}
.offSwitchHolder5Color {
background: #05540b;
}
.switchOff5 {
float:left;
width: 50%;
padding: 4px 10px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
text-align: center;
}
.switchOn5 {
float:right;
width: 50%;
padding: 4px 10px;
border-radius: 1px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
text-align: center;
}
.offSwitchHolder6 {
float:left;
overflow: auto;
margin: 1px 0 0 8px;
width: 80px;
padding: 1px;
background: #828282;
background: linear-gradient(top, #828282 0%, #9A9A9A 100%);
box-shadow: inset 0 2px 6px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.95);
border-radius: 12px;
cursor: pointer;
transition: background 0.5s ease;
}
.offSwitchHolder6:hover {
background: #745861;
background: linear-gradient(top, #745861 0%,#997782 100%);
}
.switchOff6 {
float:left;
width: 50%;
padding: 4px 10px;
border-radius: 13px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
transition: all 0.5s ease;
}
.switchOn6 {
float:right;
width: 50%;
padding: 4px 10px;
border-radius: 13px;
box-shadow: 1px 0 3px rgba(0,0,0,0.3);
background: #eeeeee;
background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
color: #222;
font-weight: bold;
letter-spacing: 1px;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
transition: all 0.5s ease;
}
.roomNumber {
padding: 5px 4px;
font-weight: bold;
font-size: 20px;
text-align: center;
background: #1193be;
color: #FFF;
border-radius: 2px;
border: 1px solid #177c9e;
box-shadow: 0 0 10px #BABABA;
}
.propertyName {
font-weight: bold;
font-size: 20px;
background: #CCCCCC;
color: #990099 !important;
text-align: center;
}
.cdataLeft {
width: 152px;
padding: 5px;
background: #CCCCCC;
color: #222222;
border-top: 1px solid #FFFFFF;
}
.cdataRight {
padding: 5px 5px 5px 10px;
border-bottom: 1px solid #CCCCCC;
}
.cdataRight:after {
content:'';
/* display:block; */
width:1px;
height:4px;
background:#CCCCCC;
position:absolute;
right: 0;
}
.cdetail-button {
margin: -4px 6px 0 0;
padding: 4px 10px;
border-radius: 2px;
color: #FFFFFF;
font-weight: bold;
}
.cdetail-button-purple {
background: #c194c2;
}
.cdetail-button-purple:hover {
background: #e3b0e4;
}
.cdetail-button-purple:active {
background: #9f799f;
}
.cdetail-button-blue {
background: #7ea3d3;
}
.cdetail-button-blue:hover {
background: #92bdf4;
}
.cdetail-button-blue:active {
background: #6b8bb4;
}
.cdetail-button-blue-pressed {
background: #567194;
}
.cdetail-button-yellow {
background: #dfc77c;
}
.cdetail-button-yellow:hover {
background: #f8dd89;
}
.cdetail-button-yellow:active {
background: #bfab6b;
}
.cdetail {
display: block;
margin-bottom: 1px;
color: #222222;
background: #EEEEEE;
border-bottom: 1px solid #CCCCCC;
overflow: auto;
}
.dlabel {
float: left;
width: 152px;
font-weight: bold;
background: #CCCCCC;
color: #222222 !important;
padding: 3px;
padding-left: 5px;
text-align: left;
}
.dlabelDark {
float: left;
width: 155px;
font-weight: bold;
background: #444;
color: #EEE !important;
padding: 3px;
padding-left: 5px;
text-align: left;
}
.dcontent {
float: left;
padding: 3px;
padding-left: 8px;
}
.dcheight {
height: 21px;
line-height: 21px;
}
.dcwidth {
width:220px !important;
}
.dcwidth2 {
width:160px !important;
}
.dcwidth3 {
width:240px !important;
}
.dcwidth4 {
width:320px !important;
}
.dcwidth5 {
width:400px !important;
}
.noborder {
border: 0;
}
.nomarginbottom {
margin-bottom: 0;
}
.visp {
padding: 4px;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 1px 2px #222;
box-shadow: inset 0 1px 4px #666, 0 1px 0 #fff;
}
.vispFlagHolder {
position: fixed;
float: left;
margin-left: -100px;
margin-top: -5px;
padding: 0;
}
.vispFlag {
float: left;
padding: 5px 16px;
background: #cf0404;
border-radius: 2px;
border: 1px solid #B20903;
color: #FFFFFF;
font: bold 12px/20px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: right;
z-index: 10;
}
.vispFlagArrow {
float: left;
margin-top: 8px;
margin-left: -1px;
width: 0;
height: 0;
padding: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #cf0404;
z-index: 20;
}
.evFlag {
float: left;
padding: 5px 16px;
/* background: linear-gradient(135deg, #cf0404 0%,#cf0404 50%, #126110 50%,#126110 100%); */
background: linear-gradient(to bottom, #cf0404 0%,#cf0404 50%, #126110 50%,#126110 100%);
border-radius: 2px;
color: #FFFFFF;
font: bold 12px/20px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: right;
z-index: 10;
}
.evFlagArrow {
float: left;
margin-top: 8px;
margin-left: -1px;
width: 0;
height: 0;
padding: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #cf0404;;
z-index: 20;
}
.etechFlag {
float: left;
padding: 5px 16px;
background: #289313;
border-radius: 2px;
border: #278115 1px solid;
color: #FFFFFF;
font: bold 12px/20px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: right;
z-index: 10;
}
.etechFlagArrow {
float: left;
margin-top: 8px;
margin-left: -1px;
width: 0;
height: 0;
padding: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #289313;
z-index: 20;
}
.upsellFlag {
float: left;
padding: 5px 16px;
background: #6DC9E2;
border-radius: 2px;
border: #6DC9E2 1px solid;
color: #FFFFFF;
font: bold 12px/20px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: right;
z-index: 10;
}
.upsellFlag:hover {
float: left;
padding: 5px 16px;
background: #97d0e0;
border-radius: 2px;
border: #6DC9E2 1px solid;
color: #FFFFFF;
font: bold 12px/20px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: right;
z-index: 10;
}
.upsellFlag:active {
float: left;
padding: 5px 16px;
background: #296e82;
border-radius: 2px;
border: #6DC9E2 1px solid;
color: #FFFFFF;
font: bold 12px/20px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: right;
z-index: 10;
}
.upsellFlagArrow {
float: left;
margin-top: 8px;
margin-left: -1px;
width: 0;
height: 0;
padding: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-left: 8px solid #6DC9E2;
z-index: 20;
}
/* upsell overlay for support flow */
.ticketInputOverlay {
position: relative;
}
.ticketInputOverlay::after {
content: "Please make an Incentive selection above to continue.";
position: absolute;
top: 0;
left: 0;
width: 97%;
height: 90%;
background-color: rgba(109,201,226,0.5);
color: white;
font-size: 24px;
font-weight: bold;
color: #47a9c4;
padding-top: 2%;
padding-left: 2%;
pointer-events: auto;
}
/* disabled ticket input in support flow for upsell entries */
.disabled-ticketInput {
background-color: #f0f0f0; /* Light gray background */
color: #999; /* Gray text color */
}
.transparent-ticketInput {
opacity: 0;
}
.adminFlagHolder {
position:fixed;
float:left;
margin-top:10px;
margin-left:194px;
}
.adminFlag {
float: right;
padding: 5px 6px;
background: #13619b;
border-radius: 2px;
border: 1px solid #13619b;
color: #FFFFFF;
font: bold 11px Verdana, sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px rgba(0,0,0,0.4);
text-align: left;
z-index: 10;
}
.adminFlagArrow {
float: right;
margin-top: 8px;
margin-right: -1px;
width: 0;
height: 0;
padding: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #13619b;
z-index: 20;
}
.provisional {
background: #CC0000;
color: #FFFFFF;
font-weight: bold;
}
.provisional a {
color: #EEE;
}
.phone {
background: #006600;
color: #FFFFFF;
font-weight: bold;
}
.company {
color: #660066;
}
.normal {
font-weight: bold;
}
.disabled {
background: #000000;
color: #FF0000 !important;
font-weight: bold;
}
.disabled a {
color: #FF0000 !important;
}
.vacation {
background: #555;
color: #00CC00 !important;
font-weight: bold;
}
.vacation a {
color: #00CC00 !important;
text-shadow: 0 1px 2px #000;
}
.deleted {
background: #000000;
color: #FFFFFF;
font-weight: bold;
}
.printedID {
color: #990000;
font-weight: bold;
letter-spacing: 1px;
}
.cdate {
color: #0066CC;
font-weight: bold;
}
.ctime {
color: #003300;
font-weight: bold;
}
.cprname {
margin-right: 10px;
color: #663300;
font-weight: bold;
}
.cplan {
background: #ABABAB;
}
.oasalert {
margin-right: 10px;
color: #990000;
font-weight: bold;
}
.statusHolder {
float: left; width: 100%; margin: 0 0 1px 0;
}
.escDisplay {
padding: 5px;
background: #303030;
border-radius: 2px;
border-top: 1px solid #000;
color: #EEEEEE;
text-align: center;
font-weight: bold;
font-size: 12px;
}
.escDisplay a {
color: #FFCC33;
font-weight: bold;
font-size: 12px;
}
.tixstatusDisplay {
overflow:auto;
padding: 4px;
border-radius: 2px;
background: #C4C4C4;
color: #111111;
text-align: center;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.rsetholderRel {
float: right;
margin: 0 0 0 0;
}
.rsetholderFix {
position: fixed;
top: 120px;
}
.rsetBtn {
float: left;
width: 100px;
margin: 0 0 3px 2px;
padding: 4px;
text-align: center;
font-weight: bold;
}
.rsetBtn a {
color: #FFFFFF;
}
.rsetColor1 { background: #778888; }
.rsetColor2 { background: #777777; }
.rsetColor3 { background: #776666; }
/* ----------------------- */
.npborder_red {
border-bottom: 5px solid #ec3b37;
}
.npborder_blue {
border-bottom: 5px solid #0066CC;
}
.active {
font-size: 11px;
color: #990000;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
.status_online {
color: #39861f;
}
/* .status_online:hover {
color: #F26229;
} */
.status_away {
color: #ff3d00;
}
/* .status_away:hover {
color: #F26229;
} */
.alinklight {
color: #FFCC00;
}
.alink {
font-size: 11px;
color: #CC3300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
cursor: pointer;
}
.alink_overlay {
display: block;
width: 60px;
height: 60px;
font-size: 11px;
color: #CC3300;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
cursor: pointer;
}
.alink2 {
color: #590E0D;
cursor: pointer;
}
.alink2:hover {
color: #F26229;
}
.alink3 {
color: #611a0e;
cursor: pointer;
}
.alink3:hover {
color: #f9eae5;
}
.alink4 {
color: #cc4b14;
cursor: pointer;
}
.alink4:hover {
color: #f5723f;
}
.alink5 {
color: #f9e93b;
cursor: pointer;
}
.alink5:hover {
color: #ff9600;
}
.alink6:hover {
color: #F26229 !important;
}
.alink_block3 {
cursor: pointer;
border-radius: 2px;
overflow: auto;
}
.alink_block3:hover {
color: #F26229;
}
.alink_block2 {
margin: 4px;
padding: 4px 8px;
background: #566da1;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
border-radius: 2px;
}
.alink_block2:hover {
background: #373f61;
}
.alink_block {
margin: 4px;
padding: 4px 8px;
background: #c119db;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
}
.alink_block:hover {
background: #da3af3;
}
.alink_white {
text-decoration: none;
color: #FFFFFF !important;
font-family: Verdana;
}
.alink_white:hover {
color: #FFCC33 !important;
text-decoration: none;
}
.alink_white:active {
color: #FFCC33 !important;
text-decoration: none;
}
.avatar {
position: absolute;
margin: 0 0 0 -71px;
padding: 2px 0 2px 2px;
background: #DDD;
border-radius: 1px 0 0 1px;
border: 1px solid #BBB;
border-right: none;
}
.avatar2 {
position: absolute;
margin: 0 0 0 -76px;
padding: 2px;
background: #DDD;
border-radius: 1px;
border: 1px solid #BBB;
/* border-right: none; */
}
.overlay {
width: 60px;
height: 60px;
position: absolute;
background: transparent;
}
.overlay:hover {
background: url(../images/box_sprite_xs.png) -2px -163px no-repeat;
}
.techRating {
position: absolute;
margin: 50px 0 0 50px;
padding: 2px 6px;
border-radius: 30px;
border: 2px solid white;
background: #feccb1;
background: -moz-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
background: -webkit-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
background: -o-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
background: -ms-linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
background: linear-gradient(top, #feccb1 0%, #f17432 50%, #ea5507 51%, #fb955e 100%);
box-shadow: 0 1px 2px #222;
font-size: 12px;
font-weight: bold;
color: #FFF;
text-shadow: 0 1px 3px #EEE;
}
.trHolder {
position: absolute;
top: 30px;
right: 62px;
padding: 2px 0 2px 2px;
border-radius: 1px;
border: 1px solid #BBB;
border-right: none;
background: #DDD;
}
.trHolderB {
position: absolute;
top: 30px;
right: 64px;
padding: 2px 0 2px 2px;
border-radius: 1px;
border: 1px solid #BBB;
border-right: none;
background: #DDD;
}
.trHolder2 {
position: absolute;
top: 30px;
right: 62px;
padding: 2px 2px 2px 2px;
border-radius: 1px;
border: 1px solid #BBB;
/* border-right: none; */
background: #DDD;
}
.techRating2 {
float: right;
padding: 2px 6px;
background: #f17432;
border: 1px solid #EF5407;
font-size: 12px;
font-weight: bold;
color: #FFF;
text-shadow: 0 1px 1px #AA2305;
text-align: right;
}
.techRating3 {
float:right;
padding: 2px 6px;
background: #881355;
border: 1px solid #620d63;
font-size: 12px;
font-weight: bold;
color: #FFF;
text-shadow: 0 1px 1px #490a3f;
text-align: right;
}
.techRating4 {
float:right;
padding: 2px 6px;
background: #138813;
border: 1px solid #10630c;
font-size: 12px;
font-weight: bold;
color: #FFF;
text-shadow: 0 1px 1px #10630c;
text-align: right;
}
.elink {
padding-left: 6px;
padding-right: 6px;
font-weight: bold;
}
.okbadge {
display: block;
text-align: left;
width: 100%;
height: 21px;
margin-bottom: 10px;
padding-top: 4px;
padding-left: 30px;
background: url(../images/ok_badge.png) no-repeat;
font-weight: bold;
}
.username {
width: 100%;
text-align: right;
color: #990000;
}
.password {
width: 100%;
text-align: right;
color: #0066CC;
}
.usernameLeft {
color: #990000;
}
.passwordLeft {
color: #0066CC;
}
.controller {
text-align: center;
background: rgb(0,158,195);
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,0.1);
}
.controllerCS {
text-align: center;
background: rgba(0, 194, 172, 1);
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,0.1);
}
.grabcontrol {
text-align: center;
background: #7C2826;
color: #FFFFFF;
}
.grabcontrol:hover {
background: #D63C39;
}
.grabcontrol2 {
text-align: center;
background: #444444;
color: #FFFFFF;
}
.grabcontrol2:hover {
background: #666666;
}
.grabcontrol3 {
text-align: center;
color: #D63C39;
}
.grabcontrol3:hover {
background: #D63C39;
color: #FFFFFF;
}
.grabcontrol4 {
display: block;
padding: 5px 6px;
text-align: center;
font-weight: bold;
background: #7C2826;
color: #FFFFFF;
}
.grabcontrol4:hover {
background: #D63C39;
text-decoration: none;
color: #FFFFFF;
}
.grabcontrol5 {
text-align: center;
background: #1e9513;
color: #FFFFFF;
}
.grabcontrol5:hover {
background: #2cb41f;
}
.grabcontrol6 {
width: 99%;
height: 100%;
padding: 4px;
margin: 0 !important;
color: #D63C39;
}
.grabcontrol6:hover {
background: #D63C39;
color: #FFFFFF;
}
.escclose {
text-align: center;
background: #222;
color: #FFF;
}
.escclose:hover {
background: #555;
}
.searchlink {
display: flex;
align-items: center;
width: 99%;
height: 40px;
padding: 4px;
padding-left: 12px;
margin: 0 !important;
color: #D63C39;
text-decoration: none;
font-weight: bold;
vertical-align:middle;
}
.searchlink:hover {
background: #D63C39;
color: #FFFFFF;
text-decoration: none;
}
/* Integrated Support View (category/service selectors) styling */
.servheader {
width:100%;
margin-bottom: 2px;
background: rgb(173,173,173);
background: -moz-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(142,142,142,1) 100%);
background: -webkit-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(142,142,142,1) 100%);
background: -o-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(142,142,142,1) 100%);
background: -ms-linear-gradient(top, rgba(173,173,173,1) 0%, rgba(142,142,142,1) 100%);
background: linear-gradient(top, rgba(173,173,173,1) 0%, rgba(142,142,142,1) 100%);
box-shadow: 0 1px 0 rgba(140,140,140,1);
border-radius: 2px 2px 0 0;
color: #000;
text-shadow: 0 1px 0 rgba(180,180,180,1);
padding: 4px;
font-size: 11px;
}
.servheader a{
color: #FFCC00 !important;
text-shadow: none;
}
.arrow {
position: absolute;
top: 96px;
right: 2px;
display: block;
width: 39px;
height: 37px;
background: url(../images/box_sprite.png) -10px -1998px no-repeat;
}
.arrowDown {
float: left;
display: block;
margin-left: 50px;
width: 39px;
height: 39px;
background: url(../images/box_sprite_xs.png) -47px -232px no-repeat;
font-weight: bold;
}
.arrowCaption {
float:left;
font-weight:bold;
text-shadow: 0 1px 0 #FFF;
}
.arrowCSS {
display: block;
width: 39px;
height: 37px;
background: url(../images/box_sprite_xs.png) -8px -231px no-repeat;
}
.tinyArrow {
display: block;
width: 13px;
height: 14px;
background: url(../images/box_sprite_xs.png) -180px -162px no-repeat;
}
.servNS {
width:100%;
background: #990000;
color: #FFFFFF;
padding: 3px;
font-size: 11px;
}
.servid {
width: 63%;
padding: 2px 7px 2px 12px;
font-size: 11px;
cursor: pointer;
text-align: left;
}
.servid:hover {
background: #CCCCCC !important;
background: -moz-linear-gradient(left, #CCCCCC 0%, #AAAAAA 100%) !important;
background: -webkit-linear-gradient(left, #CCCCCC 0%, #AAAAAA 100%) !important;
background: -o-linear-gradient(left, #CCCCCC 0%, #AAAAAA 100%) !important;
background: -ms-linear-gradient(left, #CCCCCC 0%, #AAAAAA 100%) !important;
background: linear-gradient(left, #CCCCCC 0%, #AAAAAA 100%) !important;
color: #000;
text-shadow: 0 1px 2px #FFF;
}
.srvselected {
width: 63%;
padding: 2px 7px 2px 20px;
background: #0066CC !important;
background: -moz-linear-gradient(top, #4096ee 0%, #0066CC 100%) !important;
background: -webkit-linear-gradient(top, #4096ee 0%, #0066CC 100%) !important;
background: -o-linear-gradient(top, #4096ee 0%, #0066CC 100%) !important;
background: -ms-linear-gradient(top, #4096ee 0%, #0066CC 100%) !important;
background: linear-gradient(top, #4096ee 0%, #0066CC 100%) !important;
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
text-align: right;
cursor: pointer;
}
/*there are for ticket review display*/
.tscore {
display: block;
float: right;
background: #5D2620;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 3px;
font-weight: bold;
font-size: 16px;
color: #EEEEEE;
text-shadow: #333333 1px 1px 2px;
box-shadow: inset 0 1px 4px #333, 0 1px 0 #fff;
}
.tscore2 {
display: block;
float: right;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 3px;
font-weight: bold;
font-size: 16px;
color: #EEEEEE;
text-shadow: #333333 1px 1px 2px;
cursor: pointer;
box-shadow: inset 0 1px 4px #333, 0 1px 0 #fff;
}
.tscore3 {
display: block;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px;
font-weight: bold;
font-size: 12px;
color: #EEEEEE;
cursor: pointer;
}
.tscoreBG {
background: -moz-linear-gradient(top, #6d0019 0%, #a90329 74%, #8f0222 100%);
background: -webkit-linear-gradient(top, #6d0019 0%, #a90329 74%, #8f0222 100%);
background: -o-linear-gradient(top, #6d0019 0%, #a90329 74%, #8f0222 100%);
background: -ms-linear-gradient(top, #6d0019 0%, #a90329 74%, #8f0222 100%);
background: linear-gradient(top, #6d0019 0%, #a90329 74%, #8f0222 100%);
}
/*Backgrounds for review grades*/
.tscoreGreen {
background: #58A80D;
background: -moz-linear-gradient(top, #58A80D 0%, #197F0A 100%);
background: -webkit-linear-gradient(top, #58A80D 0%, #197F0A 100%);
background: -o-linear-gradient(top, #58A80D 0%, #197F0A 100%);
background: -ms-linear-gradient(top, #58A80D 0%, #197F0A 100%);
background: linear-gradient(top, #58A80D 0%, #197F0A 100%);
}
.tscoreBlue {
background: #2D96FF;
background: -moz-linear-gradient(top, #2D96FF 0%, #0059F4 100%);
background: -webkit-linear-gradient(top, #2D96FF 0%, #0059F4 100%);
background: -o-linear-gradient(top, #2D96FF 0%, #0059F4 100%);
background: -ms-linear-gradient(top, #2D96FF 0%, #0059F4 100%);
background: linear-gradient(top, #2D96FF 0%, #0059F4 100%);
}
.tscoreOrange {
background: #ffa84c;
background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: -webkit-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: -o-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: -ms-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
background: linear-gradient(top, #ffa84c 0%, #ff7b0d 100%);
}
.tscoreRed {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
}
/*Font formating for the stars*/
.tscoreStars {
font-size: 15pt !important;
text-shadow: 0 1px 1px rgba(0,0,0,0.5) !important;
}
.techname {
line-height: 50px;
font-weight: bold;
}
.tabletopleft {
background: #948874;
border-radius: 8px 0 0 0;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tablenormal {
background: #948874;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tablebottomleft {
background: #948874;
border-radius: 0 0 0 8px;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.revcatleft {
display: block;
float: left;
width: 46%;
border-radius: 6px;
padding: 6px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
}
.revcatright {
display: block;
float: right;
width: 46%;
border-radius: 6px;
padding: 6px;
margin-top: 2px;
margin-bottom: 2px;
margin-right: 2px;
}
.revcatspot {
display: block;
float: left;
clear: both;
width: 90%;
border-radius: 6px;
padding: 6px;
margin-top: 2px;
margin-bottom: 2px;
margin-left: 2px;
}
.radioChecked {
display: block;
width: 10px;
height: 10px;
margin: 3px 0 3px 0;
border-radius: 20px;
background: transparent;
box-shadow: inset 0 2px 3px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.5);
}
.radioUnchecked {
display: block;
width: 10px;
height: 10px;
margin: 3px 0 3px 0;
background: transparent;
}
.blueStar {
display: block;
float: right;
width: 18px;
height: 17px;
background: url(../images/box_sprite.png) -96px -1818px no-repeat;
cursor: pointer;
}
.blueStar:hover {
background-position: -77px -1818px;
}
.blueStarText {
display:block;
float:right;
color: #009ec3;
cursor:pointer;
-webkit-transition: all 2.0s ease-out;
-moz-transition: all 2.0s ease-out;
-o-transition: all 2.0s ease-out;
-ms-transition: all 2.0s ease-out;
transition: all 2.0s ease-out;
}
.blueStarText:hover {
color: #222;
-webkit-transition: all 2.0s ease-out;
-moz-transition: all 2.0s ease-out;
-o-transition: all 2.0s ease-out;
-ms-transition: all 2.0s ease-out;
transition: all 2.0s ease-out;
}
.sectiontitle {
font-size: 12px;
font-weight: bold;
letter-spacing: 1px;
color: #FFFFFF;
text-shadow: 0 1px 2px #111;
margin-bottom: 8px;
}
.radbutton {
background: transparent;
border: 0;
height: 10px;
vertical-align: middle;
}
label.revlabel {
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
padding: 4px;
}
label.revlabel:hover {
background-color: #6699CC;
color: #212121;
}
.reviewnotes {
display: block;
height: 100px;
overflow: auto;
}
/*end ticket review display*/
/* View Tix Display*/
.tixlabel {
padding-right: 5px;
text-align: right;
font-weight: bold;
color: rgba(67, 67, 67, 1);
}
.tixlabelTopLeft {
border-radius: 8px 0 0 0;
padding-right: 3px;
text-align: right;
font-weight: bold;
}
/* LOGIN/LOGOUT CSS*/
#logInOut {
padding: 10px;
text-align: center;
color: #111111;
font-family: Merge;
font-size: 30px;
font-weight: bold;
text-shadow: 0 1px 1px #FFF;
}
#unmask {
font-weight: bold;
color: #333333;
text-shadow: 0 1px 1px #FFFFFF;
cursor: pointer;
}
#unmask:hover {
color: #AA0000;
}
#dottedline {
width: 100%;
height: 1px;
margin-bottom: 6px;
border: 0;
border-top: 1px dotted #aaaaaa;
}
.browserClaim {
text-align: left;
padding: 0 20px;
color: #222222;
}
.return {
display: block;
margin-left: auto;
margin-right: auto;
padding: 7px 20px 8px 20px;
background: #cccbc3;
border: 1px solid #c0bfb8;
border-radius: 2px;
color: #444;
text-align: center;
text-decoration: none;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
.return:hover {
color: #444;
text-decoration: none;
background: #c0bfb8;
box-shadow: inset 0 0 2px rgba(255,255,255,.3), inset 0 3px 0 rgba(255,255,255,.1);
}
.return:active {
color: #444;
text-decoration: none;
background: #c0bfb8;
box-shadow: inset 0 0 10px rgba(0,0,0,.3);
}
/* login form */
.loginlabel {
background: #CCCCCC;
font-weight: bold;
padding: 4px 8px 4px 4px;
text-align: right;
}
.loginform {
background: #DDDDDD;
font-weight: normal;
text-align: left;
padding: 4px;
}
/*New definitions for standard form display*/
.tdtopleft {
background: #CCCCCC;
border-radius: 8px 0 0 0;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tdnormal {
background: #CCCCCC;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tdnormalPurple {
background: #DFCEE0;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tdnormalBlue {
background: #c1cfe3;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tdnormalleft {
background: #EEEEEE;
font-weight: normal;
text-align: left;
}
.tdhiliteleft {
background: #99CCFF;
font-weight: normal;
text-align: left;
}
.tdbottomleft {
background: #CCCCCC;
border-radius: 0 0 0 8px;
font-weight: bold;
padding-right: 5px;
text-align: right;
}
.tdtopround {
background: #CCCCCC;
border-radius: 8px 8px 0 0;
padding: 6px;
font-weight: bold;
text-align: center;
}
.tdbottomround {
background: #CCCCCC;
border-radius: 0 0 8px 8px;
padding: 6px;
font-weight: bold;
text-align: center;
}
.formnote {
background: #8DCFE0;
padding: 3px;
border-radius: 2px;
}
/*End definitions for standard form display*/
.trev_fw_btn {
float: right;
width: 100px;
background: #BBBBBB;
height: 18px;
line-height: 18px;
border-radius: 4px;
text-align: center;
font-weight: bold;
}
#tixtitle2, #tixtitle {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
color: #FFFFFF;
vertical-align: middle;
}
.dataholder {
display: block;
margin-bottom: 10px;
padding: 4px;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
}
.qnumholder {
padding: 4px;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
cursor: pointer;
}
.qnumholder:hover {
background: #FFE3D3;
}
.qnumholder_nohover {
padding: 4px;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
}
.qnumber {
width: 100%;
font-family: Verdana,Tahoma,Helvetica,Arial,sans-serif;
font-size: 24px;
font-weight: bold;
text-align: center;
text-shadow: 0 1px 0 #FFF;
}
.ticketholder {
display: block;
width: 796px;
padding: 3px 0 3px 0;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
}
.ticketholder2 {
display: block;
width: 99%;
padding: 1px 0 1px 0;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
}
.ticketpop {
width: 50%;
height: 90%;
background: rgba(255,255,255,.9);
margin-left: auto;
margin-right: auto;
padding: 20px;
overflow: auto;
border-radius: 4px;
}
.ticketpop2 {
width: 100%;
height: 90%;
background: rgba(0,0,0,.6);
margin-left: auto;
margin-right: auto;
padding: 20px;
overflow: auto;
border-radius: 4px;
}
.ticketedit {
width: 610px !important;
overflow: none;
}
.editformActive {
height:245px;
padding: 4px;
background: -moz-linear-gradient(left, rgba(222,222,222,0) 0%, rgba(222,222,222,1) 100%);
background: -webkit-linear-gradient(left, rgba(222,222,222,0) 0%, rgba(222,222,222,1) 100%);
background: -o-linear-gradient(left, rgba(222,222,222,0) 0%, rgba(222,222,222,1) 100%);
background: -ms-linear-gradient(left, rgba(222,222,222,0) 0%, rgba(222,222,222,1) 100%);
background: linear-gradient(left, rgba(222,222,222,0) 0%, rgba(222,222,222,1) 100%);
border-radius: 1px;
border: 1px solid #AAA;
box-shadow: inset 0 1px 6px rgba(0,0,0,.2), 0 1px 0 #fff;
}
.editformActive:hover {
border: 1px solid #05abe0;
box-shadow: inset 0 1px 10px rgba(135,224,253,.4);
}
.editformActive:focus {
border: 1px solid #05abe0;
box-shadow: inset 0 1px 10px rgba(135,224,253,.4);
}
.alertButton {
margin-left: 10px;
background: #CF0404;
color: #ffffff;
}
.alertButton:hover {
background: #db500b;
}
.supervisortakeover {
margin-left: 10px;
background: #22a39f;
color: #ffffff;
}
.greyBlockLight {
display: block;
padding: 8px;
margin-bottom: 10px;
text-align: left;
background: #F3F3F3;
overflow: auto;
}
.greyBlockDark {
display: block;
padding: 8px;
margin-bottom: 10px;
text-align: left;
background: #E0E0E0;
}
.greyBlockBlack {
display: block;
padding: 8px;
margin-bottom: 10px;
text-align: left;
background: #444444;
}
.attention {
color: #990000;
background: #FFFFFF;
border: 2px solid #990000;
padding: 10px;
font-weight: bold;
font-size: 12px;
text-align: center;
border-radius: 2px;
box-shadow: inset 0 1px 4px #666, 0 1px 0 #fff;
}
.addressButton {
width:26%;
padding: 6px;
margin: 10px 0 0 0;
background: #7d949e;
/* color: #FFFFFF !important; */
}
.addressButton:hover {
background: #4487bb;
}
.addressButton:active {
background: #0c8bec;
}
.delinquentBlock {
background: #ff1a56;
color: white;
font-weight: bold;
padding: 4px !important;
}
.addressBlock {
width: 70%;
padding: 6px;
margin: 10px 0 0 0;
background: #c1cfd5;
/* color: #FFFFFF !important; */
}
.infoBlock {
padding: 10px;
background: #777777;
background: -moz-linear-gradient(top, #777777 0%, #494949 96%);
background: -webkit-linear-gradient(top, #777777 0%, #494949 96%);
background: -o-linear-gradient(top, #777777 0%, #494949 96%);
background: -ms-linear-gradient(top, #777777 0%, #494949 96%);
background: linear-gradient(top, #777777 0%, #494949 96%);
color: #FFF;
font-weight: bold;
text-shadow: 0 1px 1px #333;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlock a {
color: yellow !important;
}
.infoBlock label {
vertical-align: middle;
padding: 4px;
color: #FFF;
}
.infoBlock label:hover {
background-color: #6699CC;
color: #FFF;
}
.infoBlockLight label:hover {
background-color: #6699CC;
color: #FFF;
}
.infoBlockLight {
padding: 10px;
background: #CECECE;
background: linear-gradient(top, #CECECE 0%, #B7B7B7 100%);
color: #000;
font-weight: bold;
text-shadow: 0 1px 0 #dedede;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.3), 0 1px 0 #fff;
}
.infoBlockLightFade {
padding: 10px;
color: #000;
font-weight: bold;
text-shadow: 0 1px 0 #dedede;
border-radius: 2px;
/* background: #CECECE; */
background: linear-gradient(to bottom, #cecece 0%,#efefef 80%);
}
.infoBlockRed{
padding: 10px;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 1px 2px #222;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlockRed a {
color: yellow !important;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
}
.techMessage {
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
text-align: center;
text-shadow: #6374AB 1px 1px 2px;
}
.infoBlockBlue{
padding: 10px;
background: rgb(0,158,195);
background: -moz-linear-gradient(top, rgba(0,158,195,1) 0%, rgba(0,183,234,1) 100%);
background: -webkit-linear-gradient(top, rgba(0,158,195,1) 0%, rgba(0,183,234,1) 100%);
background: -o-linear-gradient(top, rgba(0,158,195,1) 0%, rgba(0,183,234,1) 100%);
background: -ms-linear-gradient(top, rgba(0,158,195,1) 0%, rgba(0,183,234,1) 100%);
background: linear-gradient(top, rgba(0,158,195,1) 0%, rgba(0,183,234,1) 100%);
color: #222;
font-weight: bold;
text-shadow: 0 1px 0 #40C1E5;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlockPurple{
padding: 10px;
background: rgb(229,112,231);
background: -moz-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%);
background: -o-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%);
background: -ms-linear-gradient(top, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%);
background: linear-gradient(to bottom, rgba(229,112,231,1) 0%, rgba(200,94,199,1) 47%, rgba(168,73,163,1) 100%);
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 1px 0 #222;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlockYellow{
padding: 10px;
background: rgb(254,191,4);
background: -moz-linear-gradient(top, rgba(254,191,4,1) 0%, rgba(255,214,94,1) 100%);
background: -webkit-linear-gradient(top, rgba(254,191,4,1) 0%, rgba(255,214,94,1) 100%);
background: -o-linear-gradient(top, rgba(254,191,4,1) 0%, rgba(255,214,94,1) 100%);
background: -ms-linear-gradient(top, rgba(254,191,4,1) 0%, rgba(255,214,94,1) 100%);
background: linear-gradient(top, rgba(254,191,4,1) 0%, rgba(255,214,94,1) 100%);
color: #222;
font-weight: bold;
text-shadow: 0 1px 0 #FFE18E;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlockGreen{
padding: 10px;
background: #299a0b;
background: -moz-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: -webkit-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: -o-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: -ms-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: linear-gradient(top, #299a0b 0%, #1d7509 100%);
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 1px 2px #222;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlockGreen a {
color: #CCCCFF !important;
}
.infoBlockGreenFlat{
padding: 10px;
background: #299a0b;
background: -moz-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: -webkit-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: -o-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: -ms-linear-gradient(top, #299a0b 0%, #1d7509 100%);
background: linear-gradient(top, #299a0b 0%, #1d7509 100%);
color: #FFFFFF;
font-weight: bold;
}
.infoBlockOrangeFlat{
padding: 10px;
background: #ff670f;
background: -moz-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -webkit-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -o-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -ms-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: linear-gradient(top, #ff670f 0%, #d3620c 100%);
color: #FFFFFF;
font-weight: bold;
}
.infoBlockOrange{
padding: 10px;
background: #ff670f;
background: -moz-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -webkit-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -o-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -ms-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: linear-gradient(top, #ff670f 0%, #d3620c 100%);
color: #FFFFFF;
font-weight: bold;
text-shadow: 0 1px 2px #222;
border-radius: 2px;
box-shadow: inset 0 1px 4px rgba(0,0,0,.4), 0 1px 0 #fff;
}
.infoBlockOrange a {
color: #CCCCFF !important;
}
.codeBlock {
padding: 10px;
background: #FFFFFF;
color: #000;
border-radius: 2px;
box-shadow: inset 0 1px 2px #888, 0 1px 0 #fff;
}
.ticketBlock {
padding: 10px;
background: rgb(238,238,238);
/* background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%); */
color: #000;
border-radius: 2px;
box-shadow: inset 0 1px 2px #999, 0 1px 0 #fff;
}
.escalationBlock {
padding: 10px;
background: rgb(242,184,133);
background: -moz-linear-gradient(top, rgba(242,184,133,1) 0%, rgba(249,213,179,1) 100%);
background: -webkit-linear-gradient(top, rgba(242,184,133,1) 0%, rgba(249,213,179,1) 100%);
background: -o-linear-gradient(top, rgba(242,184,133,1) 0%, rgba(249,213,179,1) 100%);
background: -ms-linear-gradient(top, rgba(242,184,133,1) 0%, rgba(249,213,179,1) 100%);
background: linear-gradient(top, rgba(242,184,133,1) 0%, rgba(249,213,179,1) 100%);
color: #000;
border-radius: 2px;
box-shadow: inset 0 1px 2px #888, 0 1px 0 #fff;
}
.searchBlock {
margin-bottom: 6px;
padding: 10px;
background: #e5e5e5;
background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -webkit-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -o-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: -ms-linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
background: linear-gradient(top, #e5e5e5 0%, #ffffff 100%);
color: #000;
border-radius: 2px;
box-shadow: inset 0 1px 10px #999, 0 1px 0 #fff;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.searchBlockInput {
height: 20px;
padding: 0 0 0 4px;
background: transparent;
border: 0 !important;
color: #434343 !important;
font-size: 12pt;
font-weight: bold;
}
.searchBlockInput:hover {
color: #434343 !important;
border: 0 !important;
}
.searchBlockInput:active {
color: #434343 !important;
border: 0 !important;
}
.searchBlock:hover {
box-shadow: inset 0 1px 10px #17B4ED, 0 1px 0 #fff;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.searchBlock:active {
box-shadow: inset 0 1px 10px #17B4ED, 0 1px 0 #fff;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
-ms-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.flatBlueBlock{
padding: 6px;
background: rgb(10, 161, 197);
color: #fff;
font-weight: bold;
}
.reviewInput {
background: transparent;
border: 0 !important;
}
.reviewInput:hover {
background: transparent;
border: 0 !important;
}
.reviewInput:active {
background: transparent;
border: 0 !important;
}
/*Override for infoBlock padding*/
.blockPaddingSmall {
padding: 5px;
}
.blockPadding2px {
padding: 2px;
}
/*Override for infoBlock Radius*/
.blockRadiusLeft {
border-radius: 2px 0 0 2px;
}
.blockRadiusRight {
border-radius: 0 2px 2px 0;
}
.blockRadiusTop {
border-radius: 2px 2px 0 0;
}
.blockRadiusBottom {
border-radius: 0 0 2px 2px;
}
.blockRadiusNone {
border-radius: 0;
}
.quickSelect {
display: block;
float: left;
margin-right: 4px;
padding: 1px 4px 1px 4px;
border-radius: 1px;
box-shadow: inset 0 0 1px #999, 0 1px 0 #fff;
text-transform: lowercase;
text-shadow: 0 1px 0 #FFF !important;
}
.quickSelect:hover{
box-shadow: inset 0 0 2px #777, 0 1px 0 #fff;
}
.quickSelect2 {
display: block;
float: left;
margin-right: 4px;
padding: 5px 4px;
border-radius: 1px;
box-shadow: inset 0 0 1px #999, 0 1px 0 #fff;
text-transform: lowercase;
text-shadow: 0 1px 0 #FFF !important;
cursor: pointer;
}
.quickSelect2:hover{
color: #ec3b37;
box-shadow: inset 0 0 2px #777, 0 1px 0 #fff;
}
.quickSelect3 {
display: block;
float: left;
margin-right: 4px;
padding: 5px 4px;
border-radius: 1px;
box-shadow: inset 0 0 1px #999, 0 1px 0 #fff;
text-transform: lowercase;
text-shadow: 0 1px 0 #FFF !important;
cursor: pointer;
box-shadow: inset 0 0 8px #777, 0 1px 0 #fff;
}
.quickSelect3:hover{
color: #ec3b37;
box-shadow: inset 0 0 12px #777, 0 1px 0 #fff;
}
/*Formatting of escalation note history*/
.escnotes { /*ISPN Notes*/
color: #333333;
background: #FFFFFF;
border: 0;
border-left: 1px solid #999999;
padding: 4px; padding-left: 25px;
font-size: 11px;
text-align: left;
word-wrap: break-word;
width: 90%;
}
.escnotes2 { /*System Notes*/
display: inline;
color: #888;
border: 0;
padding: 4px; padding-left: 25px;
font-size: 11px;
text-align: left;
word-wrap: break-word;
/*width: 90%;*/
}
.escnotes3 { /*Telco Notes*/
color: #333333;
background: #FFFFFF;
border: 0;
border-left: 1px solid #999999;
padding: 4px; padding-left: 25px;
font-size: 11px;
text-align: left;
word-wrap: break-word;
width: 90%;
}
/*End formatting of escalation note history*/
.instruct {
text-align: left;
background: #990000;
color: #FFFFFF;
font-weight: bold;
}
.instruct2 {
text-align: left;
background: #006600;
color: #FFFFFF;
font-weight: bold;
}
#catlist {
display: block;
padding: 10px 0 0 0;
text-align: left;
vertical-align: top;
font-weight: bold;
color: #EEEEEE;
}
.clearcat {
display: block;
padding: 0 0 0 10px;
margin-bottom: 6px;
background-color: #BCBCBC;
background: -moz-linear-gradient(top, #93979B 0%, #C8C8C8 100%);
background: -webkit-linear-gradient(top, #93979B 0%, #C8C8C8 100%);
background: -o-linear-gradient(top, #93979B 0%, #C8C8C8 100%);
background: -ms-linear-gradient(top, #93979B 0%, #C8C8C8 100%);
background: linear-gradient(top, #93979B 0%, #C8C8C8 100%);
border-radius: 2px;
box-shadow: inset 0 1px 2px #555, 0 1px 0 #fff;
vertical-align: middle;
color: #EEEEEE;
}
.category_entry {
display: block;
padding: 4px 10px;
background-color: #BCBCBC;
box-shadow: inset 0 1px 2px #555, 0 1px 0 #fff;
vertical-align: middle;
color: #242424;
}
.popExpand3 {
display:block;
background: url(../../images/box_sprite_xs.png) -365px -214px no-repeat;
width: 20px;
height: 22px;
/* padding: 4px; */
}
.popExpand3:hover {
background: url(../../images/box_sprite_xs.png) -387px -214px no-repeat;
}
.popExpand3:active {
background: url(../../images/box_sprite_xs.png) -409px -214px no-repeat;
}
.popShrink2 {
display:block;
background: url(../../images/box_sprite_xs.png) -337px -165px no-repeat;
width: 15px;
height: 15px;
padding: 4px;
}
.popShrink2:hover {
background: url(../../images/box_sprite_xs.png) -337px -188px no-repeat;
}
.popExpand2 {
display:block;
background: url(../../images/box_sprite_xs.png) -337px -120px no-repeat;
width: 15px;
height: 15px;
padding: 4px;
}
.popExpand2:hover {
background: url(../../images/box_sprite_xs.png) -337px -143px no-repeat;
}
.popShrink {
display:block;
background: url(../../images/box_sprite_xs.png) -315px -165px no-repeat;
width: 15px;
height: 15px;
padding: 4px;
}
.popShrink:hover {
background: url(../../images/box_sprite_xs.png) -315px -188px no-repeat;
}
.popExpand {
display:block;
background: url(../../images/box_sprite_xs.png) -315px -120px no-repeat;
width: 15px;
height: 15px;
padding: 4px;
}
.popExpand:hover {
background: url(../../images/box_sprite_xs.png) -315px -143px no-repeat;
}
.popOut {
display:block;
background: url(../../images/box_sprite_xs.png) -315px -210px no-repeat;
width: 15px;
height: 15px;
padding: 4px;
}
.popOut:hover {
background: url(../../images/box_sprite_xs.png) -315px -233px no-repeat;
}
.popIn {
display:block;
background: url(../../images/box_sprite_xs.png) -315px -255px no-repeat;
width: 15px;
height: 15px;
padding: 4px;
}
.popIn:hover {
background: url(../../images/box_sprite_xs.png) -315px -278px no-repeat;
}
.escCloseSmall {
display:block;
background: url(../../images/box_sprite_xs.png) -199px -263px no-repeat;
width: 9px;
height: 9px;
}
.escAssignSmall {
display:block;
background: url(../../images/box_sprite_xs.png) -210px -263px no-repeat;
width: 9px;
height: 9px;
}
.closeCatButton {
display:block;
background: url(../../images/box_sprite_xs.png) -43px -1px no-repeat;
margin-top: 1px;
width: 19px;
height: 19px;
z-index: 200;
}
.closeCatButton:hover {
background-position: -64px -1px;
}
.closeCatButton:active {
background-position: -85px -1px;
}
.updateButton {
display:block;
background: url(../../images/box_sprite_xs.png) -43px -22px no-repeat;
margin-top: 1px;
width: 19px;
height: 19px;
z-index: 200;
}
.updateButton:hover {
background-position: -64px -22px;
}
.updateButton:active {
background-position: -85px -22px;
}
.downButton {
display:block;
background: url(../../images/box_sprite_xs.png) -43px -43px no-repeat;
margin-top: 1px;
width: 19px;
height: 19px;
z-index: 200;
}
.downButton:hover {
background-position: -64px -43px;
}
.downButton:active {
background-position: -85px -43px;
}
.pasteButton {
display:block;
background: url(../../images/box_sprite_xs.png) -43px -64px no-repeat;
margin-top: 1px;
width: 19px;
height: 19px;
z-index: 200;
}
.pasteButton:hover {
background-position: -64px -64px;
}
.pasteButton:active {
background-position: -85px -64px;
}
.plusButton {
display:block;
background: url(../../images/box_sprite_xs.png) -43px -85px no-repeat;
margin-top: 1px;
width: 19px;
height: 19px;
z-index: 200;
}
.plusButton:hover {
background-position: -64px -85px;
}
.plusButton:active {
background-position: -85px -85px;
}
.plusButtonStatic {
display:block;
background: url(../../images/box_sprite_xs.png) -43px -85px no-repeat;
margin-top: 1px;
width: 20px;
height: 20px;
z-index: 200;
}
.tinyplus {
width: 20px; height: 20px;
border: 0;
}
.tinyplus:hover { border: 0; }
.tinyplus:focus { border: 0; }
.pasteLEDS {
display:block;
float:right;
margin-right: 5px;
background: url(../../images/box_sprite_xs.png) -106px -23px no-repeat;
width: 60px;
height: 18px;
z-index: 200;
}
.pasteLEDS:hover {
background-position: -106px -41px;
}
.pasteLEDS:active {
background-position: -106px -59px;
}
.led {
cursor: pointer;
border: 2px solid #CCCCCC;
padding: 0;
}
.led:hover {
border: 2px solid #990000;
}
#el {
background: url(/images/expand.png);
background-repeat: no-repeat;
}
#domainlist{
list-style: none;
}
#domainlist li {
display: block;
padding-bottom: 1px;
}
#srv {
display: inline-block;
width: 160px;
padding-right: 10px;
text-align: right;
}
#addr {
display: inline-block;
width: 300px;
padding-left: 20px;
text-align: left;
}
.pdub {
color: rgba(120,120,120,0);
}
.pdub:hover {
display: block;
color: rgba(120,120,120,100);
}
#qwarning {
display: block;
float: left;
width: 96.5%;
margin: 0 0 4px 0;
padding: 4px 20px 4px 20px;
border-radius: 4px;
background: orange;
background: -moz-linear-gradient(center top,rgb(235,104,68) 34%,rgb(245,158,95) 100%);
background: -webkit-linear-gradient(center top,rgb(235,104,68) 34%,rgb(245,158,95) 100%);
background: -o-linear-gradient(center top,rgb(235,104,68) 34%,rgb(245,158,95) 100%);
background: -ms-linear-gradient(center top,rgb(235,104,68) 34%,rgb(245,158,95) 100%);
background: linear-gradient(center top,rgb(235,104,68) 34%,rgb(245,158,95) 100%);
font-weight: bold;
}
#qcenter {
float: left;
margin-bottom: 5px;
border-radius: 40px;
background: #DBDBDB;
background: -moz-linear-gradient(top, #DBDBDB 0%, #BABABA 100%);
background: -webkit-linear-gradient(top, #DBDBDB 0%, #BABABA 100%);
background: -o-linear-gradient(top, #DBDBDB 0%, #BABABA 100%);
background: -ms-linear-gradient(top, #DBDBDB 0%, #BABABA 100%);
background: linear-gradient(top, #DBDBDB 0%, #BABABA 100%);
box-shadow: inset 0 2px 6px rgba(0,0,0,0.5), 0 1px 0 #FFF;
padding: 8px 40px 8px 40px;
font-weight: bold;
font-size: 11px;
text-align: left;
text-shadow: 0 1px 0 #FFF;
}
.subsearch {
display: block;
height: 24px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: bold;
padding-top: 10px;
border-top: 1px solid #aaa;
}
#subsearch2 {
display: block;
border-top: 1px solid #aaa;
width: 600px;
margin-left: auto;
margin-right: auto;
height: 24px;
text-align: center;
font-weight: bold;
padding-top: 10px;
}
.settings {
width: 40px;
height: 19px;
background: url(../images/settings_off.png) 0 0;
cursor: pointer;
}
.settings:hover {
background: url(../images/settings_on.png) 0 0;
}
.contextMenu {
display: none;
visibility: hidden;
margin: 0;
padding: 0;
font-family: verdana;
font-size: 12px;
list-style-type: none;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}
.etechBox {
float:left;
width:100%;
margin: 0 0 2px 0;
border-radius: 2px 2px 0 0;
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
text-align:center;
font-weight:bold;
overflow: hidden;
}
.etechTitle {
float: left;
width: 190px;
padding: 6px;
border-radius: 2px 0 0 2px;
background: #b5bdc8;
background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -webkit-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -o-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: -ms-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
background: linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
box-shadow: inner 0 1px 4px #333, 0 1px 0 #fff;
color: #FFF;
text-shadow: 0 1px 1px #444;
}
.etechService {
float: left;
height: 25px;
margin: 1px 2px 0 2px;
line-height: 25px;
padding: 0 16px 0 16px;
}
.etechServiceAfter{
float:left;
width: 6px;
height: 25px;
box-shadow: 1px 0 4px #AAA, -1px 0 4px #AAA;
}
.etechLabel {
text-shadow: 0 1px 0 #FFF !important;
}
.etechLabel:hover {
text-shadow: 0 1px 0 #90AECC !important;
}
.etechClear {
float:right;
padding: 6px 20px 6px 20px;
border-radius: 0 2px 2px 0;
background: #cedce7;
background: -moz-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: -webkit-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: -o-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: -ms-linear-gradient(top, #cedce7 0%, #596a72 100%);
background: linear-gradient(top, #cedce7 0%, #596a72 100%);
box-shadow: inner 0 1px 4px #333, 0 1px 0 #fff;
}
.alertLink {
float: left;
margin-left: 1px;
width: 99px;
padding: 5px;
border-radius: 2px 2px 0 0;
background: #AAAAAA;
box-shadow: inset 0 2px 3px #777, 0 1px 0 #fff;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
text-align: center;
font-weight: bold;
}
.subhead {
background-color: #888888;
border-top: 1px solid #BBBBBB;
border-bottom: 1px solid #666666;
color: #000000;
padding: 4px;
font-weight: bold;
text-align: left;
text-shadow: 0 1px 0 #AAAAAA;
}
.subhead2 {
background: #5E5E5E;
background: -moz-linear-gradient(top, #5E5E5E 0%, #262626 100%);
background: -webkit-linear-gradient(top, #5E5E5E 0%, #262626 100%);
background: -o-linear-gradient(top, #5E5E5E 0%, #262626 100%);
background: -ms-linear-gradient(top, #5E5E5E 0%, #262626 100%);
background: linear-gradient(top, #5E5E5E 0%, #262626 100%);
color:#FFFFFF;
padding: 6px 4px 6px 4px;
font-weight: bold;
text-align: left;
text-shadow: 0 1px 0 #111111;
letter-spacing: 1px;
}
.subhead3 {
background: #adadad;
background: -moz-linear-gradient(top, #adadad 0%, #898989 100%);
background: -webkit-linear-gradient(top, #adadad 0%, #898989 100%);
background: -o-linear-gradient(top, #adadad 0%, #898989 100%);
background: -ms-linear-gradient(top, #adadad 0%, #898989 100%);
background: linear-gradient(top, #adadad 0%, #898989 100%);
font-weight: bold;
color: #222;
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}
.subhead4 {
background-color: #DDDDDD;
color: #000000;
/* padding: 4px;*/
text-align: left;
}
.subhead5 {
font-weight: bold;
color:#555;
text-shadow: 0 1px 0 #FFF;
padding-bottom: 2px !important;
}
.queueHeader {
background: #3E3E3E;
color:#FFFFFF;
padding: 4px 5px 4px 5px;
text-shadow: 0 1px 2px #000;
letter-spacing: 1px;
}
.queueHeader3:hover {
background: #898989;
color:#FFFFFF;
}
.queueHeader2 {
background: #7C7C7C;
color:#FFFFFF;
padding: 4px 5px 4px 5px;
font-weight: bold;
text-align: left;
text-shadow: 0 1px 2px #000;
letter-spacing: 1px;
}
.tholdlink {
width: 200px;
margin: 0 auto;
padding: 6px 30px;
overflow: auto;
background: #fafafa;
background: -moz-linear-gradient(top, #fafafa 0%, #dcdcdc 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#dcdcdc));
background: -webkit-linear-gradient(top, #fafafa 0%,#dcdcdc 100%);
background: -o-linear-gradient(top, #fafafa 0%,#dcdcdc 100%);
background: -ms-linear-gradient(top, #fafafa 0%,#dcdcdc 100%);
background: linear-gradient(to bottom, #fafafa 0%,#dcdcdc 100%);
border-radius: 2px;
border: 1px solid rgb(204,204,204);
border-bottom-color: rgb(170, 170, 170);
box-shadow: rgb(255, 255, 255) 0px 0px 1px 0px inset;
font-weight: bold;
text-shadow: 0 1px 0 #FFF;
text-align: center;
cursor: pointer;
}
.tholdlink:hover {
background: rgb(235, 235, 235);
color: #990000;
border: 1px solid rgb(180,180,180);
border-bottom-color: rgb(170, 170, 170);
}
.tholdlink:active {
background: rgb(220,220,220);
background: -moz-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 100%);
background: -webkit-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 100%);
background: -o-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(top, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(220,220,220,1) 0%, rgba(250,250,250,1) 100%);
border: 1px solid rgb(204,204,204);
border-bottom-color: rgb(170, 170, 170);
box-shadow: rgb(255, 255, 255) 0px 0px 1px 0px inset;
}
.loadmore {
width: 778px;
margin: 0 auto;
padding: 10px;
background: #d8d8d8;
background: -moz-linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
background: -webkit-linear-gradient(top, #d8d8d8 0% ,#dbdbdb 100%);
background: -o-linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
background: -ms-linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
background: linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
color: #444;
border: 1px solid #CCC;
border-radius: 2px;
box-shadow: 0 1px 0 #FFF;
font: bold 12px Verdana,sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 0 #FFF;
cursor: pointer;
}
.loadmore:hover {
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
border: 1px solid #AAA;
color: #ec3b37;
}
.loadmore:active {
background: #cccccc;
background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: linear-gradient(top, #cccccc 0%, #eeeeee 100%);
}
.largeLoad {
/* width: 778px; */
margin: 0 auto;
padding: 10px;
background: #d8d8d8;
background: -moz-linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
background: -webkit-linear-gradient(top, #d8d8d8 0% ,#dbdbdb 100%);
background: -o-linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
background: -ms-linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
background: linear-gradient(top, #d8d8d8 0%, #dbdbdb 100%);
color: #444;
border: 1px solid #CCC;
border-radius: 2px;
box-shadow: 0 1px 0 #FFF;
font: bold 12px Verdana,sans-serif;
letter-spacing: 1px;
text-shadow: 0 1px 0 #FFF;
cursor: pointer;
}
.largeLoad:hover {
background: #eeeeee;
background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: linear-gradient(top, #eeeeee 0%, #cccccc 100%);
border: 1px solid #AAA;
color: #ec3b37;
}
.largeLoad:active {
background: #cccccc;
background: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
background: linear-gradient(top, #cccccc 0%, #eeeeee 100%);
}
.deviceHeader {
color: #666;
text-shadow: 0 1px 0 #FFF;
}
.escalProvider {
float: left;
padding: 3px;
}
.escalStats {
float: right;
width: 420px;
padding: 3px 20px 3px 30px;
border-radius: 0 0 1px 1px;
box-shadow: inset 0 0 8px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,0.5);
}
.escAlert1 {
background: #ff7400;
background: -moz-linear-gradient(top, #ff7400 8%, #FF5D00 100%);
background: -webkit-linear-gradient(top, #ff7400 8%, #FF5D00 100%);
background: -o-linear-gradient(top, #ff7400 8%, #FF5D00 100%);
background: -ms-linear-gradient(top, #ff7400 8%, #FF5D00 100%);
background: linear-gradient(top, #ff7400 8%, #FF5D00 100%);
}
.escAlert2 {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
}
.escalationLabel {
float: right;
margin-right: 1px;
padding: 3px 9px;
border-radius: 1px;
font-weight:bold;
}
.newbox {
width: 100%;
background-color: #ccc;
border-radius: 8px;
padding: 10px;
}
.newboxRed {
width: 96%;
margin-left: auto;
margin-right: auto;
text-align: center;
background-color: #990000;
border-radius: 8px;
padding-top: 10px;
padding-bottom: 10px;
}
.newboxGray {
width: 99%;
margin-left: auto;
margin-right: auto;
margin-bottom: 6px;
text-align: center;
background-color: #BBBBBB;
color: #222222;
font-weight: bold;
border-radius: 8px;
padding-top: 10px;
padding-bottom: 10px;
}
.warning {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
font-weight: bold;
color: white;
background-color: red;
letter-spacing: 10px;
padding: 2px;
}
.pad0 { padding: 0; }
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad3 { padding: 3px; }
.pad4 { padding: 4px; }
.pad5 { padding: 5px; }
.pad6 { padding: 6px; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pad4x10 { padding: 4px 10px; }
.pad20x10 { padding: 20px 10px; }
.tdd { padding: 0 !important; }
.tdd0 { height: 0; padding: 0 !important; }
.tdd1 { height: 1px; padding: 0 !important; }
.tdd2 { height: 2px; padding: 0 !important; }
.tdd3 { height: 3px; padding: 0 !important; }
.tdd4 { height: 4px; padding: 0 !important; }
.tdd5 { height: 5px; padding: 0 !important; }
.tdd6 { height: 6px; padding: 0 !important; }
.dots {
width: 100%;
height: 1px;
margin-bottom: 6px;
border: 0;
border-top: 2px dotted #000000;
}
.tdhd {
padding: 4px;
padding-left: 8px;
height: 25px;
background: url(../images/bg4.gif);
font-size: 11px;
color: #FFFFFF;
font-weight: bold;
}
.dropcap {
float: left;
padding-left: 2px;
padding-right: 6px;
}
#domainPreview {
font-weight: bold;
color: #006600;
text-shadow: 0 1px 0 #FFF;
}
/* Central page structure */
.topcontainerAlt {
width: 100%;
height: 76px;
float: left;
position: fixed;
z-index: +1;
top: 0;
left: 0;
text-align: center;
/* background: #2B2B2B; */
background: #15317E;
border-bottom: 1px solid black;
/* box-shadow: 0 3px 0 #ec3b37, 0 4px 6px #333, 0 6px 10px #FFF; */
;
/* box-shadow: 0 4px 0 #004a8d, 0 4px 6px #333, 0 6px 10px #FFF; */
}
.topcontainer {
width: 100%;
float: left;
position: fixed;
z-index: +2;
top: 0;
left: 0;
text-align: center;
background: #2B2B2B;
/* background: #15317E; */
/* primary */
border-bottom: 2px solid #ec3b37;
/* border-bottom: 3px solid #b6915c; */
/* border-bottom: 3px solid #09b128; */
}
.genesyscontainer {
width: 100%;
position: fixed;
top: 33px;
height: 50px;
background: #CDCDCD;
}
.searchcontainer {
width: 100%;
position: fixed;
top: 33px;
height: 50px;
background: #DCDCDC;
border-bottom: 1px solid #BCBCBC;
z-index: +1;
}
.notescontainer {
display:none;
overflow: auto;
width: 100%;
position: sticky;
/* left: 0; */
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
top: 88px;
height: 120px;
/* background: #f0eacd; */
z-index: +1;
padding: 1px;
background: #E6E6E6;
color: #000;
border-radius: 3px;
border: 2px solid #FFF;
box-shadow: 0 6px 6px rgba(0,0,0,.5);
}
.searchcontainerBrawndo {
width: 100%;
position: fixed;
top: 33px;
height: 72px;
/* background: #f5d300; */
background: url(../images/brawndo_bg.png) 0 -30px no-repeat;
border-bottom: 3px solid #721511;
z-index: +1;
}
.searchcontainerCHIEFS {
width: 100%;
position: fixed;
top: 33px;
height: 54px;
/* background: linear-gradient(to right, rgba(220,220,220,1) 0%,rgba(202,36,48,1) 100%); */
/* background: url(../images/chiefs_bg.png) 0 0 repeat-x; */
/* background-size: contain; */
background: #DCDCDC;
border-bottom: 3px solid #721511;
z-index: +1;
}
.searchcontainerNY {
width: 100%;
position: fixed;
top: 33px;
height: 50px;
/* background: #DCDCDC; */
background: url(../images/ny_bg.png) 0 -80px no-repeat;
border-bottom: 1px solid #ea731e;
z-index: +1;
}
.searchcontainerDark {
width: 100%;
position: fixed;
top: 33px;
height: 50px;
background: #333333;
border-bottom: 1px solid #BCBCBC;
z-index: +1;
}
.logoISPNchiefs {
float: left;
margin: -12px 22px 0 0;
width: 360px;
height: 65px;
background: url(../images/ispn.helpdesk.chiefs.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPNchiefs:hover {
filter: sepia(100%);
}
.logoISPNchiefsDivisional {
float: left;
margin: -12px 22px 0 0;
width: 360px;
height: 75px;
background: url(../images/ispn.helpdesk.chiefs.divisional.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPNchiefsDivisional:hover {
filter: sepia(100%);
}
.logoISPNchiefsAFC {
float: left;
margin: -21px 22px 0 0;
width: 360px;
height: 85px;
background: url(../images/ispn.helpdesk.chiefs.afc.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPNchiefsAFC:hover {
filter: sepia(100%);
}
/* .logoISPNchiefsAFC {
float: left;
margin: -12px 22px 0 0;
width: 362px;
height: 90px;
background: url(../images/ispn.helpdesk.chiefs.AFC.png) 0 0 no-repeat;
}
.logoISPNchiefsAFC:hover {
float: left;
margin: -12px 22px 0 0;
width: 362px;
height: 90px;
background: url(../images/ispn.helpdesk.chiefs.AFC.png) 0 0 no-repeat;
filter: sepia(100%);
} */
.logoISPNchiefsAFCchamps {
float: left;
margin: -12px 22px 0 0;
width: 362px;
height: 90px;
background: url(../images/ispn.helpdesk.chiefs.AFC.champs.png) 0 0 no-repeat;
}
.logoISPNchiefsAFCchamps:hover {
float: left;
margin: -12px 22px 0 0;
width: 362px;
height: 90px;
background: url(../images/ispn.helpdesk.chiefs.AFC.champs.png) 0 0 no-repeat;
filter: sepia(100%);
}
/* .logoISPNchiefsSuperbowl {
float: left;
margin: -26px 22px 0 0;
width: 385px;
height: 80px;
background: url(../images/ispn.helpdesk.chiefs.superbowl.58.png) 0 0 no-repeat;
}
.logoISPNchiefsSuperbowl:hover {
float: left;
margin: -26px 22px 0 0;
width: 385px;
height: 80px;
background: url(../images/ispn.helpdesk.chiefs.superbowl.58.png) 0 0 no-repeat;
filter: sepia(100%);
} */
.logoISPNchiefsSuperbowl {
float: left;
margin: -21px 22px 0 0;
width: 360px;
height: 85px;
background: url(../images/ispn.helpdesk.chiefs.superbowl.lix.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPNchiefsSuperbowl:hover {
filter: sepia(100%);
}
.logoISPNchiefsSuperbowlChamps {
float: left;
margin: -21px 22px 0 0;
width: 360px;
height: 85px;
background: url(../images/ispn.helpdesk.chiefs.superbowl.lix.champs.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPNchiefsSuperbowlChamps:hover {
filter: sepia(100%);
}
.logoISPNnewyear2022 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2022.png) 0 0 no-repeat;
}
.logoISPNnewyear2023 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2022.png) 0 0 no-repeat;
}
.logoISPNnewyear2024 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2024.png) 0 0 no-repeat;
}
.logoISPNnewyear2025 {
float: left;
margin: 3px 0 0 6px;
width: 300px;
height: 65px;
background: url(../images/ispn.helpdesk.newyear.2025.png) 0 0 no-repeat;
background-size: 300px;
}
.logoISPNnewyear2021 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2021.png) 0 0 no-repeat;
}
.logoISPNnewyear2020 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2020.png) 0 0 no-repeat;
}
.logoISPNnewyear2019 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2019.png) 0 0 no-repeat;
}
.logoISPNnewyear2018 {
float: left;
margin: -4px 20px 0 0;
width: 370px;
height: 90px;
background: url(../images/ispn.helpdesk.newyear2018.png) 0 0 no-repeat;
}
.logoISPNnewyear2017 {
float: left;
margin: -4px 20px 0 0;
width: 350px;
height: 100px;
background: url(../images/ispn.helpdesk.newyear2017.png) 0 0 no-repeat;
}
.logoISPNnewyear2016 {
float: left;
margin: -4px 20px 0 0;
width: 350px;
height: 100px;
background: url(../images/ispn.helpdesk.newyear2016.png) 0 0 no-repeat;
}
.logoISPNnewyear2016:hover {
background: url(../images/ispn.helpdesk.newyear2016_hover.png) 0 0 no-repeat;
}
.logoISPNnewyear2015 {
float: left;
margin: -3px 20px 0 12px;
width: 300px;
height: 100px;
background: url(../images/ispn.helpdesk.newyear2015.png) 0 0 no-repeat;
}
.logoISPNxmas2014 {
float: left;
margin: -4px 20px 0 12px;
width: 300px;
height: 100px;
background: url(../images/ispn.helpdesk.xmas2014.png) 0 0 no-repeat;
}
.logoISPNxmas2015 {
float: left;
margin: 0 20px 0 6px;
width: 300px;
height: 50px;
background: url(../images/ispn.helpdesk.xmas2015.png) 0 0 no-repeat;
}
.logoISPNxmas2016 {
float: left;
margin: 0 20px 0 6px;
width: 300px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2017 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2018 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2019 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2020 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2021 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2022 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas2023 {
float: left;
margin: 0 20px 0 6px;
width: 310px;
height: 60px;
background: url(../images/ispn.helpdesk.xmas2016.png) 0 0 no-repeat;
}
.logoISPNxmas {
float: left;
margin: 3px 0 0 6px;
width: 300px;
height: 65px;
background: url(../images/ispn.helpdesk.xmas_XL.png) 0 0 no-repeat;
background-size: 300px;
}
.logoISPNroyals {
float: left;
margin: 2px 20px 0 12px;
width: 300px;
height: 100px;
background: url(../images/ispn.helpdesk.royals.big.png) 0 0 no-repeat;
}
.logoISPNroyals2015 {
float: left;
margin: 1px 5px 0 12px;
width: 375px;
height: 75px;
background: url(../images/ispn.helpdesk.royals.big.2015.png) 0 0 no-repeat;
}
.logoISPNroyals2015champions {
float: left;
margin: 1px 5px 0 12px;
width: 400px;
height: 75px;
background: url(../images/ispn.helpdesk.royals.champions.png) 0 0 no-repeat;
}
.logoISPNroyals2015champions2 {
float: left;
margin: 1px 5px 0 6px;
width: 300px;
height: 70px;
background: url(../images/ispn.helpdesk.royals.champions.2.png) 0 0 no-repeat;
}
.logoISPNroyals2024 {
float: left;
margin: -12px 22px 0 0;
width: 360px;
height: 85px;
background: url(../images/ispn.helpdesk.royals.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPNthanksgiving2015 {
float: left;
margin: 1px 5px 0 6px;
width: 300px;
height: 70px;
background: url(../images/ispn.helpdesk.thanksgiving.2015.png) 0 0 no-repeat;
}
.logoISPNthanksgiving2016 {
float: left;
margin: 1px 5px 0 6px;
width: 300px;
height: 60px;
background: url(../images/ispn.helpdesk.thanksgiving.2016.png) 0 0 no-repeat;
}
.logoISPNveterans2015 {
float: left;
margin: 1px 5px 0 6px;
width: 300px;
height: 50px;
background: url(../images/ispn.helpdesk.veterans.2015.png) 0 0 no-repeat;
}
.logoISPNveterans2018 {
float: left;
margin: 1px 5px 0 6px;
width: 322px;
height: 70px;
background: url(../images/ispn.helpdesk.veterans.2018.png) 0 0 no-repeat;
}
.logoISPNveterans2019 {
float: left;
margin: 1px 5px 0 6px;
width: 322px;
height: 70px;
background: url(../images/ispn.helpdesk.veterans.2019.png) 0 0 no-repeat;
}
.logoISPNveterans {
float: left;
margin: 3px 0 0 6px;
width: 300px;
height: 65px;
background: url(../images/ispn.helpdesk.veterans.xl.png) 0 0 no-repeat;
background-size: 300px;
}
.logoISPNstpattys {
float: left;
margin: 1px 5px 0 12px;
width: 298px;
height: 72px;
background: url(../images/ispn.helpdesk.stpattys.png) 0 0 no-repeat;
}
.logoISPNaprilfools {
float: left;
margin: 1px 5px 0 6px;
width: 300px;
height: 100px;
background: url(../images/ispn.helpdesk.brawndo.png) 0 0 no-repeat;
}
.logoISPNhalloweenPumpkin {
float: left;
margin: 0 20px 0 12px;
width: 300px;
height: 70px;
background: url(../images/ispn.helpdesk.halloween.png) 0 0 no-repeat;
}
.logoISPNhalloweenPumpkin:hover {
background: url(../images/ispn.helpdesk.halloween.over.png) 0 0 no-repeat;
}
.logoISPNhalloweenPennywise {
float: left;
margin: 0 20px 0 12px;
width: 300px;
height: 70px;
background: url(../images/ispn.helpdesk.halloween.2018.png) 0 0 no-repeat;
}
.logoISPNhalloweenIronMaiden {
float: left;
margin: 0 20px 0 12px;
width: 300px;
height: 70px;
background: url(../images/ispn.helpdesk.halloweenB.png) 0 0 no-repeat;
}
.logoISPNhalloween2015 {
float: left;
margin: 0 5px 0 12px;
width: 375px;
height: 75px;
background: url(../images/ispn.helpdesk.halloween.2015.png) 0 0 no-repeat;
}
.logoISPNstayHome {
float: left;
margin: 12px 20px 0 12px;
width: 228px;
height: 42px;
background: url(../images/ispn.helpdesk.stayhome.png) 0 0 no-repeat;
cursor: pointer;
}
.logoISPN {
float: left;
margin: 12px 20px 0 12px;
width: 200px;
height: 40px;
background: url(../images/ispn.helpdesk.png) 0 0 no-repeat;
cursor: pointer;
}
.logoISPNsvg {
float: left;
margin: 12px 20px 0 12px;
width: 200px;
height: 40px;
background: url(../images/ispn.helpdesk.svg) 0 0 no-repeat;
cursor: pointer;
}
.logoISPNdev {
float: left;
margin: -21px 22px 0 0;
width: 310px;
height: 85px;
background: url(../images/ispn.helpdesk.dev.xl.png) 0 0 no-repeat;
background-size: 360px;
}
.logoISPN2 {
float: left;
margin: 12px 20px 0 12px;
width: 175px;
height: 42px;
line-height: 25px;
cursor: pointer;
font-size: 25pt;
font-family: Surface,Helvetica,Arial,sans-serif;
text-decoration: none;
}
.logoISPN2:hover {
text-decoration: none;
}
.logoLink {
display: block;
position: relative;
width: 176px;
/* width: 350px; */
height: 40px;
background: transparent;
cursor: pointer;
}
#globalsearchfield {
float: left;
width: 420px;
height: 28px;
margin-top: 10px;
margin-right: 15px;
background: #FFF;
border-radius: 2px;
border: 1px solid #C4C4C4;
box-shadow: inset 0 1px 6px #E6E6E6;
}
#globalsearchinput {
float: left;
width: 290px;
height: 26px;
margin-left: 6px;
margin-top: 2px;
padding: 0;
background: transparent;
border: 0;
color: #434343;
font-size: 11pt;
font-weight: bold;
}
#globalsearchoption {
float: right;
height:25px;
}
#globalsearchoption select {
display: block;
clear: both;
margin-top: 4px;
background: #908f86;
color: #EEEEEE;
font-weight: bold;
letter-spacing: 1px;
border: 0;
}
.globalsearchbutton {
float: right !important;
display: block !important;
margin: 4px 4px 0 8px !important;
height: 20px !important;
width: 19px !important;
background: url(../images/box_sprite_xs.png) -128px -1px no-repeat !important;
cursor: pointer !important;
border: 0 !important;
box-shadow: none !important;
}
.globalsearchbutton:hover {
height: 20px !important;
width: 19px !important;
background: url(../images/box_sprite_xs.png) -147px -1px no-repeat !important;
}
.advSearchBlock {
display: none;
/* position: absolute; */
margin: 31px 0 0 -1px;
width: 408px;
padding: 6px;
background: #EEE;
border: 1px solid #BCBCBC;
text-align: left;
}
.inlineSearchBlock {
display: none;
position: absolute;
margin: 31px 0 0 -1px;
width: 520px;
padding: 6px;
background: #EEE;
border: 1px solid #BCBCBC;
text-align: left;
}
#globalsearchsettings {
float: left;
height: 50px;
font: bold 11px/50px Verdana,sans-serif;
}
#sessionstring {
float:right;
padding-right: 10px;
font: bold 11px/50px Verdana,sans-serif;
color: #444;
}
#sessionstring div {
float: left;
}
#sessionstring a {
font: bold 11px/50px Verdana,sans-serif;
color: #444;
}
.shortLink {
margin-left: 18px;
color: #7b6969;
font: bold 11px/50px Verdana,sans-serif;
}
.notifier {
position: absolute;
top: 0;
right: 0;
/*width:220px;*/
height: 30px;
margin: 5px 0 0 0;
}
.maincontent {
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 76px;
}
.maincontent3 {
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 76px;
padding: 2px;
background: #464141;
overflow: auto;
}
.middlecontainerAlt {
width: 98%;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
text-align: center;
}
.logo {
position: absolute;
top: 3px; left: 0;
width: 158px; height: 72px;
background: url(../images/box_sprite.png) 0 -776px no-repeat;
cursor: pointer;
}
.bulletBreak {
margin: 0 6px 0 6px;
color: #696969;
text-shadow: 0 -1px 0 #333333, 0 1px 0 #878787;
}
.bulletBreak2 {
margin: 0 6px 0 6px;
color: #696969;
font-size: 12px;
font-weight: bold;
}
.fakeBullet {
float: left;
margin: 10px 2px 4px 2px;
width: 6px;
height: 6px;
background: transparent;
border-radius: 10px;
box-shadow: inset 0 1px 2px #666, 0 1px 0 #FFF;
}
.fakeBullet2 {
float: left;
margin: 10px 2px 4px 2px;
width: 6px;
height: 6px;
background: transparent;
border-radius: 10px;
box-shadow: inset 0 1px 2px #333, 0 1px 0 #DDD;
}
.fakeBullet3 {
float: left;
margin: 10px 2px 4px 2px;
width: 6px;
height: 6px;
background: transparent;
border-radius: 10px;
box-shadow: inset 0 1px 2px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,0.3);
}
.fakeBullet4 {
display: block;
margin-left: auto;
margin-right: auto;
width: 12px;
height: 12px;
background: transparent;
border-radius: 10px;
box-shadow: inset 0 0 2px rgba(0,0,0,.5);
}
.fbulletGreen {
background: green;
background: -moz-radial-gradient(center, ellipse cover, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(201,222,150,1) 0%, rgba(138,182,107,1) 44%, rgba(57,130,53,1) 100%);
}
.fbulletOrange {
background: orange;
background: -moz-radial-gradient(center, ellipse cover, rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(250,198,149,1) 0%, rgba(245,171,102,1) 47%, rgba(239,141,49,1) 100%);
}
.fbulletRed {
background: red;
background: -moz-radial-gradient(center, ellipse cover, rgba(255,126,112,1) 0%, rgba(255,26,0,1) 100%);
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,126,112,1) 0%, rgba(255,26,0,1) 100%);
background: radial-gradient(center, ellipse cover, rgba(255,126,112,1) 0%, rgba(255,26,0,1) 100%);
}
.snrDisplay {
display: block;
padding: 2px;
}
.snrGreen {
background: -moz-linear-gradient(top, rgba(41,154,11,0) 50%, rgba(29,117,9,1) 100%);
background: -webkit-linear-gradient(top, rgba(41,154,11,0) 50%, rgba(29,117,9,1) 100%);
background: -o-linear-gradient(top, rgba(41,154,11,0) 50%, rgba(29,117,9,1) 100%);
background: -ms-linear-gradient(top, rgba(41,154,11,0) 50%, rgba(29,117,9,1) 100%);
background: linear-gradient(to bottom, rgba(41,154,11,0) 50%, rgba(29,117,9,1) 100%);
}
.snrOrange {
background: -moz-linear-gradient(top, rgba(255,103,15,0) 50%, rgba(211,98,12,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,103,15,0) 50%, rgba(211,98,12,1) 100%);
background: -o-linear-gradient(top, rgba(255,103,15,0) 50%, rgba(211,98,12,1) 100%);
background: -ms-linear-gradient(top, rgba(255,103,15,0) 50%, rgba(211,98,12,1) 100%);
background: linear-gradient(to bottom, rgba(255,103,15,0) 50%, rgba(211,98,12,1) 100%);
}
.snrRed {
background: -moz-linear-gradient(top, rgba(255,48,25,0) 50%, rgba(207,4,4,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,48,25,0) 50%, rgba(207,4,4,1) 100%);
background: -o-linear-gradient(top, rgba(255,48,25,0) 50%, rgba(207,4,4,1) 100%);
background: -ms-linear-gradient(top, rgba(255,48,25,0) 50%, rgba(207,4,4,1) 100%);
background: linear-gradient(to bottom, rgba(255,48,25,0) 50%, rgba(207,4,4,1) 100%);
}
.bulletCount {
/*width: 10px;*/
/*height: 10px;*/
padding: 0 4px;
background: transparent;
border-radius: 2px;
box-shadow: inset 0 1px 2px #666, 0 1px 0 rgba(255,255,255,0.6);
color: #555;
font-weight: bold;
text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
.quotaHolder {
float: left;
margin: 10px 2px 4px 2px;
width: 6px;
height: 6px;
background: transparent;
/* border-radius: 10px; */
box-shadow: inset 0 1px 2px #666, 0 1px 0 #FFF;
}
.quotaBar {
height: 6px;
background: #05abe0;
background: -moz-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
background: -webkit-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
background: -o-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
background: -ms-linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
background: linear-gradient(top, #87e0fd 0%, #53cbf1 40%, #05abe0 100%);
/* border-radius: 10px; */
box-shadow: inset 0 1px 2px #666, 0 1px 0 #FFF;
}
.quotaBarRed {
height: 6px;
background: #ff8989;
background: -moz-linear-gradient(top, #ff8989 0%, #f25454 40%, #e00606 100%);
background: -webkit-linear-gradient(top, #ff8989 0%, #f25454 40%, #e00606 100%);
background: -o-linear-gradient(top, #ff8989 0%, #f25454 40%, #e00606 100%);
background: -ms-linear-gradient(top, #ff8989 0%, #f25454 40%, #e00606 100%);
background: linear-gradient(top, #ff8989 0%, #f25454 40%, #e00606 100%);
/* border-radius: 10px; */
box-shadow: inset 0 1px 2px #666, 0 1px 0 #FFF;
}
.quota-holder {
float: left;
margin: 10px 2px 4px 2px;
width: 6px;
height: 6px;
background: #EFEFEF;
/* border-radius: 10px; */
}
.quota-bar {
height: 6px;
background: #05abe0;
/* border-radius: 10px; */
}
.quota-bar-red {
height: 6px;
background: #e00606;
/* border-radius: 10px; */
}
.topAlt {
float: left;
margin-left: 37px;
height: 20px;
text-align: left;
padding: 8px 4px 2px 4px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #D3DDE2;
}
.topInfo {
float: left;
/*margin-left: 37px;*/
height: 20px;
text-align: left;
padding-left: 11px; padding-top: 8px; padding-bottom: 2px;
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #D3DDE2;
}
.logoutAlt {
color: #FBCCA6 !important;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold !important;
}
#sysmessagereminder a {
font-size: 11px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
color: #ec3b37;
}
#sysmessagereminder a:hover {
text-decoration: none;
}
.messageBadge {
position: relative;
display: inline-table;
padding: 0 10px 0 10px;
height: 20px;
line-height: 20px;
text-align:center;
border-radius: 80px;
background: #ff5242;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
color:#000;
text-shadow: 0 1px 0 rgba(255,255,255,0.3);
font-size:9px;
}
.messageBadge2 {
position: relative;
display: inline-table;
padding: 4px;
/* height: 8px; */
line-height: 6px;
margin-top: -4px;
text-align: center;
border-radius: 80px;
background: #ff5242;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
color:#FFF;
text-shadow: 0 1px 0 rgba(255,255,255,0.3);
font-size: 7px;
font-weight: bold;
}
.badgeBlue {
background: #19a5fc;
}
.menublockAlt {
z-index: 2;
position: absolute;
top: 34px; left: 170px;
}
.menuBlock {
z-index: 2;
float: left;
margin: 4px 10px 4px 10px;
/*top: 34px; left: 170px;*/
}
.upperAlt {
display: block;
z-index: 0;
position: fixed;
top: 70px;
right: 1px;
margin-right: 8px;
margin-top: 6px;
width: 40px; height:40px;
background: url(../images/box_sprite.png) -255px -803px no-repeat;
}
/* Global search box styling */
.gSearch {
position: relative;
float: right;
width: 260px;
height: 24px;
margin-top: 6px;
margin-right: 15px;
background: #BFBEB1;
background: -moz-linear-gradient(left, #AAA79E 0%, #BFBEB1 23%, #BFBEB1 100%);
background: -webkit-linear-gradient(left, #AAA79E 0%, #BFBEB1 23%, #BFBEB1 100%);
background: -o-linear-gradient(left, #AAA79E 0%, #BFBEB1 23%, #BFBEB1 100%);
background: -ms-linear-gradient(left, #AAA79E 0%, #BFBEB1 23%, #BFBEB1 100%);
background: linear-gradient(left, #AAA79E 0%, #BFBEB1 23%, #BFBEB1 100%);
border-radius: 2px;
border: 1px solid #C4C4C4;
box-shadow: inset 4px 0 8px rgba(0,0,0,0.2);
}
.gSearch:before,
.gSearch:after {
content:"";
position:absolute;
z-index:-10;
}
.gSearch p {
font-size:16px;
font-weight:bold;
}
.gLifted:before {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
#globalSearch input {
float: left;
height: 20px;
margin-left: 6px;
margin-top: 2px;
padding: 0;
background: transparent;
border: 0;
color: #434343;
font-size: 12px;
font-weight: bold;
}
#gsearchbutton {
float: right !important;
display: block !important;
height: 20px !important;
width: 24px !important;
background: url(../images/box_sprite.png) -260px -875px no-repeat !important;
cursor: pointer !important;
border: 0;
box-shadow: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
#gsearchbutton:hover {
background: url(../images/box_sprite.png) -260px -929px no-repeat !important;
border: 0;
box-shadow: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
#gsearchoption {
position: absolute;
margin-left: 160px;
height:25px;
}
#gsearchoption select {
display: block;
clear: both;
margin-top: 2px;
background: #908f86;
color: #EEEEEE;
font-weight: bold;
letter-spacing: 1px;
border: 0;
}
#advancedsearch {
position: relative;
display: block;
float: right;
clear:both;
margin: 0 15px 0 0;
color: #c1c0b3 !important;
font-weight: bold;
letter-spacing: 1px;
}
#advancedsearch:hover {
text-decoration: none !important;
color: #ec3b37 !important;
}
#advancedsearch a {
color: #c1c0b3 !important;
font-weight: bold;
letter-spacing: 1px;
}
#advancedsearch a:hover {
text-decoration: none !important;
color: #ec3b37 !important;
}
/* END Global search box styling */
.smallBlueArrow {
float: left;
display: block;
margin: 3px 0 0 10px;
height: 11px;
width: 26px;
background: url(../images/box_sprite.png) -209px -1978px no-repeat;
cursor: pointer;
}
.ticketid {
float: left;
font-weight: bold;
color: #990000;
letter-spacing: 1px;
line-height: 17px;
}
.ticketDate {
float:left;
font-weight: bold;
line-height: 17px;
}
.blueText {
color: #0023cc;
}
.darkblueText {
color: #003366;
}
.lightblueText {
color: #3399FF;
}
.lightblueText2 {
color: #0066CC;
}
.purpleText {
color: #990099;
}
.orangeText {
color: #CC3300;
}
.greenText {
color: #004400;
}
.greenText2 {
color: #005500;
}
.lightgreenText {
color: #66FF00;
}
.midgreenText {
color: #51b30e;
}
.yellowText {
color: #FFCC33;
}
.redText {
color: #990000;
}
.calix_issue {
color: #c60101;
}
.calix_warning {
color: #ffa500;
}
.lightredText {
color: #ec3b37;
}
.greyText {
color: #444444;
}
.lightgreyText {
color: #777777;
}
.lightgreyText2 {
color: #555555;
}
.lightgreyText3 {
color: #BABABA;
}
.lightgreyText4 {
color: #999999;
}
.darkgreyText {
color: #121212;
}
.darkgreyText2 {
color: #333333;
}
.whiteText {
color: #FFFFFF;
}
.template-text {
margin-bottom: 4px;
color: #968d8d;
text-shadow: #ffffff 1px 1px;
}
.pointer {
cursor: pointer;
}
.copyable {
cursor: pointer !important;
}
.highlight {
color: #000;
background: #F27D7D;
border: 2px solid #F27D7D;
}
.textSpacingOne {
letter-spacing: 1px;
}
.offscreen {
position: absolute;
margin-top:-9999px;
visibility:hidden;
}
.wrench {
height: 18px;
width: 23px;
background: url(../images/box_sprite_xs.png) -276px -2px no-repeat;
}
.fatsearch {
float: right !important;
display: block !important;
height: 21px !important;
width: 22px !important;
background: url(../images/box_sprite.png) -179px -2177px no-repeat !important;
cursor: pointer !important;
border: 0;
box-shadow: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.fatsearch:hover {
background: url(../images/box_sprite.png) -179px -2154px no-repeat !important;
border: 0;
box-shadow: none;
-moz-transition: none;
-webkit-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
.tinyrefresh {
height: 10px;
width: 11px;
background: url(../images/box_sprite_xs.png) -283px -199px no-repeat;
cursor: pointer;
}
/* .hamburger {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -25px -277px no-repeat;
cursor: pointer;
}
.hamburger:hover {
background: url(../images/box_sprite_xs.png) -46px -277px no-repeat;
}
.hamburger:active {
background: url(../images/box_sprite_xs.png) -67px -277px no-repeat;
} */
.helpIcon {
height: 22px;
width: 18px;
background: url(../images/box_sprite_xs.png) -340px -277px no-repeat;
cursor: pointer;
}
.helpIcon:hover {
background: url(../images/box_sprite_xs.png) -360px -277px no-repeat;
}
.helpIcon:active {
background: url(../images/box_sprite_xs.png) -380px -277px no-repeat;
}
.logoutButton {
height: 22px;
width: 13px;
background: url(../images/box_sprite_xs.png) -91px -277px no-repeat;
cursor: pointer;
}
.logoutButton:hover {
background: url(../images/box_sprite_xs.png) -105px -277px no-repeat;
}
.logoutButton:active {
background: url(../images/box_sprite_xs.png) -119px -277px no-repeat;
}
.padlock {
height: 18px;
width: 14px;
background: url(../images/box_sprite_xs.png) -315px -1px no-repeat;
cursor: pointer;
}
.padlock:hover {
background: url(../images/box_sprite_xs.png) -331px -1px no-repeat;
}
.padlock:active {
background: url(../images/box_sprite_xs.png) -347px -1px no-repeat;
}
.dooropen {
height: 24px;
width: 18px;
background: url(../images/box_sprite_xs.png) -340px -251px no-repeat;
cursor: pointer;
}
.dooropen:hover {
background: url(../images/box_sprite_xs.png) -361px -251px no-repeat;
}
.dooropen:active {
background: url(../images/box_sprite_xs.png) -382px -251px no-repeat;
}
.mfaicon {
height: 24px;
width: 28px;
background: url(../images/box_sprite_xs.png) -407px -251px no-repeat;
cursor: pointer;
}
.mfaicon:hover {
background: url(../images/box_sprite_xs.png) -437px -251px no-repeat;
}
.mfaicon:active {
background: url(../images/box_sprite_xs.png) -467px -251px no-repeat;
}
.mfaicon_off {
height: 24px;
width: 28px;
background: url(../images/box_sprite_xs.png) -407px -278px no-repeat;
cursor: pointer;
}
.mfaicon_off:hover {
background: url(../images/box_sprite_xs.png) -437px -278px no-repeat;
}
.mfaicon_off:active {
background: url(../images/box_sprite_xs.png) -467px -278px no-repeat;
}
.mergeButton {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -289px -234px no-repeat;
cursor: pointer;
}
.mergeButton:hover {
background: url(../images/box_sprite_xs.png) -289px -256px no-repeat;
}
.mergeButton:active {
background: url(../images/box_sprite_xs.png) -289px -278px no-repeat;
}
.prune1 {
height: 19px;
width: 17px;
background: url(../images/box_sprite_xs.png) -105px -224px no-repeat;
cursor: pointer;
}
.prune1:hover {
background: url(../images/box_sprite_xs.png) -105px -244px no-repeat;
}
.prune0 {
height: 19px;
width: 17px;
background: url(../images/box_sprite_xs.png) -123px -224px no-repeat;
cursor: pointer;
}
.prune0:hover {
background: url(../images/box_sprite_xs.png) -123px -244px no-repeat;
}
.prune-1 {
height: 19px;
width: 17px;
background: url(../images/box_sprite_xs.png) -87px -224px no-repeat;
cursor: pointer;
}
.prune-1:hover {
background: url(../images/box_sprite_xs.png) -87px -244px no-repeat;
}
.shareButton {
height: 21px;
width: 16px;
background: url(../images/box_sprite_xs.png) -366px -92px no-repeat;
cursor: pointer;
}
.shareButton:hover {
background: url(../images/box_sprite_xs.png) -384px -92px no-repeat;
}
.shareButton:active {
background: url(../images/box_sprite_xs.png) -402px -92px no-repeat;
}
.shareButtonPressed {
height: 21px;
width: 16px;
background: url(../images/box_sprite_xs.png) -402px -92px no-repeat;
cursor: pointer;
}
.bigrefresh {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -226px -189px no-repeat;
cursor: pointer;
}
.bigrefresh:hover {
background: url(../images/box_sprite_xs.png) -249px -189px no-repeat;
}
.bigrefresh:active {
background: url(../images/box_sprite_xs.png) -249px -166px no-repeat;
}
.circlerefresh {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -159px -215px no-repeat;
cursor: pointer;
}
.circlerefresh:hover {
background: url(../images/box_sprite_xs.png) -180px -215px no-repeat;
}
.circlerefresh:active {
background: url(../images/box_sprite_xs.png) -201px -215px no-repeat;
}
.circlewifi {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -159px -275px no-repeat;
cursor: pointer;
}
.circlewifi:hover {
background: url(../images/box_sprite_xs.png) -180px -275px no-repeat;
}
.circlewifi:active {
background: url(../images/box_sprite_xs.png) -201px -275px no-repeat;
}
.circlewifipressed {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -201px -275px no-repeat;
cursor: pointer;
}
.circlecharge {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -159px -238px no-repeat;
cursor: pointer;
}
.circlecharge:hover {
background: url(../images/box_sprite_xs.png) -180px -238px no-repeat;
}
.circlecharge:active {
background: url(../images/box_sprite_xs.png) -201px -238px no-repeat;
}
.circlechargepressed {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -201px -238px no-repeat;
cursor: pointer;
}
.circlechargeDisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -159px -238px no-repeat;
opacity: .5;
}
.circleVis {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -362px -117px no-repeat;
cursor: pointer;
}
.circleVis:hover {
background: url(../images/box_sprite_xs.png) -384px -117px no-repeat;
}
.circleVis:active {
background: url(../images/box_sprite_xs.png) -406px -117px no-repeat;
}
.circleVispressed {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -406px -117px no-repeat;
cursor: pointer;
}
.circleVisDisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -428px -117px no-repeat;
}
.circleVisDisabled:hover {
background: url(../images/box_sprite_xs.png) -384px -117px no-repeat;
}
.circleVisDisabled:active {
background: url(../images/box_sprite_xs.png) -406px -117px no-repeat;
}
.iconDisabled {
opacity: .5;
cursor: default !important;
}
.circlereset {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -223px -215px no-repeat;
cursor: pointer;
}
.circlereset:hover {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -245px -215px no-repeat;
cursor: pointer;
}
.circlereset:active {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -267px -215px no-repeat;
cursor: pointer;
}
.circleresetdisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -223px -237px no-repeat;
cursor: pointer;
}
.circlecopy {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -65px -105px no-repeat;
cursor: pointer;
}
.circlecopy:hover {
background: url(../images/box_sprite_xs.png) -86px -105px no-repeat;
}
.circleedit2 {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -297px -92px no-repeat;
cursor: pointer;
}
.circleedit2:hover {
background: url(../images/box_sprite_xs.png) -319px -92px no-repeat;
}
.circleedit2:active {
background: url(../images/box_sprite_xs.png) -341px -92px no-repeat;
}
.circleedit2disabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -297px -92px no-repeat;
-webkit-filter: opacity(.3);
filter: opacity(.3)
}
.circlelinks {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -367px -68px no-repeat;
cursor: pointer;
}
.circlelinks:hover {
background: url(../images/box_sprite_xs.png) -389px -68px no-repeat;
}
.circlelinks:active {
background: url(../images/box_sprite_xs.png) -411px -68px no-repeat;
}
.circlelinksDisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -367px -68px no-repeat;
-webkit-filter: opacity(.3);
filter: opacity(.3)
}
.circlechart {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -297px -68px no-repeat;
cursor: pointer;
}
.circlechart:hover {
background: url(../images/box_sprite_xs.png) -319px -68px no-repeat;
}
.circlechart:active {
background: url(../images/box_sprite_xs.png) -341px -68px no-repeat;
}
.circlechartDisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -297px -68px no-repeat;
-webkit-filter: opacity(.3);
filter: opacity(.3)
}
.circlechartLong {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -365px -142px no-repeat;
cursor: pointer;
}
.circlechartLong:hover {
background: url(../images/box_sprite_xs.png) -387px -142px no-repeat;
}
.circlechartLong:active {
background: url(../images/box_sprite_xs.png) -409px -142px no-repeat;
}
.circlechartShort {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -365px -166px no-repeat;
cursor: pointer;
}
.circlechartShort:hover {
background: url(../images/box_sprite_xs.png) -387px -166px no-repeat;
}
.circlechartShort:active {
background: url(../images/box_sprite_xs.png) -409px -166px no-repeat;
}
.circlechartShortest {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -365px -190px no-repeat;
cursor: pointer;
}
.circlechartShortest:hover {
background: url(../images/box_sprite_xs.png) -387px -190px no-repeat;
}
.circlechartShortest:active {
background: url(../images/box_sprite_xs.png) -409px -190px no-repeat;
}
.circlequota {
height: 22px;
width: 21px;
background: url(../images/box_sprite_xs.png) -298px -45px no-repeat;
cursor: pointer;
}
.circlequota:hover {
background: url(../images/box_sprite_xs.png) -319px -45px no-repeat;
}
.circlequota:active {
background: url(../images/box_sprite_xs.png) -340px -45px no-repeat;
}
.circlequotaDisabled {
height: 22px;
width: 21px;
background: url(../images/box_sprite_xs.png) -298px -45px no-repeat;
-webkit-filter: opacity(.3);
filter: opacity(.3)
}
.circleedit {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -23px -105px no-repeat;
cursor: pointer;
}
.circleedit:hover {
background: url(../images/box_sprite_xs.png) -44px -105px no-repeat;
}
.placeholder {
height: 17px;
width: 20px;
background: url(../images/box_sprite_xs.png) -202px -167px no-repeat;
cursor: pointer;
}
.placeholder:hover {
background: url(../images/box_sprite_xs.png) -223px -167px no-repeat;
}
.circlesearch {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -223px -91px no-repeat;
cursor: pointer;
}
.circlesearch:hover {
background: url(../images/box_sprite_xs.png) -244px -91px no-repeat;
}
.circlesearchDisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -223px -91px no-repeat;
opacity: .5;
}
.slidersettings {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -181px -91px no-repeat;
cursor: pointer;
}
.slidersettings:hover {
background: url(../images/box_sprite_xs.png) -202px -91px no-repeat;
}
.slidersettingsDisabled {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -181px -91px no-repeat;
opacity: .5;
}
.upgrade {
height: 20px;
width: 19px;
background: url(../images/box_sprite_xs.png) -220px -67px no-repeat;
cursor: pointer;
}
.upgrade:hover {
background: url(../images/box_sprite_xs.png) -239px -67px no-repeat;
}
.editpass {
height: 22px;
width: 21px;
background: url(../images/box_sprite_xs.png) -153px -101px no-repeat;
cursor: pointer;
}
.editpass:hover {
background: url(../images/box_sprite_xs.png) -153px -123px no-repeat;
}
.editpassDisabled {
height: 22px;
width: 21px;
background: url(../images/box_sprite_xs.png) -153px -145px no-repeat;
cursor: default;
}
.editpassRed {
height: 22px;
width: 21px;
background: url(../images/box_sprite_xs.png) -1px -272px no-repeat;
}
.trashCan {
height: 20px;
width: 14px;
background: url(../images/box_sprite_xs.png) -109px -105px no-repeat;
cursor: pointer;
}
.trashCan:hover {
background: url(../images/box_sprite_xs.png) -124px -105px no-repeat;
}
.trashCanDisabled {
height: 20px;
width: 14px;
background: url(../images/box_sprite_xs.png) -109px -105px no-repeat;
opacity: .5;
}
.disable {
height: 18px;
width: 16px;
background: url(../images/box_sprite_xs.png) -249px -119px no-repeat;
cursor: pointer;
}
.disable:hover {
background: url(../images/box_sprite_xs.png) -266px -119px no-repeat;
}
.whiteclose {
height: 17px;
width: 16px;
background: url(../images/box_sprite_xs.png) -3px -107px no-repeat;
cursor: pointer;
}
.whiteplus {
height: 17px;
width: 16px;
background: url(../images/box_sprite_xs.png) -247px -239px no-repeat;
cursor: pointer;
}
.whiteplus:hover {
background: url(../images/box_sprite_xs.png) -247px -258px no-repeat;
}
.whiteminus {
height: 17px;
width: 16px;
background: url(../images/box_sprite_xs.png) -267px -239px no-repeat;
cursor: pointer;
}
.whiteminus:hover {
background: url(../images/box_sprite_xs.png) -267px -258px no-repeat;
}
.whitedollar {
height: 17px;
width: 16px;
background: url(../images/box_sprite_xs.png) -247px -277px no-repeat;
cursor: pointer;
}
.whitedollar:hover {
background: url(../images/box_sprite_xs.png) -267px -277px no-repeat;
}
.enable {
height: 18px;
width: 16px;
background: url(../images/box_sprite_xs.png) -215px -119px no-repeat;
cursor: pointer;
}
.enable:hover {
background: url(../images/box_sprite_xs.png) -232px -119px no-repeat;
}
.enableDis {
height: 18px;
width: 16px;
background: url(../images/box_sprite_xs.png) -215px -119px no-repeat;
opacity: .5;
}
.info {
height: 18px;
width: 16px;
background: url(../images/box_sprite_xs.png) -181px -119px no-repeat;
cursor: pointer;
}
.info:hover {
background: url(../images/box_sprite_xs.png) -198px -119px no-repeat;
}
.gears {
height: 18px;
width: 17px;
background: url(../images/box_sprite_xs.png) -275px -71px no-repeat;
cursor: pointer;
}
.gears:hover {
background: url(../images/box_sprite_xs.png) -275px -91px no-repeat;
}
.gearsDisabled {
height: 18px;
width: 17px;
background: url(../images/box_sprite_xs.png) -275px -71px no-repeat;
opacity: .5;
}
.suitcase {
height: 18px;
width: 17px;
background: url(../images/box_sprite_xs.png) -181px -69px no-repeat;
cursor: pointer;
}
.suitcase:hover {
background: url(../images/box_sprite_xs.png) -200px -69px no-repeat;
}
.ispntest_checklist {
height: 18px;
width: 17px;
background: url(../images/box_sprite_xs.png) -369px -1px no-repeat;
cursor: pointer;
}
.ispntest_checklist:hover {
background: url(../images/box_sprite_xs.png) -390px -1px no-repeat;
}
.ispntest_checklist:active {
background: url(../images/box_sprite_xs.png) -411px -1px no-repeat;
}
.noinfo {
height: 18px;
width: 17px;
background: url(../images/box_sprite_xs.png) -369px -21px no-repeat;
cursor: pointer;
}
.noinfo:hover {
background: url(../images/box_sprite_xs.png) -389px -21px no-repeat;
}
.noinfo:active {
background: url(../images/box_sprite_xs.png) -409px -21px no-repeat;
}
.chbx {
height: 22px;
width: 20px;
background: url(../images/box_sprite_xs.png) -225px -139px no-repeat;
cursor: pointer;
}
.chbx:hover {
background: url(../images/box_sprite_xs.png) -246px -139px no-repeat;
}
.mfabutton {
height: 22px;
width: 22px;
background: url(../images/mfaicon.png);
background-size: cover;
cursor: pointer;
}
.mfabutton:hover {
background: url(../images/mfaicon_hover.png);
background-size: cover;
}
.mfabutton:active {
background: url(../images/mfaicon_active.png);
background-size: cover;
}
.mfabutton_enabled {
background: url(../images/mfaicon_active.png);
background-size: cover;
cursor: pointer;
}
.mfabutton_disabled {
background: url(../images/mfaicon_disabled.png);
background-size: cover;
cursor: pointer;
}
.ellipsis {
margin: 2px 4px 0 4px;
height: 10px;
padding: 0 4px;
border-radius: 8px;
background: #AAA;
color: #FFF;
line-height: 1px;
font-weight: bold;
font-size: 14pt;
cursor: pointer;
}
.peel {
display: block;
float:right;
margin: -10px -10px 0 0;
height: 25px;
width: 25px;
background: url(../images/box_sprite.png) -275px -1975px no-repeat;
cursor: pointer;
}
.domainOptions {
display: none;
position: absolute;
padding: 6px;
border-radius: 2px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);
box-shadow: 0 1px 4px rgba(0,0,0,.4);
}
.domainOptions div {
padding: 2px;
cursor: pointer;
}
.domainOptions div:hover {
color: #FF3300;
}
.trendHud {
display: none;
padding: 1px;
border-radius: 4px;
background: #EEEEEE;
border: 3px solid #18567F;
}
.trendHudarrowG {
position: absolute;
margin: -14px 0 0 249px;
border-bottom: 10px solid #299a0b;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.trendHudarrowO {
position: absolute;
margin: -14px 0 0 269px;
border-bottom: 10px solid #d3620c;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.trendHudGreen {
display: none;
padding: 1px;
border-radius: 4px;
background: #EEEEEE;
border: 3px solid #299a0b;
}
.trendHudOrange {
display: none;
padding: 1px;
border-radius: 4px;
background: #EEEEEE;
border: 3px solid #d3620c;
}
.prHud {
display: none;
position: absolute;
margin-left: 6px;
margin-top: -40px;
padding: 8px;
border-radius: 4px;
background: #222;
background: rgba(10,10,10,.9);
color: #DDD;
text-align: left;
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.prHud:before{
content:'';
position:absolute;
left: -10px;
top: 40px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid rgba(10,10,10,.9);
}
.prHud a {
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.mailHud {
display: none;
position: absolute;
margin-left: 32px;
margin-top: -91px;
padding: 8px;
border-radius: 4px;
background: #222;
background: rgba(10,10,10,.9);
color: #DDD;
text-align: left;
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.mailHud:before{
content:'';
position:absolute;
left: -10px;
top: 70px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid rgba(10,10,10,.9);
}
.mailHud a {
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.Hud {
display: none;
position: absolute;
margin-left: 7px;
margin-top: -11px;
padding: 8px;
border-radius: 4px;
background: #222;
background: rgba(10,10,10,.9);
color: #DDD;
text-align: left;
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.Hud:before{
content:'';
position: absolute;
left: -10px;
top: 9px;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid rgba(10,10,10,.9);
}
.Hud a {
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.hudRow {
float: left;
width: 100px;
}
.hudRowLong {
float: left;
width: 150px;
}
.hudData {
float: left;
}
.hudClose {
float:right;
cursor: pointer;
}
.hudClose:hover {
color: #FFCC33;
}
.imHud {
display: none;
position: absolute;
margin-top: 20px;
margin-left: -620px;
width: 600px;
padding: 8px;
border-radius: 4px;
background: #222;
background: rgba(10,10,10,.9);
color: #DDD;
text-align: left;
text-shadow: 0 1px 2px #000;
font: 12px Helvetica,Arial,sans-serif;
word-wrap: break-word;
z-index: +100;
}
.imHud:before{
content:'';
position:absolute;
right: 10px;
top: -10px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid rgba(10,10,10,.9);
}
.imHud a {
text-shadow: 0 1px 2px #000;
font: bold 13px/12pt Helvetica,Arial,sans-serif;
}
.gcHud {
display: none;
position: relative;
width: 800px;
padding: 6px;
border-radius: 4px;
background: #555;
color: #DDD;
text-align: left;
text-shadow: 0 1px 2px #000;
font: 12px Helvetica,Arial,sans-serif;
word-wrap: break-word;
z-index: +100;
}
#dhcpSearch {
position: relative;
float: right;
width: 220px;
height: 24px;
margin: 0 -3px 0 0;
background: rgb(229,229,229);
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%);
border-radius: 2px;
border: 1px solid #FFF;
box-shadow: inset 0 1px 10px #999;
}
#dhcpSearch input {
float: left;
height: 20px;
margin-left: 6px;
margin-top: 2px;
padding: 0;
background: transparent;
border: 0;
color: #434343;
font-size: 12px;
}
.notifierS {
position:relative;
float:right;
width:220px;
height: 35px;
padding-top: 10px;
margin-right: 10px;
background: #E53935;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
box-shadow: inset 0 0 1px rgba(255,255,255,0.8), 0 4px 4px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.3) inset;
}
.notifierS:before,
.notifierS:after {
content:"";
position:absolute;
z-index:-2;
}
.notifierS p {
font-size:16px;
font-weight:bold;
}
.lifted {
border-radius: 0 0 3px 3px;
}
.lifted:before,
.lifted:after {
bottom: 15px;
left: 10px;
width: 50%;
height: 20%;
max-width: 300px;
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.8);
-webkit-transform: rotate(-7deg);
-moz-transform: rotate(-7deg);
-ms-transform: rotate(-7deg);
-o-transform: rotate(-7deg);
transform: rotate(-7deg);
}
.lifted:after {
right: 10px;
left: auto;
-webkit-transform: rotate(7deg);
-moz-transform: rotate(7deg);
-ms-transform: rotate(7deg);
-o-transform: rotate(7deg);
transform: rotate(7deg);
}
.imcheck {
width: 306px;
height: 96px;
z-index: 1000;
float: right;
display: block;
background: url(../images/notifierTech.png) no-repeat;
top: 0; right: 40px;
padding: 0;
}
.notifierlink {
color: #FFFFFF !important;
}
.notifierblock {
float: left;
display: block;
}
.notifierBreak {
float: left;
display: block;
padding: 0 5px 0 5px;
margin: 0 0 0 0;
color: #961e1b;
text-shadow: 0 1px 0 #f4807d;
}
/* End Test Header */
.logout {
color: #FBCCA6 !important;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold !important;
}
.upper {
z-index: 0;
position: relative;
top: -50px; left: 0;
height:40px;
text-align: right;
}
.bottom {
width: 100%;
padding: 4px;
background: #868686;
-moz-background-clip: padding;
-webkit-background-clip: padding;
background-clip: padding-box;
border-top: 4px solid rgba(255,255,255,0.5);
font-family: verdana, arial, sans serif;
font-size: 9px;
letter-spacing: 1px;
}
.btmcontainer {
width: 100%;
padding-top: 0;
float: left;
position: fixed;
z-index: +1;
bottom: 0; left: 0;
text-align: center;
background-repeat: repeat-x;
background-position: 0 0;
}
.tdlist:hover {
background: #6699CC;
color: #990000 !important;
}
.tdlist2:hover {
background: #B7DBFF;
}
.tdlist3:hover {
background: #ff986f;
}
/* Color blocks for the technician reports */
.redbar {
padding: 0;
height: 16px;
background: #BB0000;
font-size: 11px;
color: #FFFFFF;
}
.redbar2 {
padding: 0;
height: 16px;
background: #770000;
font-size: 11px;
color: #FFFFFF;
}
.redbar3 {
padding: 0;
height: 16px;
background: #BB6666;
font-size: 11px;
color: #FFFFFF;
}
.bluebar {
padding: 0;
height: 16px;
background: #0000BB;
font-size: 11px;
color: #FFFFFF;
}
.bluebar2 {
padding: 0;
height: 16px;
background: #000077;
font-size: 11px;
color: #FFFFFF;
}
.red2bar {
padding: 0;
height: 16px;
background: #770000;
font-size: 11px;
color: #FFFFFF;
}
.blue2bar {
padding: 0;
height: 16px;
background: #000077;
font-size: 11px;
color: #FFFFFF;
}
.blue3bar {
padding: 0;
height: 16px;
background: #6666BB;
font-size: 11px;
color: #FFFFFF;
}
.purplebar {
padding: 0;
height: 16px;
background: #b666ba;
font-size: 11px;
color: #FFFFFF;
}
.pinkbar {
padding: 0;
height: 16px;
background: #df9ca7;
font-size: 11px;
color: #FFFFFF;
}
.greenbar {
padding: 0;
height: 16px;
background: #66BB66;
font-size: 11px;
color: #FFFFFF;
}
.greenbar2 {
padding: 0;
height: 16px;
background: #00BB00;
font-size: 11px;
color: #FFFFFF;
}
.greenbar3 {
padding: 0;
height: 16px;
background: #007700;
font-size: 11px;
color: #FFFFFF;
}
.yellowbar {
padding: 0;
height: 16px;
background: #ffff66;
font-size: 11px;
color: #FFFFFF;
}
.yellowbar2 {
padding: 0;
height: 16px;
background: #BBBB00;
font-size: 11px;
color: #FFFFFF;
}
.yellowbar3 {
padding: 0;
height: 16px;
background: #777700;
font-size: 11px;
color: #FFFFFF;
}
.orangebar {
padding: 0;
height: 16px;
background: #FF9900;
font-size: 11px;
color: #FFFFFF;
}
.orangebar2 {
padding: 0;
height: 16px;
background: #FFCC00;
font-size: 11px;
color: #FFFFFF;
}
/* END Color blocks for the technician reports */
.greyButton {
color: #FFFFFF;
/* background: #8c7575; */
background: rgba(0,0,0,0.05);
border-radius: 2px 0 0 2px;
padding: 4px 6px;
clear: both;
margin-top: 8px;
margin-right: -5px;
}
.greyButton:hover {
background: #A87C7C;
}
.blueButton1 {
color: #FFFFFF;
background: #519eb3;
border-radius: 2px 0 0 2px;
padding: 4px 6px;
clear: both;
margin-top: 10px;
margin-right: -5px
}
.blueButton1:hover {
background: #76c0d4;
}
.orangeButton {
color: #FFFFFF;
/* background: #8c7575; */
background: rgba(221, 121, 40, 1);
border-radius: 2px 0 0 2px;
padding: 4px 6px;
clear: both;
margin-top: 8px;
margin-right: -5px;
}
.orangeButton:hover {
background: #c35110;
}
.blackButton1 {
color: #FFFFFF;
background: #1d2020;
border-radius: 2px 0 0 2px;
padding: 4px 6px;
clear: both;
margin-top: 10px;
margin-right: -5px
}
.button {
display: inline-block;
margin: 4px;
height: 30px;
background: #3685c1;
background: -moz-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: -webkit-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: -o-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: -ms-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
border-radius: 2px;
border: 1px solid #3583BF;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.1), inset 0 0 1px rgba(255,255,255,0.5);
padding: 0 24px 2px 24px;
font: bold 11px Arial, Helvetica, sans serif;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.bOrange {
background: #F27937;
border: 1px solid #BA2E00;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.1), inset 0 0 1px rgba(255,255,255,0.6);
}
.button:hover {
color: #FFF;
border: 1px solid #3583BF;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), inset 0 0 1px rgba(255,255,255,0.6);
}
.button:active {
color: #FFF;
background: #2777b5;
background: -moz-linear-gradient(top, #2777b5 0%, #479ee0 97%, #3685c1 98%, #3685c1 100%);
background: -webkit-linear-gradient(top, #2777b5 0%, #479ee0 97%, #3685c1 98%, #3685c1 100%);
background: -o-linear-gradient(top, #2777b5 0%, #479ee0 97%, #3685c1 98%, #3685c1 100%);
background: -ms-linear-gradient(top, #2777b5 0%, #479ee0 97%, #3685c1 98%, #3685c1 100%);
background: linear-gradient(top, #2777b5 0%, #479ee0 97%, #3685c1 98%, #3685c1 100%);
border: 1px solid #3583BF;
box-shadow: inset 0 1px 6px rgba(0,0,0,.3);
}
.button:focus {
color: #FFF;
border: 1px solid #3583BF;
}
.button_simple {
background-color: #CCCCCC;
color: #000000;
border: 1px solid #990000;
padding-bottom: 1px;
}
.button_simpe:hover {
color: #990000;
}
.button2 {
display: inline-block;
margin: 4px;
/* height: 30px; */
/* line-height: 40px; */
background: #b936c2;
background: linear-gradient(top, #b936c2 0%, #b936c2 2%, #479ee0 3%, #2777b5 100%);
border-radius: 2px;
border: 1px solid #9f35bf;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.1), inset 0 0 1px rgba(255,255,255,0.5);
padding: 8px 24px;
font: bold 11px Arial, Helvetica, sans serif;
text-align: center;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
color: #FFF;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.button2:hover {
color: #FFF;
border: 1px solid #b335bf;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), inset 0 0 1px rgba(255,255,255,0.6);
}
.button2:active {
color: #FFF;
background: #b528ae;
background: linear-gradient(top, #b528ae 0%, #479ee0 97%, #3685c1 98%, #3685c1 100%);
border: 1px solid #bf35b3;
box-shadow: inset 0 1px 6px rgba(0,0,0,.3);
}
.button2:focus {
color: #FFF;
border: 1px solid #b835bf;
}
.likebutton {
background: #49d5d1;
color: white;
padding: 4px 8px;
border-radius: 4px;
line-height: 12px;
}
.likebutton:hover {
background: #2ea9a5;
box-shadow: rgba(57, 57, 57, 0.266) inset 0 1px 2px;
}
.ticketAlertButton {
margin-left: 10px;
background: #ba2c27;
color: white;
padding: 4px 8px;
border-radius: 4px;
line-height: 12px;
}
.ticketAlertButton:hover {
background: #9e231f;
box-shadow: rgba(57, 57, 57, 0.266) inset 0 1px 2px;
}
.attachbtn {
height: 32px;
width: 30px;
/* background: url(../images/box_sprite_xs.png) -159px -301px no-repeat; */
background: url(../images/attachbtn.png) -1px -1px no-repeat;
background-size: 25px;
cursor: pointer;
}
.attachbtn:hover {
background: url(../images/attachbtn_hover.png) -1px -1px no-repeat;
background-size: 25px;
}
.attachbtn:active {
background: url(../images/attachbtn_active.png) -1px -1px no-repeat;
background-size: 25px;
}
.help {
display: block;
width: 108px;
height: 28px;
color: #FFFFFF;
background: #DD8430;
background: -moz-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: -webkit-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: -o-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: -ms-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
border-radius: 2px;
border: 1px solid #EF5034;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.1), inset 0 0 1px rgba(255,255,255,0.5);
vertical-align: middle;
text-align: center;
text-transform: uppercase;
text-decoration: none;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
font: bold 11px/28px Arial, Helvetica, sans serif;
}
.help:hover {
color: #FFFFFF;
border: 1px solid #EF5034;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.2), inset 0 0 1px rgba(255,255,255,0.6);
text-decoration: none;
}
.help:focus {
color: #FFFFFF;
border: 1px solid #EF5034;
}
.help:active {
color: #FFFFFF;
border: 1px solid #EF5034;
background: #ef5034;
background: -moz-linear-gradient(top, #ef5034 0%, #dd8430 49%, #e58932 50%, #e89c33 97%, #dd8430 98%, #dd8430 100%);
background: -webkit-linear-gradient(top, #ef5034 0%,#dd8430 49%,#e58932 50%,#e89c33 97%,#dd8430 98%,#dd8430 100%);
background: -o-linear-gradient(top, #ef5034 0%,#dd8430 49%,#e58932 50%,#e89c33 97%,#dd8430 98%,#dd8430 100%);
background: -ms-linear-gradient(top, #ef5034 0%,#dd8430 49%,#e58932 50%,#e89c33 97%,#dd8430 98%,#dd8430 100%);
background: linear-gradient(top, #ef5034 0%,#dd8430 49%,#e58932 50%,#e89c33 97%,#dd8430 98%,#dd8430 100%);
box-shadow: inset 0 1px 6px rgba(0,0,0,.3);
text-decoration: none;
}
/*Small Edit Buttons for 'MANAGE' screens*/
.clAction {
float: right;
display: block;
margin: 2px 2px 0 0 !important;
width: 70px !important;
padding: 4px !important;
border: 0 !important;
border-radius: 2px;
background: #CC3300;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.1);
color: #EEE !important;
font-weight: bold;
text-align: center;
cursor: pointer;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
}
.clAction:hover {
width: 80px !important;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
text-decoration:none;
color: #EEE !important;
border: 0 !important;
}
.clAction:focus {
border: 0 !important;
color: #EEE !important;
}
.clAction2 {
float: right;
display: block;
margin: 2px 2px 0 0 !important;
width: 70px !important;
height: 30px !important;
padding: 4px 10px !important;
border: 0 !important;
border-radius: 2px;
background: #CC3300;
box-shadow: inset 0 3px 0 rgba(255,255,255,0.1);
color: #EEE !important;
font-weight: bold !important;
text-transform: capitalize !important;
text-align: center;
cursor: pointer;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
}
.clAction2:hover {
width: 80px !important;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
text-decoration:none;
color: #EEE !important;
border: 0 !important;
}
.clAction2:focus {
border: 0 !important;
color: #EEE !important;
}
.gr {
background: #339900;
}
.lgr {
background: #99CC33;
}
.bl {
background: #259de8;
}
/*End Small Edit Buttons*/
.mailserveData {
background: #A1B5B2;
background: -moz-linear-gradient(top, #A1B5B2 0%, #BECED6 24%, #deefff 100%);
background: -webkit-linear-gradient(top, #A1B5B2 0%, #BECED6 24%, #deefff 100%);
background: -o-linear-gradient(top, #A1B5B2 0%, #BECED6 24%, #deefff 100%);
background: -ms-linear-gradient(top, #A1B5B2 0%, #BECED6 24%, #deefff 100%);
background: linear-gradient(top, #A1B5B2 0%, #BECED6 24%, #deefff 100%);
border-radius: 2px;
box-shadow: inset 0 0 5px #888, 0 1px 0 #fff;
}
.mailserveContainer {
padding: 8px 8px 8px 160px;
}
.radio {
background-color: transparent;
border: 0;
padding-bottom: 6px;
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
.radio2 {
background-color: transparent;
border: 0;
padding-bottom: 0;
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
.radio3 {
background: transparent;
border: 0;
height: 30px;
vertical-align: middle;
}
.radio4 {
background: transparent;
border: 0;
vertical-align: middle;
}
.rdo {
vertical-align: middle;
margin: 0 8px 0 0;
}
#mastersvc {
width: 140px;
height: 155px;
background: none;
background-color: #FFFFFF;
}
.textarea2 {
padding: 3px;
border: 0;
background: transparent;
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
.textarea2:hover {
border: 0;
}
.textarea2:focus {
border: 0;
}
.serviceAlert{
padding: 10px;
border-radius: 2px;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
box-shadow: inner 0 2px 5px #555, 0 1px 2px #fff;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-shadow: 0 1px 2px #222;
}
.alertheader{
width: 95%;
padding: 10px;
margin-bottom: 4px;
border-radius: 2px;
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
box-shadow: inner 0 2px 5px #555, 0 1px 2px #fff;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-shadow: 0 1px 2px #222;
}
.updateheader {
width: 95%;
padding: 10px;
margin-bottom: 4px;
border-radius: 2px;
background: #ff670f;
background: -moz-linear-gradient(top, #ff670f 0%, #FFA16B 100%);
background: -webkit-linear-gradient(top, #ff670f 0%, #FFA16B 100%);
background: -o-linear-gradient(top, #ff670f 0%, #FFA16B 100%);
background: -ms-linear-gradient(top, #ff670f 0%, #FFA16B 100%);
background: linear-gradient(top, #ff670f 0%, #FFA16B 100%);
box-shadow: inner 0 2px 5px #555, 0 1px 2px #fff;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
text-align: left;
text-shadow: 0 1px 2px #222;
}
.alrtxt {
padding: 1px;
border: 1px dotted #666666;
background: #FFFFCC;
font-size: 11px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
}
.alrtxt2 {
overflow: auto;
width: 95%;
height: 275px;
padding: 10px;
border-radius: 2px;
background: #F2E7C9;
background: -moz-linear-gradient(top, #F2E7C9 0%, #E5C49E 100%);
background: -webkit-linear-gradient(top, #F2E7C9 0%, #E5C49E 100%);
background: -o-linear-gradient(top, #F2E7C9 0%, #E5C49E 100%);
background: -ms-linear-gradient(top, #F2E7C9 0%, #E5C49E 100%);
background: linear-gradient(top, #F2E7C9 0%, #E5C49E 100%);
box-shadow: inset 0 2px 4px #555, 0 1px 1px #fff;
font-size: 11px;
font-weight: normal;
text-shadow: none;
color: #000000;
text-align: left;
}
.alrtxt3 {
overflow: auto;
width: 98%;
height: 100px;
padding: 4px;
border-radius: 6px;
background: #FFFFCC;
font-size: 11px;
color: #000000;
text-align: left;
}
.alrtxt4 {
overflow: auto;
width: 98%;
height: 60px;
padding: 4px;
border: 1px solid #AAAAAA;
background: #FFFFCC;
font-size: 11px;
color: #000000;
text-align: left;
}
.alrtxt5 {
overflow: auto;
width: 98%;
height: 280px;
padding: 4px;
border: 1px solid #AAAAAA;
background: #FFFFCC;
font-size: 11px;
color: #000000;
text-align: left;
}
.sysnotes {
border: 0;
background-color: transparent;
width: 100%;
height: 400px;
}
.sysnotes2 {
border: 1px;
background-color: transparent;
width: 100%;
height: 400px;
}
.sysnotesdash {
border: 0;
background-color: transparent;
width: 100%;
height: 280px;
}
.scheduledash {
border: 0;
background-color: transparent;
width: 100%;
height: 400px;
}
.selector {
border: 0;
background-color: transparent;
width: 100%;
height: 222px;
}
.descriptor {
border: 0;
background-color: transparent;
width: 100%;
height: 385px;
}
.descriptorhidden {
border: 0;
height: 0;
}
.fixer {
border: 0;
background-color: transparent;
width: 100%;
height: 150px;
}
.catdisplay {
background: #CCCCCC;
text-align: left;
vertical-align: top;
}
.ticketarrow {
width: 100px;
height: 40px;
position: relative;
top:27px;
left: -268px;
text-align: center;
line-height: 30px;
font-weight: bold;
color: #FFFFFF;
background: url(../images/box_sprite.png) -74px -2002px no-repeat;
visibility: visible;
}
.serviceBlock {
padding: 4px 4px 0 4px;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
background: linear-gradient(top, rgba(238,238,238,1) 0%, rgba(221,221,221,1) 100%);
color: #000;
border-radius: 2px;
box-shadow: inset 0 1px 3px #888, 0 1px 0 #fff;
}
.serviceBlock2 {
padding: 4px 4px 0 4px;
background: rgb(238,238,238);
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -o-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
background: linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%);
color: #000;
border-radius: 2px;
box-shadow: inset 0 1px 3px #888, 0 1px 0 #fff;
}
.ticketbox {
padding: 2px;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
overflow: hidden;
background: #e8e8e8;
}
.catbox {
padding: 4px;
border-radius: 2px;
border: 1px solid #BBB;
box-shadow: 0 0 10px #BABABA;
/* box-shadow: 0 0 10px rgba(0,0,0,0.2) */
overflow: hidden;
background: #EFEFEF;
}
.catbox2 {
padding: 8px;
border-radius: 2px;
border: 1px solid rgba(169, 189, 112, 1);
box-shadow: 0 0 10px #BABABA;
overflow: hidden;
background: rgba(204, 230, 133, 1);
}
.catbox3 {
padding: 4px;
border: 1px solid #BBB;
overflow: hidden;
background: #EFEFEF;
}
.catbox textarea {
width: 98%;
border-radius: 2px;
border: 1px solid #999;
box-shadow: inset 0 1px 10px rgba(0,0,0,.1);
resize: none;
}
.catbox textarea:hover {
border: 1px solid #05abe0;
box-shadow: inset 0 1px 10px rgba(135,224,253,.4);
}
.catbox textarea:focus {
border: 1px solid #05abe0;
box-shadow: inset 0 1px 10px rgba(135,224,253,.4);
}
.cathead {
background: #798291;
/* background: -moz-linear-gradient(top, #798291 0%, #626a78 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#798291), color-stop(100%,#626a78));
background: -webkit-linear-gradient(top, #798291 0%,#626a78 100%);
background: -o-linear-gradient(top, #798291 0%,#626a78 100%);
background: -ms-linear-gradient(top, #798291 0%,#626a78 100%);
background: linear-gradient(top, #798291 0%,#626a78 100%); */
color: #EEE;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.348);
padding: 4px 4px 4px 8px;
font-size: 12px;
}
.cathead a {
color: #e1b298;
font-size: 12px;
}
.auto-expand {
box-sizing: border-box;
width: 100%;
height: 100%;
resize: none;
overflow: auto;
}
.ticket-popout {
position: fixed;
bottom: 3px;
right: 3px;
z-index: 1000;
background: rgba(238, 238, 238, 0.6);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 6px;
border-radius: 2px;
border: 1px solid #EAEAEA;
box-shadow: -5px -5px 10px rgba(0, 0, 0, 0.3);
}
.ticket-popout-left {
position: fixed;
bottom: 3px;
left: 3px;
z-index: 1000;
background: rgba(238, 238, 238, 0.6);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 6px;
border-radius: 2px;
border: 1px solid #EAEAEA;
box-shadow: 5px -5px 10px rgba(0, 0, 0, 0.3);
}
.chred {
background: #ff3019;
background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -webkit-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -o-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: -ms-linear-gradient(top, #ff3019 0%, #cf0404 100%);
background: linear-gradient(top, #ff3019 0%, #cf0404 100%);
color: #FFFFFF;
border: 1px solid #990303;
text-shadow: 0 1px 2px rgba(0,0,0,1);
}
.chorange {
background: #ff670f;
background: -moz-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -webkit-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -o-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: -ms-linear-gradient(top, #ff670f 0%, #d3620c 100%);
background: linear-gradient(top, #ff670f 0%, #d3620c 100%);
color: #FFFFFF;
border: 1px solid #AD4E0A;
text-shadow: 0 1px 1px rgba(0,0,0,1);
}
.chyellow {
background: #ffefdb;
word-wrap:break-word !important;
}
.callbackHud {
position: absolute;
margin: -157px 0 0 -30px;
width: 230px;
padding: 8px;
border-radius: 3px;
background: rgba(10,0,0,.8);
color: #EEE;
text-align: left;
text-shadow: 0 1px 2px #000;
}
.callbackHud:before{
content:'';
position:absolute;
left: 110px;
top: 119px;
border-top: 10px solid rgba(10,0,0,.8);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.hospitalityHud {
position: absolute;
margin: -60px 0 0 20px;
color: #EEE;
text-align: left;
padding: 5px;
border-radius: 3px;
box-shadow: 0 0 10px #BABABA;
background: rgba(10,0,0,.8);
}
.hospitalityHud div {
margin: 2px;
}
.hospitalityHud:after{
content:'';
position:absolute;
left: 190px;
top: 62px;
border-top: 10px solid rgba(10,0,0,.8);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.coz_Hud {
position: absolute;
margin: -85px 0 0 20px;
color: #EEE;
text-align: left;
padding: 5px;
border-radius: 3px;
box-shadow: 0 0 10px #BABABA;
background: rgba(10,0,0,.8);
}
.coz_Hud div {
margin: 2px;
}
.coz_Hud:after{
content:'';
position:absolute;
left: 190px;
top: 81px;
border-top: 10px solid rgba(10,0,0,.8);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.bluepill {
background: #5a98cd;
color: #FFFFFF;
border-radius: 10px;
}
.auto-width {
display: inline-block;
width: fit-content;
}
.ticketFormOption {
display: block;
width: 98%;
padding: 1px;
background: transparent;
font-weight: bold;
}
.ticketFormOption:hover {
background: #777;
color: #FFF !important;
box-shadow: inset 0 1px 12px #111;
border-radius: 2px;
text-shadow: 0 1px 1px #111;;
}
.ticketFormOption2 {
display: block;
width: 98%;
padding: 3px;
background: transparent;
font-weight: bold;
color: #FFCC33;
}
.ticketFormOption2:hover {
background: #888;
color: #FFCC33 !important;
box-shadow: inset 0 1px 2px #111, 0 1px 0 rgba(255,255,255,.3);
border-radius: 2px;
text-shadow: 0 1px 1px #111;
}
.ticketFormOption3 {
display: block;
width: 98%;
padding: 3px 6px 3px 3px;
background: transparent;
font-weight: bold;
color: #333;
}
.ticketFormOption3:hover {
background: #888;
color: #FFF !important;
box-shadow: inset 0 1px 12px #111, 0 1px 0 rgba(255,255,255,.3);
border-radius: 2px;
text-shadow: 0 1px 1px #111;
}
.ticketFormOption_nh {
width: 98%;
padding: 3px;
background: transparent;
font-weight: bold;
color: #999;
}
.ticketFormOption_nh:hover {
width: 98%;
padding: 3px;
background: transparent;
font-weight: bold;
color: #999;
box-shadow: none;
text-shadow: none;
}
.etechOption {
float: left;
display: block;
margin: 3px 6px;
padding: 2px 8px;
background: transparent;
font-weight: bold;
}
.etechOption:hover {
background: #777;
color: #FFF !important;
box-shadow: inset 0 1px 12px #111;
border-radius: 2px;
text-shadow: 0 1px 1px #111;;
}
.etechOptionEsc {
float: left;
display: block;
margin: 3px 6px;
padding: 2px 8px;
background: transparent;
font-weight: bold;
color: rgb(236, 18, 18) !important;
}
.etechOptionEsc:hover {
background: #e11;
color: #FFF !important;
box-shadow: inset 0 1px 12px #900;
border-radius: 2px;
text-shadow: 0 1px 1px #811;;
}
@keyframes blink-border {
0%, 100% {
border-color: transparent;
}
50% {
border-color: #21b821; /* Bright green */
}
}
.blinking-border {
border: 2px solid #00ff00;
animation: blink-border 1s infinite;
}
@keyframes blink-inset-border {
0%, 100% {
box-shadow: inset 0 0 0 0 transparent;
}
50% {
box-shadow: inset 0 0 0 14px #16e016; /* Bright green */
}
}
.blinking-inset-border {
box-shadow: inset 0 0 0 14px #16e016;
animation: blink-inset-border 1s infinite;
}
@keyframes blink-inset-border-grey {
0%, 100% {
box-shadow: inset 0 0 0 0 transparent;
}
50% {
box-shadow: inset 0 0 0 14px #c7c7c7; /* Bright green */
}
}
.blinking-inset-border-grey {
box-shadow: inset 0 0 0 14px #c7c7c7;
animation: blink-inset-border-grey 1s infinite;
}
/* Begin in-line validation style definitions*/
.reqd {
border: 1px solid #CC0000;
}
.LV_validation_message{
font-weight:bold;
margin:0 0 0 5px;
}
.LV_valid {
color: rgba(0,0,0,0);
filter: alpha(opacity=0);
font-size: 14pt;
line-height: 0;
vertical-align: middle;
background: url(../images/box_sprite.png) -138px -1725px no-repeat;
border: 0;
padding: 0 0 0 0;
margin: 0 0 -2px 4px;
}
.LV_invalid {
color:#990000;
}
.LV_valid_field,
input.LV_valid_field:hover,
input.LV_valid_field:active,
textarea.LV_valid_field:hover,
textarea.LV_valid_field:active {
border: 1px solid #006600;
}
.LV_invalid_field,
input.LV_invalid_field:hover,
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover,
textarea.LV_invalid_field:active {
border: 1px solid #990000;
}
/* End in-line validation style definitions*/
/* Graph bar display for trend reports */
.graph {
position: relative; /* IE is dumb */
width: 98%;
overflow: auto;
/*height: 50px;*/
border-radius: 2px;
border: 1px solid #BBB;
background: #FFFFFF;
padding: 2px;
cursor: pointer;
}
.graph:hover {
/* background: rgb(236, 59, 55); */
/* border: 1px solid rgb(236, 59, 55); */
background: rgba(196, 187, 186, 1);
border: 1px solid rgba(196, 187, 186, 1);
}
.graph .bar {
float: left;
width: 100%;
height: 20px;
text-align: center;
color: #333;
font: bold 11px/20px Helvetica,Arial,sans-serif;
text-shadow: 0 1px 0 rgba(255,255,255,.3);
}
.graph .bar span { position: absolute; left: 1em; }
.barGreen {
background: #88a026;
background: -moz-linear-gradient(left, #88a026 0%, #b1d632 100%);
background: -webkit-linear-gradient(left, #88a026 0%,#b1d632 100%);
background: -o-linear-gradient(left, #88a026 0%,#b1d632 100%);
background: -ms-linear-gradient(left, #88a026 0%,#b1d632 100%);
background: linear-gradient(left, #88a026 0%,#b1d632 100%);
}
.barOrange {
background: #ed9017;
background: -moz-linear-gradient(left, #ed9017 0%, #f5e5b3 100%);
background: -webkit-linear-gradient(left, #ed9017 0%,#f6e6b4 100%);
background: -o-linear-gradient(left, #ed9017 0%,#f6e6b4 100%);
background: -ms-linear-gradient(left, #ed9017 0%,#f6e6b4 100%);
background: linear-gradient(left, #ed9017 0%,#f6e6b4 100%);
}
.barRed {
background: #d91919;
background: -moz-linear-gradient(left, #d91919 1%, #f8c2a0 100%);
background: -webkit-linear-gradient(left, #d91919 1%,#f8c2a0 100%);
background: -o-linear-gradient(left, #d91919 1%,#f8c2a0 100%);
background: -ms-linear-gradient(left, #d91919 1%,#f8c2a0 100%);
background: linear-gradient(left, #d91919 1%,#f8c2a0 100%);
}
.barmask {
float: right;
height: 20px;
background: #FFF;
}
.bar6 {
height: 6px !important;
}
/******************************************************************************/
/*TICKET CONTEXT MENU STYLE */
ul.contextmenu {list-style:none; margin:0; padding:0;}
ul.contextmenu * {margin:0; padding:0;}
ul.contextmenu a {display:block; color:#000; text-decoration:none;}
ul.contextmenu li {position:relative; float:left; margin-right:2px;}
ul.contextmenu ul {position:absolute; top:20px; left:-66px; background:#999999; display:none; opacity:0; list-style:none;}
ul.contextmenu ul li {position:relative; border:1px solid #777777; border-top:none; width:110px; margin:0;}
ul.contextmenu ul li:hover {background: #D1D1D1;}
ul.contextmenu ul li a {display:block; padding:7px 7px 7px; font-weight:bold;}
ul.contextmenu ul li a:hover {color:#990000;}
ul.contextmenu ul li .alink {display:block; padding:7px 7px 7px; font-weight:bold;color: #000000;}
ul.contextmenu ul li .alink:hover {color:#990000;}
ul.contextmenu ul ul {left:-110px; top:-10px;}
ul.contextmenu .menulink {
width: 40px;height: 19px;
background: url(../images/box_sprite.png) no-repeat 0 -2153px;
}
ul.contextmenu .menulink:hover, ul.menu .menuhover {
background: url(../images/box_sprite.png) no-repeat -41px -2153px;
}
ul.contextmenu .menulink2 {display: block;width: 40px;height: 19px;background: url(../images/box_sprite.png) no-repeat 0 -2153px; }
ul.contextmenu .menulink2:hover, ul.menu .menuhover {background: url(../images/box_sprite.png) no-repeat -41px -2153px;}
ul.contextmenu .sub {background:#d1d1d1;}
ul.contextmenu .topline {border-top:1px solid #aaa;}
/******************************************************************************/
/* TOP MENU LAYOUT */
/*
.treemenuAlt {
float: left;
clear: right;
text-align: center;
border: 3px solid rgb(100,100,100);
}
*/
/*
.treemenuAlt ul {
margin: 0;
padding: 0;
display: block;
list-style: none;
}
*/
/*Top level list items*/
/*
.treemenuAlt ul li {
position: relative;
display: inline;
float: left;
}
*/
/*Top level menu link items style*/
/*
#naviAlt li a {
display: block;
float: left;
padding: 4px; padding-left: 9px; padding-right: 9px; padding-top: 2px;
text-decoration: none;
color: #454545;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
font-weight: bold;
letter-spacing: 1px;
border-top: 3px solid #FFFFFF;
margin-right: 2px;
background: #F4F4F4;
background: -moz-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%);
background: -webkit-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%);
background: -o-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%);
background: -ms-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%);
background: linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%);
}
*/
/*
#naviAlt li a:hover {
color: #ec3b37;
background: #E0E0E0;
background: -moz-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: -webkit-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: -o-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: -ms-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
text-decoration: none;
border-top: 3px solid #ec3b37;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
*/
/*1st sub level menu*/
/*
.treemenuAlt ul li ul {
position: absolute;
width: 118px;
border: 0;
background: rgb(54,54,54);
background: rgba(54,54,54,0.85);
visibility: hidden;
padding: 5px 6px 0 6px;
}
*/
/*Sub level menu list items (undo style from Top level List Items)*/
/*
.treemenuAlt ul li ul li {
display: block;
width: 115px;
text-decoration: none;
margin-top: 2px;
border-right: 0 !important;
border-left: 3px solid #CCCCCC;
padding-top: 3px;
padding-bottom: 3px;
background: #F4F4F4 !important;
background: -moz-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%) !important;
background: -webkit-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%) !important;
background: -o-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%) !important;
background: -ms-linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%) !important;
background: linear-gradient(top, #F4F4F4 0%, #E0E0E0 100%) !important;
}
.treemenuAlt ul li ul li:hover {
background: #E0E0E0 !important;
background: -moz-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%) !important;
background: -webkit-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%) !important;
background: -o-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%) !important;
background: -ms-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%) !important;
background: linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%) !important;
border-left: 3px solid #ec3b37;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
}
*/
/*
.treemenuAlt ul li ul li.navblank {
height: 1px !important;
border-left: 2px solid transparent !important;
background: transparent !important;
}
.sub_bottomAlt {
position: absolute;
left: 0; bottom: -6px;
width: 130px; height: 6px;
background: rgb(54,54,54);
background: rgba(54,54,54,0.85);
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
}
.sub_topAlt {
position: absolute;
left: 0; top: 0;
width: 130px;
height: 12px;
background: rgb(54,54,54);
background: rgba(54,54,54,0.85);
}
.sub_top2Alt {
position: absolute;
left: 0; top: 0;
width: 130px;
height: 12px;
background: rgb(54,54,54);
background: rgba(54,54,54,0.85);
}
*/
/* Sub level menu links style */
/*
.treemenuAlt ul li ul li a {
display: table-row !important;
padding-left: 3px !important;
padding-right: 3px !important;
border: 0 !important;
background: transparent;
letter-spacing: 1px !important;
}
.treemenuAlt ul li ul li a:hover {
background: transparent;
}
*/
/* Holly Hack for IE \*/
/*
* html .treemenuAlt ul li { float: left; height: 1%; }
* html .treemenuAlt ul li a { height: 1%; }
*/
/* End */
/******************************************************************************/
/*JAVASCRIPT-FREE TOP NAVIGATION MENU*/
/* Main menu */
#topMenu {
margin: 0;
padding: 0;
list-style: none;
background: transparent;
}
#topMenu li {
float: left;
padding: 0;
position: relative;
line-height: 0;
}
#topMenu a {
float: left;
margin-right: 2px;
padding: 2px 9px 6px 9px;
border-top: 3px solid transparent;
color: #ECECEC;
font: bold 9px/12px Verdana, Arial, Helvetica;
text-decoration: none;
letter-spacing: 1px;
word-wrap: normal !important;
white-space: nowrap !important;
}
/*#topMenu li:hover > a {*/
#topMenu a:hover {
border-top: 3px solid #ec3b37;
color: #ec3b37;
text-decoration: none;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
}
*html #topMenu li a:hover /* IE6 */
{
color: #ec3b37;
background: #E0E0E0;
}
#topMenu li:hover > ul {
display: block;
}
/* Sub-menu */
#topMenu ul li:first-child > a:after {
content: '';
position: absolute;
left: 8px;
top: -10px;
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid rgb(15,15,15);
}
#topMenu ul {
position: absolute;
display: none;
margin: 0;
top: 23px;
left: -6px;
z-index: 99999;
padding: 6px 6px 7px 6px;
width: 124px;
list-style: none;
background: rgb(15,15,15);
border-radius: 3px;
}
#topMenu ul li.navblank {
height: 6px !important;
border-left: 2px solid transparent !important;
background: transparent !important;
}
#topMenu ul a {
float: none;
display: block;
margin-top: 3px;
padding: 6px 3px;
width: 115px;
white-space: normal;
text-transform: none;
text-align: left;
border: 0;
border-left: 3px solid transparent;
color: #FFF;
white-space: normal !important;
}
#topMenu ul a:hover {
background: #E0E0E0;
background: -moz-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: -webkit-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: -o-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: -ms-linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
background: linear-gradient(top, #E0E0E0 0%, #F4F4F4 100%);
border: 0;
border-left: 3px solid #ec3b37;
transition: none;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
}
*html #topMenu ul a /* IE6 */
{
height: 10px;
}
*:first-child+html #topMenu ul a /* IE7 */
{
height: 10px;
}
/* Clear floated elements */
#topMenu:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #topMenu { zoom: 1; } /* IE6 */
*:first-child+html #topMenu { zoom: 1; } /* IE7 */
/*END TOP MENU*/
.pseudoButton {
display: block;
margin: 0 4px 0 0;
padding: 2px 8px 2px 8px;
border-radius: 20px;
background-color: #CCC;
background: -moz-linear-gradient(top, #FFFFFF 0%, #9A9A9A 100%);
background: -webkit-linear-gradient(top, #FFFFFF 0%, #9A9A9A 100%);
background: -o-linear-gradient(top, #FFFFFF 0%, #9A9A9A 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%, #9A9A9A 100%);
background: linear-gradient(top, #FFFFFF 0%, #9A9A9A 100%);
box-shadow: inset 0 1px 0 #fff, 0 1px 2px #555;
}
.leftExpand {
display: block;
width: 16px;
height: 16px;
background: url(../../images/box_sprite_xs.png) -167px -2px no-repeat;
cursor: pointer;
}
.rightExpand {
display: block;
width: 16px;
height: 16px;
background: url(../../images/box_sprite_xs.png) -184px -2px no-repeat;
cursor: pointer;
}
/* ************** NEW BOX/WINDOW ELEMENTS DEFINED IN CSS3 ************** */
.twOuter {
display: block;
margin: 0 auto;
margin-bottom: 5px;
margin-top: 5px;
padding: 1px;
border-radius: 3px;
border: 1px solid #C9C9C9;
overflow: hidden;
background: #f1f1f1;
}
.twInner {
margin: 0 auto;
background: #E6E6E6;
border-radius: 1px;
}
.twHead {
display: block;
height: 30px;
line-height: 28px;
padding: 0 10px 0 10px;
border-radius: 2px 2px 0 0;
border-bottom: 1px solid white;
background: #3685c1;
background: -moz-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: -webkit-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: -o-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: -ms-linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
background: linear-gradient(top, #3685c1 0%, #3685c1 2%, #479ee0 3%, #2777b5 100%);
box-shadow: inset 0 -1px 6px rgba(0,0,0,.1);
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.twOuter2 {
display: block;
margin: 0 auto;
margin-bottom: 5px;
margin-top: 5px;
padding: 1px;
background: #E6E6E6;
color: #000;
border-radius: 3px;
border: 2px solid #FFF;
}
.twPopBorder {
padding: 2px;
border: none;
}
.twPopShadow {
box-shadow: 0 16px 40px #111;
}
.twInner2 {
margin: 0 auto;
background: transparent;
}
.twHead2 {
display: block;
height: 32px;
line-height: 30px;
padding: 0 10px 0 10px;
background: #D6D6D6;
border-radius: 1px 1px 0 0;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
letter-spacing: 1px;
color: #222 !important;
}
.twGray {
background: #859fb2;
background: -moz-linear-gradient(top, #859fb2 0%, #5b7c99 100%);
background: -webkit-linear-gradient(top, #859fb2 0%, #5b7c99 100%);
background: -o-linear-gradient(top, #859fb2 0%, #5b7c99 100%);
background: -ms-linear-gradient(top, #859fb2 0%, #5b7c99 100%);
background: linear-gradient(top, #859fb2 0%, #5b7c99 100%);
}
.twGrayFlat {
background: #859fb2;
}
.twGray2 {
background: #9a9c9e;
background: -moz-linear-gradient(top, #9a9c9e 0%, #777a7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a9c9e), color-stop(100%,#777a7d));
background: -webkit-linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
background: -o-linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
background: -ms-linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
background: linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
box-shadow: none;
}
.twPurple {
background: #8b6988;
background: -moz-linear-gradient(top, #a890a8 0%, #8b6988 100%);
background: -webkit-linear-gradient(top, #a890a8 0%,#8b6988 100%);
background: -o-linear-gradient(top, #a890a8 0%,#8b6988 100%);
background: -ms-linear-gradient(top, #a890a8 0%,#8b6988 100%);
background: linear-gradient(top, #a890a8 0%,#8b6988 100%);
}
.twOrange {
background: #DD8430;
background: -moz-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: -webkit-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: -o-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: -ms-linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
background: linear-gradient(top, #DD8430 0%, #DD8430 2%, #E89C33 3%, #E58932 50%, #DD8430 51%, #EF5034 100%);
}
.twRed {
background: #ff4949;
background: -moz-linear-gradient(top, #ff4949 0%, #ff4949 2%, #f17147 3%, #ff1f1f 100%);
background: -webkit-linear-gradient(top, #ff4949 0%,#ff4949 2%,#f17147 3%,#ff1f1f 100%);
background: -o-linear-gradient(top, #ff4949 0%,#ff4949 2%,#f17147 3%,#ff1f1f 100%);
background: -ms-linear-gradient(top, #ff4949 0%,#ff4949 2%,#f17147 3%,#ff1f1f 100%);
background: linear-gradient(top, #ff4949 0%,#ff4949 2%,#f17147 3%,#ff1f1f 100%);
}
.twGreen {
background: #1b9123;
background: -moz-linear-gradient(top, #1b9123 0%, #1b9123 2%, #1fa51f 3%, #24931c 50%, #1b8e1e 51%, #0f7700 100%);
background: -webkit-linear-gradient(top, #1b9123 0%, #1b9123 2%, #1fa51f 3%, #24931c 50%, #1b8e1e 51%, #0f7700 100%);
background: -o-linear-gradient(top, #1b9123 0%, #1b9123 2%, #1fa51f 3%, #24931c 50%, #1b8e1e 51%, #0f7700 100%);
background: -ms-linear-gradient(top, #1b9123 0%, #1b9123 2%, #1fa51f 3%, #24931c 50%, #1b8e1e 51%, #0f7700 100%);
background: linear-gradient(top, #1b9123 0%, #1b9123 2%, #1fa51f 3%, #24931c 50%, #1b8e1e 51%, #0f7700 100%);
}
.twTeal {
background: #49afa9;
background: linear-gradient(#15bb9d 0%, #079c86 100%);
}
.twTitle {
float:left;
text-align:left;
color: #FFFFFF !important;
vertical-align: middle;
padding: 0;
}
.twTitle2 {
float:left;
text-align:left;
color: #222!important;
vertical-align: middle;
padding: 0;
}
.twLink {
float: right;
margin: 4px -6px 0 0;
height: 22px;
line-height: 20px;
color: #FFFFFF !important;
box-shadow: inset 0 0 3px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.25);
border-radius: 30px 3px 3px 30px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 0 1px;
}
.twLink span:hover {
color: #FFCC33 !important;
cursor:pointer;
}
.twLink2 {
float: right;
margin: 4px -6px 0 0;
height: 22px;
line-height: 20px;
color: #FFFFFF !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px 0 1px;
}
.twLink2 span:hover {
color: #FFCC33 !important;
cursor:pointer;
}
.headlink {
color: #FFFFFF !important;
cursor:pointer;
}
.headlink:hover {
color: #FFCC33 !important;
cursor:pointer;
}
.twContent {
display: block;
padding: 6px;
}
.twContentEmpty {
padding: 0;
}
.twBottom {
display: block;
height: 2px;
border-radius: 3px;
background: #E6E6E6;
}
.closeWin {
display:block;
background: url(../../images/box_sprite_xs.png) -1px -25px no-repeat;
margin-top: 1px;
width: 40px;
height: 24px;
z-index: 200;
}
.closeWin:hover {
background-position: -1px -50px;
}
.closeWin:active {
background-position: -1px -75px;
}
.closeWin2 {
margin-right: -10px;
font-weight:bold;
padding: 0 8px;
color: #f0e3e3;
cursor: pointer;
text-shadow: none !important;
}
.closeWin2:hover {
color: #740b0b;
background: rgba(255, 255, 255, 0.1);
}
.closeWin2:active {
color: #740b0b;
background: rgba(255, 255, 255, 0.05);
}
.closeWin3 {
margin-right: -10px;
font-weight:bold;
padding: 0 8px;
color: #362d2d;
cursor: pointer;
text-shadow: none !important;
}
.closeWin3:hover {
color: #740b0b;
background: rgba(255, 255, 255, 0.1);
}
.closeWin3:active {
color: #740b0b;
background: rgba(255, 255, 255, 0.05);
}
.asdf {
padding: 8px;
color: #EEE;
font-weight: bold;
font-family: verdana;
text-shadow: 0 1px 2px rgba(0,0,0,.5);
background: #9a9c9e;
background: -moz-linear-gradient(top, #9a9c9e 0%, #777a7d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9a9c9e), color-stop(100%,#777a7d));
background: -webkit-linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
background: -o-linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
background: -ms-linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
background: linear-gradient(top, #9a9c9e 0%,#777a7d 100%);
border-spacing: 2px;
}
/* placeholder styling */
::-webkit-input-placeholder { color:gray; }
input:-moz-placeholder { color:gray; }
/*Fadeout and Shrink animations*/
.Fade {
background: rgba(255,255,255,0);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 100%);
color: rgba(255,255,255,0);
text-shadow: none;
box-shadow: none;
-webkit-transition: all 2.0s ease-out;
-moz-transition: all 2.0s ease-out;
-o-transition: all 2.0s ease-out;
-ms-transition: all 2.0s ease-out;
transition: all 2.0s ease-out;
}
.Shrink {
height: 0;
padding: 0;
margin: 0;
color: rgba(255,255,255,0);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.hideLayer {
visibility:hidden;
opacity: 0;
-webkit-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
-moz-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
-o-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
-ms-transition: visibility 0s linear 0.4s, opacity 0.4s linear;
transition: visibility 0s linear 0.4s, opacity 0.4s linear;
}
.showLayer {
visibility:visible;
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.show {
display: block;
}
.hide {
display: none;
}
/*Alternate tooltip styling*/
#tt2 {
position:absolute;
display:block;
background: transparent;
z-index: +30;
}
#tt2cont {
display: block;
padding: 7px;
margin-right: 0;
background: #111;
background: rgba(0,0,0,0.8);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #FFF;
text-shadow: 0 1px 0 #000;
font-family: Lucida Grande, Verdana, Helvetica, Arial, sans-serif !important;
font-size: 11px;
font-weight: bold;
}
#tt2:after {
content: '';
position: absolute;
left: -5px;
top: 9px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgba(0,0,0,0.8);
}
/*End Alternate Tooltip Styling*/
/*Alternate tooltip styling*/
#tt3 {
position:absolute;
display:block;
background: transparent;
z-index: +30;
}
#tt3cont {
display: block;
padding: 7px;
margin-right: 0;
background: #111;
background: rgba(0,0,0,0.8);
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
color: #FFF;
text-shadow: 0 1px 0 #000;
font-family: Helvetica, Arial;
font-size: 11px;
font-weight: bold;
}
#tt3:after {
content: '';
position: absolute;
left: -5px;
top: 9px;
width: 0;
height: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid rgba(0,0,0,0.8);
}
/*End Alternate Tooltip Styling*/
/*Password strength meter*/
#psWrapper{
float:left;
margin-left: -200px;
display:block;
width: 200px;
height:10px;
color: #FFF;
font-weight: bold;
background: transparent;
box-shadow: inset 0 1px 2px #222, 0 1px 0 #FFF;
}
#passwordStrengthBar{
display:block;
float: left;
width: 200px;
height:10px;
background: #ff0000;
background: -moz-linear-gradient(left, #ff0000 0%, #ea8220 33%, #4dcd00 66%, #399800 100%);
background: -webkit-linear-gradient(left, #ff0000 0%,#ea8220 33%,#4dcd00 66%,#399800 100%);
background: -o-linear-gradient(left, #ff0000 0%,#ea8220 33%,#4dcd00 66%,#399800 100%);
background: -ms-linear-gradient(left, #ff0000 0%,#ea8220 33%,#4dcd00 66%,#399800 100%);
background: linear-gradient(left, #ff0000 0%,#ea8220 33%,#4dcd00 66%,#399800 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#399800',GradientType=1 );
}
.passwordMask {
float:right;
background: #EAEAEA;
width: 200px;
height: 10px;
}
.strength0{
width:200px !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.strength1{
width:180px !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.strength2{
width:120px !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.strength3{
width:80px !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.strength4{
width:40px !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.strength5{
background:#399800;
width:0px !important;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
.gpt-formatted {
height: 280px;
overflow-y: auto;
/* background: rgb(245, 245, 245); */
background: linear-gradient(to bottom, rgb(218, 243, 254), rgb(245, 245, 245));
border-radius: 0 0 10px 10px;
padding: 8px;
font-size: 13px !important;
/* box-shadow: inset 0 10px 10px -10px rgba(0, 0, 0, 0.5); */
}
.gpt-formatted div {
line-height: 1.5;
}
.gpt-question {
width: 90%;
/* min-height: 18px;
max-height: 18px; */
overflow-y: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
font-weight: bold;
font-size: 14px;
color: #444444;
background: rgb(245, 245, 245);
padding: 10px;
border: 1px solid #ABABAB;
border-radius: 10px;
}
.gpt-question:focus {
outline: none;
border: 1px solid #949494;
box-shadow: 2px 2px 6px rgba(91, 91, 91, 0.1);
}
.gpt-question::selection {
border: 1px solid #ffa500;
}
.interaction_type {
width: 21px;
height: 21px;
background-color: rgba(221, 121, 40, 1);
color: white;
font-size: 15px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 4px;
}
.hd-icon {
color: #FFFFFF;
}
.hd-icon-pointer {
font-size: 18px;
color: #696868;
/* box-shadow: #212121 inset 2px 2px 2px; */
}
.hd-icon-pointer:hover {
color: #ff7c0b;
/* box-shadow: #212121 inset 2px 2px 2px; */
}
.hd-icon-pointer:active {
color: #abce5e;
/* box-shadow: #212121 inset 2px 2px 2px; */
}
.hd-icon-pointer-disabled {
font-size: 18px;
color: #a7a7a7;
}
.hd-icon-red {
color: #db0202;
}
.hd-icon-green {
color: #08a64f;
}
.hd-icon-yellow {
color: #f0dd09;
}
.hd-icon-gray {
color: #a5a5a5;
}
.shimmer-text {
text-shadow: none !important;
color: #666;
letter-spacing: 2px;
/* font-size: 20px; */
/* height: 10px; */
/* line-height: 10px; */
background: linear-gradient(
90deg,
#666 0%,
#666 40%,
#fff 50%,
#666 60%,
#666 100%
);
background-size: 150% 100%;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
animation: shimmer 1s infinite linear;
}
@keyframes shimmer {
0% {
background-position: -150% 0;
}
100% {
background-position: 150% 0;
}
}
.iglass-status {
padding: 4px 10px;
border-radius: 2px;
color: #FFFFFF;
}
.iglass-status:hover {
background: rgba(0, 0, 0, .2);
background-blend-mode: overlay;
}
.iglass-status:active {
background: rgba(0, 0, 0, .5);
background-blend-mode: screen;
}
.iglass-status-grey {
background: #515151;
}
.iglass-status-green {
background: #238c0a
}
.iglass-status-red {
background: #cc0c0c
}
.iglass-status-orange {
background: #f67a09
}
.iglass-status-yellow {
background: #e1c20d
}
.iglass-message-red {
position: relative;
/* width: 250px; */
padding: 4px 10px;
border-radius: 2px;
background: #f39999;
color: rgba(0,0,0,.6);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05), 0 4px 6px 0 rgba(0, 0, 0, .2);
}
.iglass-message-red:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: #f39999 transparent;
display: block;
width: 0;
z-index: 1;
top: -7px;
left: 29px;
}
.iglass-message-yellow {
position: relative;
/* width: 250px; */
padding: 4px 10px;
border-radius: 2px;
background: #f7e685;
color: rgba(0,0,0,.6);
box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.05), 0 4px 6px 0 rgba(0, 0, 0, .2);
}
.iglass-message-yellow:after {
content: '';
position: absolute;
border-style: solid;
border-width: 0 8px 8px;
border-color: #f7e685 transparent;
display: block;
width: 0;
z-index: 1;
top: -7px;
left: 29px;
}
/*Printing Support info*/
.print td{
font-size:10pt;
}
/*End Printing Support info*/
.ulfeedback {
font-size: 50px;
background: #c6b8b1;
border-radius: 0;
transition: border-radius 0.15s ease-out, background 0.15s ease-out;
}
.ulfeedback:hover {
background: #92837b;
border-radius: 15px;
}
.ulfeedback:active {
background: #cf7240;
filter: sepia(80%);
}
.postit {
line-height: 1;
text-align:left;
width: 300px;
margin-top: 25px;
padding: 10px 10px;
position:relative;
border:1px solid #E8E8E8;
border-top:10px solid #fdfd86;
border-bottom-right-radius: 60px 5px;
display:inline-block;
background: #ffff88; /* Old browsers */
background: linear-gradient(135deg, #ffff88 81%,#ffff88 82%,#ffff88 82%,#ffffc6 100%);
/* background: linear-gradient(135deg, #ffd089 81%,#ffffc6 100%); */
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.40);
/* z-index:1000; */
}
/*
.postit:after {
content: "";
position:absolute;
z-index:-1;
right:0px; bottom: 15px;
width:200px;
height: 25px;
background: transparent;
box-shadow:2px 15px 5px rgba(0, 0, 0, 0.40);
transform: matrix(-1, -0.1, 0, 1, 0, 0);
}
*/
.loader {
height: 10px;
width: 120px;
margin:auto;
}
.loader--dot {
animation-name: loader;
animation-timing-function: ease-in-out;
animation-duration: 3s;
animation-iteration-count: infinite;
height: 10px;
width: 10px;
border-radius: 100%;
background-color: black;
position: absolute;
border: 2px solid white;
}
.loader--dot:first-child {
background-color: #0078c2;
animation-delay: 0.5s;
}
.loader--dot:nth-child(2) {
background-color: #2a8ec8;
animation-delay: 0.4s;
}
.loader--dot:nth-child(3) {
background-color: #19afe6;
animation-delay: 0.3s;
}
.loader--dot:nth-child(4) {
background-color: #53c4ed;
animation-delay: 0.2s;
}
.loader--dot:nth-child(5) {
background-color: #7fd4f2;
animation-delay: 0.1s;
}
.loader--dot:nth-child(6) {
background-color: #a6e0f5;
animation-delay: 0s;
}
.loader--text {
position: absolute;
top: 200%;
left: 0;
right: 0;
width: 4rem;
margin: auto;
}
@keyframes loader {
15% {transform: translateX(0);}
45% {transform: translateX(110px);}
65% {transform: translateX(110px);}
95% {transform: translateX(0);}
}
lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #7dd;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.lds-ellipsis-small {
display: inline-block;
position: relative;
width: 40px;
height: 40px;
}
.lds-ellipsis-small div {
position: absolute;
top: 33px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #6ab;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis-small div:nth-child(1) {
left: 8px;
animation: lds-ellipsis-small1 0.6s infinite;
}
.lds-ellipsis-small div:nth-child(2) {
left: 8px;
animation: lds-ellipsis-small2 0.6s infinite;
}
.lds-ellipsis-small div:nth-child(3) {
left: 32px;
animation: lds-ellipsis-small2 0.6s infinite;
}
.lds-ellipsis-small div:nth-child(4) {
left: 56px;
animation: lds-ellipsis-small3 0.6s infinite;
}
@keyframes lds-ellipsis-small1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis-small3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis-small2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.lds-ellipsis-tiny {
display: inline-block;
position: relative;
width: 15px;
height: 10px;
}
.lds-ellipsis-tiny div {
position: absolute;
top: 4px;
width: 8px;
height: 8px;
border-radius: 50%;
background: #6ab;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis-tiny div:nth-child(1) {
left: 8px;
animation: lds-ellipsis-tiny1 0.6s infinite;
}
.lds-ellipsis-tiny div:nth-child(2) {
left: 8px;
animation: lds-ellipsis-tiny2 0.6s infinite;
}
.lds-ellipsis-tiny div:nth-child(3) {
left: 20px;
animation: lds-ellipsis-tiny2 0.6s infinite;
}
.lds-ellipsis-tiny div:nth-child(4) {
left: 32px;
animation: lds-ellipsis-tiny3 0.6s infinite;
}
@keyframes lds-ellipsis-tiny1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis-tiny3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis-tiny2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(12px, 0);
}
}