@charset "utf-8";
/* CSS Document */
* { margin:0; padding:0; }
body { font:12px/1.4 Arial, Helvetica, sans-serif; color:#333333 }
a { text-decoration:none }
a:hover { text-decoration:underline; cursor:pointer }
img { border:0; }
#container { float:left; width:100%; }
#wrapper { background: none repeat scroll 0 0 #FFFFFF; margin: 0 auto; width: 882px; }
#wrapper .topPanel { padding: 18px 0; float:left; width:100% }
#wrapper .topPanel .logo { float: left; margin-right:10px; width: 720px; }
#wrapper .topPanel .logo img { border:0 }
#wrapper .topPanel div+div{float: right;margin: 0 129px 0 auto;text-align: center;width: 200px;}
#wrapper .topPanel .login { float: left; margin-top: 22px; width: 437px; }
#wrapper .topPanel .login input[type="text"], #wrapper .topPanel .login input[type="password"] { border: 1px solid #CCCCCC; color: #999999; float: left; font-style: italic; height: 15px; margin-right: 8px; width: 105px; float:left; font-size:11px; padding:0 5px; line-height:15px; padding-bottom:2px; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; behavior: url(PIE.htc); position:relative }
#wrapper .topPanel .login .links { float:right; width:103px; font-size:9px; margin-top:-3px; *margin-top:-27px
}
#wrapper .topPanel .login .links a { color:#0473cd; text-decoration:none }
.navlinks, .contentPart .mainContent { margin: 0 auto; width: 900px; }
.bottompanel .footer { margin: 0 auto; width: 725px; }
.navigation { float:left; width:100%; background:url(../images/nav-bg.gif) left top repeat-x; }
.navigation ul { float:left; width:100%; list-style:none }
.navigation ul li { float:left; padding:15px 11px; font-size:11px; font-weight:bold }
.navigation ul li a { color:#fff; }
.navigation ul.members { float:left; width:100%; list-style:none }
.navigation ul.members li { float: left; font-size: 10px; font-weight: bold; height: 45px; padding: 0 6px 0 6px; }
.navigation ul.members li a { color:#fff; float:left; padding-top:14px }
.navigation ul.members li.selected { background:url(../images/nav-sel-leftBg.png) left top no-repeat; float:left; height: 45px; margin-top: -6px; padding: 0 0 0 18px; margin-left:-6px }
.navigation ul.members li.selected a { background:url(../images/nav-sel-rightBg.png) right top no-repeat; float:left; height: 25px; padding-right: 18px; padding-top: 20px; }
.contentPart { float:left; width:100%; background:url(../images/content-bg.gif) left top repeat-x; }
.contentPart .mainContent .mainBanner { float:left; background:url(../images/header.jpg) right top no-repeat; width:549px; height:464px; padding-left:20px }
.contentPart .mainContent .mainBanner .mainHeading { float:left; width:100%; margin-top:35px; margin-bottom:10px }
.contentPart .mainContent .mainBanner .mainHeading .bannerHd1 { float:left; width:100%; font-size:26px; font-weight:bold; }
.contentPart .mainContent .mainBanner .mainHeading .bannerHd2 { float:left; width:100%; font-size:26px; font-weight:normal; padding-bottom:30px }
.contentPart .mainContent .mainBanner .mainHeading .bannerHd3 { float:left; width:100%; font-size:14px; font-weight:normal; }
.contentPart .mainContent .mainBanner .bannerBtn { float:left; width:400px; }
.contentPart .mainContent .mainBanner .bannerBtn img { float:left; margin-bottom:5px }
.contentPart .mainContent .mainBanner .whiteBox { float:left; background:#fff; height:50px; padding:15px 15px 10px 10px; width:300px; margin-bottom:15px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; behavior: url(PIE.htc); position:relative }
.contentPart .mainContent .mainBanner .whiteBox .icon { float:left; width:75px; }
.contentPart .mainContent .mainBanner .whiteBox .headingTxt { float:left; width:222px; padding-bottom:7px; font-size:13px; text-transform:uppercase; font-weight:bold; color:#5bbe4c }
.contentPart .mainContent .mainBanner .whiteBox .mainTxt { float:left; width:222px; font-size:9px }
.contentPart .mainContent .joinnow { float:left; background:url(../images/joinNow-formBg.gif) left top repeat-y; width:196px; height:464px; }
.contentPart .mainContent .joinnowForm { float:left; padding:30px 20px 15px; width:156px; }
.contentPart .mainContent .joinnow .topBg { float:left; background:url(../images/joinnow-topBg.gif) left top no-repeat; width:196px; height:8px; }
.contentPart .mainContent .joinnowForm .formHd { color: #5BBE4C; float: left; font-size: 25px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; width: 100%; }
.contentPart .mainContent .joinnowForm .formHd span { font-weight:bold }
.contentPart .mainContent .joinnowForm input[type="text"] { border: 1px solid #CCCCCC; color: #999999; float: left; font-style: italic; height: 17px; width: 135px; float:left; font-size:11px; padding:0 5px; line-height:17px; padding-bottom:2px; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; behavior: url(PIE.htc); position:relative; margin-bottom:10px }
.contentPart .mainContent .joinnowForm .submitBtn { float:left; margin-top:5px }
.contentPart .mainContent .joinnow .recommendBlock { float:left; margin-top:65px; margin-left:11px; width:170px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; behavior: url(PIE.htc); position:relative; background:#d4f1d0 }
.contentPart .mainContent .joinnow .recommendBlock .recommendHd { float: left; margin-left: 5px; margin-top: -13px; }
.contentPart .mainContent .joinnow .recommendBlock .recommendHdTxt { background: url("../images/recommend-bg.png") no-repeat scroll left -5px transparent; float: left; font-size: 12px; font-weight: bold; line-height: 13px; margin-left: 5px; margin-top: -13px; padding-left: 42px; padding-top: 25px; }
.contentPart .mainContent .joinnow .recommendBlock .recommendTxt { float: left; font-size: 9px; padding: 5px 14px 12px; width: 138px; }
.bottompanel { float:left; background:url(../images/bottom-panelBg.gif) left top repeat-x; width:100%; height:255px }
.bottompanel .footer .botrow1 { float:left; width:100%; padding-top:20px; padding-bottom:35px; border-bottom:solid 1px #dddddd }
.bottompanel .footer .botrow1 .botleft { float:left; width:265px }
.bottompanel .footer .botrow1 .botleft .botLogo { float:left; margin-bottom:10px; width:100% }
.bottompanel .footer .botrow1 .botleft .shareLinks { float:left; width:100%; }
.bottompanel .footer .botrow1 .botleft .shareLinks img { float:left; margin-right:8px; border:0px; }
.bottompanel .footer .botrow1 .botLinks { float:left; width:425px; padding-top:9px }
.bottompanel .footer .botrow1 .botLinks ul { float:left; width:100%; list-style:none }
.bottompanel .footer .botrow1 .botLinks ul li { float:left; padding-bottom:7px; width:32%; color:#666666; font-size:9px; }
.bottompanel .footer .botrow1 .botLinks ul li a { color:#666; }
.bottompanel .footer .botrow2 { float:left; width:100%; padding:28px 0 30px 0; }
.bottompanel .footer .botrow2 .sponsorLogo { float:left }
.bottompanel .footer .botrow2 .sponsorLogo img { float:left; margin-right:10px }
.bottompanel .footer .botrow2 .notificationTxt { color: #666666; float: right; font-size: 8px; margin-top: 3px; width: 470px; }
.innerPage { float:left; width:100%; background:#fff; padding-bottom:15px }
.innerPage .mainHd { float:left; background:url(../images/mainHd-bg.gif) left top repeat-x; width:100%; height:75px; line-height:75px; margin-bottom:40px }
.innerPage .mainHd .hdTxt { margin: 0 auto; width: 765px; font-size:43px; text-transform:uppercase; font-weight:bold; color:#fff }
.innerContent { margin: 0 auto; width: 882px; }
.innerContent .leftPanel { float:left; width:700px; }
.innerContent .leftPanel .userBox { float:left; width:510px; padding:20px 25px; border:solid 1px #cfcfcf; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; -moz-border-radius: 4px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background: -webkit-gradient(linear, 0 0, 0 88%, from(#eae7e7), to(#fafcfd)); background: -webkit-linear-gradient(#eae7e7, #fafcfd 88%); background: -moz-linear-gradient(#eae7e7, #fafcfd 88%); background: -ms-linear-gradient(#eae7e7, #fafcfd 88%); background: -o-linear-gradient(#eae7e7, #fafcfd 88%); background: linear-gradient(#eae7e7, #fafcfd 88%); -pie-background: linear-gradient(#eae7e7, #fafcfd 88%); position:relative; behavior: url(PIE.htc); margin-bottom:15px }
.innerContent .leftPanel .userBox .imgPanel { float:left; width:170px; }
.innerContent .leftPanel .userBox .imgPanel .userImg { float:left; width:149px; height:149px; background:#fff; text-align:center; border:solid 1px #cdcdcd; }
.innerContent .leftPanel .userBox .imgPanel .userlogo { float:left; width:150px; text-align:center; padding-top:10px; }
.innerContent .leftPanel .userBox .userDetail { float:left; width:335px; }
.innerContent .leftPanel .userBox .userDetail .userName { float:left; width:100%; font-size:14px; font-weight:bold; color:#333333; padding-bottom:10px }
.innerContent .leftPanel .userBox .userDetail .userRow { float:left; width:100%; padding:5px 0; border-bottom:solid 1px #dad9d9; }
.innerContent .leftPanel .userBox .userDetail .last { border-bottom:0 }
.innerContent .leftPanel .userBox .userDetail .userRow .labelTxt { float:left; font-size:10px; color:#333333; width:140px;font-weight: bold; }
.innerContent .leftPanel .userBox .userDetail .userRow .inputTxt { float:left; font-size:10px; color:#333333; width:160px; font-weight:bold }
.innerContent .leftPanel .recommendBlock { float:left; width:650px; padding:15px 20px; border:solid 1px #cfcfcf; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; -moz-border-radius: 4px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-bottom:15px; position:relative; behavior: url(PIE.htc); background:#fff }

    .innerContent .leftPanel .recommendBlock2 {
        float: left;
        width: 650px;
        padding: 15px 20px;
        border: solid 1px #cfcfcf;
        -webkit-box-shadow: #CCC 0 0 .25em;
        -moz-box-shadow: #CCC 0 0 .25em;
        box-shadow: #CCC 0 0 .25em;
        -moz-border-radius: 4px;
        -webkit-border-radius: 10px;
        -khtml-border-radius: 10px;
        border-radius: 10px;
        margin-bottom: 15px;
        position: relative;
        behavior: url(PIE.htc);
        background: #fff
    }

.innerContent .leftPanel .membersblock { float:left; width:1000px; padding:15px 20px; border:solid 1px #cfcfcf; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; -moz-border-radius: 4px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-bottom:15px; position:relative; behavior: url(PIE.htc); background:#fff }

.innerContent .leftPanel .recommendBlock .recommendHd { float:left; width:100%; padding-bottom:15px; }
.innerContent .leftPanel .recommendBlock .recommendTable { float:left; width:100%; border-top:solid 1px #cccccc; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; color:#333333; font-size:10px; margin-bottom:40px }
.innerContent .leftPanel .recommendBlock .recommendTable .tableHd { float:left; width:100%; padding:5px 0; border-bottom:solid 1px #ccc; background:#e9e8e8; font-weight:bold }
.innerContent .leftPanel .recommendBlock .recommendTable .tableRow { float:left; width:100%; padding:5px 0; border-bottom:solid 1px #ccc }
.innerContent .leftPanel .recommendBlock .recommendTable .tabelCell { float:left; padding:0 10px; }
.innerContent .leftPanel .recommendBlock .recommendTable .altRow { background:#f6f6f6 }
.innerContent .leftPanel .recommendBlock .recommendTabl .tableRow .tabelCell a { color:#1774d1 }
.innerContent .rightPanel { float:left !important; width:180px; }
.innerContent .rightPanel .box { float:left; width:160px; padding:10px; border:solid 1px #cfcfcf; -webkit-box-shadow: #CCC 0 0 .25em; -moz-box-shadow: #CCC 0 0 .25em; box-shadow: #CCC 0 0 .25em; -moz-border-radius: 4px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; margin-bottom:15px; position:relative; behavior: url(PIE.htc); background:#fff }
.innerContent .rightPanel .box .getBedgeHd { float:left; width:100%; text-align:center; padding-top:10px; padding-bottom:8px }
.innerContent .rightPanel .box .myProfileLogo { float:left; width:100%; text-align:center }
.innerContent .rightPanel .box .bedgeCodePanel { float:left; font-size:7px; padding-top:10px; text-align:center }
.innerContent .rightPanel .box .bedgeCode { float:left; width:151px; border:solid 1px #d6d6d6; margin-left:3px; margin-bottom:5px }
.innerContent .rightPanel .box .boxHd { float:left; width:100%; padding-bottom:15px }
.innerContent .rightPanel .box .boxRow { float:left; width:160px; border-bottom:solid 1px #d6d6d6; padding:4px 0; color:#666666; font-size:9px; line-height:16px }
.innerContent .rightPanel .box .lastRow { border-bottom:0 }
.innerContent .rightPanel .box .txt { float:left; width:130px; }
.innerContent .rightPanel .box .txt1 { float:left; width:70px; }
.innerContent .rightPanel .box .boxRow1 { float:left; width:100px; border-bottom:solid 1px #d6d6d6; padding:4px 0; color:#666666; font-size:9px; line-height:16px }

.innerContent .rightPanel .box .countImg { float:right; width:5px; text-align:right; font-weight:bold }
.innerContent .rightPanel .box .countImg img { float:right; border:solid 1px #cccccc }
.innerContent .rightPanel .staticsPanel, .innerContent .rightPanel .friendsPanel, .innerContent .rightPanel .jobsPanel, .innerContent .rightPanel .groupsPanel { float:left; padding-bottom:15px }
.innerContent .rightPanel .controls { float: left; margin-left: 45px; margin-top: 10px; width: 70px; margin-bottom:10px }
.innerContent .rightPanel .controls a { text-indent:-99999px; }
.innerContent .rightPanel .controls ul { float:left; list-style:none; }
.innerContent .rightPanel .controls ul li { float:left }
.innerContent .rightPanel .controls .prev, .innerContent .rightPanel .controls .next, .innerContent .rightPanel .controls ul li, .innerContent .rightPanel .controls ul li a.sel { background-image:url(../images/feiends-controls.jpg); float:left; background-repeat:no-repeat }
.innerContent .rightPanel .controls .prev { width:16px; height:16px; background-position:0 0; }
.innerContent .rightPanel .controls .next { width:16px; height:16px; background-position:-46px 0; }
.innerContent .rightPanel .controls a { background-position: -26px 0; height: 16px; width: 12px; }
.innerContent .rightPanel .controls a.sel { background-position: -17px 0; height: 16px; width: 12px; }



.controls { float:left; margin-left: 45px; margin-top: 10px; width: 700px; margin-bottom:10px; }
.controls a { text-indent:-99999px; }
.controls ul { float:left; list-style:none; }
.controls ul li { float:left }
.controls .prev, .controls .next,  .controls ul li a, .controls ul li a.sel { background-image:url(../images/feiends-controls.jpg); float:left; background-repeat:no-repeat }
.controls .prev { width:16px; height:16px; background-position:0 0; }
.controls .next { width:16px; height:16px; background-position:-46px 0; }
.controls a { background-position: -26px 0; height: 16px; width: 12px; }
.controls a.sel { background-position: -17px 0; height: 16px; width: 12px; }


.tableHd { float:left; width:100%; padding:5px 0; border-bottom:solid 1px #ccc; background:#e9e8e8; font-weight:bold }
.tableRow { float:left; width:100%; padding:5px 0; border-bottom:solid 1px #ccc }
.tabelCell { float:left; padding:0 10px; }
.post  
{
   cursor:pointer;
   color: Blue;
  
     }


/*---------------------------------------------Pagging CSS Starts Here------------------------------------------------*/

#pageNavPosition{background:url(/images/pagination_bg.png) no-repeat center top;width: 517px;height:30px;color: #333;padding: 18px 0 0 10px;text-align: center;}
 
            .pg-normal {
                color: #333;
                font-weight: normal;
                text-decoration: none;    
                cursor: pointer;
				font-size: 14px;
				padding: 2px 4px 0 5px;
            }
            .pg-selected {
                color: #3399cc;
                font-weight: bold;        
                text-decoration: underline;
                cursor: pointer;
				font-size: 14px;
				padding: 2px 4px 0 5px;
            }

/*---------------------------------------------Pagging CSS Ends Here------------------------------------------------*/



.GridtableDiv {

      display:  table;

      background-color:#f6f6f6;

      /*border-padding:5px;cellspacing:poor IE support for  this*/

      border-collapse:separate;

      border:1px solid #ccc;

      margin-bottom:50px;

}

.GridRowStyle

{

    display:  table-cell;

      width:auto;

      background-color:white;

      text-align:left;

      height:30px;

      font-weight:bold;

      color:#333!important;

    }

   

  

.GridtableDiv .GridrowdivALT {

      display:  table-row;

      width:auto;

      background-color:#f6f6f6;

      text-align:left;

      height:30px;

      font-weight:bold;

      color:#333!important;

}

.GridheaderRowDiv {

      display:  table-row;

      width:auto;

      background-color:#e9e8e8;

      text-align:left;

      height:38px;

      width:644px;

      color:#333!important;
}
.tableDiv {
	display:  table;
	background-color:#fff;
	/*border-padding:5px;cellspacing:poor IE support for  this*/
			border-collapse:separate;
	width:100%;
	border:1px solid #ccc;
	margin-bottom:50px;
}
.tableDiv .headerRowDiv {
	display:  table-row;
	width:auto;
	background-color:#e9e8e8;
	text-align:left;
	font-weight:normal;
	width:644px;
	color:#333!important;
}
.tableDiv .headerRowDiv .celldiv1 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:174px;
	background-color:#e9e8e8;
	padding:10px 0 10px 8px;
}
.tableDiv .headerRowDiv .celldiv2 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:130px;
	background-color:#e9e8e8;
	padding:10px 0;
}
.tableDiv .headerRowDiv .celldiv3 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:140px;
	background-color:#e9e8e8;
	padding:10px 0;
}
.tableDiv .headerRowDiv .celldiv4 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:120px;
	background-color:#e9e8e8;
	padding:10px 0;
}
.tableDiv .headerRowDiv .celldiv5 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:70px;
	background-color:#e9e8e8;
	padding:10px 0;
}
.tableDiv .rowdiv {
	display:  table-row;
	width:auto;
	background-color:#fff;
	text-align:left;
	font-weight:bold;
	color:#333!important;
}
.tableDiv .rowdiv .celldiv1 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:174px;
	background-color:#fff;
	padding:7px 0 7px 8px;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdiv .celldiv2 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:130px;
	background-color:#fff;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdiv .celldiv3 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:140px;
	background-color:#fff;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdiv .celldiv4 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:120px;
	background-color:#fff;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdiv .celldiv5 {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:70px;
	background-color:#fff;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdivALT {
	display:  table-row;
	width:auto;
	background-color:#f6f6f6;
	text-align:left;
	font-weight:bold;
	color:#333!important;
}
.tableDiv .rowdivALT .celldiv1ALT {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:174px;
	background-color:#f6f6f6;
	padding:7px 0 7px 8px;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdivALT .celldiv2ALT {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:130px;
	background-color:#f6f6f6;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdivALT .celldiv3ALT {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:140px;
	background-color:#f6f6f6;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdivALT .celldiv4ALT {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:120px;
	background-color:#f6f6f6;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
.tableDiv .rowdivALT .celldiv5ALT {
	float:left;/*fix for  buggy browsers*/
	display:  table-cell;
	width:70px;
	background-color:#f6f6f6;
	padding:7px 0;
	border-bottom:1px solid #ccc;
}
/*Table CSS End*/




.daba{
	border:1px solid #ccc;	
	width:470px;
	margin-top:15px;
}


.daba .row{
background-color:#f6f6f6;
padding:7px 0;
border-bottom:1px solid #ccc;
}

.daba .rowAlt{
background-color:#fff;
padding:7px 0;
border-bottom:1px solid #ccc;
}


 .daba .rowAlt .one{
width:103px;
float:left;
padding-left:7px;
}
.daba .rowAlt .two{
width:360px;
float:left;
font-weight:bold;
word-wrap:break-word;
}

 .daba .row .one{
width:103px;
float:left;
padding-left:7px;
}
.daba .row .two{
width:360px;
float:left;
font-weight:bold;
word-wrap:break-word;
}

.viewMoreLink
{
    color:Blue;
    cursor:pointer;
    font:10px/1.4 Arial, Helvetica, sans-serif; 
    }