	.collabPostDiscriptionPanel
 	{
		font-family: arial;
	    font-size: small;
	    font-style: normal;
	    overflow: scroll;
	    padding: 2px;
	    white-space: normal;
	    width: 100px;
	 }
	 
	.collabHeaderPanel
 	{
 		width: 100%;
 		 background:#18BBD1;
 	}
 	
 	.collabGroupDiscription
 	{
 		color:  white;
 	}
 	
 	.collabGroupName
 	{
 		font-size: large;
 		/* font-size: medium; */
		font-style: normal;
		font-weight:bold;
		color: white;
 	}
 	
 	.collabPostDiscription
 	{
		font-family: Helvetica sans-serif;
	    font-size: small;
	    font-style: normal;
	    font-weight: normal;
	    word-wrap: break-word;
	    white-space: normal;
 	}
 	
 	 .collabFeedInfoTable
 	{
 		border-bottom: 1px solid #D9D9D9;
    	height: auto;
   		padding-left: 2px;
    	table-layout: fixed;
    	width: 100%;
    }
 	
 	@sprite .mswordImage 
 	{
 		gwt-image:'mswordImage';
 	}
 	@sprite .excelImage
 	{
 		gwt-image:'excelImage';
 	}
 	@sprite .pdfImage
 	{
 		gwt-image:'pdfImage';
 	}
 	
 	.collabPostDate
 	{
 	font-family: Helvetica sans-serif;
    font-size: x-small;
    font-style: italic;
    font-weight: normal;
    word-wrap: break-word;
 	}
 	
 	.collabPostName
 	{
	 	font-family: Helvetica sans-serif;
	    font-size: small;
	    font-style: normal;
	    font-weight: normal;
	    word-wrap: break-word;
 	}
 	
 	.collabAttachmentFileName
 	{
 		font-family: Helvetica sans-serif;
    	font-size: small;
    	font-style: italic;
   		font-weight: normal;
    	padding-left: 2px;
    	padding-right: 5px;
 	}
 	
 	.collabAttachmentFileName:hover
 	{
	   cursor:pointer;
	}
 	
 	.collabDiscriptionPanel
 	{
 		overflow: auto;
 		padding-left: 5px;
 	}
 	.collabAttchmentInfoPanel
 	{
 		padding: 3px;
 		width:100%;
 	}
 	.collabIndicatingLable
 	{
 		font-family: Helvetica sans-serif;
    	font-size: x-small;
    	font-style: italic;
 	}
 	.collabPostDicriptionVPanel
 	{
 		width: 120px; //Added by lokesh rodge on 8-May-2013
/* 		width: 15%; */
	    word-wrap: break-word;
 	}
 	@sprite .defaultImage
 	{
 		gwt-image:'defaultImage';
 	}
 /* 	
 	 @sprite .postButton 
 	 {
 		cursor: pointer;
  		font-size: 9pt;
  		font-weight: normal;
  		vertical-align: middle;
  		text-align:center;
  		padding-left:2px;
  	
  		height: 29px;
  		line-height: 29px;
 		gwt-image:'postButton';
		size:auto;
	}
 */

	.imagePopupPanel
	{
	  border-radius:10px;
	}
	.imagePanelGlassStyle
	{
	  background-color: gray;
	  opacity: 0.5;
	  filter: alpha(opacity=50);
	}
	/* Ended By Mahesh Patidar */
	
	.collabPostFeeds
 	{
   		padding-left: 2px;
    	table-layout: fixed;
    	width: 100%;
    }
    
    
    
/* // Added by Reema on 19/03/2014 [for slider checkbox] */

.onoffswitch 
{
	margin-left: 15px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 58px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.onoffswitch>label 
{
	border-radius: 2px;
	display: block;
	position: relative;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #bbb;
	text-align: center;
	text-transform: uppercase;
	background: white;
	border: 2px solid #d9d9d9;
	-webkit-transition: 0.15s ease-out;
	-moz-transition: 0.15s ease-out;
	-o-transition: 0.15s ease-out;
	transition: 0.15s ease-out;
	cursor: pointer;
}

.onoffswitch>label:before 
{
	content: attr(data-off);
	position: absolute;
	top: 0;
	right: 3px;
	width: 33px;
}

.onoffswitch>label:after 
{
	content: '';
	display: block;
	margin: 2px;
	width: 17px;
	height: 17px;
	background: #ccc;
/* 	border-radius: 13px; */
}

.onoffswitch>input 
{
	position: absolute;
	top: 0;
	left: 0;
	width: inherit;
	height: inherit;
	opacity: 0;
	-webkit-appearance: none;
}

.switch>input:focus 
{
	outline: none;
}

.onoffswitch>input:focus+label 
{
	color: #10a4ee;
	border-color: #3fb6f2;
}

.onoffswitch>input:focus+label:after 
{
	background: #3fb6f2;
}

.onoffswitch>input:checked+label 
{
	padding-left: 34px;
	color: white;
	background: #3fb6f2;
	border-color: #3fb6f2;
}

.onoffswitch>input:checked+label:before 
{
	content: attr(data-on);
	left: 1px;
}

.onoffswitch>input:checked+label:after 
{
	margin: 1px;
	width: 18px;
	height: 18px;
	background: white;
}

.onoffswitch>input:checked:focus+label 
{
	background: #10a4ee;
	border-color: #10a4ee;
}

.onoffswitch-green>input:checked+label 
{
	background: #4ebd4a;
	border-color: #4ebd4a;
}

.onoffswitch-green>input:checked:focus+label 
{
	background: #3c9b39;
	border-color: #3c9b39;
}

/* For Colorful Radio Buttons */
.hidden-radio{
  display: none;  
}

.radio-color-style{
   height: 25px;
   width: 25px;
   display: inline-block;
   border-radius: 50%;
   margin-left: 10px;
   margin-top: 10px;
   cursor: pointer;
}

.radio-color-style:after{
    content: '';
 }

input[name="radio-color-group"]:checked + .radio-color-style:after{
   margin-top: -6px; 
   margin-left: -6px; 
   height: 35px;
   width: 35px;
   display: inline-block;
   border-radius: 50%;
   border: thin solid;
}

.radio-theme-orange{
     border: 1px solid #ef9c00;
     background: #ef9c00;
     color: #ef9c00;
}

.radio-theme-green{
     border: 1px solid green;
     background: green;
     color: green;
}

.radio-theme-gray{
     border: 1px solid gray;
     background: gray;
     color: gray;
}

.radio-theme-blue{
     border: 1px solid #4bc1d2;
     background: #4bc1d2;
     color: #4bc1d2;
}

.radio-theme-magenta{
     border: 1px solid magenta;
     background: magenta;
     color: magenta;
}

/* commented by Reema on 25/04/14 */
/*
	@sprite .addButton
 	{
 		width:20px;
 		height:20px;
 		gwt-image:'addButton';
 	}
	.addNewLabel
	{
	  font-family:arial;
	  font-size:14px;
	  color:white;
	  cursor:pointer;
	}
	
*/