/* css override to support text wrapping in ListViews and GridPanels */
/* wrapping for ListViews */
/* this override is needed for IE */
/*
.x-list-body dt {white-space: normal;}
.x-list-body dt em { white-space: pre-wrap !important; word-wrap: break-word !important;}
*/
/* wrapping for GridPanels in Firefox and IE */
/*
.x-grid3-cell-inner, .x-grid3-hd-inner{ white-space: normal; }
.x-grid3-cell-inner { white-space: pre-wrap !important; word-wrap: break-word !important;}
*/

/* LinkButton */
table.x-btn .x-btn-small td.x-btn-mc em a {
    text-decoration: none;
    display: block;
    height: 12px;
    padding-bottom: 2px;
    padding-top: 2px;
}

.SQLStatement { background: url("../img/database.png") 0px center no-repeat !important; }

body.ext-opera  table.x-btn .x-btn-small td.x-btn-mc em a,
body.ext-chrome table.x-btn .x-btn-small td.x-btn-mc em a {
    padding-top: 1px;
}
body.ext-chrome table.x-btn .x-btn-small td.x-btn-mc em a {
    padding-bottom: 3px;
}


.dd-arrow-down {
	background-image: url(/* your down arrow image */);
	display: block;
	visibility: visible;
	z-index: 20000;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 0;
	left: 0;
}

/*
 * Loader
 */
 
#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  20000;
  background-color: white;
}

#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  2px;
  z-index:  20001;
  height:   auto;
  margin:   -35px 0 0 -30px;
}

#loading .loading-indicator {
  background: url(../img/loading-ext.gif) no-repeat;
  color:      #555;
  font:       bold 13px tahoma,arial,helvetica;
  padding:    8px 42px;
  margin:     0;
  text-align: center;
  height:     auto;
}

#page-msg {
	width: 100%;
	padding: 24px;
	margin-left: auto;
  	margin-right: auto;
	margin-top: 5%;
	text-align: center;
	z-index:  20002;
}

/*
 * ProgressColumn component styles
 */
 
.x-grid3-progresscol .x-grid3-cell-inner {
  padding: 0px 0px 0px 5px;
}

.x-grid3-progresscol .x-progress-bar {
  height: 16px;
}

.x-grid3-progresscol .x-progress-bar-ie {
  height: 16px;
  z-index:-100;
  position: absolute;
}

.x-grid3-progresscol .x-progress-inner {
  height: 16px;
}

.x-grid3-progresscol .x-progress-text-front-ie6 {
  padding: 2.5px 5px;
}

.x-grid3-progresscol .x-progress-text-front {
  padding: 2px 5px;
}

.x-progress-bar-red,.x-progress-bar-orange,.x-progress-bar-green {
  border-bottom: 1px solid #7fa9e4;
  float: left;
  height: 16px;
}

.x-progress-bar-red {
  background: #ff0000 url(images/progress-bg-red.gif) repeat-x scroll left
    center;
  border-top: 1px solid #ecb7ad;
}

.x-progress-bar-orange {
  background: #9cbfee url(images/progress-bg-orange.gif) repeat-x scroll
    left center;
  border-right: 1px solid #deab7e;
  border-top: 1px solid #d7b290;
}

.x-progress-bar-green {
  background: #00ff00 url(images/progress-bg-green.gif) repeat-x scroll
    left center;
  border-right: 1px solid #5bd976;
  border-top: 1px solid #79e18f;
}

/*
 * Make grid text selectable
 */
.x-selectable, .x-selectable * {
	-moz-user-select: text!important;
	-khtml-user-select: text!important;
}

/*
 * Row color component styles
 */
 
.bgnd-red{ background-color: #FFCCCC !important; } 
.bgnd-yellow{ background-color: #FFFFCC !important; } 
.bgnd-green{ background-color: #CCFFCC !important; }
.bgnd-blue{ background-color: #99CCFF !important; }

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
  height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

.upload-icon { background: url('../img/upload.png') no-repeat 0 0 !important; }
.icon-unlock { background-image:url(../img/unlock.png) ! important; }

.v-icon { background: url('../img/v.png') no-repeat center center !important; }
.x-icon { background: url('../img/x.png') no-repeat center center !important; }

.txt-red{ color: #CC0000 !important; } 
.txt-yellow{ color: #FFCC00 !important; } 
.txt-green{ color: #336600 !important; }
.txt-blue{ color: #006699 !important; }
.txt-white{ color: white !important; }

/**
 * Icons
 */

.tmanager-appicon { background: url("../img/user.png") 0px center no-repeat !important; }
.cmanager-appicon { background: url("../img/object.png") 0px center no-repeat !important; }
.namespace-appicon { background: url("../img/map.png") 0px center no-repeat !important; }
.reporter-appicon { background: url("../img/chart.png") 0px center no-repeat !important; }
.recmon-appicon { background: url("../img/cd.png") 0px center no-repeat !important; }
.cloader-appicon { background: url("../img/tools.png") 0px center no-repeat !important; }
.help-appicon { background: url("../img/help.png") 0px center no-repeat !important; }
.logout-appicon { background: url("../img/lock.png") 0px center no-repeat !important; }

.agents-icon{ background: url('../img/users.png') 0px center no-repeat !important; }
.outcome-icon{ background: url('../img/outcome.png') 0px center no-repeat !important; }
.cmp-icon{ background: url('../img/object.png') 0px center no-repeat !important; }
.sound-icon{ background: url('../img/music.png') 0px center no-repeat !important; }
.stat-icon{ background: url('../img/preferences.png') 0px center no-repeat !important; }

.sdlogo-icon { background: url("../img/softdial.png") 0px center no-repeat !important; }

.cmp-pan-icon { background: url("../img/object.png") no-repeat; }
.agt-pan-icon { background: url("../img/user.png") no-repeat; }
.que-pan-icon { background: url("../img/queue.png") no-repeat; }

.cmp-tab-icon { background: url("../img/object.png") no-repeat; background-position: 2px 0; }
.agt-tab-icon { background: url("../img/user.png") no-repeat; background-position: 2px 0; }
.que-tab-icon { background: url("../img/queue.png") no-repeat; background-position: 2px 0; }

.refresh-icon { background: url("../img/refresh.gif") no-repeat; background-position: 2px 0; }

.txt-red{color: red !important;}
.txt-green{color: green !important;}

/*
 * Agent statuses
 */
.agt-bg-offline { background: #CCC; }
.agt-bg-awaiting, .agt-bg-unavail { background: #FF9; }
.agt-bg-waiting, .agt-bg-reserved { background: #CCF; }
.agt-bg-preview, .agt-bg-dialing, .agt-bg-talking, .agt-bg-transfer, .agt-bg-monitor { background: #CFC; }
.agt-bg-wrapping, .agt-bg-followup, .agt-bg-offered { background: #FC9; }

/*
 * Compat agent statuses
 */
.agt-bg-sv-other { background: transparent; }
.agt-bg-sv-waiting { background: #CCF; }
.agt-bg-sv-talking { background: #CFC; }
.agt-bg-sv-wrapping { background: #FC9; }

/*
Comments for succes/error for authentification
*/
/*
	Success Login
*/
.msg-ok {
	border-color: #a6d877;
	background: #d2ecba url("../img/msg-ok.png") repeat-x;
	color: #336801;
	width: 280px;
	text-align:center;
	margin-left:690px;
	margin-top:100px;
}
.msg {
	-moz-border-radius:5px 5px 5px 5px;
	border:1px solid;
	padding: 8px 10px 8px;

}
.msg-ok p {
	background:url("../img/accept.png") no-repeat scroll 0 50% transparent;
}


/*
	Error Login
*/

.msg-error {
	border-color: #f3abab;
	background: #f9c9c9 url("../img/msg-error.png") repeat-x;
	color: #8d0d0d;
	width: 280px;
	text-align:center;
	margin-left:690px;
	margin-top:20px;
	display:none;
}

.msg-error p {

	background: url("../img/exclamation.gif") no-repeat scroll 0 50% transparent;
	padding-left:25px;
}

/*
	Toast window messages
*/

.msg .x-box-mc {
    font-size:14px;
	color:#f9c9c9;
}
#msg-div {
    position:relative;
    left:45%;
    top:10px;
    width:250px;
    z-index:20000;
	border-color: #a6d877;
	background: #d2ecba url("../img/msg-ok.png") repeat-x;
	color: #336801;
}
.msg span {
	background: url("../img/apply.png") no-repeat scroll 0 50% transparent;
	padding-left:25px;
}
.x-grid3-row-body p {
    margin:5px 5px 10px 5px !important;
}

.time-table {
	font:11px tahoma,arial,helvetica,sans-serif;
	border-left: 1px solid #EDEDED;
	border-right: 1px solid #EDEDED;
}
.time-table tr th {
	padding: 4px;
	background: #EEEEEE;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}

.time-table tr td {
	padding: 3px;
	border-bottom: 1px solid #EDEDED;
}

.data-table {
	font:11px tahoma,arial,helvetica,sans-serif;
}

.data-table tr td {
	padding: 3px;
}

.ohmy ul.x-tab-strip-top {
	background-image: none;
	background-color: transparent;
}

.ohmy .x-tab-panel-header {
	background-image: none;
	background-color: transparent;
}

.x-tbar-loading-off{
	background-image: url(../img/refresh-off.gif) !important;
}