@charset "utf-8";
/* CSS Document */

body{
    width: 100%;
    margin: 0px;
    font-size: 10px !important;
    font-family: "Arial" !important;
}
.menutable{
    color: #65659b; font-size: 12pt; font-weight: bold; text-align:left;	
}

h1{ color: #8080ff; font-size: 12pt; font-weight: bold;}
h2{ color: #8080ff; font-size: 11pt; font-weight: bold;}

.ui-accordion-header{
    color: #8080ff !important;
}
.menutable td{
    padding: 2px;
}
.highcharts-legend{
    font-size:12pt; 
    font-weight: bold;
    text-align: center;
    color: #000000;
    clear: both;

}

.hiddenDiv{
    display: none;

    clear: none;
}

.hiddenDivEdit{
    display: none;

    clear: none;
}
.showDiv{
    display: block;
    cursor: pointer;
    clear: none;
}

.showClass{cursor: pointer;}
.showDivEdit{
    display: block;
    cursor: pointer;
    clear: none;
}

#darkBar{
    background-color: #666699;
    height: 3px;

    margin: 10px;

}
#header{text-align: left !important;  display:table;}
#chartNameField { padding-left: 25px; text-align: left  !important;  display:table; }

input[type=text]{
    padding: 3px;
    border:1px solid #cccccc;
}


.highcharts-subtitle{
    font-size: 14pt !important;
    color: #666699;
    font-weight: bold;
    margin-bottom: 5px;

}

.highcharts-legend a{

} 
#collorpicker_22{
    z-index:1 !important;
}


.piechartBorder{
    border:1px solid #cccccc;
    border-top-radius: 0.8em  !important;
    -moz-border-radius:  0.8em !important;
    -webkit-border-radius: 0.8em !important;
    padding: 5px;	
    margin: 3px !important; 
}

.piechartBorder text{ font-size: 7pt !important;}

/* Z-index of #mask must lower than #boxes .window */
#mask {
    position:absolute;
    z-index:9000;
    background-color:#aeaeae;
    display:none;
    text-align: center !important;
    vertical-align: middle !important;
}

#boxes .window {
    position:fixed;
    width:440px;
    height:200px;
    display:none;
    z-index:9999;
    padding:20px;
}


/* Customize your modal window here, you can add background image too */
#boxes #dialog {
    width:375px;
    height:203px;
}
#searchpart{
    background-color: #F3F2F2;
    border:1px solid #F3F2F2;
    padding: 3px;     
    color: #000000;
    height: 30px;
    vertical-align:middle;
}

#searchpart label {padding-top: 3px; padding-left: 5px; padding-right: 3px; font-size: 10pt; color: #000000 !important;}
#searchpart input[type=text]{
    padding: 3px;
    border:1px solid #cccccc;

}
#searchpart input[type=radio]{
    margin-top: 3px;
    border:1px solid #cccccc;
}

#searchpart b{margin-top: 1px; font-size: 9pt; color: #000000 !important;}

#searchpart select{
    padding: 3px;
}
button{
    background-color:  #e7e7e7;
    color: #9898ff;
    padding: 5px;
    font-weight:  bold;
    border:1px solid #dcdcdc;
    border-top-radius: 0.4em  !important;
    -moz-border-radius:  0.4em !important;
    -webkit-border-radius: 0.4em !important;
    cursor: pointer;
    padding: 3px;  
    color: #000000 !important;
}


#tableColorSettings{
    margin: 5px;
}
#tableColorSettings td{
    border: 1px solid #000000;
    color: #000000;
    padding: 5px;

}
#tableColorSettings .noborder{
    border: none !important;
    border: 0px !important;
}


.barHeading{
    border:1px solid #aaaaaa;
    border-top-radius: 0.4em  !important;
    -moz-border-radius:  0.4em !important;
    -webkit-border-radius: 0.4em !important;
    padding: 3px;	
    background-image: linear-gradient(bottom, rgb(198,202,234) 1%, rgb(217,220,241) 76%);
    background-image: -o-linear-gradient(bottom, rgb(198,202,234) 1%, rgb(217,220,241) 76%);
    background-image: -moz-linear-gradient(bottom, rgb(198,202,234) 1%, rgb(217,220,241) 76%);
    background-image: -webkit-linear-gradient(bottom, rgb(198,202,234) 1%, rgb(217,220,241) 76%);
    background-image: -ms-linear-gradient(bottom, rgb(198,202,234) 1%, rgb(217,220,241) 76%);

    background-image: -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.01, rgb(198,202,234)),
        color-stop(0.76, rgb(217,220,241))
        );

    color: #000000;
    font-size:  10pt;
    font-weight: bold;
    padding-left: 5px;
    text-align: left !important;
}


.dragableDiv{ 
    width: 125px;
    padding: 5px 3px;
    z-index: 1000 !important;  
    margin-left: 5px !important;
    top: 0px;
    cursor: pointer;
    clear:  none;
    text-align: left !important;
}
#accordion ul{
	overflow-y:auto;
	overflow-x:hidden;
	height:294px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px !important;
	background:#fff;
}

#accordion .ui-accordion-header a:hover, #accordion .ui-accordion-header a{
	color:#fff;
	font-size:13px;
	padding-top: 7px;
}
#accordion .ui-accordion-header a:hover{
	color:#000;
	text-decoration:none;
}
#accordion .ui-state-default .ui-icon { background-image: url(/pms/img/newui/white_icons.png); }
#accordion .ui-state-active .ui-icon{ background-image: url(/pms/img/newui/white_icons.png); }
#accordion h3.ui-state-active, #accordion h3.ui-widget-content .ui-state-active, #accordion h3.ui-widget-header .ui-state-active{
	 border-top-left-radius:     0.2em  !important;
    border-top-right-radius:    0.2em !important;

    -moz-border-radius-topright:     0.2em !important;
    -moz-border-radius-topleft:  0.2em !important;

    -webkit-border-top-right-radius: 0.2em !important;
    -webkit-border-top-left-radius: 0.2em !important;
    border-bottom: 0px !important;
    background-color: #A7A7C7;
    background-image: -moz-linear-gradient(top, #A7A7C7, #505085);
    background-image: -ms-linear-gradient(top, #A7A7C7, #505085);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A7A7C7), to(#505085));
    background-image: -webkit-linear-gradient(top, #A7A7C7, #505085);
    background-image: -o-linear-gradient(top, #A7A7C7, #505085);
    background-image: linear-gradient(top, #A7A7C7, #505085);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A7C7', endColorstr='#505085', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    height:30px;
    padding:2px 0px;	
}
#accordion h3.ui-state-default, #accordion h3.ui-widget-content .ui-state-default, #accordion h3.ui-widget-header .ui-state-default{
	 border-top-left-radius:     0.2em  !important;
    border-top-right-radius:    0.2em !important;

    -moz-border-radius-topright:     0.2em !important;
    -moz-border-radius-topleft:  0.2em !important;

    -webkit-border-top-right-radius: 0.2em !important;
    -webkit-border-top-left-radius: 0.2em !important;
    border-bottom: 0px !important;
    background-color: #A7A7C7;
	background-image: -moz-linear-gradient(top, #A7A7C7, #505085);
    background-image: -ms-linear-gradient(top, #A7A7C7, #505085);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#A7A7C7), to(#505085));
    background-image: -webkit-linear-gradient(top, #A7A7C7, #505085);
    background-image: -o-linear-gradient(top, #A7A7C7, #505085);
    background-image: linear-gradient(top, #A7A7C7, #505085);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A7A7C7', endColorstr='#505085', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    height:30px;
    padding:2px 0px;
}

.ui-accordion-content{
	padding-left:10px;
	padding-right:10px;
	
}
.ui-accordion-content li:hover,.ui-accordion-content li{
	border-bottom:1px solid #fff;
	padding:5px 0px;
	color:#000;
	font-size:13px;
	background-color:#E7E7E7;
}
.ui-accordion-content li:hover{
	background-color:#d9d9ed;
}

.dragableDiv{
	padding-left:20px;
	background:url(/pms/img/newui/drag-handle.png) no-repeat 5px center;
}
.ui-accordion-content li:first-child{
	border-top:1px solid #fff;
}

.dragableDivdisable{ 

    width: 125px;
    padding: 3px;
    z-index:1000; 
    margin-left: 20px  !important;
    top: 0px;
    cursor: pointer;
    clear:none;
    text-align: left !important;
}

.draggableDivTable td{
    padding-bottom: 2px;
}

#messegesDiv{
    position: absolute; 
    display: none; 
    width: 420px;  
    top: 100px; 
    left: 400px;
    background: #808080; 
    font-weight: bold;
    color:#ffffff;
    padding: 10px;


    border:3px solid #ffffff;
    border-top-radius: 0.8em  !important;
    -moz-border-radius:  0.8em !important;
    -webkit-border-radius: 0.8em !important;
    z-index: 666666;
}

.drop { display:inline-block; width:300px; height:200px; border:1px solid silver; background-color:whitesmoke; padding:10px; }

.drag { display:inline-block; width:30px; height:30px; border:1px solid silver; background-color:white; }

.mainContent{
    border:3px solid #666699;
    border-top-radius: 0.4em  !important;
    -moz-border-radius:  0.4em !important;
    -webkit-border-radius: 0.4em !important;
    padding: 5px;	
    background-color: #FFFFFF;   width: 96%; margin:10px; text-align: center;
    display: table;



}

.loadedChartHeader{
    border:1px solid #CCCCCC;

    border-top-left-radius:     0.2em  !important;
    border-top-right-radius:    0.2em !important;

    -moz-border-radius-topright:     0.2em !important;
    -moz-border-radius-topleft:  0.2em !important;

    -webkit-border-top-right-radius: 0.2em !important;
    -webkit-border-top-left-radius: 0.2em !important;

}

.loadedChartHeader2{
    border:0px solid #808080 !important;

    border-top-left-radius:     0.2em  !important;
    border-top-right-radius:    0.2em !important;

    -moz-border-radius-topright:     0.2em !important;
    -moz-border-radius-topleft:  0.2em !important;

    -webkit-border-top-right-radius: 0.2em !important;
    -webkit-border-top-left-radius: 0.2em !important;

}

#searchpart2{


    border-top-left-radius:     0.2em  !important;
    border-top-right-radius:    0.2em !important;

    -moz-border-radius-topright:     0.2em !important;
    -moz-border-radius-topleft:  0.2em !important;

    -webkit-border-top-right-radius: 0.2em !important;
    -webkit-border-top-left-radius: 0.2em !important;
    border-bottom: 0px !important;
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -ms-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd));
    background-image: -webkit-linear-gradient(top, #eeeeee, #dddddd);
    background-image: -o-linear-gradient(top, #eeeeee, #dddddd);
    background-image: linear-gradient(top, #eeeeee, #dddddd);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    padding: 2px 0px;
    color: #4c4b4b;
    height: 30px;
    vertical-align:middle;
    vertical-align:middle;
}

	

#searchpart2 label {padding-top: 3px; padding-left: 5px; padding-right: 3px; font-size: 10pt; color: #000000 !important;}
#searchpart2 input[type=text]{
    border:1px solid #cccccc;

}
#searchpart2 input[type=radio]{
    border:1px solid #cccccc;
}

#searchpart2 b{margin-top: 1px; font-size: 9pt; color: #000000 !important;}

#searchpart2 select{

}

#searchbar{
    /*   border:1px solid #808080 !important;*/
    border-top: 0px !important;
    border-bottom:0px !important;
}

#donutChartDataSettingTable{
   
    overflow: visible;
}
#donutSettingDiv table{
    
    margin-top: 2px;
    border-collapse: collapse;
    
}

#donutSettingDiv a{ color: #000000;}
#donutSettingDiv .name, #donutSettingDiv .name a{ text-decoration: none; margin-right: 3px; font-size: 10pt; text-align: left !important; color: #666699 !important; font-weight: bold;}

#donutSettingDiv td{
    padding:2px 2px 2px 2px !important;
    vertical-align: middle !important;
   
    font-size: 9pt;
    text-align: center;

}
#donutSettingDiv th{
    margin: 3px;
     padding:8px 2px 2px 2px !important;
    background-color: #c0c0c0;
    font-weight: bold;
    font-size: 10pt;
    color: #000000;


}

#donutSettingDiv .gray{
    background-color: #eeeeee;
}






.donutSettingDivviewOnly, #donutSettingDivviewOnly{
    border:1px solid #aaaaaa;
    border-top-radius: 0.4em  !important;
    -moz-border-radius:  0.4em !important;
    -webkit-border-radius: 0.4em !important;
    padding: 5px;	
    background-color: #FFFFFF; 
    z-index:2;
    height: 300px;
    width: 700px;
    position: absolute !important;
    top: 280px;
    left: 20%; 
    font-size: 8pt !important;
    
}

.donutSettingDivviewOnly{
   
    overflow: visible;
}
.donutSettingDivviewOnly table{
    
    margin-top: 2px;
    border-collapse: collapse;
    
}

.donutSettingDivviewOnly a{ color: #000000; font-size: 8pt;}
.donutSettingDivviewOnly .name, #donutSettingDiv .name a{ text-decoration: none; margin-right: 3px; font-size: 8pt; text-align: left !important; color: #666699 !important; font-weight: bold;}

.donutSettingDivviewOnly td{
    padding:2px 2px 2px 2px !important;
    vertical-align: middle !important;
   
    font-size: 8pt;
    text-align: center;

}
.donutSettingDivviewOnly th{
    margin: 3px;
     padding:8px 2px 2px 2px !important;
    background-color: #c0c0c0;
    font-weight: bold;
    font-size: 8pt;
    color: #000000;


}

.donutSettingDivviewOnly .gray{
    background-color: #eeeeee;
}

.ui-state-highlight{
    border: 2px dashed #808080 !important;
}
.ui-dialog {
	padding:0px;
}
.ui-dialog-titlebar{
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-left:0px;
	border-right:0px;
	border-top:0px;
}
.highcharts-title tspan{
	font-size:13pt;
}