@charset "utf-8";
/* CSS Document */
html {
	height: 100%;
	width:100%;
}
body {
	height: 100%;
	width:100%;
	margin:0px;
	padding:0px;
}
#loading {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-73px;
	margin-left:-125px;
	width:250px;
	height:29px;
	background:#f0f0f0 url(../images/loader.gif) no-repeat center center;
	border:white solid 1px;
	border-radius:5px;
	box-shadow: 0px 0px 5px #d3d3d3;
}
a {
	outline:none;
}
ul li {
	list-style:none;
}
.borderbottom {
	padding-bottom:10px;
	border-bottom:1px solid #d3d3d3;
}
.bordertop {
	display:block;
	overflow:hidden;
	padding:0px 10px;
	border-top:1px solid #d3d3d3;
	padding-bottom:5px;
}
.bordertop td {
	padding-right:25px;
}

.slidertop {
	width: 100%; 
	background-color: #ffffff;
	height:8px;
	background-image: url('../Images/filter-btn-line.png');
	background-repeat:repeat-x;
	text-align:center;
}
.dashboardFilters td {
	padding-right:5px;
}
.ui-menu { position: absolute; z-index:4; }
.ui-menu.ui-widget-content {
	background:white none;
}
.ui-menu .ui-menu-item a {
	color:#222222;
}
.ui-menu .ui-menu-item a:hover,
.ui-menu .ui-menu-item .ui-state-focus {
	background:none;
}
#main {	
	display:block;
	width:100%;
	height: 100%;
}
#main #header {
	width: 100%;
	height:48px;
	display:block;
	background-color:#ffffff;
	z-index:2;
	position: fixed;
	top:0;
}
#main #header .top-header {
	height:48px;
	display:block;
}
#main #header .top-header .logonxt {
	float:right;
	width:157px;
	height:25px;
	margin:10px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#main #header .top-header .topmenu {
	float:right;
	height:48px;
}
#main #header .top-header .topmenu .button {
	float:right;
	font-size:12px;
	text-decoration:none;
	margin:10px 5px;
}
#main #header .top-header .topmenu .helpbutton {
	float:right;
	font-size:12px;
	margin:10px 5px;	
}

#main #header .top-header .topmenu .helpbutton button {
	margin-top:0;
}
#main #header .top-header .topmenu .helpbutton .ui-buttonset .ui-button-text {
	font-size: 12px;
}
#main #header .top-header .topmenu .helpbutton ul li a {
	font-size:12px;
	text-decoration:none;
}
#main #header .top-header .logosynaptris {
	float:left;
	width:122px;
	height:35px;
	margin:10px;
	background-image: url(../images/productof_synaptris.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#main #content {
	display:block;
	margin:0px;
	padding:0px;
	height: 100%;
	width:100%;
}
#main #content label {
	margin:0px -3px;
	padding:0px;
}
#main #content .bottom-header {
	display:block;
	height: 100%;
	width:100%;
	background-color:#fff;
	font-size:12px;
	border-radius:0px;
	margin:0px;
	padding:0px;
	border:0px;
}
#main #content .bottom-header .ui-tabs-nav {
	width: 100%;
	height: 30px;
	position: fixed;
	top: 48px;
	z-index: 1;
	padding: 0px 10px;
	background-color:#ffffff;
	background-image:none;
	border-radius:0px;
	border-top:none; 
	border-left:none;
	border-right:none;
}
#loading {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-73px;
	margin-left:-125px;
	width:250px;
	height:29px;
	background:#f0f0f0 url(../images/loader.gif) no-repeat center center;
	border:white solid 1px;
	border-radius:5px;
	box-shadow: 0px 0px 5px #d3d3d3;
}
.mgDashboard,.mgwidget {
	/*display:none;*/
}
#main #content .bottom-header .tabcontent {
	clear: both;
	display: block;
	position: relative;
	top: 79px;
	margin:0px;
	padding:0px;
	height: 100%;
	width:100%;
	background-color:#fff;
	overflow:auto;
}
#main #content .bottom-header #ui-tabs-1 {
	clear: both;
	display: block;
	position: relative;
	top: 79px;
	margin:0px;
	padding:0px;
	height: 100%;
	width:100%;
	background-color:#fff;
	overflow:hidden;
}
#main #content .bottom-header #ui-tabs-2 {
	clear: both;
	display: block;
	position: relative;
	top: 79px;
	margin:0px;
	padding:0px;
	height: 100%;
	width:100%;
	background-color:#fff;
	overflow:hidden;
}
#main #content .bottom-header .mgwidget {
    display: none;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    top: 75px;
}
#main #content #tabs .tabnames li  {
	font-weight:normal;
}
.smartFilterColumn .ui-button .ui-button-text{
	font-weight:normal;
	padding:0.2em 0.8em;
}
/*--- Styling of tabs within tabs ---*/
#main #content .bottom-header .ui-tabs .ui-tabs-nav {
	position:static;
	width: auto;
	background-color: transparent;
}
#main #content #layoutList .ui-tabs-nav li {
	font-weight:normal;
}
#editwidget-tabs {
	margin: 5px;
}
#main #content .bottom-header .ui-tabs-panel .columnTree a {
	color:#222222;
}
#main #content .bottom-header .ui-tabs-panel .columnTree a:hover {
	color:red;
}
#main #content .bottom-header .editWidgetTabs {
	display:block;
	background-color:white;
	overflow:hidden;
}
#main #content .bottom-header h1 {
	margin: 5px;
	font-size:1.2em;
	color:#222222;
}
#main #content .bottom-header .editWidgetTabs h2 {
	margin: 5px 0;
	font-size:1.0em;
	color:#222222;
}
#main #content .bottom-header .mgwidget h2 {
    border-bottom: 1px solid #D3D3D3;
    font-size: 0.9em;
    padding: 0 0.8em 0.8em;
    text-align: right;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign h3 {
    color: #222222;
    font-size: 1.1em;
    margin: 0 5px 5px;
}
#main #content .bottom-header .row03 h2 {
    border: 0 none;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: 0;
    padding: 3px 50px 0 0;
}
#main #content .bottom-header .editWidgetTabs h4 {
	margin: 0px 5px 5px 0px;
	font-size:0.90em;
}
#main #content .bottom-header .editWidgetTabs p {
	margin: 5px 0;
	font-size:0.9em;
	color:#222222;
}
#main #content .bottom-header .editWidgetTabs p.note {
	color:red;
}
#main #content .bottom-header .columnTree {
	float: left;
	width:20%;
	padding:5px;
	background-color:#e9e9e9;
	color:#222222;	
}
#main #content .bottom-header .columnTree #columnBrowser {
	background-color:#fff;
	overflow:auto;
	overflow-x:hidden;
	height:93%;
	margin:5px;
}
#main #content .bottom-header .columnTree h3 {
	margin: 0 5px 5px 5px;
	font-size:1.1em;
	/*color:#222222;*/
}
#main #content .bottom-header .ui-tabs .ui-tabs-panel .columnTree a {
	color:#222222;
}
#main #content .bottom-header .ui-tabs .ui-tabs-panel .columnTree a:hover {
	color:red;
}
#main #content .bottom-header .ui-tabs .ui-tabs-panel .chartdesign {
	float:left;
	width: 75%;
	margin-left:5px;
	padding:5px;
	background-color:#e9e9e9;
	overflow:hidden;
}
#main #content .bottom-header .ui-tabs .ui-tabs-panel .chartdesign h3 {
	margin: 0px 5px 5px 5px;
	font-size:1.1em;
	color:#222222;
}
#chartParams {
	float: left;
	width:48%;
	margin-left:5px;
	padding:5px 5px 20px 5px;
	background-color:white;
	overflow:auto;
}
.chartdesign .topbar {
	display:block;
	margin:0;
	overflow:hidden;
}
#main #content .bottom-header .editWidgetTabs .chartdesign .topbar h4 {
	float:left;
	margin:7px;
}
.chartdesign .topbar button {
	float:right;
}
.chartdesign .topbar .ui-button-icon-only .ui-icon {
	margin-left:-8px;
}
#main #content .bottom-header .editWidgetTabs .chartdesign .fixedheight {
	width: 215px;
}
#main #content .bottom-header .editWidgetTabs .chartdesign .fixedheight a {
	width: 185px;
}
#chartParams .ui-buttonset {
	float:left;
	margin-bottom:10px;
}
#chartParams .ui-buttonset .splitbutton {
    overflow: hidden;
    text-align: left;
    width: 140px;
}
#chartParams .inputLabel {
	float:left;
	padding: 4px 10px 0 0;
	color:#222222;
}
#chartParams .inputField {
	float:left;
	width: 73px;
	padding: 4px;
}
#chartPreview {
	float: left;
	margin-left:5px;
	padding:5px;
	background-color:white;
	overflow:auto;
}
.preview {
	padding: 20px 0px 20px 25px;
	background-image:url(../images/chartdesigncolumn_bg2.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
.configTable {
	margin: 10px 0;
	color:#222222;
}
.highlight {
	background-color:#e6e6e6;
}
.configTable th {
	font-size:11px;
	font-weight:normal;
}
.configTable td {
	border-bottom:1px solid #aaaaaa;
	border-left:1px solid #aaaaaa;
}
.configTable tr td:last-child {
	border-right:1px solid #aaaaaa;
}
#main #content #tabs .tabcontent .columnTree .selectedOpts .configTable .removableItem .ui-widget {
	font-size:.7em;
	margin-right:5px;
}
#chartParams .configTable tr td .ui-buttonset,
#chartPreview .configTable tr td .ui-buttonset {
	margin:0;
}

#chartParams .configTable .ui-buttonset .splitbutton,
#chartPreview .configTable .ui-buttonset .splitbutton {
	min-width:60px;
	text-align:left;
	font-size:0.9em;
	width:60px;
}
#chartParams .configTable .ui-buttonset .select,
#chartPreview .configTable .ui-buttonset .select {
	font-size:0.9em;
}
.chartdesign .configTable tr td a.ui-icon {
	display:inline-block;
	margin-right: 2px;
	cursor:pointer;
	text-align:right;
}
.fieldWrapper {
	display:block;
	overflow:hidden;
}
#selectDepCol {
	display:none;
}
#main #content .bottom-header .managewidget {
	padding:10px;
	margin:0px;
	height:100%;
	overflow:auto;
}
#main #content .bottom-header .mgwidget h2 {
	font-size:0.9em;
	text-align:right;
	margin:0 .2em .8em 0;
	padding: 0 .8em .8em .8em;
	border-bottom:#d3d3d3 solid 1px;
}
#main #content .bottom-header .row01 {
	height:30px;
	display:block;
	padding:10px 0px;
	font-size:12px;
	color:#000;
}
#main #content .bottom-header .row01 .connection {
	float:left;
	z-index:0;
	position: relative;
	margin-left:3px;
}
#main #content .bottom-header .row01 .connection h3 {
	margin:.6em 0 0 0;
	font-size:1em;
}
#main #content .bottom-header .row01 .database {
	float:right;
	color:#000;
}
#main #content .bottom-header .row01 .database input {
	padding:4px;
	margin:0px 20px 0px 10px;
}
#main #content .bottom-header .row01 .database .smalltext {
	width:78px;
}
#main #content .bottom-header .row01 .sorting {
	float:right;
}
#main #content .bottom-header .row02 {
	padding:10px 0px;
	font-size:12px;
	color:#000;
	display:block;
	overflow:hidden;
}
#main #content .bottom-header .row02 .datamodels {
	text-align:center;
	padding:10px;
}
#main #content .bottom-header .row02 .datamodels .datamodellist {
	width:300px;
	height:110px;
	padding:0px 50px 0px 0px;
}

#main #content .bottom-header .row02 h2 {
	margin:0px;
	padding:0px;
	font-size:1.1em;
	font-weight:bold;
	border:0 none;
}
#main #content .bottom-header .row03 {
	padding:10px 0px;
	font-size:12px;
	color:#000;
	display:block;
}
#main #content .bottom-header .columnTree {
	float: left;
	width: 20%;
	border: 1px solid #d3d3d3;
	color: #222222;
	padding:0px;
	padding-bottom:1px;
}
#main #content .bottom-header .columnTree h3 {
	margin: 0;
	padding: 5px;
	font-size: 1.1em;
	font-weight: bold;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign {
    background-color: #E9E9E9;
    float: left;
    margin-left: 5px;
    padding: 5px;
    width: 71%;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign h3 {
    color: #222222;
    font-size: 1.1em;
    margin: 0 5px 5px;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign #chartParams {
    background-color: white;
    float: left;
    margin-left: 5px;
    overflow: auto;
    padding: 5px 5px 20px;
}
#main #content #tabs.bottom-header .columnTree .selectedOpts {
    background-color: white;
    display: block;
    height: 90%;
    margin: 0;
    overflow: auto;
    padding: 0;
}
#main #content #tabs.bottom-header .columnTree .dmHdr {
    font-size: 1em;
    margin: 5px 0 10px;
    padding: 5px;
}
#main #content .bottom-header .row03 h2 {
	margin:0px;
	padding:3px 50px 0px 0px;
	font-size:1.1em;
	font-weight:bold;
	float:left;
	border:0 none;
}
#main #content .bottom-header .row03 .button {
	font-size:12px;
	text-decoration:none;
	margin:0px;
}
#main #content .bottom-header .row03 .spacing {
	margin:0px 12px 0px 0px;
}
#main #content .bottom-header .row03 .charttypes {
	padding:10px 0px 0px 163px;
	display:none;
}
#main #content .bottom-header .row03 .charttypes .columns {
	background-image: url(../images/column.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .bars {
	background-image: url(../images/bar2d.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .area {
	background-image: url(../images/area.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .line {
	background-image: url(../images/line_16.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .dualyaxis {
	background-image: url(../images/dual.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .columns3d {
	background-image: url(../images/column3D1.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stacked {
	background-image: url(../images/column2dStack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stacked3d {
	background-image: url(../images/column3dStack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stackedbar {
	background-image: url(../images/bar2dstack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stackedbar3d {
	background-image: url(../images/bar3dStack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stackedarea {
	background-image: url(../images/areastack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .splinearea {
	background-image: url(../images/areaspline.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .line2 {
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .spline {
	background-image: url(../images/line.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .dual3d {
	background-image: url(../images/dual3D.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stackeddual2d {
	background-image: url(../images/dual2dStack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .stackeddual3d {
	background-image: url(../images/dual3dStack.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .pie {
	background-image: url(../images/pie2d.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .pie3d {
	background-image: url(../images/pie3d1.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .doughnut {
	background-image: url(../images/doughnut2d.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .doughnut3d {
	background-image: url(../images/doughnut3d.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .funnel {
	background-image: url(../images/funnel2d.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .funnel3d {
	background-image: url(../images/funnel.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .gauge1 {
	background-image: url(../images/gauge1new.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .gauge2 {
	background-image: url(../images/gauge2new.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .gauge3 {
	background-image: url(../images/RealTimeAngular.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .gauge4 {
	background-image: url(../images/horizontalLEDGauge.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .waterfall {
	background-image: url(../images/waterfallnew.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}
#main #content .bottom-header .row03 .charttypes .maps {
	background-image: url(../images/mapsnew.png);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:0px 17px;
}

#main #content #tabsteps {
	height:30px;
	font-size:12px;
	padding:0px 10px 10px 10px;
	border-bottom:1px solid #d3d3d3;
}
#main #footer {
	width: 100%;
	height:42px;
	display:block;
	margin-top: 50px;
	border-top:1px solid #d3d3d3;
	background-color:#e9e9e9;
	position: fixed;
	bottom: 0;
	z-index: 3;
}
#main #footer #themes {
	float:left;
	font-size:12px;
	margin:5px 10px;	
}
#main #footer #themes ul {
	height:200px;
	width:150px;
	overflow-y:auto;
	overflow-x:hidden;
}

#main #footer .button {
	float:right;
	margin:5px;
	padding:0px 4px;
	font-size:12px;
	display: block;
}

#main #footer #okBtn {
	margin:5px 10px 5px 5px;
	background-color: #ce0000;
}

/* ---- splitter style ---- */

#reporttab {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 79px;
	overflow: hidden;
}

#ViewTab {
	display: none;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 79px;
	overflow: hidden;
}

#bottom-pane { 
	background-color:#bebebe; 
	border:none;
	width: 100%;
	height: 410px;
	display:block;
	overflow: hidden;
}
#center-pane { 
	background-color:white; 
	border:none;
	width: 100%;
	height:100%;
	display:block;
}
#top-pane {
	background-color:#ffffff;
	width: 100%;
	display:block;
	height:120px;
}
#right-pane  { 
	margin:0px;
	border:none;
	padding:0px 0px 120px 0px;
	background-color:#e9e9e9;
	position: absolute;
	top: 0;
	bottom: 0;
}
#right-pane.splashscreen {
	width:100%;
	height: 100%;
	display:block;
	background:white;
	text-align:center;
	vertical-align:middle;
	padding-top:20px;
}
#left-pane {
	display: block;
	background-color:#ffffff;
	height: 100%;
	overflow: hidden;
}
.pane-content {
	padding: 0px;
	margin: 0px;
	border:none;
}
/* ----- Report page ---- */
.reportsearch {
	height:53px;
	border-bottom:1px solid #d3d3d3;
	padding: 5px;
	background-color:#fff;
}
.reportsearch p {
	font-size:12px;
	float:left;
	margin:0;
	margin-bottom:3px;
}
.reportsearch .reporticons {
	/*margin:5px 0px 5px 5px;*/
}
.reportsearch .searchicon {
	margin:3px 0px 5px 5px;
}
.reportsearch .searchtext {
	margin:5px 0px;
	width:164px;
	height:23px;
}

/*---- Create Dashboard - Layout page START ----*/
#dashboardTab {
	display: none;
	padding:10px 0;
}
.radioboxes.ui-buttonset {
	margin-right:0;
}
.leftPanel {
	float:left;
	width:25%;
	margin:10px;
	background-image:none;
	border:1px solid #d3d3d3;
	overflow:hidden;
}
.leftPanel .reporttree {
	display:block;
	overflow:auto;
}
.leftPanel .reporttree a {
	color:#333333;
}
.treeToolbar {
	height:30px;
	border-bottom:1px solid #d3d3d3;
	padding: 5px;
	text-align:right;
}
.rightPanel.ui-widget-content {
	float:right;
	width:68%;
	margin:10px;
	padding:10px;
	background-image:none;
	border:1px solid #d3d3d3;
	overflow:auto;
}
.reqd {
	color:#ce0000;
	font-weight:bold;
}
.inputsize1 {
	width:190px;
	padding: 5px;
}
.inputsize2 {
	width:220px;
	padding:5px;
}
.inputsize3 {
	width:100px;
	padding:5px;
}
.inputsize4 {
	width:135px;
	padding: 2px 4px;
}
/*---- Create Dashboard - Layout page END ----*/
.topbar {
	height:33px;
	margin:5px;
	padding:5px 5px 0px 5px;
	overflow:hidden;
}
.topbar .default {
	float:left;
	max-width:45%;	/* Added 28.06.2013 */
	margin:0px 2px;
}
/* Added 24.06.2013 */
#maximizedWrapper .topbarIcon .actionIcon,
.portlet .topbarIcon .actionIcon {
	margin: 3px;
}
#maximizedWrapper .topbarIcon,
.portlet  .topbarIcon {
	height:24px;
	font-size:0.7em;	/* Added 24.06.2013 */
	position:absolute;
	overflow:visible;
	z-index:9;
	float:left;
	background-color:Transparent;
	background:none;
	/*border:none;*/
	left:10px;
	padding-top:1px;
}
.portlet  .topbar {
	height:26px;
	margin: 0px 5px 0px 5px;
	padding:3px 5px 0px 5px;
	font-size:0.7em;	/* Added 24.06.2013 */
	visibility:hidden;
	position:absolute;
	/*width:97%;*/
	overflow:visible;
	z-index:10;
	background-color:Transparent;
	background:none;
	border:none;
	float:left;
	left:25px;
}
.portlet  .topbar .ui-button-text-only .ui-button-text {
	font-size:1.3em;
	padding:0.2em 0.8em;
}
.ui-state-focus .ui-icon {

}
.portlet .topbarIcon .ui-menu-item a{
	height:18px;
	font-size:1.3em;
	overflow:hidden;
}
.portlet  .topbarIcon .menuIcon {
	/*margin:3px;*/
	height:16px;
	/*width:16px;*/
}
#maximizedWrapper .topbarIcon ul li a,
.portlet .topbarIcon ul li a,
.portlet  .topbar .default ul li a,
.portlet  .topbar .options ul li a,
.portlet  .topbar .AuthorWidgetMenuList ul li a {
	font-size:1.3em;
}
.portlet .portlet-content {
	/*padding-top:12px;*/
}
/* ----- END ----- */
.topbar .default button {
	margin-top:0px;
	float:left;
	font-size:1em;
}
.topbar .options {
	float:right;
	margin:0px 2px;
}
.topbar .options .ui-buttonset {
	margin-right:4px;
}
.topbar .options button {
	margin-top: 0px;
}
.topbar .options .ui-menu {
	width: 130px;
}

.topbarIcon  .ui-menu {
	width: 130px;
}
.topbarIcon .ui-buttonset .select {
	margin-left:-3px;
}
.topbar .button {
	float:left;
	margin:0px 4px;
}
.topbar .ShowHome {
	float:right;
	margin-top:0px;
	margin-right:5px;
	background-image:url(../images/home-icon.png);	
	height: 30px;
	width: 30px;
	padding: 0;
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
}

.topbar .hideheader {
	float:right;
	margin-top:0px;
	margin-right:5px;
}

.topbar .DisableKendo {
	float:right;
	margin-top:0px;
	margin-right:5px;
}

.EnableKendoGrid 
{
	background-image:url(../images/minimize-icon.png);	
	height: 30px;
	width: 30px;
	padding: 0;
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
}
.DisableKendoGrid
{
	background-image:url(../images/maximize-icon.png);	
	height: 30px;
	width: 30px;
	padding: 0;
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
}
.topbar .showheader {
	float:right;
	display:none;
	margin-top:0px;
}
#top-pane .orderdetails {
	margin:5px;
	width:100%;
	display: block;
	height:60px;
}
/* Custom syling for top pane buttons et al START */
#main #content #top-pane .ui-button-icon-only .ui-button-text, #main #content #top-pane .ui-button-icons-only .ui-button-text {
	padding:0.2em;
}
#main #content #top-pane .ui-buttonset .ui-state-active .ui-button-text,
#main #content #top-pane .ui-buttonset .ui-state-default .ui-button-text {
	padding:0.2em 0.8em;
	font-weight:normal;
}
#tdToolbarMain .topbar .button .ui-button-text, #tdToolbarMain .topbar .ui-button .ui-button-text, 
#tdToolbarMain .topbar .ui-buttonset .ui-button .ui-button-text,  
.portlet .topbar .ui-buttonset .ui-button .ui-button-text {
	font-weight: normal;
}
.portlet .topbar .ui-buttonset .editBtn {
	margin-right:2px;
}
/* Custom syling for top pane buttons et al END */
.dashboardFilters .orderdate {
	float:left;
}
.dashboardFilters .orderset {
	float:left;
}
.fixedheight {
	height:160px;
	width:150px;
	text-align:left;
	overflow:auto;
}
.fixedheight1 input
.fixedheight input {
	float:left;
} 
.fixedheight a {
	float:left;
	width:100px;
}
.fixedheight1 li,
.fixedheight li {
	clear:both;
}

.fixedheight1 {
	height:140px;
	width:180px;
	text-align:left;
	overflow:auto;
}
.fixedheight1 a {
	float:left;
	width:170px;
}

#idSmartFilter {
	background-color:#ffffff;
}
.dashboardFilters {
	margin: 5px;
	width: 100%;
	display: block;
	height: 60px;
}
.dashboardFilters .orderset .ddSelect,
.dashboardFilters .orderset .checkMenu,
.dashboardFilters .orderset .checkMenu1,
.dashboardFilters .orderset .nexticon {
	height:21px;
	margin-top:2px;
}
.orderset .checkMenu {
	margin-top:0;
	height:21px;
}
.dashboardFilters .orderset .checkMenu ul li {
	width: 140px;
	overflow:auto;
	height:200px;
}
.dashboardFilters .orderdate .order {
	padding:0px 0px 4px 0px;	
}
.dashboardFilters .orderdate .order .splitbutton {
	width:145px;
	text-align:left;
	z-index:99;
	position: relative;
}
.dashboardFilters .orderdate .order .checksplitbutton {
	width:145px;
	text-align:left;
	z-index:99;
	position: relative;
}
.dashboardFilters .orderdate .order ul li {
	z-index:99;
	position: relative;
}
.dashboardFilters .orderdate .smallinput {
	width:75px; /* edited on 24.06.2013 */
	height:19px; /* edited on 19.06.2013 */
	margin-right:2px;
}
.dashboardFilters .orderdate .longinput {
	width:100px; /* edited on 28.06.2013 */
	height:19px; /* edited on 19.06.2013 */
	margin-right:2px;
}
.buttonarea {
	padding:5px;
	text-align:center;
}
#top-pane .custcountry {
	display: block;
	margin:0px 5px;
	height:30px;
}
.custcountry .country {
	margin:0px;
	padding:0px;
	z-index:1;
	position: relative;
}
.custcountry .country .splitbutton {
	width:145px;
	text-align:left;
}
.right-pane .k-pane {
	width:100%;
}
.pane-content h2 {
	font-size:14px;
	text-align:center;
}
.ui-buttonset .select {
	margin-left:-2px;
}
#chartsHdr {
	height:35px;
	background-color:white;
	border-bottom:#d3d3d3 solid 1px;
	width:100%;
}
#chartsHdr h2  {
	float:right;
	font-size:14px;
	text-align:center;
	height:30px;
	padding:10px 0px 0px 0px;
	margin:0px;
	border-bottom:#d3d3d3 solid 1px;
	left:-17px;
	position:relative;
}
#chartsHdr #layoutList {
	 float:left;
	 margin-top:5px;
	 font-size:.9em;
}
#main #content .bottom-header #chartsHdr #layoutList .ui-tabs-nav {
	  position:static;
	  height:1.2em;
	  margin-top:-2px;
}
#chartsHdr #layoutList .ddSelect {
	 padding:0;
}
#center-pane h2 {
	float:right;
	margin:0;
	padding:.4em;
	font-size:1.1em;
	text-align:right;
}
/*--- 24.06.2013: Styles for maximized widget container ---*/
#maximizedWrapper {
	display:none;
	width:100%;
	height:100%;
	left:0;
	background-color:white;
	z-index:5;
}
/*--- 24.06.2013: Editable Report Name styles ---*/
#main #content #tabs #chartsHdr .editable {
	position:relative;
	left:7px;
}
#main #content #tabs #chartsHdr .editable:hover {
	background-color:#FF0;
}
#main #content #tabs #chartsHdr .editor {
	display:none;
	position:relative;
	width:190px;
	padding: 2px 5px;
}
/*--- -----------------END--------------------------- ---*/
body .custom-tooltip {
	font-size: .85em;
}
.tooltipData {
	font-size:1em;
	margin:0;
	padding:5px 0;
}
.tooltipDataSet {
	font-size:.9em;
	margin:0;
	padding:0;
}
.chartholder {
	display:block;
	text-align:center;
	padding:5px;
	background: #fff;
}
#reportcharts {
	display:block;
	height: 310px;
	overflow: hidden;
}
#reportcharts .reportleft-pane {
	padding:0px;
	margin:0px;
}
#splitter .bottom-pane #reportcharts .k-splitbar {
	width:5px;
}
#splitter {
	display:block;
	height:500px;
	padding-right:20px;
	overflow:auto;
	overflow-x:hidden;
}
#splitter .bottom-pane #reportcharts .k-splitbar {
	width:5px;
}
#ui-datepicker-div.ui-datepicker{
	font-size: 12px;
}
#smartFilter {
	float:left;
}
/* treeview classes */
.reporttree .treeview ul {
	background:none;
}
.firstleaf {
	background-image: url(../images/coloricons-sprite.png); 
	background-position: -16px -111px;
	background-repeat:no-repeat; 
}
.reporttree {
	display: block;
	padding:5px;
	color:#000;
}
.reports { 
	background-image: url(../images/coloricons-sprite.png); 
	background-position: 0 0;
	background-repeat:no-repeat; 
	padding:0px 20px;
	margin:0px 5px;
}
.openfolder { 
	background-image: url(../images/coloricons-sprite.png); 
	background-position: 0 -15px;
	background-repeat:no-repeat; 
	padding:0px 20px;
	margin:0px 2px;
}

.pane-content .reporttree .filetree li ul li ul li a.image {
	color:#222222;
}
.pane-content .reporttree .filetree li ul li ul li a.hover {
	color: red;
}
.image { 
	background-image: url(../images/dashboards-16.png); 
	background-position: 0 0;
	background-repeat:no-repeat; 
	padding:0px 20px; 
	margin:0px 5px;
	white-space:nowrap;
}
.stdrpt { 
	background-image:url(../images/standard-reports-icon.png);
	background-position: left top;
	background-repeat:no-repeat; 
	padding:0px 20px; 
	margin:0px 5px;
	white-space:nowrap;
}
#main #content label.image {
	padding:0px 20px; 
	margin:0px 5px;
}
.colname {
	display:inline-block;
	width:12px;
	height:12px;
	margin:-3px 3px 3px 3px;
	background-image: url(../images/sprite.png); 
	background-position: -68px -92px;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.colNumber {
	display:inline-block;
	width:16px;
	height:20px;
	background-image: url(../images/number.gif);
	background-repeat:no-repeat;
	vertical-align:middle;
}
.colDate {
	display:inline-block;
	width:16px;
	height:20px;
	background-image: url(../images/icon_timer.png);
	background-repeat:no-repeat;
	vertical-align:middle;
}
.colfigure { 
	display:inline-block;
	width:16px;
	height:16px;
	margin:0 3px 3px 3px;
	background-image:url(../images/Number.gif);
	background-repeat:no-repeat; 
	vertical-align:middle;
}
.coltime {
	margin:0 3px 3px 3px;
	background-image: url(../images/icon_timer.png); 
	background-position: left -1px;
	background-repeat:no-repeat;
	padding-left: 18px;
}

#customoptions .ui-accordion .ui-accordion-content {
	height:100%;
	overflow:hidden;
}
#customoptions #accordion .configarea {
	float:left;
	overflow:auto;
	height:210px;
	width:40%;
	padding-left:5px;
	line-height:26px;
}
#customoptions #accordion .previewArea {
	float:right;
	width:55%;
	height:95%;
	text-align:center;
}
/* Create Dashboard - Add Widget styles */
.dashboardWrapper {
	display:block;
	padding:10px 10px 42px 10px;
	overflow:auto;
}
.dashboardWrapper h2 {
	font-size:1.0em;
	color:#222222;
	margin:0 10px 10px 10px;
}
.dashboardWrapper .widgetToolbar {
	display:block;
	margin:0 10px;
	padding:5px;
	text-align:right;
	overflow:hidden;
}
.dashboardWrapper .widgetToolbar .right {
	float:right;
}
.dashboardWrapper .widgetToolbar .left {
	float:left;
}
.dashboardWrapper .widgetToolbar .button {
	margin-right:6px;
}
#main #content .dashboardWrapper .widgetToolbar label {
	margin:0;
}
.ui-icon-chart {
	position:relative;
	top:4px;
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	background-image:url(../images/widget_16.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.ui-icon-table {
	position:relative;
	top:3px;
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	background-image:url(../images/table_16.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.ui-icon-pivot {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	background-image:url(../images/pivot_16.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	vertical-align:middle;
}

/*-------------- Added 28.08.2013 --------------*/
.treeToolbar .addMenu {
	text-align:left;
}
.ui-icon-stdrpt {
	position:relative;
	display:inline-block;
	width:16px;
	height:16px;
	margin-right:5px;
	background-image:url(../images/standard-reports-icon.png);
	background-position: 0 0;
	background-repeat:no-repeat;
	vertical-align:middle;
}
.widget-icon {
	float:left;
	top:6px;
}
#widgetsList {
	display:block;
	padding:5px 0;
	overflow:hidden;
}
#widgetsList #noWidgets {
	display:none;
	padding:5px;
}
.widgetRow {
	display:block;
	padding:5px;
	border-bottom:#d3d3d3 solid 1px;
	overflow:hidden;
	cursor:pointer;
}
.widgetRow .widgetName {
	color:#222222;
	float:left;
	width:200px;
	padding:5px 0;
	overflow:hidden;
}
.widgetRow .removeBtn {
	float:right;
	display:none;
}
.rightPanel .dashboardNameDetls {
	 display:block;
	 width:100%;
}
.rightPanel .row {
	display:block;
	border:#b2b2b2 solid 1px;
	overflow:hidden;
}
.rightPanel .col {
	float:left;
	border:#b2b2b2 solid 1px;
	background-color:#f0f0f0;
}
.widgetRowDefault {
	display:block;
	padding:5px;
	overflow:hidden;
}
.widgetRowDefault .helperText {
	color:#222222;
	float:left;
	padding:5px 0;
	overflow:hidden;
}
.widgetRowDefault .addBtn {
	float:right;
}
/* Create Dashboard - Add Widget styles END *//* Styling for SF Setup page */
.columnTree .sfVals {
	display:block;
	padding:10px;
	background-color:White;
}
#main #content .bottom-header .columnTree .sfVals h3 {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:#d3d3d3 solid 1px;
}
.columnTree .sfVals .selectedVal {
	display:inline-block;
	min-width:100px;
	margin:0;
	padding:.3em 1.0em;
}
.columnTree .sfVals .addBtn {
	margin-top:-0.3em;
}
#main #content .bottom-header .columnTree .colVals {
    background-color: #FFFFFF;
    display: none;
    height: 92.5%;
    overflow-x: hidden;
    overflow-y: auto;
}
/* Styling for SF Setup page END *//* Create Dashboard - DM Filters styles START */
.dashboardWrapper .datafilters {
	width:300px;
	height:350px;
	padding:10px;
	overflow:auto;
}
.dashboardWrapper .columnfilters {
	width:280px;
	height:330px;
	padding:10px;
	overflow:auto;
}
.dashboardWrapper .columnfilters h3 {
	font-size:1.0em;
	margin:0;
	padding-bottom:10px;
	border-bottom:1px solid #d3d3d3;
}
#main #content .dashboardWrapper .columnTree {
	display:block;
	float:none;
	width:95%;
	padding:0;
	background-color:#e9e9e9;
	color:#222222;	
}
#main #content .dashboardWrapper .columnTree .treeView {
	background-color:#fff;
	overflow:auto;
	overflow-x:hidden;
	height:93%;
	margin:0;
}
#main #content .dashboardWrapper .columnTree .treeView .draggable {
	display:inline-block;
	padding:2px;
}
#main #content #tabs.bottom-header #dashboardTab .dashboardWrapper .columnTree .selectedOpts {
	display:block;
	margin:0;
	height:90%;
	padding:0;
	background-color:white;
	overflow:auto;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree .menuList {
	width:190px;
	max-height:200px;
	text-align:left;
	overflow:auto;
}
#main #content #tabs.bottom-header #dashboardTab .dashboardWrapper .columnTree .dmHdr {
	font-size:1em;
	margin:5px 0 10px 3px;
	padding:5px;
	width:87.5%;
}
/* Create Dashboard - DM Filters styles END *//* Create Dashboard - DM Filters Setup styles START */
#main #content .dashboardWrapper .columnTree .treeView a {
	padding-right:5px;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree .colVals {
	display:none;
	background-color:#fff;
	overflow:auto;
	overflow-x:hidden;
	height:93%;
	margin:0;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree .colVals label, #main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree .colVals .DateRangeCombo, #main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree .colVals .NumericRangeCombo
{
	margin-left:4px;
}
#main #content #PanelConnection .borderbottom .columnTree .colVals {
	display:none;
	background-color:#fff;
	overflow:auto;
	overflow-x:hidden;
	height:93%;
}
#main #content #PanelConnection .borderbottom .columnTree .colVals label, #main #content #PanelConnection .borderbottom .columnTree .colVals .DateRangeCombo,  #main #content #PanelConnection .borderbottom .columnTree .colVals .NumericRangeCombo
{
	margin-left:6px;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree .defaultText {
	height:90%;
	margin: 0;
	padding:0;
	background-color:white;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree h4 {
	font-size:1.05em;
	margin: 0;
	padding:5px 5px 0 5px;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree h5 {
	font-size:1.0em;
	margin: 0 5px;
	padding:5px 5px 0 5px;
}
#main #content .bottom-header #dashboardTab .dashboardWrapper .columnTree p {
	margin: 0 10px;
	padding:5px 5px 0 5px;
}
/* Create Dashboard - DM Filters Setup styles END */
.dashboardWrapper .datafilters {
	width:300px;
	height:350px;
	padding:10px;
	overflow:auto;
}
.dashboardWrapper .columnfilters {
	width:280px;
	height:330px;
	padding:10px;
	overflow:auto;
}
.dashboardWrapper .columnfilters h3 {
	font-size:1.0em;
	margin:0;
	padding-bottom:10px;
	border-bottom:1px solid #d3d3d3;
}
.dashboardWrapper .columnvalues {
	width:280px;
	height:330px;
	padding:10px;
	text-align:center;
	overflow:auto;
}
#main #content .dashboardWrapper .columnvalues .ui-button {
	width:100%;
	margin:2px 0px;
}
.dashboardWrapper .headingbar {
	height:25px;
	margin:0px;
	width:290px;
	font-size:12px;
	padding:5px 5px 0px 5px;
	text-align:center;
}
.addFilter
{
	height:135px;
	overflow:auto;
}
/* Create Dashboard - Add Widget styles END */
.dashIcon {
	display:inline-block;
	position:relative;
	top:4px;
	width:16px;
	height:16px;
	background-image: url(../images/dashboards-16.png); 
	background-position: 0 0;
	background-repeat:no-repeat;
}
.stdrptIcon { 
	display:inline-block;
	position:relative;
	top:4px;
	width:16px;
	height:16px;
	background-image:url(../images/standard-reports-icon.png);
	background-position: left top;
	background-repeat:no-repeat; 
}
#main #content #tabs .ui-tabs-panel .tabcontent #folderBrowser.columnTree {
	width:250px;
}
#main #content .bottom-header .configTableWrapper .defaultText {
	height:85%;
	margin: 0;
	padding:0;
	background-color:white;
}
.mgDashboard .configTable {
	margin:10px auto;
}
#main #content .columnTree .tree .active {
	background-color:#f0f0f0;
}
.configTable .info.ui-widget {
	position:relative;
	margin-right:5px;
	font-size:0.95em;
}
.configTable .editable,.configTable .editable1, .configTable .editableLayouts {
	position:relative;
	top:2px;
	left:7px;
}
.configTable .editable:hover, .configTable .editableLayouts:hover{
	background-color:#FF0;
}
.configTable .stdRptName {
	position:relative;
	top:2px;
	left:7px;
}
.configTable .readonly {
	position:relative;
	top:2px;
	left:7px;
}
#main #content #tabs .tabcontent .columnTree .selectedOpts .configTable .editor {
	display:none;
	position:relative;
	top:2px;
	width:190px;
	padding: 2px 5px;
}
/* Manage Dashboard styles END *//* Manage Widget styles START */
#main #content #tabs .ui-tabs-panel .tabcontent #rptBrowser.columnTree {
	width:250px;
}
#main #content .bottom-header .configTableWrapper .defaultText {
	height:85%;
	margin: 0;
	background-color:white;
	padding:0;
}
.mgwidget .configTable {
	margin:10px 5px;
}
#editWidgetNav.ui-buttonset {
	margin:0;
}
#mgWidgetContentWrapper {
	display:block;
	overflow:auto;
}
/* Manage Widget styles END *//* Manage Widget - Connection & Data Model styles START */
#main #content .bottom-header .dmList {
	height:185px;
	overflow:hidden;
}
#main #content #tabs.bottom-header .dmList .selectedOpts {
	height:87%;
	overflow:auto;
}
/* Manage Widget - Connection & Data Model styles END *//* Manage Widget - Select Columns styles START */
#main #content #tabs .ui-tabs-panel .tabcontent #colTree.columnTree {
	width:20%;
}
#main #content #tabs .ui-tabs-panel .tabcontent .columnTree .selectedOpts .configTable .removableItem .colname.formatLink {
	margin: 2px 10px;
}
/* Manage Widget - Connection & Data Model styles END *//* Manage Widget - Define Data Set styles START */
#dataSetNav .ui-icon-close {
	float: left;
	margin: 0.5em 0.2em 0 0;
	cursor: pointer;
}
#main #content #tabs #mgWidgetContentWrapper #appliedVals h4 {
	font-size:1.05em;
	margin: 0;
	padding:5px 5px 0 5px;
}
#main #content #tabs #mgWidgetContentWrapper #appliedVals h5 {
	font-size:1.0em;
	margin: 0 5px;
	padding:5px 5px 0 5px;
}
#main #content #tabs #mgWidgetContentWrapper #appliedVals p {
	margin: 0 10px;
	padding:5px 5px 0 5px;
}
/* Manage Widget - Define Data Set styles END *//* Manage Widget - Edit Design styles START */
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign {
	float:left;
	width: 78%;
	margin-left:5px;
	padding:5px;
	background-color:#e9e9e9;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign h3 {
	margin: 0px 5px 5px 5px;
	font-size:1.1em;
	color:#222222;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign h4 {
	margin: 7px;
	color:#222222;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign .topbar {
/*	height:20px;*/
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu {
	height:150px;
	text-align:left;
	overflow:auto;
	overflow-x:hidden;
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu li {
	display:block;
	width:100%;
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu a {
	white-space:nowrap;
	width:100%;
	padding-right:15px;
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .menuItem {
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding:3px 32px;
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .columns {
	background-image: url(../images/column.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .bars {
	background-image: url(../images/bar2d.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .area {
	background-image: url(../images/area.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .line {
	background-image: url(../images/line_16.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .dualyaxis {
	background-image: url(../images/dual.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .columns3d {
	background-image: url(../images/column3D1.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stacked {
	background-image: url(../images/column2dStack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stacked3d {
	background-image: url(../images/column3dStack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stackedbar {
	background-image: url(../images/bar2dstack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stackedbar3d {
	background-image: url(../images/bar3dStack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stackedarea {
	background-image: url(../images/areastack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .splinearea {
	background-image: url(../images/areaspline.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .line2 {
	background-image: url(../images/line.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .spline {
	background-image: url(../images/line.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .charttypes .dual3d {
	background-image: url(../images/dual3D.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stackeddual2d {
	background-image: url(../images/dual2dStack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .stackeddual3d {
	background-image: url(../images/dual3dStack.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .pie {
	background-image: url(../images/pie2d.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .pie3d {
	background-image: url(../images/pie3d1.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .doughnut {
	background-image: url(../images/doughnut2d.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .doughnut3d {
	background-image: url(../images/doughnut3d.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .funnel {
	background-image: url(../images/funnel2d.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .funnel3d {
	background-image: url(../images/funnel.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .gauge1 {
	background-image: url(../images/gauge1new.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .gauge2 {
	background-image: url(../images/gauge2new.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .gauge3 {
	background-image: url(../images/RealTimeAngular.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .gauge4 {
	background-image: url(../images/horizontalLEDGauge.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .waterfall {
	background-image: url(../images/waterfallnew.png);
}
#main #content #tabs .tabcontent .chartdesign .configTable .addMenu .maps {
	background-image: url(../images/mapsnew.png);
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign #chartParams {
	float: left;
	margin-left:5px;
	padding:5px 5px 20px 5px;
	background-color:white;
	overflow:auto;
}
#main #content #tabs .ui-tabs-panel .tabcontent .chartdesign #chartPreview {
	float: left;
	margin-left:5px;
	padding:5px 5px 20px 5px;
	background-color:white;
	overflow:auto;
}
/* Manage Widget - Edit Design styles END *//* Manage Widget - Properties styles START */
select.inputsize1 {
	width:200px;
}
/* Manage Widget - Properties styles END *//* Manage Widget - Set Exceptions styles START */
#main #content .bottom-header .exceptnsRow {
	padding:10px;
}
#main #content .bottom-header .condDd {
	display:inline-block;
}
/* Manage Widget - Set Exceptions styles END *//* Pemissions styles START */
#main #content .bottom-header .perms h2 {
	font-size:0.9em;
	text-align:right;
	margin:0 .2em .2em 0;
	padding: 0 .8em 0 0;
}
#main #content .columnTree .tree {
	background-color: #fff;
	overflow: auto;
	overflow-x: hidden;
	height: 92%;
}

.usersList th {
	padding-top:10px;
	font-weight:normal;
}
.usersList td {
	border-bottom:#cdcdcd solid 1px;
}
.usersList tr.listHdr td {
	border-bottom:#030303 solid 1px;
}
.usersList tr.listHdr .ui-widget {
	font-size:.7em;
	margin-right:5px;
}
.usersList tr.listHdr .ui-button-icon-only .ui-icon-triangle-1-n {
	margin-left:-7px;
}
/* Pemissions styles END *//* Scheduler styles START */
table.display {
	margin-top:10px;
}
#main #content .bottom-header .ui-tabs-panel .tabcontent .dataTables_wrapper label {
	margin:0;
}
table.display .ui-button-text-only .ui-button-text {
	padding:0.2em .4em;
}
#main #content .bottom-header .ui-tabs-panel .tabcontent .dataTables_wrapper table.display a.ui-icon {
	display:inline-block;
	margin-right: 2px;
	position:relative;
	top:3px;
	cursor:pointer;
	text-align:right;
}
.hiddenOpts {
	display:inline-block;
}
span.required {
	color:#ce0000;
}
.ui-datepicker-trigger {
	position:relative;
	top:3px;
	left:-25px;
}

.settingsTable {
	width:100%;
	height:100%;
}
.settingsTable .cellborder {
	border:1px solid #D3D3D3;
}


/* Scheduler styles END *//* jQuery UI dialog styles START */
body .ui-dialog {
	font-size:.8em;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
	margin:-12px 0 0 0;
	border: 1px solid #B2B2B2;
}
body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon {
	background-position:-94px -127px;
}
body .ui-dialog .ui-buttonset .ui-button {
	margin-right:-5px;
}
#main #content #tabs .tabcontent .columnTree {
width: 250px;
}
#main #content #tabs .columnTree .selectedOpts {
display: block;
margin: 0;
height: 90%;
padding: 0;
background-color: white;
overflow: auto;
}

#main #content #tabs .columnTree .selectedOpts .xtraLayouts a,#main #content #tabs .columnTree .selectedOpts .dashLayouts a
{
	float:left;
}
/* jQuery UI dialog styles END */
.scroller {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;
}
.navController {
	position:absolute;
	height:90%;
	top:0;
	z-index:2;
	cursor:pointer;
}
.scroller .right:hover,
.scroller .left:hover {
	-webkit-box-shadow:0px 0px 0px 0px #999999;
    box-shadow:0px 0px 0px 0px #999999;
	background-color:#ccc;
}
.navController .ui-icon {
	position:relative;
	top:-4px;
	margin-top:50%;
}
.scroller .ui-tabs {
	position:relative;
	left:8px;
	margin:0px auto;
	height:25px;
}
.scroller .right {
	right:0;
	-webkit-box-shadow:  -1px -1px 2px 0px #999999;
    box-shadow:  -1px -1px 2px 0px #999999;
}
.scroller .left {
	left:0;
	-webkit-box-shadow:  1px 1px 2px 0px #999999;
    box-shadow:  1px 1px 2px 0px #999999;
}
/* Reports Horizontal Scroller styles END */
.configTable .condDd .ui-button-text 
{
	font-weight:normal;
	overflow: hidden;
    width: 80%;
}

.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
font-weight:normal;
}

.orderset .fixedheight .ui-menu-item a:hover
{
	background:none;
}

#chartParams .ui-buttonset .splitbutton .ui-button-text {
    overflow: hidden;
    text-align: left;
    width: 220px;
}

#condTable .condDd .ui-buttonset .splitbutton .ui-button-text {
    overflow: hidden;
    text-align: left;
    width: 220px;
}

#condTable .ui-buttonset .splitbutton {
    overflow: hidden;
    text-align: left;
    width: 100px;
}

#condTable .ui-icon, #trendTable .ui-icon
{
	float:left;
}

.configTable .fixedWidth {
display: inline-block;
white-space: nowrap;
overflow: hidden;
}

#main #content #tabs .tabcontent .columnTree .selectedOpts .configTable .editor {
display: none;
position: relative;
top: 2px;
width: 140px;
padding: 2px 5px;
}
.widgetRow .editor {
display: none;
float: left;
position: relative;
top: 3px;
width: 140px;
margin: 0 0 5px 0;
padding: 2px 5px;
}
.widgetRow .optBtns {
display: none;
float: right;
width: 60px;
padding: 5px 0;
overflow: hidden;
}
.widgetRow .editable:hover {
background-color: #FF0;
}
.widgetRow .optBtns a.ui-icon {
cursor: pointer;
display: inline-block;
margin-right: 2px;
text-align: right;
}

.buttonarea {
display: none;
position: absolute;
width: 144px;
padding: 5px;
text-align: center;
background-color: white;
z-index: 5;
}

#selectDepCol {
clear: both;
display: none;
}

#selectDepCol1 {
display: none;
}

.selectedOpts .widgetRow .widgetName {
	color:#222222;
	float:left;
	width:200px;
	padding:5px 0;
	overflow:hidden;
}
#main #content #tabs #dataSetNav .editable:hover {
background-color: #FF0;
}
#main #content #tabs #dataSetNav .editable {
float: left;
}
#main #content #tabs #dataSetNav .editable {
float: left;
}
#main #content #tabs #dataSetNav .editor {
display: none;
float: left;
position: relative;
margin: 0.25em 1em;
padding: 2px 5px;
}

.colWrapper {
height: 100%;
border: 1px solid #d3d3d3;
color: #222222;
overflow: auto;
text-align:left;
}

.colWrapper h3 {
margin: 0;
padding: 5px;
font-size: 1.05em;
font-weight: bold;
text-align:left;
}

.colWrapper .colVals {
padding-bottom: 10px;
}

.colWrapper h4 {
font-size: 1em;
margin: 0;
padding: 5px 5px 0;
}

.colWrapper p {
font-size: .85em;
margin: 0 20px;
padding: 5px 5px 0;
}

#main #content .bottom-header .columnTree #columnBrowser {
background-color: #fff;
overflow: auto;
overflow-x: hidden;
height: 93%;
}

#main #content #tabs  .tabcontent .chartdesign {
float: left;
width: 78%;
margin-left: 5px;
padding: 5px;
background-color: #e9e9e9;
}

.configTable tr td.innerCell {
border: 0px none;
}
#chartParams .nofloat .ui-buttonset {
float: none;
display: inline-block;
margin-bottom: 0px;
}
.inputsize4 {
width: 190px;
padding: 5px;
}
#reportTabUrl .ui-icon-home {
	float: left;
	margin-right:5px;
}

#TvwDashboards a , #tvwFields a, #tvwFieldsList a, #tvwPivotFields a {
	color:#222222;
}
#TvwDashboards a:hover , #tvwFields a:hover, #tvwFieldsList a:hover , #tvwPivotFields a:hover {
	color:red;
	cursor:pointer;
}

#tvwPivotFields span.draggable, #tvwFieldsListTab1 span.draggable, #tvwFieldsList span.draggable, #tvwFields span.draggable , #tvwFieldsListNew span.draggable{
	color:#222222;
}

#tvwPivotFields span.draggable:hover, #tvwFieldsListTab1 span.draggable:hover, #tvwFieldsList span.draggable:hover, #tvwFields span.draggable:hover , #tvwFieldsListNew span.draggable:hover  {
	color:red;
	cursor:pointer;
}

#main #content #chkFieldValueListTab1 label
{
	margin-left:4px;
}

.fieldWrapper .fixedheight1 
{
	height:160px;
	overflow:auto;
}

.fieldWrapper .fixedheight1  li a
{
	overflow:auto;
}

#main #content .bottom-header .tabcontent h2 {
font-size: 0.9em;
text-align: right;
margin: 0.8em .2em .8em 0;
padding: 0 .8em .8em .8em;
border-bottom: #d3d3d3 solid 1px;
}

#rightMainDiv .portlet .topbar .default .ui-buttonset .ui-button-text 
{
	overflow:hidden;
	width:50px;
	white-space:nowrap;
}

#main #content .bottom-header #tab-2 , #main #content .bottom-header #tab-4, #main #content .bottom-header #dashboardTab
{
	top:59px;
}

#dashboardLayoutArea .widgetRow .widgetName {
color: #222222;
float: left;
width: 80%;
padding: 5px 0;
overflow: hidden;
white-space: nowrap;
}

.usersList th 
{
	font-size:12px;
}

.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
text-align: left;
}
.NoDisplay
{
	display:none;
}
.dataTable td .ui-icon 
{
	float:left;
	margin-right:1px;
}

.dataTable td label 
{
	float:left;
	margin-right:1px;
}
.note {
margin: 0;
padding: 0 10px;
font-size: 0.9em;
}

.widgetIcon {
display: inline-block;
position: relative;
top: 4px;
width: 16px;
height: 16px;
background-image: url(../images/widget_16.png);
background-position: 0 0;
background-repeat: no-repeat;
}
.widgetDraft 
{
	position: relative;
	/*top: -3px;*/
	left: 7px;
}
#rangeValCond .ui-buttonset .splitbutton .ui-button-text
{
	width:250px;
}

.columnTree .sfVals .addFilter 
{
	width:8%;
}

.DashboardMinimize 
{
	background-image:url(../images/minimize-icon.png);	
	height: 30px;
	width: 30px;
	padding: 0;
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
}
.DashboardMaximize
{
	background-image:url(../images/maximize-icon.png);	
	height: 30px;
	width: 30px;
	padding: 0;
	background-repeat: no-repeat;
	border: 0px;
	background-color: transparent;
}

.connection .splitbutton .ui-button-text
{
	overflow:hidden;
	width:95px;
	white-space: nowrap;
}

/*#StyleHeader_lnkHelp
{
	padding-top:.3em;
	padding-bottom:.3em;
}*/

.textfield_grey {
	/*background: #a0a0a0 url(images/ui-bg_glass_25_a0a0a0_1x400.png) 50% 50% repeat-x;*/
}
.smallinput
{
	height: 19px;
    margin-right: 2px;
    width: 75px;
}

.frameLabel
{
    margin-top: 6px;
    text-align: center;
    font-family:Arial;
    font-size: 13px;
    color:#4F4F4F;
    font-weight:bold;
    line-height:18.2px;
    font-style:normal;
    text-decoration:none;
    background-color:#FFFFFF;
    letter-spacing:0px;
    fill:#4F4F4F;
    overflow:hidden;
}

.frameLabelTable
{
    margin-bottom: 8px;
}
.smallerinput
{
	padding: 5px;
    width: 35px;
	margin-right: 2px;
}
.ui-widget-content .layoutShow
{
	background-image:url(../images/ChkBox-off.png);
}
.ui-widget-content .layoutHide
{
	background-image:url(../images/ChkBox-on.png);
}

.rangeFilterIcon
{
	margin-left:4px;
	float:left;
}
.qsfField
{
	float:left;
	margin-top:4px;
}

.buttonareaqsf {
display: none;
position: absolute;
width: 174px;
padding: 5px;
text-align: center;
background-color: white;
z-index: 5;
}

.CustomeTextRange, .CustomDateRange, .CustomNumericRange
{
	margin:5px;
}

#div_dashRefreshMenu .btnRef
{
background:#CCCCCC url("../images/Refresh-time-icon.png") no-repeat center center;
height: 27px;
font-size: 8.5px;
width: 50px;
}