@CHARSET "UTF-8";

*{
	margin:0;
	padding:0;
}

body {
	background: #FFFFFF;
	color: #222;
	font-family: Verdana;
	letter-spacing: 0;
	line-height: 1.2em;
	font-size: 12px;
}

a, a:active, a:visited{
	color:#9a0;
	text-decoration:none;
	border:0px;
}
a:hover{
	text-decoration:underline;
}

ul {
	list-style-type: square;
}

p{text-align:justify;}

h1, h2, h3, h4, h5, h6{font-weight:bold;}
h1{font-size:1.6em;line-height:1.8em;}
h2{font-size:1.2em;line-height:1.6em;}
h3{font-size:1.2em;line-height:1.4em;}
h4{font-size:1.1em;line-height:2.2em;}
h5{font-size:1.0em;line-height:2.0em;}
h6{font-size:0.8em;}


/*JQuery UI Customization*/
.ui-widget {
	font-family: Verdana;
	font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial;
}
.ui-widget select {
	font-size: .9em;
}
.ui-widget-content {
	border-right: 2px solid #CACACA;
	border-bottom: 2px solid #CACACA;
	border-left: 1px solid #DDD;
}
.ui-widget-content a {
	color: #822;
}
.ui-accordion .ui-accordion-header {
	margin-top: 1px;
}
.ui-accordion .ui-accordion-header a {
	padding-left: .5em;
}
.ui-accordion .ui-accordion-content {
	border-top: 0;
	margin-top: -2px;
}
.ui-tooltip {
    padding: 2px;
    background-color: #f6f6f6;
    box-shadow: none;
    font-size: .85em;
    opacity: .95;
}
.ui-tooltip-content {
	font-size:1.0em;
	font-weight: bold;
}
.ui-autocomplete.ui-front {
	z-index: 9999;
}
/* layout */

img{border:none;}
img.logoImg{max-height: 60px; max-width: 120px;}
.cleared{clear:both;margin:0px;padding:0px;}

table{font-size:1em;padding:0px;border-spacing:0;}
small, .small{font-size:0.85em;}
.hidden{display:none !important;}
.invisible {visibility: hidden;}
.left{float:left;text-align:left;}
.center{text-align:center;}
.right{float:right;text-align:right;}
.textRight{text-align:right;}

div.aloneMessage{
	text-align:center;
	padding:10px;
}

/************** MESSAGES ************/
#overlayWindow{
	position:absolute;
	z-index:10;
	left:50%;
	display:none;
}

#overlayWindowContentContainer,
.overlayWindowContentContainer{
	clear:both;
	margin:4px;
	width:650px;
	padding:10px;
	color:#000;
	background:#fff;
}
#overlayWindowContentContainer h2,
.overlayWindowContentContainer h2{
	text-align:center;
	font-size:1.4em;
}

#overlayWindowSelectionContentContainer{
	clear:both;
	margin:4px;
	width:580px;
	height:340px;
	padding:10px;
	color:#000;
	background:#fff;
}

#overlayWindowSelectionContentContainer h2{
	text-align:center;
	font-size:1.4em;
}
/************** MESSAGES ************/

#overlayMessagesContainer{
	clear:both;
	margin:4px;
	width:500px;
	padding:10px;
	color:#000;
	background:#fff;
}
#overlayMessagesContainer h2{
	text-align:center;
	font-size:1.4em;
}
#overlayMessagesContainer div.item{
	margin:4px;
	background:#eee;
	padding:4px;
}
#overlayMessagesContainer span.OVERLAY_NOTICE{color:#000;}
#overlayMessagesContainer span.OVERLAY_ALERT{color:#3388ff;}
#overlayMessagesContainer span.OVERLAY_ERROR{color:#ff0000;}

#fastMessagesContainer{

}
#fastMessagesContainer .content{

}
#fastMessagesContainer .content div.item{}
#fastMessagesContainer .bar{

}
#fastMessagesContainer span.FAST_NOTICE{background:#c9d316;}
#fastMessagesContainer span.FAST_ALERT{background:#aaaaff;}
#fastMessagesContainer span.FAST_ERROR{background:#aa0000;color:#fff;}

.blockListContainer .item img.clicktodial{float: none; margin:0;position: relative;left: 186px;margin-bottom:6px;cursor:pointer;}
.blockListContainer .item img.clicktodial.internal{left: 142px;}

#contactEditContainerBox{
	clear:both;
	margin:4px;
	width:640px;
	padding:0px;
	color:#000;
	background:#fff;
}
#contactEditContainerBox .container2{
	margin:10px;
}
#contactEditContainerBox img.clicktodial{
	float:right;
	margin:0;
	position:relative;
	cursor:pointer;
}
#contactEditContainerBox .title{
	font-weight:bold;
	padding:2px;
	height:16px;
	overflow:hidden;
	line-height:1.2em;
}
#contactEditContainerBox .title img{
	margin:0px 2px 0px 0px;
}
#contactEditContainerBox img{
	float:left;
	margin:4px 6px;
}
#contactEditContainerBox .field{
	font-size:0.85em;
}
#contactEditContainerBox .field span.value{
	font-weight:bold;
}
.serviceContainer{
	margin:20px 10px;
	height:80px;
	width:400px;
}
.serviceBox{
	float:left;
	padding:20px 4px;
}
.serviceInfo{
	margin-left:100px;
	padding-top:20px;
}
.nopadding{
	padding:0;
}
.smalllistBox {
	width: 268px;
	border-top:1px solid #ddd;
	border-right:2px solid #cacaca;
	border-bottom:3px solid #cacaca;
	border-left:1px solid #ddd;
	background:#fff;
	float: left;
}
.smalllistBox .dayMask.header.time, .smalllistBox .time {
	float:left;
	width:44px;
	text-align: left;
}
.dayMask{
	float:left;
	border-width:1px;
	border-style:solid;
	border-color:#AAA;
}
.dayMask.large{
	width:38px;
	height:25px;	
}
.dayMask.small{
	width:20px;
	height:15px;
}
.dayMask.selected{
	background-color:#FFCC00;
}
ul.header{
	background: #f5f5f5 url(../images/gradientGrey.png) left center repeat-x;
	font-weight:bold;
	text-align: left; 
	height:18px;
}
div.dayMask.header{
	width:22px;
	height:15px;
	border:none;
	text-align:center;
}
.smalllist td.options {
	width:20%;
}
.smalllist td.dayMask{
	width:6px;
	float: none;
}
.tablefirsttd{
	text-align:left;
	min-width:50px;
}
.tablesecondtd{
	text-align:left;
	min-width:45px;
}
.tablegeneraltd{
	text-align:left;
	min-width:20px;
}
.smalllist table.form td{
	border-left: 0px;
	padding: 0px;
	text-align: left;
	font-size: 1.1em;
}
table.smalllist tbody tr.hover.loadFromAjax, table.smalllistBorder tbody tr.hover.loadFromAjax, table.smalllist tbody tr.hover.loadFromAjax tr.hover, 
table.smalllist tbody tr.hover.connectorDetails, table.smalllistBorder tbody tr.hover.connectorDetails, table.smalllist tbody tr.hover.connectorDetails tr.hover{
	background-color:inherit;
}
.defaultval{
	background-color:#FFFFCC;
}
.serviceRow.selected, .serviceRow.selected.hover, tr.selectable:hover{
	background:#ddd url(../images/gradientGreenSoft.png) center repeat-x;
}
.longName {
	max-width: 200px;
	word-break: break-all;
}
.playerControl {
	width: 5%;
	align: top;
}
.playerControlBar {
	margin-top: 20px;
	text-align: center;
	background-color: #dedede;
}
#waveFormPlayer .btn-group .btn-default, #waveFormPlayer .btn-group .btn-default{
	display:none;
}
.voxReportSelectWidth{width:150px;}
.voxReportNumberWidth{width:105px;}
.connectorDetails{width:100px;}
.connectorDetailsShort{width:60px;}
.longColumn{width:300px;}

table.form td label.chkbox {padding-left: 0px;}
.ui-accordion-content.nopadding {margin: 0px;}
.ui-accordion-content.nopadding table.smalllist td, .ui-accordion-content.nopadding table.smalllist tbody tr th {padding: 0px;}
.ui-accordion .ui-accordion-content.nopadding {padding: 0px;}
.ui-tabs .ui-tabs-panel.alignedpadding {padding-left: .2em; padding-right: .2em;}
.accordion-like.ui-accordion h3.ui-accordion-header {padding: .5em .5em .5em .7em; cursor:auto;}
#faxRecipientContainer {padding:0;font-size:0.8em;background:#f4f4f4;margin-top:10px;}
#faxRecipientContainer .buttonsBar{width:45%;float:left;}
#faxRecipientContainer .buttonsBar .row-wrapper{display: inline-block;width: 90%;overflow: hidden;vertical-align: middle;}
table.form tr.jsl td, table.form tr.ice td {padding-right: 5px;}
.jsl img, .ice img {cursor:pointer;}
.jsl .port input[type=number], .ice .port input[type=number] {font-size: 0.9em;width: 45px;}

.ui-accordion .ui-accordion-content.records{padding:10px;}
.records .itemsList{width:100%;max-height:230px;overflow:auto;}
.records .itemsList .largeList{height:auto;}
.records .itemsList .largeList .item{text-align:right;overflow:hidden;}
.records .listBox{border-top:1px solid #ddd;border-right:2px solid #cacaca;border-bottom:3px solid #cacaca;border-left:1px solid #ddd;background:#fff;}
.records .listBox .topBar{text-align:right;font-size:0.85em;background:url(../images/gradientGrey.png) center repeat-x;}
.records .listBox .itemsList table.smalllist td{border:none;}
.records .listBox .itemsList table.smalllist th{border:none;background:#fff;text-align:left;}
.records .searchBox{margin-right:0px;padding:4px;}
.records .searchBox .label{width:120px;}
.records .searchBox table.form tr td{padding:0;}
.records .itemDetailsContent {max-height: 370px;overflow: auto;}
.records .itemDetailsContent input[type=text] {width:300px;}
.records .itemDetailsContent input[type=button], .records .scenario input[type=button] {font-size:0.9em;white-space:normal;}
.records .listMode input[type=button] {font-size:0.9em;}
.records .listMode input[type=button].selected {font-size:0.9em;background:#ddd url(../images/gradientGreenSoft.png) center repeat-x;}
.faxDetailsContent img{width:270px;cursor:pointer;}
.faxDetailsContent .leftContainer{margin-right:10px;margin-top:10px;padding:4px;border:1px solid #ccc;width:270px;height:382px;}
.faxDetailsContent .rightContainer{margin-top:10px;width:340px;}
.faxDetailsContent .rightContainer .ico{margin-top:30px;margin-right:20px;cursor:pointer;}
.faxDetailsContent .rightContainer td{vertical-align: top;width:45px;}
.faxDetailsContent .rightContainer td.label{word-break: break-all;}
#searchForm .selected{font-size:0.9em;background:#ddd url(../images/gradientGreenSoft.png) center repeat-x;}
.midaGreen {color:#90a000;}
.midaRed {color:#7a1518;}
.midaYellow {color:#ffbb16;}
.midaGrey {color:#c1c1c1;}
.action {cursor:pointer;vertical-align:middle;}
.boxed .ui-accordion .ui-accordion-header {
	padding-top: 0px;
	padding-bottom: 0px;
}

#activityCodesTable{table-layout: fixed;}
#activityCodesTable tr td.value{word-wrap: break-word;}

.blur {
	text-shadow: 0px 0px 10px #000000;
}

.valueContainer{
	overflow: hidden;
	float:inherit;
	padding: 2% 2% 2% 2%;	
}

.attributeValue{
	float: left;
	width: 27%;
	height: 20px;
	padding: 1%;
	margin-top: 1%;
	margin-left: 3%;
	border: 2px solid lightgrey;
	background-color: #eee;
	border-radius: 5px;
	font-weight: bold;
}

.extensionValue{
	width: 15%;	
}

.attributeValue input{
	font-weight:bold;
	color: black;	
}

.attributeValue span{
	margin-left:4%;	
}

.boldLabel{
	font-weight: bold;	
}

.deselectedExtension{
	background-color: #eee;
}

.selectedExtension{
	background-color: #b3b3b3;
}

.cti-connection svg{
	cursor: pointer;	
}

#dbUserPassword {
	border: none;
}