.WidgetHeader {
position: absolute;
float:left; 
width:100%;
margin:0 -40px 0 -20px; 
padding-left:20px; 
background: rgba(0, 0, 0, 0.25);
border:0;
}
/*scroll bar skinning*/
.scroll {
   overflow-x: auto;	
}
.scroll::-webkit-scrollbar {
    width: 12px;
	height:10px;
	background: rgba(0,73,143,0.2); 
	border-radius: 10px;
}

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 10px rgba(0,73,143,0.5); 
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 10px rgba(0,73,143,1); 
}




/*Calendar Widget*/
.CalWidget_divider{ 
  background:#262626;
  background: rgba(74, 74, 74, 0.4);
  border-top: 1px dashed #4A4A4A;
}
.CalWidget_divider:hover{ 
  background:#404040;
  background: rgba(74, 74, 74, 0.1);
}
.CalWidget_divider2{ 
  background:#333333;
  background: rgba(74, 74, 74, 0.3);
  border-top: 1px dashed #4A4A4A;
}
.CalWidget_divider2:hover{ 
  background:#404040;
  background: rgba(74, 74, 74, 0.1);
}
.cancelled-text {
  font-family: 'Open Sans', sans-serif;
  color: #C41111;
  font-weight: bold;
  text-decoration:line-through;
}
.cancelled-a {
  width: 155px;
  font-family: 'Open Sans', sans-serif;
  text-decoration:line-through;
  text-overflow:ellipsis;
  text-align:left;
  white-space:nowrap; 
  overflow:hidden; 
}
.date-label {
  width: 30px;
  height:100%;
  line-height: 12px;
  font-size: 12px;
  font-family:'Open Sans', sans-serif;
  font-weight:bold;
  text-align:center;
  white-space:nowrap; 
  vertical-align: center;
  background:#000000;
  background:  rgba(0, 0, 0, 0.8);
  color: #4A4A4A; 
  padding: 1px 0 3px 0;
  margin: 2px 0 2px 0;
}
.time-label {
  line-height: 10px;
  font-size: 10px;
  color: #C9C9C9; 
  font-family: 'Open Sans', sans-serif;
  text-align:left;
  white-space:nowrap; 
  vertical-align: top;  
}
.time-label-dis{
  line-height: 10px;
  font-size: 10px;
  color: #6E6E6E; 
  font-family: 'Open Sans', sans-serif;
  text-align:left;
  white-space:nowrap; 
  vertical-align: top;  
}
.event-label {
  line-height: 12px;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  text-overflow:ellipsis;
  text-align:left;
  white-space:nowrap; 
  overflow:hidden; 
  vertical-align: top;  
}
.event-label a {
  line-height: 12px;
}

.type-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
}

/*end Calendar Widget*/

/*Events*/
.grid-eventType{
width: 80px;
max-width: 80px;	
display: inline-block; 
position: relative; 
padding: 0; 
cursor: pointer; 
text-align: center; zoom: 1; 
overflow: visible;
font-family: Open Sans, sans-serif; 
font-size: 10px;
 border: 1px solid #222222; 
background: #00498f url(images/ui-bg_highlight-soft_40_00498f_1x100.png) 50% 50% repeat-x; 
font-weight: normal; 
color: #ffffff;
 -moz-border-radius-topleft: 1px; 
 -webkit-border-top-left-radius: 1px; 
 -khtml-border-top-left-radius: 1px; 
 border-top-left-radius: 1px;	
 }
 
 .RegIcon_in {
	background:#E6FFCC url("../images/document-smiley.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:left center; 
	line-height: 12px;
	height: 12px;
	float: left;
	padding: 3px 5px 3px 18px; /*24px 3px 3px 3px*/
	border: 1px solid #4D8DB8;
	color:#3399FF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight:normal;
	margin-right: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
	z-index: 99999;
}
.RegIcon_in:hover {
	box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
	-moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
}
.RegIcon_out {
	background:#FFC2B2 url("../images/document-smiley-sad.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:left center; 
	float: right;
	line-height: 12px;
	height: 12px;
	padding: 3px 5px 3px 18px; /*24px 3px 3px 3px*/
	border: 1px solid #4D8DB8;
	color:#3399FF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight:normal;
	margin-right: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
	z-index: 99999;
}
.RegIcon_out:hover {
	box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
	-moz-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
	-webkit-box-shadow: 2px 2px 2px rgba(68,68,68,0.6);
}
.membericon{
	background:#99C2EB url("../images/cross-button.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:left center; 
	line-height: 12px;
		float:left;
	height: 12px;
	padding: 3px 5px 3px 18px; /*24px 3px 3px 3px*/
	border: 1px solid #4D8DB8;
	color:#595959;
	white-space:nowrap;
	text-shadow:#DBDFE4 1px 1px 0;	
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
	/*z-index: 1000;*/
}
.membericon:hover{
	cursor: pointer;
}
.list_member_icon{
	background:#B2B2B2 url("../images/add.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:right center; 
	line-height: 12px;
		float:left;
	height: 12px;
	padding: 3px 18px 3px 5px; /*24px 3px 3px 3px*/
	border: 1px solid #4D4D4D;
	color:#4D4D4D;
	white-space:nowrap;
	text-shadow:#DBDFE4 1px 1px 0;	
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
	/*z-index: 1000;*/
}
.list_member_icon:hover{
	cursor: pointer;
}
.display_member_icon{
	background:#99C2EB url("../images/document-smiley.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:left center; 
	line-height: 12px;
		float:left;
	height: 12px;
	padding: 3px 5px 3px 18px; /*24px 3px 3px 3px*/
	border: 1px solid #4D8DB8;
	color:#595959;
	white-space:nowrap;
	text-shadow:#DBDFE4 1px 1px 0;	
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
}
.attendance_confirm_icon{
	background:#A3FFA3 url("../images/document-smiley.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:left center; 
	line-height: 12px;
		float:left;
	height: 12px;
	padding: 3px 5px 3px 18px; /*24px 3px 3px 3px*/
	border: 1px solid #4D8DB8;
	color:#595959;
	white-space:nowrap;
	text-shadow:#DBDFE4 1px 1px 0;	
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
}
.attendance_confirm_icon:hover{
	cursor: pointer;
}
.attendance_unknow_icon{
	background:#B2B2B2 url("../images/blue-document-number-7.png") no-repeat; /*../images/Reg_icon.gif*/
	background-position:left center; 
	line-height: 12px;
		float:left;
	height: 12px;
	padding: 3px 5px 3px 18px; /*24px 3px 3px 3px*/
	border: 1px solid #4D8DB8;
	color:#595959;
	white-space:nowrap;
	text-shadow:#DBDFE4 1px 1px 0;	
	margin-right: 2px;
	margin-bottom: 2px;
	border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;    /* for Safari */
	-moz-border-radius: 0px 5px 0px 5px;       /* for Firefox */	
}
.attendance_unknow_icon:hover{
	cursor: pointer;
}



.date-slider {
  float: left;
  width: 100%;
  height: 55px;
  margin-top: 30px;
  margin-left:-10px;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
}
.center_align_comments{ 
  vertical-align:5px;
  width:100%;
  white-space:nowrap;
  vertical-align: baseline;
  margin-top:3px;
  height:15px;

}
/* colapsable panel events*/
.panel, .panelcollapsed {padding: 0px;width: 100%;}

/* panel heading events*/
.panel h2, .panelcollapsed h2 
{
	font-size: 12px;
	font-weight: Bolt;
	margin: 0px;
	padding: 2px;
	height: 20px;
	border-bottom: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* panel heading on rollover events*/
.panel h2:hover, .panelcollapsed h2:hover { }

/* heading of a collapsed panel events*/
.panelcollapsed h2 {}

/* panel content events - do not set borders or paddings */
.panelcontent { overflow: hidden;}

/* collapsed panel content events*/
.panelcollapsed .panelcontent { display: none; }



/*end Events*/

.styleFileInput{
  position: relative;
  margin-top:-30px;
}

/* callout shapes for the messages */
.callout {
	float:left;
    position: relative;
	width:100%;
    margin: 4px 0;
    padding: 4px 10px;
    background-color: #525252;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	font-size:10px;
}

.callout .notch {
    position: absolute;
    top: -5px;
    left: 10px;
    margin: 0;
    border-top: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #252323;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
} 

.border-callout { border: 1px solid #312F2F; padding: 5px 5px;}
.border-callout .border-notch { border-bottom-color: #312F2F; top: -6px; }

.callout:hover {
	background:#5A5858;
	background-position:right top; 
}

/* Calander Icon starts here*/

.calendar{
	margin:.25em 10px 10px 0;
	padding-top:5px;
	float:left;
	width:80px;
	background:#ededef;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededef), to(#ccc)); 
	background: -moz-linear-gradient(top,  #ededef,  #ccc); 
	font:bold 30px/60px Arial Black, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#000;
	text-shadow:#fff 0 1px 0;	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;	
	position:relative;
	-moz-box-shadow:0 2px 2px #888;
	-webkit-box-shadow:0 2px 2px #888;
	box-shadow:0 2px 2px #888;
	}
	
.calendar em{
	display:block;
	font:normal bold 11px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	text-shadow:#00365a 0 -1px 0;	
	background:#04599a;
	background:-webkit-gradient(linear, left top, left bottom, from(#04599a), to(#00365a)); 
	background:-moz-linear-gradient(top,  #04599a,  #00365a); 
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;	
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;	
	border-bottom-left-radius:3px;	
	border-top:1px solid #00365a;
	}
.calendar:before, .calendar:after{
	content:'';
	float:left;
	position:absolute;
	top:5px;	
	width:8px;
	height:8px;
	background:#111;
	z-index:1;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	-moz-box-shadow:0 1px 1px #fff;
	-webkit-box-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #fff;
	}
.calendar:before{left:11px;}	
.calendar:after{right:11px;}

.calendar em:before, .calendar em:after{
	content:'';
	float:left;
	position:absolute;

	top:-5px;	
	width:4px;
	height:14px;
	background:#dadada;
	background:-webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#aaa)); 
	background:-moz-linear-gradient(top,  #f1f1f1,  #aaa); 
	z-index:2;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
.calendar em:before{left:13px;}	
.calendar em:after{right:13px;}		

/*Icon wrapper for widgets*/
.ico-C {
  margin-top: 3px;
  margin-bottom: -3px;
  float: left;
}

/*comment styling*/
.grid-Icon {
  float: left;
  width: 41px;
  line-height: 10px;
  font-size: 10px;
  font-weight: normal;
}
.grid-Comment {
  width:100%;
margin-left: 3px;
margin-right: -10px;
  vertical-align:top;
  line-height: 10px;
  font-size: 10px;
  font-weight: normal;
  font-family: Verdana, Geneva, sans-serif;

}

.grid-Save {/*used*/
  float: left;
  width: 50px;'
  min-width:50px;
  max-width:50px;
  vertical-align:top;
  line-height: 10px;
  margin-left: 3px;
  margin-right: -10px;
  color: #999999;
  white-space:pre-line;
  font-size: 9px;
  font-weight: normal;
  font-family: Verdana, Geneva, sans-serif;
}
.call_out_hide{
  background: url(../images/cross-button-gray.png)  no-repeat; 
  float: right;
	margin: -5px -2px 0px 0px;
    cursor:pointer;
	height: 16px;
	width: 16px;
    border: 0px;
	display: block;
	color : transparent;
	border-radius: 2px;
	-webkit-border-radius: 2x;    /* for Safari */
	-moz-border-radius: 2px;       /* for Firefox */
}
.call_out_hide:hover{
  background: url(../images/cross-button.png) no-repeat;  
}

.message_hide{
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: transparent url(../images/mail-grey.png)  no-repeat; 
  float: left;
  border: 0px;
}
.message_hide:hover{
  background: url(../images/mail.png) no-repeat;  
}
.message_unhide{
  width: 16px;
  height: 16px;
  background: transparent url(../images/mail-open-grey.png)  no-repeat; 
  float: left;
  border: 0px;
}
.message_unhide:hover{
  background: url(../images/mail-open.png) no-repeat;  
}
.message_bmrk{
  width: 16px;
  height: 16px;
  background: transparent url(../images/star-white.png)  no-repeat; 
  float: left;
  border: 0px;
}
.message_bmrk:hover{
  background: url(../images/star-gold.png) no-repeat;  
}
.message_bmrk_r{
  width: 16px;
  height: 16px;
  background: transparent url(../images/star-white.png)  no-repeat; 
  float: left;
  border: 0px;
}
.message_bmrk_r:hover{
  background: url(../images/star-red.png) no-repeat;  
}

/*collapseble sesctions*/
.collapsibleContainer {
}

.collapsibleContainerTitle {
  cursor:pointer;
  color: #C6C4C4;
  font-weight:normal;
  border: 0px;
  font-size: 10px;
  background: #282627; 
}
.collapsibleContainerTitle:hover{
 text-decoration:underline
}

.collapsibleContainerTitle div {
    padding-top:3px;
    padding-left:3px;
	padding-bottom: 3px;
}

.collapsibleContainerContent {
	color: #6f6f6f;
	font: inherit;
	font-size: inherit;
	line-height: 120%;	
    padding: 0px;
	border: 1px dashed #65817a;
	background: #3B393A;
}
.collapsibleContainerContent a {
}

.LineLiner {
	margin-bottom: 2px;
	margin-left:31px;
	padding: 2px;
	background: #3B393A; 
	height:19px;

}
.dialog_style{
padding-bottom:0;
line-height: 13px;
}
.rangking-header {
 padding: 2px 5px 2px 5px;
 text-align:left;
}

.link_ref:hover{
	cursor: pointer;
}
