@CHARSET "ISO-8859-1";

div.group 
{
	margin: 20px 0 10px 0;
	font-size: 10pt;
	font-weight: bold;
}

div.sub-group 
{
	padding: 5px;
	background: #D0DEF0;
	font-weight: bold;
}

/*
	 ====== Step Progress Bar ====== 
*/

div.stepprogressbar
{
	margin-bottom: 20px;
	overflow: hidden;
}
div.stepprogressbar ol
{
	list-style: none;
	
}
div.stepprogressbar ol li
{
	float:left;
	display: inline;
	margin-right: 20px;
	cursor: pointer;
}
div.stepprogressbar ol li:not(.separator):hover .text
{
	text-decoration: underline;
}
div.stepprogressbar ol li.separator
{
	cursor: auto;
}
div.stepprogressbar ol li div.num-img
{
	width: 32px;
	height: 32px;
	float: left;
}
div.stepprogressbar ol li.one div.num-img
{
	background-image: url(../images/stepprogressbar/1.png);
}
div.stepprogressbar ol li.two div.num-img
{
	background-image: url(../images/stepprogressbar/2.png);
}
div.stepprogressbar ol li.three div.num-img
{
	background-image: url(../images/stepprogressbar/3.png);
}
div.stepprogressbar ol li.four div.num-img
{
	background-image: url(../images/stepprogressbar/4.png);
}
div.stepprogressbar ol li.one.current div.num-img
{
	background-image: url(../images/stepprogressbar/active/1.png);
}
div.stepprogressbar ol li.two.current div.num-img
{
	background-image: url(../images/stepprogressbar/active/2.png);
}
div.stepprogressbar ol li.three.current div.num-img
{
	background-image: url(../images/stepprogressbar/active/3.png);
}
div.stepprogressbar ol li.four.current div.num-img
{
	background-image: url(../images/stepprogressbar/active/4.png);
}
div.stepprogressbar ol li div.text
{
	font-size: 100%;
	color: #4c99c5;
	font-weight: bold;
	float: left;
	margin-left: 10px;
}
div.stepprogressbar ol li.current div.text
{
	color: #e77817;
}
div.stepprogressbar ol li.separator
{
	background-image: url(../images/stepprogressbar/sep.png);
	margin: 10px 30px 10px 15px;
	width: 15px;
	height: 15px;
}

/*
	 ====== Layout ====== 
*/

div.subtopmenu 
{
	margin: 5px;
	float: right;
}
div.subtopmenu a
{
	
}

/*
	 ====== Tables ====== 
*/

@CHARSET "ISO-8859-1";

table.detail-view .null
{
	color: pink;
}
 
table.detail-view
{
	background: white;
	border-collapse: collapse;
	width: 100%;
	margin: 0;
}

table.detail-view th, table.detail-view td
{
	border: 1px #D5E3F5 solid;
	padding: 5px;
	vertical-align: top;
}

table.detail-view th
{
	text-align: right;
	width: 40%;
	font-weight: normal;
	background:#EBF3FD;
}

table.detail-view td
{
	width: 60%;
	font-weight: normal;
}

table.detail-view tr
{
	background:#FFF;
}

table.dynamic-form-table
{
	width: 100%;
	margin: 10px 0;

}
table.dynamic-form-table tr.odd td
{
	background-color:#EBF3FD;
}
table.dynamic-form-table tr.even td
{
	background-color:#DEDEDE;
}
table.dynamic-form-table td
{
	border: 1px #D5E3F5 solid;
	font-size:100%;
}
table.dynamic-form-table td.radiobutton
{
	width: 5%;
}
table.dynamic-form-table td.sip-name
{
	width: 20%;
}
table.dynamic-form-table td.card-fullname
{
	
}
table.dynamic-form-table td.queue-label
{

}

/*
table.detail-view tr.odd th
{
	background:#EBF3FD;
}

table.detail-view tr.even th
{
	background:#EBF3FD;
}
*/

/*
	 ====== Loading GIF ====== 
*/

div.loading 
{
    /* background-color: #eee; */
    background-image: url('../images/loading.gif');
    background-position:  5px 5px;
    background-repeat: no-repeat;
    /* opacity: 1; */
}
div.loading * 
{
    /* opacity: .8; */
}

/*
 *   ====== Forms =====
 */

div.form div.cpanelContent div.row 
{

}

div.form .presetDateButton
{
	cursor: pointer;
}

div.form .treeview ul
{
	background-color: inherit;	
}

div.form .treeview ul li a:active,
div.form .treeview ul li a:focus
{
	font-weight: bold;
	text-decoration: none;
	color:#555555;
}

.tooltip 
{
	color:#555555;
	font-size: 8pt;
	cursor:help;
	vertical-align:middle;
	margin-left: 5px;
	/* content: url(../images/horto-icon-question.png); */
}

/* Multiple Columns Form */
div.form
{
	overflow: hidden;
}
div.form .col.first
{
	border-left: none;
}
div.form .col
{
	float: left;
	padding: 10px 20px;
	border-left: 1px solid #DDDDDD;
}


/*
 *   ====== Reports =====
 */
.report_container
{
	margin-top: 1em;
	padding: 0 1em;
	/*border-top: 2px solid #D5E3F5;*/
	border: 1px solid #D5E3F5;
	overflow: hidden;
}

.tab_container
{

}

.tab_container ul
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.tab_container ul li 
{
	display: inline;
	float: left;
	border: 1px solid #D5E3F5;
	border-top: 0;
	margin: 0 0.5em;
}
.tab_container ul li a
{
	padding: 0 0.5em;
	line-height: 2em;
	list-style-type: none;
	text-decoration: none;
	color: #555555;
	display: block;
}
.tab_container ul li a:hover, 
.tab_container ul li a:active, 
.tab_container ul li a:focus 
{
	background: #D5E3F5;
	color: white;
}
.tab_container ul li.active a 
{
	background: #D5E3F5;
	color: #555555;
	font-weight:bold;
}

.report_container .chart
{
	margin-top: 1em;
	float: left;
	/*padding: 0px 10px 0px 10px;*/
}

.report_container .gridview
{
	margin-top: 1em;
	float: left;
	width: 100%
}

.yiiTab 
{
    margin: 1.5em 0 0 0;
}

.yiiTab ul.tabs
{
    padding: 2px 0;
    margin: 0;
    border-bottom: 1px solid #4F81BD;
    font: bold 12px Verdana, sans-serif;
}

.yiiTab ul.tabs li
{
    list-style: none;
    margin: 0;
    display: inline;
}

.yiiTab ul.tabs a
{
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
    padding: 2px 0.5em;
    margin: 0 0 0 3px;
    border: 1px solid #4F81BD;
    border-bottom: none;
    background: #d3dfee;
    text-decoration: none;
}

.yiiTab ul.tabs a
{
	color: #667;
}

.yiiTab ul.tabs a:visited
{
	color: #667;
}

.yiiTab ul.tabs a:hover
{
    color: #000;
    background: #E6F2FF;
    border-color: #227;
	cursor: pointer;
}

.yiiTab ul.tabs a.active
{
    background: white;
    border-bottom: 1px solid white;
}

.yiiTab div.view
{
    border-left: 1px solid #4F81BD;
    border-right: 1px solid #4F81BD;
    border-bottom: 1px solid #4F81BD;
    padding: 8px;
    margin: 0;
}

/*
 *   ====== Dynatree =====
 */

.dynatree-container
{
	clear:both;
}
.dynatree-topmenu
{
	float:left;
}
.dynatree-topmenu ul
{
	list-style: none;
	margin: 0;
	display: inline;
}
.dynatree-topmenu ul li
{
	
}

.dynatree-topmenu ul li a
{
	display: block;
}

.dynatree-topmenu ul li a img
{
	border-top: 5px solid #4F81BD;
}
.dynatree-topmenu ul li a img:hover
{
	border-top: 5px solid #E2E7EE;
}

span.dynatree-node a.operation
{
	display: none;
}

.dynatree-ico-group span.dynatree-icon
{
	margin-left: 3px;
	background-position: -1px -156px;
}
.dynatree-ico-card span.dynatree-icon
{
	margin-left: 3px;
	background-position: -17px -158px;
}
.dynatree-ico-sip span.dynatree-icon
{
	margin-left: 3px;
	background-position: -33px -158px;
}
.dynatree-ico-ivr span.dynatree-icon
{
	margin-left: 3px;
	background-position: -51px -158px;
}
.dynatree-ico-ivr-schedule span.dynatree-icon
{
	margin-left: 3px;
	background-position: -33px -175px;
}
.dynatree-ico-meetme span.dynatree-icon
{
	margin-left: 3px;
	background-position: -16px -175px;
}
.dynatree-ico-queue span.dynatree-icon
{
	margin-left: 3px;
	background-position: -0px -175px;
}
.dynatree-ico-timeout span.dynatree-icon
{
	margin-left: 3px;
	background-position: -32px -175px;
}
span.dynatree-node a.dynatree-nodeviewlink
{
	color: #0066CC;
	text-decoration: underline;
}
span.dynatree-node a.dynatree-nodeviewlink:hover
{
	color: #0099FF;
	text-decoration: none;
}

/*
.dynatree-ico-ivr-sel-array span.dynatree-icon
{
	background-image: url("../../../../images/icons/ivr/selection_array.gif");
}
.dynatree-ico-ivr-sel-1 span.dynatree-icon
{
	margin-left: 3px;
	background-position: 0px 0px;
}
.dynatree-ico-ivr-sel-2 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -17px 0px;
}
.dynatree-ico-ivr-sel-3 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -34px 0px;
}
.dynatree-ico-ivr-sel-4 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -51px 0px;
}
.dynatree-ico-ivr-sel-5 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -68px 0px;
}
.dynatree-ico-ivr-sel-6 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -85px 0px;
}

.dynatree-ico-ivr-sel-7 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -102px 0px;
}
.dynatree-ico-ivr-sel-8 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -119px 0px;
}
.dynatree-ico-ivr-sel-9 span.dynatree-icon
{
	margin-left: 3px;
	background-position: -132px 0px;
}
.dynatree-ico-ivr-sel-timeout span.dynatree-icon
{
	margin-left: 3px;
	background-position: -148px 0px;
}
*/


/*
 * ====== CallPerm ===== 
 */
.callperm-container
{
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
}
.callperm-container table tr td span
{
	font-weight: bold;	
}
.callperm-container table tr
{
	/*padding: 0.5em 0.8em;*/
	
}
.callperm-container table tr td
{
	border-top: 1px dotted #DDDDDD;
}

.callperm-container table tr:hover td
{
	background-color: #E5F1F4;
}
.callperm-container table tr td.icon
{
	width:81px;
	padding: 0;
	margin: 0;
}
.callperm-container table tr td.icon div
{
	margin-left:30px;
	width: 16px;
	height: 16px;
}
.callperm-container table tr td.icon .allowed
{
	background-image: url("../images/icons/allowed.png")
}
.callperm-container table tr td.icon .blocked
{
	background-image: url("../images/icons/blocked.png")
}
.callperm-container table tr td.text
{
	width: 500px;
}
.callperm-container table tr td.escape
{
	width: 250px;
}
.callperm-container table tr td.action
{

}
.callperm-container table tr td.action img
{
	width: 16px;
	height: 16px;
}
.callperm-container .callperm-inherited
{
	margin: 10px 0;
	padding: 15px 25px;
	background: #eff0a7;
	border-radius: 5px;
	overflow: hidden;
}
.callperm-container .callperm-inherited > *
{
	float:left;
}
.callperm-container .callperm-path
{
	margin: 10px 0;
	padding: 15px 25px;
	background: #f4f4f4;
	border-radius: 5px;
	color: #AAAAAA;
}
.callperm-container .callperm-path a
{
	color: #555555;
	text-decoration: none;
}
.callperm-container .callperm-path a:hover
{
	color: #AAAAAA;
	text-decoration: underline;
}
.system-msg
{
	margin: 10px 0;
	padding: 15px 25px;
	background: #f0a7a7;
	border-radius: 5px;
	overflow: hidden;
	display: none;
}