/* CSS Document */


/*  -----
 *  Copyright (c) 2009, bglobalsourcing.com
 *  -----
 */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}

/*  -----
 *	See http://positioniseverything.net/easyclearing.html
 *	for a description of this code.
 *  -----
 */
	.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-table; }
	/* Hides from IE-mac \*/
	* html .clearfix { height:1%; }
	*+html .clearfix { height:1%; }
	.clearfix { display:block; }
	/* End hide from IE-mac */
/* End of 'CS.org - Layout Tools' */

/* Start of CMSMS style sheet 'CS.org - Homepage' */
li#homelink { display:none !important; }
div#header a.NavYellow { color:#F3B600; text-decoration:none; }
div#header a.NavYellow:hover { text-decoration:underline; }
.padingLeftLeft{padding-left:108px;}
.padingLeftRight{padding-left:23px;}
div.forminput { clear:both;float:left;margin-top:10px;}
div.forminput label{ clear:both;float:left;color:#A35C0A;font-size:12px;font-weight:bold;}
div.forminput input{ clear:both;float:left; }
div.forminput textarea{ clear:both;float:left;}

div.formInputRadio legend{ clear:both;float:left;color:#A35C0A;font-size:12px;font-weight:bold;}
div.formInputRadio label{ float:left;font-size:12px;font-weight:bold;padding:0 20px 0px 5px;}
div.formInputRadio input[type=radio]{ margin:0 4px 0 10px;}


div.detailProfile {clear:both;float:left;width:760px;margin:10px 0px;}
div.detailProfile h3{color:#888888;}
div.detailProfile div{clear:both;float:left;width:760px;color:#888888;text-align:justify;}

div.userprofileContainner {clear:both;float:left;height:480px;margin-top:9px;overflow-x:hidden;overflow-y:auto;width:790px;}

div.hackPagination {padding-left:0px;clear:both;float:right;}
div.hackCLeft {clear:both;float:left;}
div.hackCRight {clear:right;float:right;}
div.hackCRFL {clear:right;float:left;}
div.ajaxcontainer {clear:both;float:left;}
div.friendholder {border:1px solid #CCCCCC;float:left;margin:0px 0px 6px 6px; width:280px;}
div.friendholder img{width:70px;height:70px;}
div.friendPic {width:80px;}
div.friendBody {width:200px;/*position:relative;*/}
div.friendBody span{width:200px;clear:both;float:left;font-size:11px;color:#333333;}
div.friendBody span.community {margin-top:2px;}
div.friendBody span.community img{width:16px;height:16px;}
div.friendBody span.community a{padding:0px 4px 0px 0px;}

div.friendBody span.name{font-weight:bold;font-size:11px;color:#333333;}
div.friendBody span.subject{font-weight:bold;}
div.friendBody span.unread{position:absolute;top:49px;left:0px;font-size:11px;font-weight:bold;margin-top:8px;width:140px;}
div.friendBody span.action{ /*position:absolute;top:49px;right:0px;*/font-weight:bold;/*margin-top:8px;width:140px;*/clear:right;float:right;}
div.friendBody span.action ul{}
div.friendBody span.action ul li{ display:block;float:right;padding:0px 5px;}
div.friendBody span.action ul li a{display:block;float:left;margin:0;font-size:11px;font-weight:normal;text-decoration:none;color:#888888;}
div.friendBody span.action ul li a:hover{color:#000000;font-weight:normal;font-size:11px;}

div.friendBody span.re-action{width:100px;}
div.friendBody span.all-action{width:200px;text-align:right;padding-right:10px;}

div.friendsMenu {margin:5px 5px 0;width:887px;}
div.friendsMenu ul{}
div.friendsMenu ul li{ display:block;float:left;}
div.friendsMenu ul li span{display:block;float:left;margin:0 5px;font-weight:bold;color:#000000;}
div.friendsMenu ul li a{display:block;float:left;margin:0;font-size:11px;font-weight:normal;text-decoration:none;color:#888888;}
div.friendsMenu ul li a:hover{color:#000000;font-weight:normal;font-size:11px;}

div.messages {width:428px;}
div.messagesBody {width:348px;/*position:relative;*/}
div.messagesBody span{width:348px;clear:both;float:left;font-size:10px;color:#333333;}
div.messagesBody span.name{font-weight:bold;font-size:11px;color:#333333;}
div.messagesBody span.subject{font-weight:bold;}
div.messagesBody span.unread{position:absolute;top:49px;left:0px;font-size:11px;font-weight:bold;margin-top:8px;width:140px;}
div.messagesBody span.action{ /*position:absolute;top:49px;right:0px;*/font-weight:bold;/*margin-top:8px;*/width:140px;clear:right;float:right;}
div.messagesBody span.action ul{}
div.messagesBody span.action ul li{ display:block;float:left;padding:0px 5px;}
div.messagesBody span.action ul li a{display:block;float:left;margin:0;font-size:11px;font-weight:normal;text-decoration:none;color:#888888;}
div.messagesBody span.action ul li a:hover{color:#000000;font-weight:normal;font-size:11px;}

div.addFriend {width:410px;}
div.addFriend div.title {width: 100%; font-weight: bold;padding:5px; font-size: 14px; background-color: rgb(233, 222, 214);}
div.addFriend div.bottom {text-align:right;width: 100%;padding:5px;background-color: rgb(233, 222, 214);}
div.addFriend div.holder {width: 400px;padding:5px;}
div.addFriend div.holder div.friendPic {width: 100px;padding-right:5px;}
div.addFriend div.holder div.friendPic img{width: 100px;height:100px;}
div.addFriend div.holder div.friendInfo {clear:right;float:left;width: 290px;}
div.addFriend div.holder div.friendInfo span{width:290px;clear:both;float:left;font-size:10px;color:#333333;}


div.sendMessage {width:420px;clear:both;float:left;}
div.sendMessage div.title {width: 100%; font-weight: bold;padding:5px; font-size: 14px; background-color: rgb(233, 222, 214);}
div.sendMessage div.bottom {text-align:right;width: 100%;padding:5px;background-color: rgb(233, 222, 214);}
div.sendMessage div.bottom input[type="button"]{width:100px;margin-left:10px;}
div.sendMessage div.bottom input[type="submit"]{width:100px;margin-left:10px;}
div.sendMessage div.holder {width: 100%;padding:5px;}
div.sendMessage div.holder span{width: 100%; clear:both;float:left;}
div.sendMessage div.holder span span.left {clear:both;float:left;width: 20%;margin:1px 0;padding-right:5px;text-align:right;}
div.sendMessage div.holder span span.right {clear:right;float:left;width:75%;margin:1px 0;}
div.sendMessage div.holder span span.right input[type="text"]{width:98%;}
div.sendMessage div.holder span span.right textarea{width:98%;}
.textBold {font-weight:bold;}
.borderbottom {border-bottom:1px solid #000000;}

.viewMessages {width:600px;}
.viewMessages div.title {width: 100%; font-weight: bold;padding:5px; font-size: 14px; background-color: rgb(233, 222, 214);}
.viewMessages div.holder {width: 100%;padding:5px;}
.viewMessages div.holder div.fpic {width: 100px;}
.viewMessages div.holder span.name{font-weight:bold;font-size:12px;color:#888888;}
.viewMessagesBody {width:494px;margin-left:5px;}
.viewMessagesBody span{width:494px;clear:both;float:left;font-size:11px;color:#333333;}
.viewMessagesBody span.name{font-weight:bold;font-size:11px;color:#333333;}
.viewMessagesBody span.subject{font-weight:bold;margin-top:5px;}
.viewMessagesBody span.unread{font-weight:bold;}
.viewMessagesBody span.read{font-weight:normal;}
.viewMessagesBody span.action{ font-weight:bold;margin-top:8px;clear:right;float:right;}
.viewMessagesBody span.action ul{clear:right;float:right;}
.viewMessagesBody span.action ul li{ display:block;float:left;padding:0px 5px;}
.viewMessagesBody span.action ul li a{display:block;float:left;margin:0;font-size:11px;font-weight:normal;text-decoration:none;color:#888888;}
.viewMessagesBody span.action ul li a:hover{color:#000000;font-weight:normal;font-size:11px;}

div.friendBodyContent{height:58px;}
div.auto_complete {
     position         :absolute;
     width            :202px;
     height           :150px;
     overflow-y		  :auto;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
     z-index          :10;
}

div.auto_complete ul {
  list-style-type:none;
  margin:0;
  padding:0;
} 
div.auto_complete ul li{ 
	float:none !important;
	font-size:11px !important;
	font-weight:normal !important;
	padding:1px 0 1px 5px !important;
	list-style-type:none;
    display:block;
    margin:0;
    cursor:pointer;
}
div.auto_complete ul li strong{ font-weight:bold;}
div.auto_complete li.selected { background-color: #ffb;color:#9F3400;cursor:pointer;}
div.divAutoComplete {float: right; margin-right: 11px;font-size:12px;position:relative;}
div.divAutoComplete div.close{
	background-image:url(../img/delete.gif);
	height:16px;
	position:absolute;
	right:1px;
	top:1px;
	.top:2px;
	width:16px;
	display:none;
	cursor:pointer;
}

div.divAutoComplete div.loadertip{
	position: absolute;
	top: 30px; 
	z-index: 3200; 
	left: 208px; 
	color: rgb(102, 102, 102); 
	width: 122px; 
	background-color: rgb(255, 255, 187);
	display:none;
}

div.divAutoComplete div.ajax_loader{
	position: absolute;
	top: 18px; 
	z-index: 3200; 
	left: 79px; 
	color: rgb(102, 102, 102); 
	width: 202px; 
	background-color: rgb(255, 255, 187);
}
div.divAutoComplete input[type='text']{width:200px;}
div.spinner {margin-left:-62px;margin-top:-20px;position: absolute; top: 50%; z-index: 3200; left: 50%; color: rgb(102, 102, 102); width: 133px; height: 33px; background-color: rgb(255, 255, 187);}


/* End of 'CS.org - Homepage' */

/*
  USAGE:
  Copy and paste this one line into your site's CSS stylesheet.
  Add comma-separated CSS selectors / element names that have transparent PNGs.
  The path to the HTC is relative to the HTML file that includes it.
  See below for another method of activating the script without adding CSS here.
 */
 /*img, div,  input { behavior: url("css/iepngfix.htc") }
 /*
  Here's an example you might use in practice:
  img, div, .pngfix, input { behavior: url("/css/iepngfix.htc") }
 */