/*
 * This is the default style sheet for the silhouette application.  Any
 * implementation of silhouette that decides to create its own style sheet
 * should use the @ import statement to use this as a default so that new 
 * styles introduced will automatically be picked up by your style sheet.
 * This is done by inserting the following line at the beginning of your 
 * style sheet:
 *            @import "../default/styles.css";
 * Your style sheet file must be in a subdirectory of the directory:
 *            /nci/tomcat/webapps/webadmin/common/styles/
 *
 *    Author: $Author: mkenny $
 *      Date: $Date: 2021/02/10 $
 *  Revision: $Revision: #1 $
 * Copyright © 2004-2010 Broadview Networks, Inc.
 */

A {
    color:#294692
}

BODY {
    font-family:Verdana, Arial, Helvetica;
    margin-top:4px;
    margin-bottom:4px; 
    color:Black;
    background-color:#FFFFFF;
    margin-left:4px;
    margin-right:4px;
}

P {
    font-size: 10pt;
}


.check {
    font-family:Courier;
    font-size: 18pt;
}

 .agent {
     font-family:Courier;
     font-size: 18pt;
     background: transparent url('../../images/default/checkmark-16.gif') no-repeat center center;
 }

 .noagent {
     font-family:Courier;
     font-size: 18pt;
 }

.queue {
    font-family:Courier;
    font-size: 18pt;
    background: transparent url('../../images/default/checkmark-16.gif') no-repeat center center;
}

.noqueue {
    font-family:Courier;
    font-size: 18pt;
}

.recorded {
    font-family:Courier;
    font-size: 18pt;
    background: transparent url('../../images/default/checkmark-16.gif') no-repeat center center;
}

.norecorded {
    font-family:Courier;
    font-size: 18pt;
}

 #ruleTable tr.selected {
     background-color: #b0bed9;
 }

 #ruleTable tr .odd.selected {
     background-color: #b0bed9;
 }

HR {
  height: 1px;
  color: gray;
  background: gray;
  border: 1px inset;
}

INPUT {
}

TABLE {
    BORDER-BOTTOM: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    font-size:10pt
}

TABLE.detailsTable {
    margin:3px;
    width:99%;
}

TABLE.Mtable TD {
    border-bottom:#EEEEEE 1px solid;
}

.drpdwn {
    font-family:Verdana, Arial, Helvetica;
    font-size:12px;
    color:#000000;
    background-color:#FFFFFF;
}

.drpdwnLarge {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background-color:#FFFFFF;
    width:250px;
}

.button {
    COLOR: black;
    font-size:12px;
}

.button[disabled] {
    color: gray;
}

.buttonLanguage
{
    COLOR: black;
    CURSOR: pointer;
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial;
    FONT-WEIGHT: bold;
    WIDTH: 130px;
}

SELECT[disabled] {
    color: gray;
}

.w30px  { width:  30px; }
.w80px  { width:  80px; }
.w120px { width: 120px; }
.w160px { width: 160px; }
.w250px { width: 250px; }
.w350px { width: 350px; }

.w95pct { width:   95%; }

.tdCheckboxWidth { width: 5%; }

.tdLeftColWidth  { width:42%; }
.tdRightColWidth { width:58%; }
.tdHalfRightColWidth { width:29%; }

.eigthRightCol  { width: 12%; }
.QtrRightCol  { width: 23%; }
.halfRightCol { width: 46%; }
.qtr3RightCol { width: 69%; }
.fullRightCol { width: 92%; }
.fullRightCol1 { width: 92%; }

.width20pct  { width: 20%; }
.width40pct  { width: 40%; }
.width50pct  { width: 50%; }
.width60pct  { width: 60%; }
.width100pct { width:100%; }

.widthOneThird { width: 33%;}
.widthTwoThird { width: 66%;}
.widthFull { width: 99%;}

.width570px { width:570px; }
.width750px { width:750px; }
    
BUTTON {
    font-size:12px;
}

.noBorder {
    border:none;
}

.textboxnw {
    font-family:Verdana, Arial, Helvetica;
    font-size:12px;
    color:#000000;
    background-color:#FFFFFF;
}

.textboxnwNoBorderGrey {
    font-family:Verdana, Arial, Helvetica;
    font-size:12px;
    color:grey;
    background-color:#FFFFFF;
    border:none;
}


.textbox {
    font-family:Verdana, Arial, Helvetica;
    color:#000000;
    background-color:#FFFFFF;
    WIDTH:120px;
}

.textbox2digits {
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    width: 21px;
    padding: 1px 0px;
    text-indent: 0px;
    letter-spacing: normal;
    word-spacing: normal;
    word-break: normal;
    text-align: left;
    margin-top: 2px;
    margin-bottom: 2px;
}

.textbox160 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background-color:#FFFFFF;
    WIDTH:160px;
}

.textboxFontColor {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background-color:#FFFFFF;
}

.textboxFullRightCol {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    background-color:#FFFFFF;
    WIDTH:92%;
}

.textboxReadOnly {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    background-color:#EEEEEE;
    color:#222222;
    font-style:italic;
}

.text {
    color:#294692;
}

.textBlack {
    color:black;
}

.textcenter {
    color:Black;
    text-align:center;
}

.textLeft {
    text-align:left;
}

.textRight {
    text-align:right;
}

.textw {
    color:#ffffff;
    TEXT-DECORATION:none;
}

.heading {
    font-weight:bold;
    color:#294692;
}

.headingCenter {
    font-weight:bold;
    text-align:center;
}

.center {
    text-align:center;
}


.textwb {
    font-weight:bold;
    color:#ffffff;
    TEXT-DECORATION:none;
}

.tableMenu {
    background-color:#00509E;
}

.tableFooter {
    background-color:#00509E;
}

.textg {
    color:#999999
}

.nav2 {
    font-weight:bold;
    color: #294692;
    background-color:transparent;
    TEXT-DECORATION:none;
}

.nav2 A {
    font-weight:bold;
    color: #294692;
    background-color:transparent;
    TEXT-DECORATION:none;
}

.nav2sel {
    font-weight:bold;
    color: white;
    background-color:#00509E;
    TEXT-DECORATION:none;
}

.nav2sel A {
    font-weight:bold;
    color: white;
    background-color:#00509E;
    TEXT-DECORATION:none;
}

.nav3 {
    font-weight:bold;
    color:#294692;
    background-color:transparent;
    TEXT-DECORATION:none;
}

.nav3 A {
    font-weight:bold;
    color:#294692;
    background-color:transparent;
    TEXT-DECORATION:none;
}

.tableInstr {
    background-color:#EEEEEE;
    font-size:12px;
    height:20px;
}

.tableBttns {
    background-color:#EEEEEE;
}

.textboxlg {
    font-family:Verdana, Arial, Helvetica;
    color:#000000;
    background-color:#FFFFFF;
    WIDTH:180px;
}

.textbox65 {
    font-family:Verdana, Arial, Helvetica;
    color:#000000;
    background-color:#FFFFFF;
    WIDTH:65%;
}

.textboxlghighlight {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:Black;
    background-color:#B9B9FF; /* light blue */
    WIDTH:180px;
}

.textboxlggrey {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:Black;
    background-color:#BEBEBE; /* light grey */
    WIDTH:180px;
}

 .textBoxAutoGrey {
     font-family:Verdana, Arial, Helvetica, sans-serif;
     color:Black;
     /*background-color:#BEBEBE; */
     padding: 8px;
 }

.tableCol {
    color:white;
    font-weight:bold;
    background-color:#827F77;
    border-style:solid;
    border-width:1px;
    border-color:white;
}

.tableColSort {
    font-weight:bold;
    BACKGROUND-COLOR:#DDDDDD;
    COLOR: black;
    border-style:solid;
    border-width:1px;
    border-color:white;
}

.tableCol A {
    color:White;
}

.tableColSort A {
    color:Black;
}

.selList {
    WIDTH:150px;
}

 .textarea {
     font-family: Verdana, Arial, Helvetica;
     background-color: transparent;
     BORDER-BOTTOM: white;
     BORDER-LEFT: white;
     BORDER-RIGHT: white;
     BORDER-TOP: white;
 }

 .textareaFixed {
     font-family: Verdana, Arial, Helvetica;
     background-color: transparent;
     font-size: 13px;
     border-style: inset;
     border-color: #eeeeee;
     border-width: 2px;
     resize: none;
 }

.textareabold {
    font-family:Verdana, Arial, Helvetica;
    font-weight:bold;
    background-color: transparent;
    BORDER-BOTTOM: white;
    BORDER-LEFT: white;
    BORDER-RIGHT: white;
    BORDER-TOP: white;
}

.textboxnar {
    font-family:Verdana, Arial, Helvetica;
    font-size:11px;
    color:#000000;
    background-color:#FFFFFF;
    WIDTH:130px;
}

.drpdwnnar {
    font-family:Verdana, Arial, Helvetica;
    font-size:11px;
    color:#000000;
    background-color:transparent;
    WIDTH:150px;
}

.drpdwnnar1 {
    font-family:Verdana, Arial, Helvetica;
    font-size:11px;
    color:#000000;
    background-color:transparent;
    WIDTH:130px;
}

.atext {
    color:#294692;
}

.atext_disabled {
    color:Gray;
    TEXT-DECORATION:line-through;
}

.text_disabled {
    color:Gray;
    TEXT-DECORATION:line-through;
}

.image_disable {
    opacity:0.5;
    filter:alpha(opacity=50);
}

.option_enable {
    color:Black;
}

.option_disable {
    color:OrangeRed;
}

.state_inactive {
     color:OrangeRed;
}

.text_grayed_out {
    color:Gray;
}

.textboxhighlight {
    font-family:Verdana, Arial, Helvetica;
    font-size:small;
    color:Black;
    background-color:Yellow;
    WIDTH:120px;
}

.selListNoLinks {;
}

.selListLinks {
    font-family:Verdana, Arial, Helvetica;
    text-decoration:underline;
    COLOR: #294692;
}

.textbold {
    font-weight:bold;
    COLOR: #294692;
}

.textComplete {
    font-size: 12pt;
    color:Green;
}

.textIncomplete {
    font-size: 12pt;
    color:Red;
}

.textError {
    font-size: 12pt;
    font-weight:bold;
    color:Red;
}

.textRed {
 	color:Red;
}

.error {
	color:Red;
}

.success {
	color:Green;
}

.warning {
   color:Orange;
}



.deemphasizeText {
   color:#BEBEBE;
}

.emphasizeTextOverride {
   font-weight:bold;
}

.vspacingSmall {
    height:5px;
    font-size:0px;
}

.vspacing {
    height:11px;
    font-size:0px;
}

.vspacingMedium{
    height:12px;
    font-size:0px;
}

.vspacingLarge {
    height:20px;
    font-size:0px;
}

.textareaLicensing {
    width:265px;
    height:400px;
    resize: none;
}

th.ckeckbox_column, td.ckeckbox_column {
   text-align: center;
   width: 5px;
}

.hide {
    text-align: center;
    visibility: hidden;
}
/*
 * This is the style used by the embedded progress dialog used in several
 * areas.  This embedded version is a second generation version of the
 * "please wait, I'm working" dialog.
 */
DIV.progressDialog {
    position:fixed;
    z-index:3;
    left:240px;
    top:200px;
    width:200px;
    height:100px;
    border-width:4px;
    border-style:ridge;
    background-color:#eeeeee;
    visibility:hidden;
}

.fieldLabel {
    text-align: right;
}


.invisible {
    display:none;
}

hr {
height: 2px;
}


/*
 * Note that the following CSS selectors are context-specific.  In other
 * words, they only apply when they are within the confines of a
 * 'TABLE.generic_table'.
 */
/* base for everything in the generic table. */
table.generic_table {
   width: 100%;
}

table.generic_table th {
   background-color: #827F77;
}

table.generic_table th a {
   color: White;
}

/* properties common to both sorted assending and decending */
table.generic_table th.sorted a {
   color: Black;
}

/* the order1 class defines an assending sorted column */
table.generic_table th.order1 {
   background-image: url('../../images/default/asc.gif');
}

/* the order2 class defines a decending sorted column */
table.generic_table th.order2 {
   background-image: url('../../images/default/desc.gif');
}

table.generic_table th.sorted {
   background-color: #DDDDDD;
   background-repeat: no-repeat;
   background-position: right;
}

table.generic_table th.sortable {
   padding-right: 9px;
}

table.generic_table tr.odd {
   background-color: #E9E9E9;
}

table.generic_table tr.even {
   background-color: #E9FCFC;
}

table.generic_table tr.ruled {
   background-color:#A9A9A9;
   color: White;
}    


/******************************************************************************
***************************** tab  wireframe   ********************************
******************************************************************************/

.ditch-tab-skin-wireframe .ditchnet-tab-container {
			margin:10px;
			border-bottom: 1px solid gray;
			border-left:   1px solid gray;
			}
	
.ditch-tab-skin-wireframe .ditch-tab-wrap {
			
			}
	
.ditch-tab-skin-wireframe .ditch-tab {
			float:left;
			padding:2px 10px 2px;
			border-top:  1px solid gray;
			border-right:1px solid gray;
			cursor:pointer;
			}
	
.ditch-tab-skin-wireframe .ditch-tab-wrap .ditch-unfocused {
			color:gray;
			background-color:white;
			}
	
.ditch-tab-skin-wireframe .ditch-tab-wrap .ditch-focused {
			color:black;
			background-color:silver;
			}

.ditch-tab-skin-wireframe .ditch-tab-pane-wrap {
			padding:8px;
			border-top:    1px solid gray;
			border-right:  1px solid gray;
			}

.ditch-tab-skin-wireframe .ditch-tab-pane {
			
			}
	
.ditch-tab-skin-wireframe br.ditch-clear {
			clear:both;
			}
			
			
/******************************************************************************
***************************** tab INVISIBLE   *********************************
******************************************************************************/

.ditch-tab-skin-invisible .ditchnet-tab-container {
			margin:10px;
			border:0;
			}
	
.ditch-tab-skin-invisible .ditch-tab-wrap {
			display:none;
			border:0;
			}
	
.ditch-tab-skin-invisible .ditch-tab {
			display:none;
			border:0;
			}
	
.ditch-tab-skin-invisible .ditch-tab-wrap .ditch-unfocused {
			border:0;
			}
	
.ditch-tab-skin-invisible .ditch-tab-wrap .ditch-focused {
			border:0;
			}

.ditch-tab-skin-invisible .ditch-tab-pane-wrap {
			border:0;
			padding:8px;
			}

.ditch-tab-skin-invisible .ditch-tab-pane {
			border:0;
			}
	
.ditch-tab-skin-invisible br.ditch-clear {
			clear:both;
			}
			
			
/******************************************************************************
******************************** tab  default   *******************************
******************************************************************************/

.ditch-tab-skin-default .ditchnet-tab-container {
			margin:10px;
			}
	
.ditch-tab-skin-default .ditch-tab-wrap {
			position:relative;
			z-index:10;
			font:12px "Lucida Grande",LucidaGrande,Verdana,sans-serif;
			}
	
.ditch-tab-skin-default .ditch-tab {
			position:relative;
			float:left;
			padding:2px 20px;
			margin:0 1px -1px 0;
			text-align:center;
			cursor:pointer;
			font:12px "Lucida Grande",LucidaGrande,Verdana,sans-serif;
			}

.ditch-tab-skin-default .ditch-tab-bg-left {
			position:absolute;
			left:0; top:0;
			width:10px; height:18px;
			}
html>body .ditch-tab-skin-default .ditch-tab-bg-left {
			height:18px;
			}

.ditch-tab-skin-default .ditch-unfocused {
			color:#999;
			border-bottom:1px solid silver;
			background:transparent url(../../images/default/default_tab_bg_right.gif) 100% 0 no-repeat;
			}
	
.ditch-tab-skin-default .ditch-focused {
			border-bottom:1px solid white;
			background:transparent url(../../images/default/default_tab_bg_white_right.gif) 100% 0 no-repeat;
			}


.ditch-tab-skin-default .ditch-unfocused .ditch-tab-bg-left {
			background:transparent url(../../images/default/default_tab_bg_left.gif) 0 0 no-repeat;
			}
.ditch-tab-skin-default .ditch-focused .ditch-tab-bg-left {
			background:transparent url(../../images/default/default_tab_bg_white_left.gif) 0 0 no-repeat;
			}



.ditch-tab-skin-default .ditch-tab a:link,
.ditch-tab-skin-default .ditch-tab a:visited {
			color:black;
			text-decoration:none;
			}
.ditch-tab-skin-default .ditch-tab-wrap .ditch-unfocused a:link,
.ditch-tab-skin-default .ditch-tab-wrap .ditch-unfocused a:visited {
			color:silver;
			}



.ditch-tab-skin-default .ditch-tab-pane-wrap {
			position:relative;
			z-index:9;
			border:1px solid silver;
			padding:8px 15px;
			}

.ditch-tab-skin-default .ditch-tab-pane {
			
			}
	
.ditch-tab-skin-default br.ditch-clear {
			clear:both;
			}

div.ui-widget-overlay {
    opacity:0.8;
}

 div.ui-dialog.ruleEditDialog {
     z-index: 99999;
 }

div.ui-dialog-titlebar {
  padding: 0.2em;
}
/*
.ui-dialog.ruleEditDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
     display: none;
 }
*/
span#ui-dialog-title-scrDetails {
     font-size: 10pt;
 }

div#scrDetails {
    overflow: hidden;
}

#ruleTable td a {
    white-space: pre-wrap;
}

#ruleTable tbody tr {
    cursor: move;
}

#ruleTable tbody tr td input {
    cursor: default;
}

 div.ui-dialog.changeSiteDialog {
     z-index: 99999;
 }

/*
 div.ui-dialog.changeSiteDialog div.ui-dialog-titlebar {
     padding: 0.2em;
 }*/
 /*
 .ui-dialog.ruleEditDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
      display: none;
  }
 */
 /*
 .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
     font-size: 10pt;
 }
 */

span#ui-dialog-title-changeSiteDiv {
     font-size: 10pt;
 }

 div#changeSiteDiv {
     overflow: hidden;
 }

 INPUT[disabled] {
     color:gray;
 }

 /*

 .ui-datepicker-year{
     display:none;
 }

 */

/*
 div.ui-dialog.keyMappingDialog div.ui-dialog-titlebar {
     padding: 0.2em;
 }

 .ui-dialog.keyMappingDialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
     display: none;
 }

 .keyMappingDialog #ui-dialog-title-keyMappingDetails {
     font-size: 10pt;
 }

 div#keyMappingDetails {
     overflow: hidden;
 }
*/