.x-panel-mc .x-csec-pmuxblue
{
	border:1px solid #9dc0c4 !important;
 	background-color:#e6eff0 !important;
}

.x-csec-pmuxblue .x-sec-body-mc
{
	background-color:transparent !important;
}

.x-panel-mc .x-csec-orangeborder
{
	border:1px solid #ebcf95!important;

}

/*
.x-panel-mc .x-csec-GrayBorder
{
	border:1px solid lightgray !important;
}
*/
/*
.x-csec-PMUXOrange .x-sec-body-mc
{
	background-color:transparent !important; 
	
}
*/
.x-panel-mc .x-csec-GridBorder
{
	border: 1px solid #000 !important;
	color: transparent !important;
}
.x-csec-mlgridcss
{
	background-color:#e8f5fc !important;
}
.x-csec-mlgridcss .x-grid3
{
	background-color:transparent !important;
	
}
.x-field-orangepaneltitle
{
	color:#737373 !important;
	height:15px !important;
	font-weight: bold  !important;
}
.x-field-greenpaneltitle
{
	color:  green !important;
	height:15px !important;
	font-weight: bold  !important;
}
/*
.x-field-EmpPhoto
{	
	text-align:center !important;
	padding:10 !important;
	width:70px !important;
	height:70px !important;
	margin-right: auto !important;
	margin-left: 15 !important;
	margin-top: 15 !important;
	display : inline !important;
	color: transparent !important;
}  */

.x-field-Save
{	
	background-image:url("../HRMSPMUX/images/PUX_Save.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:57px !important;
	height:25px !important;
	color: transparent !important;
}
.x-field-Submit
{	
	background-image:url("../HRMSPMUX/images/PUX_Submit.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:57px !important;
	height:25px !important;
	color: transparent !important;
}
.like1
{
background-image:url("../HRMSPMUX/images/Like.png");
	background-repeat:no-repeat;
	display:table-cell !important;
	vertical-align:middle!important;
	text-align:center !important;	
	padding:0 !important;
	width:16px !important;
	height:16px !important;
	color: transparent !important;	
	
}
.like2
{
background-image:url("../HRMSPMUX/images/Like-Gray.png");
	background-repeat:no-repeat;
	display:table-cell !important;
	vertical-align:middle!important;
	text-align:center !important;	
	padding:0 !important;
	width:16px !important;
	height:16px !important;
	color: transparent !important;	
	
}

.x-field-Copy
{
	
	background-image:url("../HRMSPMUX/images/PUX_Copy.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:57px !important;
	height:25px !important;
	color: transparent !important;
}

.x-field-Delete
{
	
	background-image:url("../HRMSPMUX/images/PUX_Delete.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:63px !important;
	height:25px !important;
	color: transparent !important;
}

.x-field-delete_pms
{
	
	background-image:url("../HRMSPMUX/images/ic_delete.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:63px !important;
	height:25px !important;
	color: transparent !important;
}
.display{
	display: inline-block;
	vertical-align:top;
	}
	

.ic_link{
	background: url(images/ic_document.png) no-repeat;
	height:16px;
	width:16px;
	cursor:pointer;
	margin:15px 10px !important;	
}

.ic_link_1{
	height:16px;
	width:16px;
	margin:15px 20px !important;	
}


.PerformanceJournal
{
	
	background-image:url("../HRMSPMUX/images/PUX_Journal.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:133px !important;
	height:25px !important;
	color: transparent !important;
}

.x-field-attach_pms
{
	
	background-image:url("../HRMSPMUX/images/PUX_Attach.png"); 
	background-repeat:no-repeat;	
	padding:0!important;
	width:15px !important;
	height:15px !important;
	color: transparent !important;
	text-align: left !important; 
}


.x-field-Save_Popup
{
	
	background-image:url("../HRMSPMUX/images/PUX_SavePopup.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:61px !important;
	height:25px !important;
	color: transparent !important;
}
.x-field-Print
{
	
	background-image:url("../HRMSPMUX/images/PUX_print.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:49px !important;
	height:25px !important;
	color: transparent !important;
}
.x-field-HeaderGridStyle
{
	border:#9dc0c4 2px !important;	
	/*background-color:#e6eff0 !important;*/
} 
.x-field-Editentry
{
	background:url("../HRMSPMUX/images/PUX_Edit.png") no-repeat center center !important;
	padding:0 !important;
	color: transparent !important;
}       
  
.x-field-NineBox
{
	padding:0 !important;
	width:90px !important;
	height:90px !important;
	color: transparent !important;
}
textarea.x-field-PUX_TextArea, .x-field-PUX_TextArea
{
	border: 1px solid #f0f0f0 !important;
	
}
textarea.x-field-pux_textarea_E, .x-field-pux_textarea_E
{
	border: 1px solid #f0f0f0 !important;
	height:40px !important;
	
}




/*.x-btn-over 
.x-field-pmuxbuttonbar, .x-btn-pressed .x-field-pmuxbuttonbar{
/*	background: #fed086; /* Old browsers */
/*	background: -moz-linear-gradient(top, #fed086 0%, #ecb359 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fed086), color-stop(100%, #ecb359)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top, #fed086 0%, #ecb359 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top, #fed086 0%, #ecb359 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top, #fed086 0%, #ecb359 100%); /* IE10+ */
	/*background: linear-gradient(to bottom, #fed086 0%, #ecb359 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed086', endColorstr='#ecb359', GradientType=0 ); /* IE6-9 */
	/*height:30px;
	width:100px;
	cursor:pointer;
	padding: 0px 10px;
	color: 000000;
	text-align: center !important;
	border-radius: 4px !important;
	border: 1px #ebb258 solid !important;
}
*/

/*
.x-field-pmuxbuttonbar{
	background: #ededed; /* Old browsers */
/*	background: -moz-linear-gradient(top, #ededed 0%, #c5c5c5 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ededed), color-stop(100%, #c5c5c5)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top, #ededed 0%, #c5c5c5 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top, #ededed 0%, #c5c5c5 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top, #ededed 0%, #c5c5c5 100%); /* IE10+ */
/*	background: linear-gradient(to bottom, #ededed 0%, #c5c5c5 100%); /* W3C */
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#c5c5c5', GradientType=0 ); /* IE6-9 */
/*	height:30px;
	width:100px;
	cursor:pointer;
	padding: 0px 10px;
	color: 000000 ;
	text-align: center !important;
	border-radius: 4px !important;
	border: 1px #c3c3c3 solid !important;
}
*/

/* -------------  UCD Style For Rainbow and Star Ratting -----------------*/

body {
            color: #000;
            font-family: Tahoma,Geneva,sans-serif;
            font-size: 12px;
            padding: 0px;
            margin: 0px;
        }
        .timeContent{
            width:1270px;
            height:155px;
        /*    border:1px solid #ccc; */
            position:relative;  
        }
        .title{
            color:#ec7500;
            font-weight:bold;
            padding:5px;
            font-size:12px !important;
        }

        #timeline{
            position:absolute;
            width:1180px;
            height:50px;
            background:url(../HRMSPMUX/images/month_line.png) center center repeat-x;
            margin-left:50px;
            bottom:20px;
        
        }
        .month{
            float:left;
            position:relative;
            height:50px;
            
        } 
        .monthDot{
            background:url(../HRMSPMUX/images/months_dot.png) center center no-repeat;
            width:15px;
            height:15px;
            display:block;
            position:absolute;
            top:17px;
            left:-8px;
        }
        .monthDot1{
            background:url(../HRMSPMUX/images/months_dot.png) center center no-repeat;
            width:15px;
            height:15px;
            display:block;
            position:absolute;
            top:17px;
            right:-8px;
        }
        .montName{
            position:absolute;
            top:30px;
            width:100%;
            text-align:center;
            font-size:11px; 
        }
        .flag {
         position: absolute;
         background-color:#fff;
         bottom:24px;
         white-space: nowrap;
		 width:200px;
         }
/*Deepa*/
		 #flagId_0
		 {
		 	 margin-bottom:-20px !important;  
		 }
/*Deepa*/         
        #flagId_0, #flagId_1, #flagId_2, #flagId_3, #flagId_4, #flagId_5, #flagId_6 {
            opacity: 0; 
         }
        
        #flagId_0{      
             z-index:10;
        }
        
        #flagId_1{
             z-index:9;
        }
        #flagId_2{
            z-index:8;
        }
        #flagId_3{
            z-index:7;
        }
        #flagId_4{
            z-index:6;
        }
        #flagId_5{
            z-index:5;
        }
        .flagId_4_1{
            z-index:6;
            width:20px;
            margin-left:-6px;
        }
        .userPos{
            background:url(../HRMSPMUX/images/user.png) no-repeat!important;
            height:13px!important;
            width:13px!important;
            z-index:99!important;
            bottom:19px !important;
            margin-left:-8px!important;
			padding-top:20px !important; /*Deepa*/
            cursor:pointer;
        }
        .userPos span{
            background:none;
        }
        .userPos div{
            margin-left:10px;
            padding:5px;
            background-color:#FC3;
            position:absolute;
            width:170px;
            left:0px;
            bottom:-25px;
            z-index:99999;
        }
        .event{
            font-weight:bold;
            display:block;
            margin-left:10px;
            background-color:#fff;
            font-size:11px; 
            float:left;
        }
        .eventDate{
            background-color:#fff;
            font-size:11px; 
			float:left;
			display:block;
        }
        
        .event1{
            position:absolute;
            right:95px; 
        }
        .eventDate1{
            position:absolute;
            right:25px;     
        }
.starPos{
    position:absolute;
    top: 2px;
    left: 160px;
/*Deepa   z-index:99999;*/     z-index:1;
}
.groupRatingPos{
	position:absolute;
	z-index: 999;
	left:10px;
	margin-top:25px;	
}

#star div.star {
    LIST-STYLE: none;
    MARGIN: 3px 0px 0px 0px !important; /*Deepa*/
    PADDING:0px !important;
    WIDTH: 80px;
    HEIGHT: 16px !important;
    POSITION: relative;
    BACKGROUND: url('../HRMSPMUX/images/star.png') repeat-x;
	border:0px;
}

#star div.groupStar {
    LIST-STYLE: none;
    PADDING:0;
    WIDTH: 80px;
    HEIGHT: 16px;
    POSITION: relative;
    BACKGROUND: url('../HRMSPMUX/images/star.png') repeat-x;
	border:0px;
	margin-bottom:24px;
}

#star div, #groupStar div {
    PADDING: 0;
    MARGIN: 0;
    WIDTH: 80px;
    HEIGHT: 16px;
    TEXT-DECORATION: none;
    text-indent: -9000px;
    Z-INDEX: 20;
}
#star div.curr, #groupStar div.curr {
    BACKGROUND: url('../HRMSPMUX/images/star.png') left 16px;
    FONT-SIZE: 1px;
}
#star div.user, #groupStar div.user {
    LEFT: 15px;
    POSITION: relative;
    FLOAT: left;
    FONT-SIZE: 13px;
    FONT-FAMILY: Arial;
    COLOR: #000;
    top:5px;
}

#span_txtrating_edit{
	position:relative;
}

#span_txtrating_edit .x-form-text 
{
 border-color: white !important;
}

.performance_rating{
		padding: 0px;
		/*position:absolute;*/
		width:200px;
		top:-20px;		
	}
.performance_rating li{
	line-height: 0px;
	width: 16px;
	height: 16px;
	padding: 0px;
	margin: 0px;
	margin-left: 2px;
	list-style: none;
	float: left;
	cursor: pointer;
	
}
.performance_rating li span{
	display: none;
}

.self_rating{
	position:absolute;
	top:95px;
	right:120px;
}


/*Deepa*/
.x-csec-bluepanel-border 
{
	margin-top		: 0px !important;
	margin-bottom	: 5px !important;
}

.x-panel-header
{
	margin-top		: 5px !important;
}

.x-csec-orangepanel-border
{
	margin-top		: 5px !important;
}

#tab-control div .x-tab-panel-bwrap
{
	border-top-color:#d6d6d6 !important;
}

#tab-control.x-tab-bluearrow ul.x-tab-strip-top
{
	padding-bottom: 2px !important;
}

.displayBlock{
	display:block !important;
	height: 10em !important;
	position: relative !important;
	vertical-align:top !important;	
}



/*
.x-field-pmuxbuttonbar {
background-color: lightgrey !important;
background-repeat: no-repeat !important;
border-radius: 10px 10px 10px 10px !important;
width: 105px !important;
height: 30px !important;
text-align: center !important;
white-space: pre-wrap
}

.x-btn-wrap .x-field-pmuxbuttonbar{
background-color: lightgrey !important;
background-repeat: no-repeat !important;
border-radius: 10px 10px 10px 10px !important;
background-repeat: no-repeat;
width: 105px !important;
height: 30px !important;
text-align: center !important;
white-space: pre-wrap
}

.x-btn-pressed .x-field-pmuxbuttonbar
{
background-color:#fce092 !important ;
border-radius: 10px 10px 10px 10px !important;	
background-repeat:no-repeat;		
width: 105px !important;
height: 30px !important;
text-align: center !important;
white-space: pre-wrap
	

}
.x-btn-over .x-field-pmuxbuttonbar
{
background-color:#fce092 !important ;
border-radius: 10px 10px 10px 10px !important;	
background-repeat:no-repeat;			
	width: 105px !important;
	height: 30px !important;
	text-align: center !important;
	white-space: pre-wrap

}
*/
/*.x-field-pmuxbuttonbar {
background-color: transparent !important;
 
background-image: url("../HRMSPMUX/images/bg_btn_grey.png") ! important;
background-repeat: no-repeat;
width: 105px !important;
height: 30px !important;
text-align: center !important;
white-space: pre-wrap
}

.x-btn-wrap .x-field-pmuxbuttonbar{
background-color: transparent !important;

background-image: url("../HRMSPMUX/images/bg_btn_grey.png") ! important;
background-repeat: no-repeat;
width: 105px !important;
height: 30px !important;
text-align: center !important;
white-space: pre-wrap
}

.x-btn-pressed .x-field-pmuxbuttonbar
{
	background-color:transparent !important ;

background-image:url("../HRMSPMUX/images/bg_btn_yellow.png") ! important;
background-repeat:no-repeat;		
width: 105px !important;
height: 30px !important;
text-align: center !important;
white-space: pre-wrap
	

}
.x-btn-over .x-field-pmuxbuttonbar
{
	background-color:transparent !important ;
	background-image:url("../HRMSPMUX/images/bg_btn_yellow.png") ! important;

	background-repeat:no-repeat;		
	width: 105px !important;
	height: 30px !important;
	text-align: center !important;
	white-space: pre-wrap

}
*/
/*
.x-field-objectivebutton
{
	opacity: 0!important;
	background-image:url("../HRMSPMUX/images/BGBlue.png");
	background-repeat:no-repeat;
	padding:0 !important;
	width:116px !important;
	height:23px !important;
	color: transparent !important;
	z-index: 1 !important;
}
*/
/*
 .x-panel-mc .x-csec-whitepanel
 { 
 border: 0px solid #FFFFF !important;}
 */