#popupWraper{
	margin:0;
	padding:10px 0px 15px 0px;
	height:530px;
}
#popupWraper .listMenu{
	margin: 10px 15px 0px 15px;
	padding:0px;
}
#popupWraper .listMenu ul{
	margin: 0px;
 	height:22px;
	padding:0px;
	background:url(../images/tabLineBg.jpg) bottom repeat-x; 
	width:633px;
}
#popupWraper .listMenu ul li{
	background:url(../images/nav.left.Inactivebg.jpg)  no-repeat left;
	list-style: none;
	margin:0px 3px 0px 0px ;
	padding:0px;
	float:left;
}
.leftContainer , .inviteContainer{
	border:1px solid #dedede;
	padding:0px 0px 0px 0px; 
	margin:10px 0px 0px 0px; 
	width:285px; height:360px;
	background:#fff;
	overflow:auto;
	float:left;
}
.inviteContainer{
	width:589px; height:398px;
	padding:10px 10px 0px 10px; 
}
.inviteContainer p{
	float:left;
}
.inviteContainer textarea{
	border: 1px solid #DEDEDE;
	width: 585px;
	height:100px;
}
#numberPad,#groupNumberPad{
	margin:10px 0px 0px 0px;
	float:right;
	width:220px;
	background:#E4E4E4;
}

.rightPanel{
	border:1px solid #dedede;
	padding:0px 0px 0px 0px; 
	margin:10px 0px 0px 0px; 
	width:313px; height:360px;
	background:#fff;
	float:right;
	overflow:auto;
}
.rightContainer{
	width:310px; 
	height:315px;
	float:left;
}
.txtSearch{
	border:1px solid #b1b1b1;
	margin:2px 0px 5px 10px;
	padding:0px;
	height:23px;
	width:221px;
}
.listBox{
	border:1px solid #FFF ;
	margin:0px;
	width:285px;
	height:360px;
}

#popupWraper .listMenu ul li.selected{
	background:url(../images/nav.left.bg.jpg)  no-repeat left;
	border:none;
}
#popupWraper .listMenu ul li.selected a{
	background:url(../images/nav.right.bg.jpg)  no-repeat right ;
}
#popupWraper .listMenu ul li a{
	background:url(../images/nav.right.Inactivebg.jpg)  no-repeat right ;
	height: 22px;
	display: block;
	padding:0px 10px 0px 10px;
	color:#403F3F;
	text-decoration: none;
	float:left;
	line-height:22px;
}

#popupWraper .listMenu li a:hover{
	color:#0271A4;
}
.container{
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 15px;
	border:1px solid #B9B9B9;
	border-top:none;
	background:#e4e4e4;
	width:611px; height:469px;
}

#popupWraper .contactList p{
	margin:0;
	padding:4px 0px 4px 0px;
}
.remove{
	background:#F5F5F5;
	float:left;
	width:285px;
	height:48px;
}
.remove a{
	color:#1D6E85;
	float:left;
	margin:10px 0px 0px 25px; 
	padding:5px 10px 0px 20px; 
	text-decoration:none;
	background:url(../images/ico.remove.jpg) no-repeat left 5px;
}
.search{
	background:#F5F5F5;
	padding:8px 0px 0px 0px;
	float:right;
	width:313px;
	height:40px;
	border:1px solid #DEDEDE;
	border-top:none;
}

#popupWraper .pagination{
	float:right;
	margin: 10px 15px 0px 15px;
	vertical-align:middle;
}
#popupWraper .pagination a{
	text-decoration:none;
	color:#000000;
	vertical-align:middle;
	padding:0px;
	margin:0px;
}
#popupWraper .pagination img{
	vertical-align:text-bottom;
}
#popupWraper .pagination a img{
	vertical-align:text-bottom;
}
#popupWraper .pagination b{
	vertical-align:middle;
}
.rightContainer p{
	border-top:1px solid #E4E4E4;

}
/* button class */
#popupWraper form div.buttons {
	margin:10px 0px 0px 0px;
	float:left;
	width:205px;
}
.sendInvite{
	border:1px solid red;
}
#popupWraper form div.loading{
	background:url(../images/form.loader.gif) no-repeat 140px 10px;
}
#popupWraper form div.buttons input{
	background:#f3f3f3;
	border:1px solid #AAAAAA;
	color:#000;
	margin:0px 5px 0 0;
	height:25px;
	min-width:95px;
	width:auto;
	overflow:visible;
	padding:0 10px 0px 30px;
	cursor:pointer;
}
#popupWraper form div.loading input{
	color:#CCCCCC;
}
#popupWraper form div.buttons input.ok{
	background:#f3f3f3 url(../images/form.saveBtn.jpg) no-repeat 10px;
}
#popupWraper form div.buttons input.cancel{
	background:#f3f3f3 url(../images/form.cancelBtn.jpg) no-repeat 10px;
}

#userDiv {
	float:left;
	border:0px solid green;
	width:450px;
}

#userDiv span {
	float:left;
	padding:5px 0px 5px 0px;
	width:auto;
}
#userDiv span #selectedList {
	border:0px solid red; 
	display:block; 
	float:left; 
	width:380px;
}
#userDiv span #groupsList {
	border:0px solid red; 
	display:block; 
	float:left; 
	width:380px;
}
#userDiv div {
	display:none;
	padding:10px 0px 10px 0px;
	margin:0px;
}
#userDiv div.borderBottom , #privilage div.borderBottom {
	border-top:1px solid #BFBFBF;
}
#userDiv span a , #privilage span a {
	float:left;
	margin:0px;
	color:#006699;
	padding-right:10px;
	text-decoration:none;
	cursor:default;
	background: url(../images/spacer.gif) no-repeat left;
}
#userDiv span a:hover , #privilage span a:hover {
	background: url(../images/btn.deleteSmall.gif) no-repeat left;
}
.userNamesContainer{
	border:0px solid #dedede;
	margin:10px 0px 0px 0px; 
	width:589px; 
	height:398px;
	padding:10px 10px 0px 10px; 
	background:#fff;
	overflow:hidden;
	float:left; 
}
.userNamesContainer div {
	border:0px solid red;
	float:left;
}
.userNamesContainer label{
	clear:both;
	width:170px;
	float:left;
	text-align:right;
	padding:8px 20px 0 0;
	color:#4D5762;
	height:20px;
	margin-top:5px;
}

.userNamesContainer label span{
 	color:red;
}
.userNamesContainer input{
	background:#F9F9F9;
	border:1px solid #DDDDDD;
	color:#66717C;
	height:25px;
	font: bold 16px  "Trebuchet MS", Georgia, "Times New Roman";
	padding:6px 5px 0 5px;
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.userNamesContainer hr{
	clear:both;
	margin:5px 0px 0px 0px;
	height:0px;
	border:0px;	
	border-bottom:1px solid #DDDDDD;
	width:559px; 
}
.userNamesContainer div.error, div.message{
	clear:both;
	float:left;
	background:#FAFAFA;
	padding:7px 15px 7px 15px;
	margin:2px 0 2px 0;
	width:559px; 
	border:0px solid red;

}
.userNamesContainer div.error p{
	border:1px solid #E8B098;
	background:#FDF1F1 url(../images/ico.error.jpg) no-repeat 30px;
	margin:0;
	padding:6px 10px 6px 90px;
	color:#cc0000;
	line-height:22px;
	min-height:20px;
}
.userNamesContainer div.message p{
	border:1px solid #AFD872;
	background:#F0F7F0 url(../images/ico.message.gif) no-repeat 15px;
	margin:0;
	padding:10px 10px 10px 85px;
	color:#126918;
	vertical-align: middle;
	letter-spacing: 1px;
}
.userNamesContainer div.userHead{
	width:559px; 
	margin:5px 0px 10px 0px;
	padding:5px 0px 5px 20px;
	color:#767d85;
	font-size:16px;
	background:#efefef;
	font: bold 14px  "Trebuchet MS", Georgia, "Times New Roman";
}
label.error{
	color:#FF0000;
}
span.popDesc {
	font:normal 12px "Trebuchet MS", Georgia, "Times New Roman";
	color:#66717C;
	display:block;
	padding:0px 0px 5px 10px;
	border:0px solid red;
}
