/*********************************************************
			Colors and background images
*********************************************************/

/* Background color & image */

body {
	background: #EAEFF2;
	font: 75%/1.6em Verdana, sans-serif;
	color: #666;
}

/* Link Colors */
a { color: #3981AC; text-decoration:none; }
a:hover { text-decoration:underline; color: #3981AC; }
a:active { color: #3981AC; }

h1, h2, h3, h4, h5 { color: #3981AC; }
h1 a, h2 a, h3 a, h4 a, h5 a { text-decoration: underline; }

hr { background-color: #ccc; color: #ccc; }

fieldset { border: 1px solid #f2f2f2; background-color: #F7F8F8; }
fieldset fieldset { background-color: #F7F8F8; }

textarea {
	font: 100%/1.6em Verdana, sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa #ccc #ccc #aaa;
}

abbr[title] {
    border-bottom: none;
    text-decoration: none;
}


/*********************************************************
				Basic element styles
*********************************************************/

/* Common elements */

html,
body {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	min-height: 100%;
}

div, ul, ol, li, form { margin: 0; padding: 0; list-style: none; }

table { border-collapse: collapse; }
td { vertical-align: top; }

hr { border: 0px; height: 1px; }
p { margin: 0px; padding: 0px; margin-top: 10px; }

img { border: 0; vertical-align: middle; }

/* Note the following rules cannot be combined or they won't work */
*::selection {
    background:transparent;
}

*::-moz-selection {
    background:transparent;
}

*::-webkit-selection {
    background:transparent;
}

textarea::selection,
input::selection  {
    background: #1b3e52;
	color: #fff;
}

textarea::-webkit-selection,
input::-webkit-selection {
    background: #1b3e52;
	color: #fff;
}

textarea::-moz-selection,
input::-moz-selection {
    background: #1b3e52;
	color: #fff;
}

/*********************************************************
					Basic classes
*********************************************************/
.message { font-size: 1.5em; margin-top: 2em; font-weight: bold; text-align: center; }
.center.message { position: relative; top: 50%; margin-top: -1em; }
.clearer { clear: both; display: block;  margin: 0px; padding: 0px; height: 0px; line-height: 1px; font-size: 0px; }
.no-border { background: transparent; border: none; }
.big { font-size: 6em; line-height: 1em; font-weight: bold; }
.small { font-size: 0.7em; }
.error { background: #FFEDEF; border: 1px solid #943e3b; color: #943e3b; margin: 10px auto 10px auto; display: block; padding: 5px 10px 5px 10px; line-height: 1.5em; }
.info-message { background: #D1E9F3; border: 2px dotted #246F93; padding: 5px; }

.unordered-list { margin: 0px 20px; padding: 0px; list-style: none; }
.unordered-list .unordered-list { margin-top: 0px; padding-top: 0px; list-style: disc outside; }
.unordered-list .unordered-list .unordered-list { margin-top: 0px; padding-top: 0px; list-style: square outside; }
/*.unselectable { -moz-user-select:none; -webkit-user-select: none; }*/
/*********************************************************
					Form styles
*********************************************************/
.option { background: #f8f8f8; border: 1px solid #eee; padding: 10px; margin: 8px 0 0px 0; -moz-box-shadow: inset 1px 1px 3px #f0f0f0; }


/*********************************************************
						Tabs
*********************************************************/
.tabs { height: 41px; width: 3000px; position: relative; top: 0; left: 0; }
.tab, .tab-dropdown-button { list-style: none; float: left; display: block; border-bottom: 0; height: 38px; cursor: pointer; font-size: 10pt; line-height: 1.4; text-transform: uppercase; /*font-weight: bold;*/ }
.tab { margin: 0; /*5px 0 0 5px;*/ text-shadow: 0 1px 0 rgba(189, 203, 210, 0.8); }
.tab a, .tab-menu-item a { color: #2F4048; }
.tab .tab-text { background: transparent url('../images/base/tabs.png') no-repeat right -120px; display: block; height: 38px; padding-right: 4px; border: none; outline: none; cursor: pointer; float: left; }
.tab .tab-link { background: transparent url('../images/base/tabs.png') no-repeat left  0px;    display: block; height: 25px; padding: 7px 8px 6px 10px; cursor: pointer; line-height: 25px; }

/* Remove dotted border on click */
.tab a:active { border: none; outline: none; }
.tab a:hover { text-decoration: none; }
.tab.selected { margin-bottom: -1px; text-shadow: none; /*height: 40px;*/ }
.tab.selected a { color: #373A3B; }
.tab.selected .tab-text { background-position: right -180px; height: 39px; }
.tab.selected .tab-link { background-position: left -60px; height: 26px; line-height: 22px; }

.tab-menu { border: 1px solid #ccc; border-top: 0; margin-top: -1px; text-align: left; z-index: 9999; }
.tab-menu-item a { display: block; padding: 1em 0 1em 1em; min-width: 150px; }
.tab-menu { position: absolute; top: 38px; z-index: 1001; list-style: none; }

.tab-menu .tab-placeholder { background: #000; width: 100%; height: 4px; margin: 0; padding: 0; }

.tab-menu-item { background: #C0CBD3 url('../images/base/menus.png') repeat-x 0 -120px; padding-right: 1em; white-space: nowrap; }
.tab.selected .tab-menu-item { background-position: 0 -60px; }
.tab.selected .tab-menu-item.selected { background-position: 0 0; }

.tab-menu-item.ui-sortable-helper { opacity: 0.5; filter:alpha(opacity=50); }

#tab_new { padding: 0px; margin-top: 8px; height: 30px; width: 24px; }
#tab_new span { display: block; height: 100%; outline: none; text-indent: -9999em; background: url("../images/dashboard/module_icons.png") no-repeat scroll -163px -3px transparent; float: none; }

.tab-dropdown-button { background: transparent url('../images/base/tabs.png') no-repeat left -120px; width: 20px; }
.tab.selected .tab-dropdown-button { background-position: left -180px; height: 39px; }
.tab-dropdown-button .menu-arrow { text-indent: -9999em; }

.tab-dropdown-button .menu-arrow { display: block; height: 38px; line-height: 38px; }
.tab.dropdown-tab .tab-text { background: none; padding-right: 0; }

.tab-drop-area { display: block; position: absolute; top: 38px; z-index: 1100; /*background: #FF0000; */ }
.tab-drop-area.hover { /*background: #ff0;*/ border-top: 3px solid #83B0CA; }
.tab-drop-area-inner { height: 200px; }

.tab-placeholder {  list-style: none; float: left; height: 100%; background: #FFF; width: 2px; margin-left: -2px; z-index: 9999; }
.pan-tabs { display: none; }

.tab.ui-sortable-helper { z-index: 2001 !important; }

#pan_tab_left, #pan_tab_right { position: absolute; top: 47px; height: 38px; width: 20px; background: url('../images/base/tabs.png') no-repeat left -240px; z-index: 2001; text-indent: -9999em; }
#pan_tab_left { left: 190px; background-position: right -240px; }
#pan_tab_right { right: 0px; }

#status_panel { position: fixed; z-index: 2000; top: 85px; width: 110px; left: 50%; margin-left: -40px; height: 20px; font-weight: bold; background: #222D3F; opacity: 0.7; filter:alpha(opacity=70); padding: 5px; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-radius: 0 0 4px 4px; }
#status_panel_inner { height: 20px; background: transparent url('../images/ajax-loader.gif') no-repeat left center; padding-left: 20px; color: #fff; }

/* jQuery UI resizable styles */
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; z-index: 99999; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n  { cursor: n-resize;  height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s  { cursor: s-resize;  height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e  { cursor: e-resize;  width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w  { cursor: w-resize;  width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left:  -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left:  -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; }

/*********************************************************
			Common Interface Components
*********************************************************/
.cic-overlay-invisible-permanent,
.cic-overlay-invisible,
.cic-overlay-permanent,
.cic-overlay  { position: fixed; height: 100%; width:100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; display: none; }
.cic-overlay-permanent,
.cic-overlay  { background: #222D3F; filter:alpha(opacity=50); opacity: 0.5; }
.cic-control-bar { height: 36px; margin-top: 10px; padding: 0; clear: both; }

/* Button */
.cic-button,
.cic-button-wrap,
.cic-button-text {
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	display: block;
	zoom: 1;
	border: 0;
	outline: 0;
	color: #FFF;
	font-weight: bold;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
	text-decoration: none;
	cursor: pointer;
	text-align: center;
}
.cic-button-text.selected{
	color : #f6aa0f;
	cursor: pointer;
}

a.cic-button:active,
a.cic-button:hover {
	text-decoration: none;
}

.cic-button { background: transparent url('../images/controls/cic-button-sprite.png') no-repeat left 0px; padding-left: 5px; }
.cic-button-wrap { background: transparent url('../images/controls/cic-button-sprite.png') no-repeat right -100px; padding-right: 2px; }
.cic-button-text { background: transparent url('../images/controls/cic-button-sprite.png') repeat-x left -200px; padding: 0 0.5em; }
a.cic-button-text:hover { color: #fff; text-decoration: none; }

.cic-button.pressed, .cic-button:active { background-position: left -50px; }
.cic-button.pressed .cic-button-wrap, .cic-button:active .cic-button-wrap { background-position: right -150px; }
.cic-button.pressed .cic-button-text, .cic-button:active .cic-button-text { background-position: left  -250px; padding: 0.1em 0.4em 0 0.6em; }

.cic-button.hud,
.cic-button.hud .cic-button-wrap,
.cic-button.hud .cic-button-text {
	background-image: url('../images/controls/cic-button-sprite-hud.png');
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
	color: #FFF;
}

.cic-button.disabled { background-position: left -300px; }
.cic-button.disabled .cic-button-wrap { background-position: right -350px; }
.cic-button.disabled .cic-button-text { background-position: left -400px; color: #ccc; text-shadow: none; }

.cic-button.download-xls.disabled,
.cic-button-wrap.disabled,
.cic-button-text.disabled {
	cursor: default;
}

.cic-button-icon { height: 34px; width: 24px; overflow: hidden; float: left; }

.cic-control-bar .cic-button { float: right; margin-left: 10px; }

/* Textbox */
.cic-textbox,
.cic-textbox-inner,
.cic-textbox-wrap,
.cic-textbox .text {
	margin: 0;
	padding: 0;
	height: 36px;
	line-height: 36px;
	display: block;
	zoom: 1;
	border: 0;
	outline: 0;
}

.cic-textbox,
.cic-textbox-inner,
.cic-textbox-wrap {
	background-color: transparent;
	background-image: url('../images/controls/cic-textbox.png');
	background-repeat: no-repeat;
}

.cic-textbox { background-position: left 0px; padding-left: 8px; }
.cic-textbox-inner { background-position: right -40px; padding-right: 5px; }
.cic-textbox-wrap { background-repeat: repeat-x; background-position: left -80px; }
.cic-textbox .text { background: transparent; width: 100%; }
.cic-textbox .search { background: transparent url('../images/controls/search-icon.png') no-repeat right center; }

.cic-textbox-button {
	background: transparent url('../images/controls/cic-textbox-button.png') no-repeat left top;
	width: 30px;
	float: right;
	line-height: 36px;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6);
	/*color: #FFF;*/
	cursor: pointer;
	font-weight: bold;
	border: none;
	outline: none;
	margin: 0px;
	border-left: 1px solid #ccc;
	position: relative;
	z-index: 899;
	margin-right: -1px ;
}

.cic-textbox-button:hover  { background-position: left -36px; }
.cic-textbox-button:active { background-position: left -72px; }

.cic-textbox-button-right        { background-position: right  0;    }
.cic-textbox-button-right:hover  { background-position: right -36px; }
.cic-textbox-button-right:active { background-position: right -72px; border-left: 1px solid #999; }

.cic-textbox-hint { position: absolute; color: #ccc; }


/* Check boxes and radio buttons */
.cic-radiobutton,
.checkbox { cursor: pointer; background: transparent url("../images/controls/cic-checkboxes.png") no-repeat scroll 0px 0px; padding: 3px 0px 2px 22px; }
.checkbox.selected { background-position: 0px -30px; }
.checkbox.mixed { background-position: 0px -60px; }
.checkbox.mousedown { background-position: 0px -90px; }

.cic-radiobutton { background-position: 0px -180px; }
.cic-radiobutton.selected { background-position: 0px -270px; }
.cic-radiobutton.disabled { background-position: 0px -330px; }
.cic-radiobutton.mousedown { background-position: 0px -240px; }
.cic-radiobutton.disabled.selected { background-position: 0px -360px; }

.checkbox.disabled { background-position: 0px -120px; color: #ccc; }
.checkbox.disabled.selected { background-position: 0px -150px; }

.cic-checkbox-list {
	border: 1px solid #CCCCCC;
    max-height: 277px;
    overflow: auto;
	cursor: pointer;
}

/*
.cic-checkbox-list-item {
	height: 28px;
	line-height: 28px;
	background: transparent url('../images/controls/cic-checkbox-list.png') repeat-x left top;
	padding: 0 4px;
}

.cic-checkbox-list-item.selected { background-position: left -28px; }
*/
.cic-checkbox-list-item .checkbox { color: #666; font-weight: bold; padding-left: 25px; }
.cic-checkbox-list-item .checkbox.disabled { color: #ccc; }
.cic-checkbox-list-item.selected .checkbox { color: #fff; }
.cic-checkbox-list-expand {
	float: right;
	height: 34px;
	width: 33px;
	background: url("../images/dashboard/icons.png") no-repeat center -280px transparent;
	border-left: 1px solid #ccc;
}
.cic-checkbox-list-expand.loading { background: transparent url('../images/loading-small-transparent.gif') no-repeat center center; }

.cic-radiobutton-group-horizontal { margin-bottom: 5px; }
.cic-radiobutton-group-horizontal, .cic-radiobutton { margin-right: 10px; }

/* Slide down dialog */
.cic-top-menu { position: fixed; top: 0px; z-index: 1010; left: 50%; }
.cic-top-menu .widget-content { padding: 10px 10px 4px; }
.cic-top-menu h1 { color: #666; font-size: 1.4em; margin: 0 0 10px 0; }

/* Scroll bar */
.cic-scroll-h-wrap,
.cic-scroll-wrap        { overflow: hidden; position: relative; }
.cic-scroll-h-content,
.cic-scroll-content     { list-style: none; position: absolute; left: 0; top: 0; }
.cic-scroll-handle      { background: transparent url('../images/dashboard/cic-scroll-handle-repeat.png') repeat-y center top; }
.cic-scroll-bar         { position: relative; float: right; width: 15px; }
.cic-scroll-track {
	background: transparent url('../images/dashboard/cic-scroll-track-repeat.png') repeat-y center top;
	height: 100%;
	width: 18px;
	position: relative;
	padding-bottom: 4px;
}
.cic-scroll-handle      { height: 20px; width: 16px; cursor: move; overflow: hidden; position: absolute; top: 0; margin: 2px 1px; }
.cic-scroll-bar.disable, .cic-scroll-h-bar.disable { display: none; }

.cic-scroll-track-top,
.cic-scroll-track-end,
.cic-scroll-handle-top,
.cic-scroll-handle-end {
	position: absolute;
	height: 2px;
}

.cic-scroll-track-top  { width: 18px; background: transparent url('../images/dashboard/cic-scroll-track-top.png')     no-repeat center top; top: 0; }
.cic-scroll-track-end  { width: 18px; background: transparent url('../images/dashboard/cic-scroll-track-bottom.png')  no-repeat center top; bottom: 0; }

.cic-scroll-handle-top { width: 16px; background: transparent url('../images/dashboard/cic-scroll-handle-top.png')    no-repeat center top; top: 0; }
.cic-scroll-handle-end { width: 16px; background: transparent url('../images/dashboard/cic-scroll-handle-bottom.png') no-repeat center top; bottom: 0; }

.cic-scroll-h-handle { background: transparent url('../images/dashboard/cic-scroll-handle-repeat-h.png') repeat-x left center; }
.cic-scroll-h-bar    { position: relative; float: right; width: 15px; }
.cic-scroll-h-track {
	background: transparent url('../images/dashboard/cic-scroll-track-repeat-h.png') repeat-x center top;
	width: 100%;
	height: 18px;
	position: relative;
	padding: 0;
}
.cic-scroll-h-handle { width: 20px; height: 16px; cursor: move; overflow: hidden; position: absolute; top: 0; margin: 1px 2px; }

.cic-scroll-h-track-top,
.cic-scroll-h-track-end,
.cic-scroll-h-handle-top,
.cic-scroll-h-handle-end {
	position: absolute;
	width: 2px;
}

.cic-scroll-h-track-top  { height: 18px; background: transparent url('../images/dashboard/cic-scroll-track-left.png')   no-repeat left  center; left: 0; width: 3px; }
.cic-scroll-h-track-end  { height: 18px; background: transparent url('../images/dashboard/cic-scroll-track-right.png')  no-repeat right center; right: 0; }

.cic-scroll-h-handle-top { height: 16px; background: transparent url('../images/dashboard/cic-scroll-handle-left.png')  no-repeat left center; left: 0; }
.cic-scroll-h-handle-end { height: 16px; background: transparent url('../images/dashboard/cic-scroll-handle-right.png') no-repeat left center; right: 0; width: 6px; }


/* Drop down and date picker */
.cic-dropdown.disabled {
	color: #CCCCCC;
}

.cic-datepicker,
.cic-datepicker-value,
.cic-datepicker-button,
.cic-dropdown ,
.cic-dropdown-value,
.cic-dropdown-button {
	margin: 0;
	padding: 0;
	height: 46px;
	line-height: 46px;
	display: block;
	zoom: 1;
	border: 0;
	outline: 0;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
	text-decoration: none;
	cursor: pointer;
}

.cic-datepicker,        .cic-dropdown        { background: transparent url('../images/controls/cic-dropdown-left.png')   no-repeat 0 0; padding-left: 9px; width: 300px; }
.cic-datepicker-value,  .cic-dropdown-value  {
	background: transparent url('../images/controls/cic-dropdown-repeat.png') repeat-x  0 0;
	margin-right: 35px;
	text-indent: 4px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.cic-datepicker-button, .cic-dropdown-button { background: transparent url('../images/controls/cic-dropdown-right.png')  no-repeat 0 0; width: 35px; float: right; }

.cic-datepicker-button { background-position: 0 -92px; }

.cic-dropdown-datalist {
	margin: -7px 0 0 -5px;
	display: none;
	position: absolute;
	width: 269px;
	border: 1px solid #999;
	border-top-color: #ccc;
	max-height: 300px;
	overflow: auto;
	z-index: 999;
}

.cic-checkbox-list-item,
.cic-autopredict-item,
.cic-dropdown-item {
	background: transparent url('../images/controls/cic-dropdown-item.png') repeat-x 0 -34px;
	height: 34px;
	line-height: 34px;
	border-bottom: 1px solid #ccc;
	padding-left: 2px;
	text-indent: 6px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cic-checkbox-list-item.selected,
.cic-autopredict-item.selected,
.cic-dropdown-item.selected {
	background-position: 0 0;
	/*border: none;*/
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 71, 102, 0.8);
}

.cic-dropdown-item.hide {
	display:none;
}

.cic-dropdown-value .cic-dropdown-icon { margin: 10px 0 0 0; }

.cic-dropdown-icon {
	height: 27px;
	width:  30px;
	background: transparent url('../images/controls/cic-dropdown-icons.png') no-repeat 0 0;
	display: block;
	float: left;
	margin: 3px 0 0 2px;
}

.cic-dropdown-button-icon {display: block; background: transparent url('../images/controls/cic-dropdown-item.png') repeat-x 0 -34px; float: right; width: 30px; height: 34px; border-left: 1px solid #ccc; }

.dd-icon-2 { background-position: 0 -30px; }
.dd-icon-3 { background-position: 0 -60px; }
.dd-icon-4 { background-position: 0 -90px; }
.dd-icon-5 { background-position: 0 -120px; }
.dd-icon-6 { background-position: 0 -150px; }

.selected .dd-icon-1 { background-position: -30px  0; }
.selected .dd-icon-2 { background-position: -30px -30px; }
.selected .dd-icon-3 { background-position: -30px -60px; }
.selected .dd-icon-4 { background-position: -30px -90px; }
.selected .dd-icon-5 { background-position: -30px -120px; }
.selected .dd-icon-6 { background-position: -30px -150px; }

.dd-icon-query { background-position: 0 -120px; }
.dd-icon-export { background-position: 0 -150px; }

.selected .dd-icon-query { background-position: -30px -120px; }
.selected .dd-icon-export { background-position: -30px -150px; }

.icon-datasource-callrecord { background-position: 0 0; }
.icon-datasource-agentactivity { background-position: 0 -30px; }
.icon-datasource-redmatrixcalleventlog { background-position: 0 -210px; }
.icon-datasource-matrixcalleventlog { background-position: 0 -210px; }
.icon-datasource-flowtrace { background-position: 0 -180px; }
.icon-datasource-locktransaction { background-position: 0 -60px; }
.icon-datasource-centrexaction { background-position: 0 -210px; }
.icon-datasource-orders { background-position: 0 -60px; }
.icon-datasource-licenceusage { background-position: 0 -241px; }
.icon-datasource-licenceusageorganisation { background-position: 0 -241px; }
.icon-datasource-cksexport { background-position: 0 -271px; }

.selected .icon-datasource-callrecord { background-position: -30px  0; }
.selected .icon-datasource-agentactivity { background-position: -30px -30px; }
.selected .icon-datasource-redmatrixcalleventlog { background-position: -30px  -210px; }
.selected .icon-datasource-matrixcalleventlog { background-position: -30px  -210px; }
.selected .icon-datasource-flowtrace { background-position: -30px -180px; }
.selected .icon-datasource-locktransaction { background-position: -30px -60px; }
.selected .icon-datasource-centrexaction { background-position: -30px -210px; }
.selected .icon-datasource-orders { background-position: -30px -60px; }
.selected .icon-datasource-licenceusage { background-position: -30px -241px; }
.selected .icon-datasource-licenceusageorganisation { background-position: -30px -241px; }
.selected .icon-datasource-cksexport { background-position: -30px -271px; }


.cic-datepicker.pressed,
.cic-datepicker.pressed .cic-datepicker-value,
.cic-dropdown.pressed,
.cic-dropdown.pressed .cic-dropdown-value,
.cic-dropdown.pressed .cic-dropdown-button {
	background-position: 0 -46px;
}

.cic-datepicker.pressed .cic-datepicker-button { background-position: 0 -138px; }

.hud.cic-dropdown         { background-image: url('../images/controls/cic-hud-dropdown-left.png'); margin: -4px; width: auto; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6); }
.hud .cic-dropdown-value  { background-image: url('../images/controls/cic-hud-dropdown-repeat.png'); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.6); }
.hud .cic-dropdown-button { background-image: url('../images/controls/cic-hud-dropdown-right.png'); }
.hud .cic-dropdown-item   { background-image: url('../images/controls/cic-hud-dropdown-item.png'); border-bottom: 1px solid #444; }
.hud .cic-dropdown-datalist { border: 1px solid #333; border-top-color: #444; }

/* Menu of buttons e.g. settings menu */
.cic-button-menu-footer { width: 190px; }
.cic-button-menu { 	
	background: #f4f5f5;
	position: fixed;
	padding-top: 0;
	width: 185px;
	border-radius: 8px;
	border-color: #22373e;
	border-style: solid;
	border-width: 2px;
	box-shadow: 3px 3px 3px -2px #22373e;
	margin-top: 15px;
}
.cic-button-menu-content { padding: 7px 3px 6px 3px; }
.cic-button-menu-buttons { margin: -6px 0; position: relative; }
.cic-button-menu-buttons .cic-button { margin: 2px 0; }
.cic-button-menu::before {
	display: block;
	position: absolute;
	content: ""; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 16px 10px;
	border-color: transparent transparent #22373e transparent;
	left: 85px;
	top: -18px;
}
.cic-button-menu .cic-button-menu-content::before {
	display: block;
	position: absolute;
	content: ""; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 16px 10px;
	border-color: transparent transparent #f4f5f5 transparent;
	left: 85px;
	top: -14px;
}
.cic-button-menu.side-menu { margin: 0; }
.cic-button-menu.side-menu::before {
	display: block;
	position: absolute;
	content: ""; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 16px 10px 0;
	border-color: transparent #22373e transparent transparent;
	left: -18px;
	top: 11px;
}
.cic-button-menu.side-menu .cic-button-menu-content::before {
	display: block;
	position: absolute;
	content: ""; 
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 16px 10px 0;
	border-color: transparent #f4f5f5 transparent transparent;
	left: -15px;
	top: 11px;
}

/* Date-picker */
.cic-calendar-footer,
.cic-calendar {
	position: relative;
	width: 255px;
	text-align: center;
	background: transparent url('../images/controls/cic-calendar.png') no-repeat left top;
}

.cic-calendar.sunday-first{
	background-image: url('../images/controls/cic-calendar-sunday-first.png');
}

.cic-calendar.saturday-first{
	background-image: url('../images/controls/cic-calendar-saturday-first.png');
}

.cic-datepicker { position: relative; }
.cic-datepicker .cic-calendar { top: 28px; left: -8px; z-index: 1020; position: absolute; }

.cic-calendar-footer {
	position: absolute;
	background-position: left bottom;
	height: 20px;
	bottom: -20px;
}

.cic-calendar-header {
	position: relative;
	top: 11px;
	left: 13px;
	width: 230px;
	height: 31px;
}

.cic-calendar-month {
	font-size: 10.5pt;
	font-weight: bold;
	line-height: 32px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
}

.cic-calendar-day {
	float: left;
	width: 33px;
	height: 33px;
	line-height: 33px;
	background: #f4f4f4 url('../images/controls/cic-calendar-day.png') no-repeat left top;
}

.cic-calendar-month-prev,
.cic-calendar-month-next { position: absolute; top: 5px; width: 24px; height: 26px; }

.cic-calendar-month-prev { left:  4px; }
.cic-calendar-month-next { right: 4px; }

.cic-calendar-month-prev:hover,
.cic-calendar-month-next:hover {
	background: transparent url('../images/controls/cic-calendar-next-prev-hover.png') no-repeat left top;
}

.cic-calendar-month-next:hover { background-position: right top; }

.cic-calendar-month-prev:active,
.cic-calendar-month-next:active { margin: 1px; }

.cic-calendar-dayofweek { font-weight: normal; font-size: 8pt; }
.cic-calendar-day.padding { background: #f4f4f4; }
.cic-calendar-day.selected { background-position: right top; color: #fff; font-weight: bold; }
.cic-calendar-day.today { text-decoration: underline; }
.cic-calendar-day.disabled { color: #ccc; cursor: default; }

.cic-calendar-datepicker {
	margin: 36px 13px 0;
	width: 230px;
	overflow: hidden;
}

.cic-calendar-datepicker-table { width: 231px; }

.cic-treeview-wrapper { max-height: 400px; overflow: auto; }
.cic-tree-node { margin-left: 40px; }
.cic-tree-expandable { margin-left: 20px; }
.cic-tree-collapse,
.cic-tree-expand { width: 20px; height: 20px; float: left; cursor: pointer; background: transparent url("../images/controls/cic-checkboxes.png") no-repeat 0 -600px; }
.cic-tree-collapse { background-position: 0 -630px; }

.selectable { cursor: pointer; }

/* Toggle-button header */
.cic-toggle-header {
	height: 65px;
	width: 640px;
	padding: 5px 6px;
	margin-left: -10px;
	background: transparent url('../images/controls/cic-toggle-header.png') left top no-repeat;
}

.cic-toggle-header-option {
	float: left;
	cursor: pointer;
	margin-top: 3px;
	height: 43px;
	padding: 8px;
	width: 195px;
	border-right: 1px solid #aaa;
}

.cic-toggle-header-option-right { border-right: none; width: 200px; }

.cic-toggle-header-option.selected {
	background: transparent url('../images/controls/cic-toggle-header.png') -221px -83px no-repeat;
	cursor: default;
	color: #fff;
}

.cic-toggle-header-option-left { padding-left: 12px; width: 190px; }
.cic-toggle-header-option-left.selected  { background: transparent url('../images/controls/cic-toggle-header.png') -6px   -83px no-repeat; }
.cic-toggle-header-option-right.selected { background: transparent url('../images/controls/cic-toggle-header.png') -430px -83px no-repeat; }

.cic-toggle-header-option-name { font-size: 11pt; font-weight: bold; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); line-height: 1em; padding-bottom: 4px; }
.cic-toggle-header-option-description { font-size: 8pt; color: #777; line-height: 1.2em; }

.selected .cic-toggle-header-option-name { text-shadow: -1px -1px 0 rgba(0, 71, 102, 0.8); }
.selected .cic-toggle-header-option-description { color: #fff; }

/* Badges and badge lists */
.cic-badge-list {
	font-size: 11px;
	line-height: 1.1em;
	position: relative;
	height: 104px;
}

.cic-badge-list-vertical {
	position: absolute;
	width: 136px;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
}

.cic-badge-list-label {
	width: 140px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	color: #333;
}

.cic-badge-list-description {
	padding: 0 10px;
}

.cic-badge-list-title {
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
}

.cic-badge-list-content,
.cic-badge-list-left,
.cic-badge-list-right,
.cic-badge-list-middle {
	margin: 5px 4px;
	height: 92px;
	background: transparent url('../images/controls/cic-badge-list.png') repeat-x 0 0;
	position: absolute;
	top: 0;
}

.cic-badge-list-content { left: 136px; right: 4px; margin: 5px 0; background: none; overflow: hidden; }
.cic-badge-list-middle  { left: 141px; right: 9px; }

.cic-badge-list-left,
.cic-badge-list-right {
	width: 9px;
	background-repeat: no-repeat;
}

.cic-badge-list-left  { background-position: 0 -100px; left:  132px; }
.cic-badge-list-right { background-position: 0 -200px; right: 0; }

.cic-badge-list-top,
.cic-badge-list-bottom {
	height: 8px;
	background-repeat: no-repeat;
	margin: 4px;
}

.cic-badge-list-top,
.cic-badge-list-bottom,
.cic-badge-list-vertical .cic-badge-list-middle {
	position: absolute;
	background: transparent url('../images/controls/cic-badge-list-vertical.png') repeat-y 0 0;
	width: 127px;
}

.cic-badge-list-vertical .cic-badge-list-content {
	width: 127px;
	margin: 0 4px;
	background: none;
	top: 84px;
	bottom: 4px;
	left: 0;
	right: 0;
	height: auto;
}

.cic-badge-list-vertical .cic-badge-list-middle {
	top: 87px;
	bottom: 7px;
	left: 0;
	right: 0;
	height: auto;
}

.cic-badge-list-top     { background-position: -280px 0; top:  80px; }
.cic-badge-list-bottom  { background-position: -140px 0; bottom: 0; }

.cic-badges {
	position: relative;
	margin: 5px;
	height: 82px;
	left: 0;
	top: 0;
}

.cic-badge-list-vertical .cic-badges {
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 4px;
}

.cic-badge {
	width:  122px;
	height: 85px;
	position: relative;
	float: left;
	color: #fff;
	text-align: center;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.8);
	background: transparent url('../images/controls/cic-badge.png') no-repeat 0 0;
}

.cic-badge-list-vertical .cic-badge {
	float: none;
}

.cic-badge-button {
	width: 106px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
    white-space: nowrap;
	position: absolute;
	top: 53px;
	left: 6px;
	cursor: pointer;
	background: transparent url('../images/controls/cic-badge.png') no-repeat 0 -100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.cic-badge-settings{
	width: 15px;
	height: 15px;
	position: absolute;
	top: 3px;
	cursor: pointer;
	background: transparent url('../images/controls/small_cog.png') no-repeat 0px 1px;
	left: 5px;
}

.cic-badge-settings.selected{
	background-position: -18px 1px;
}
.cic-badge-rename,
.cic-badge-delete,
.cic-badge-having,
.cic-badge-thresholds{
	width: 17px;
	height: 16px;
	position: absolute;
	top: 2px;
	right: 5px;
	cursor: pointer;
	background: transparent url('../images/controls/cic-badge.png') no-repeat -1px -124px;
}

.cic-badge-rename {
	right: 23px;
	background-position: -20px -125px;
}

.cic-badge-having{
	right: 41px;
	background-position: -40px -125px;
}

.cic-badge-having.filter-enabled{
	right: 41px;
	background-position: -60px -125px;
}

.cic-badge-thresholds{
	right: 59px;
	background-position: -80px -125px;
}

.cic-badge-thresholds.thresholds-set{
	right: 59px;
	background-position: -100px -125px;
}

.cic-badge-label {
	width: 110px;
	height: 75px;
	padding: 4px;
	display: table-cell;
	vertical-align: middle;
}

.cic-badge-button-left {
	width: 17px;
	height: 18px;
	border-right: 1px solid #00425E;
	float: left;
	font-size: 13px;
	line-height: 16px;
	margin-top: 1px;
}

.cic-badge-button-right {
	width: 84px;
	padding: 0 2px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 18px;
}

.cic-badges-pan {
	display: none;
	background: transparent url('../images/controls/cic-badge-list-pan.png') no-repeat 0 0;
	width: 32px;
	height: 32px;
	position: absolute;
	bottom: 8px;
	cursor: pointer;
}

.cic-badges-pan-left  { left: 136px; }
.cic-badges-pan-right { right: 3px; background-position: 0 -34px; }

.cic-badge-list-vertical .cic-badges-pan-left  { background-position: -34px 0;     right: 6px; top: 84px; left: auto; }
.cic-badge-list-vertical .cic-badges-pan-right { background-position: -34px -34px; right: 6px; bottom: 4px; }

/* Table Style */
.sortable { cursor: pointer; }
.table-wrapper { overflow-x: auto; overflow-y: hidden; }
.table-wrapper.scrollable { overflow: auto; }
.table td, .table th { border: 1px solid #ccc; padding: 3px 6px 3px 6px; }
.table .no-text-header { padding: 0; }
.table th { text-align: left; background: #F4F5F5 url('../images/table/table_header.png') repeat-x bottom center; color: #666; }
.tfoot { color: #666; }
.table .nosort { background: #F4F5F5 url('../images/table/table_header.png') repeat-x bottom center; padding: 0 3px !important; }
.table .tdicon { text-align: center; }
.table .rightAlign { text-align: right; }
.table .table-sorted-asc  { background: #f6f6f6 url('../images/table/table_ascending.png') repeat-x right bottom; }
.table .table-sorted-desc { background: #e7e7e7 url('../images/table/table_descending.png') repeat-x right bottom; }
.table .alt { background-color: #fafafa; }
.table-subheader { background: transparent url('../images/table/table_header.png') repeat-x center center; }

#page-debug { display: none; overflow: hidden; }

#header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; clear: both; text-align: center; }

#header { background: transparent url('../images/base/header.png') repeat-x left -7px; height: 85px; border: none; }
#tabstrip { margin-top: 46px; margin-left: 207px; height: 41px; }

#logo { background: transparent url('../images/base/logo.png') no-repeat left -7px; height: 85px; position: absolute; left: 0; top: 0; width: 204px; z-index: 2000; }
#logo:hover { cursor: pointer; }

#links { position: absolute; right: 3px; top: 2px; color: #333; }
#links .cic-button { float: right; margin-left: 5px; }

#links .cic-button-wrap,
#links .cic-button-text,
#links .cic-button,
#dashboard_links .cic-button-wrap,
#dashboard_links .cic-button-text,
#dashboard_links .cic-button { background-image: url('../images/controls/header-button-sprite.png'); }

#dashboard_links { position: absolute; left: 207px; top: 2px; color: #333; }
#dashboard_links .cic-button { float: left; margin-right: 5px; }

.ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}