body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:100%;
	color: #333333;
    background: #ffffff;
}



		
a:link, a:visited {  text-decoration: none; font-weight: normal; }


 
a:active, a:hover { text-decoration: none; }




p { margin: 0px; padding: 0px; }




img { margin: 0px; padding: 0px; border: none; }




.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }




.cleaner_h10 { clear: both; width:100%; height: 10px; }



.cleaner_h20 { clear: both; width:100%; height: 20px; }



.cleaner_h30 { clear: both; width:100%; height: 30px; }



.cleaner_h40 { clear: both; width:100%; height: 40px; }



.cleaner_h50 { clear: both; width:100%; height: 50px; }



.cleaner_h60 { clear: both; width:100%; height: 60px; }




.margin_r_20 { margin-right: 20px; }




.margin_r_40 { margin-right: 40px; }




.button_01 a {
	clear: both;
	display: block;
	width: 57px;
	height: 23px;
	padding: 2px 5px 0 22px;
	color: #333333;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background: url(button_01.jpg) no-repeat;
}




.button_01 a:hover {
	color: #ffffff;
	background: url(button_01_hover.jpg) no-repeat;
}




h1 {
	margin: 0px;
	padding: 2px 0;
	font-size: 30px;
	font-weight: bold;
}




h2 {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 24px;
	line-height: 24px;
	font-weight: bold;
	color: #ba0808;
}




h3 {
	margin: 0 0 5px 0;
	padding: 5px 0;
	font-size: 18px;
	font-weight: normal;
	color: #000000;
}




.image_wrapper {
	margin-top: 3px;
	margin-bottom: 5px;
	border: 5px solid #e8e8e8;
	padding: 1px;
	background: #fff;
}




.fl_image {
	float: left;
	margin-right: 30px 
}




.fr_image {
	float: right;
	margin-left: 20px 
}





/* site title */

#site_title_bar_wrapper {
	width: 100%;
	height: 100px;
	margin: 0 auto;	
	background:  url(site_title_bg_wrapper.jpg) repeat-x top;
	float:left;
}




#site_title_bar {
	width: 940px;
	height: 100px;
	margin: 0 auto;
	padding: 0px;
	
}




#site_title {
	float: left;
	width: 280px;
	margin: 0px;
	text-align: center;
	padding:0;
	
}




#site_title h1 a {
	margin: 0px;
	padding: 0px;
	font-size: 28px;
	color: #ba0808;
	font-weight: bold;
	text-decoration: none;
	text-shadow:1px 1px #fff;
}




#site_title h1 a:hover {
	font-weight: bold;	
	text-decoration: none;
}



.toprow{width:100%;float:left;padding:0px}



.tagline{float:right;color:#999;text-align:right;border:0px solid red;padding:0;height:50px}




#site_title h1 a span {
	
	font-size: 13px;
	color: #204567;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 5px;
	letter-spacing: 2px;
}




/* end of menu */

.topmenu {list-style:none;float:right;padding-top:10px;margin:0;}



.topmenu li{display:inline;padding-right:0px;padding-left:20px;font-size:14px;border-right:1px solid #666;}



.topmenu li:last-child{border:none;}




#site_title_bar #menu1 {
	float: right;
	width: 350px;
	height: 30px;
	margin: 0 20px 0 0;
	padding: 5px 0 0 0;
}




.collabrum{text-align:center;}




/* banner */

#banner_wrapper_outter {
	clear: both;
	width: 100%;
	height: 360px;
	margin: 0 auto;	
	background: url(banner_bg_wrapper_outter.jpg) top repeat-x;
}




input[type="text"], input[type="password"]{
    border: 1px solid #C0C0C0;
    padding: 7px;
    width: 200px;}




.panel{padding-top:20px;min-height:300px;}



.loginbox{width:300px;height:300px;background:#f5f6f7;padding:10px;border:1px solid #ddd;box-shadow:5px 5px 10px #c0c0c0;float:left;}



.loginbox td{color:#666;}




select{
    border: 1px solid #C0C0C0;
    padding: 5px;
    width: 212px;}




.editbutton,.editbutton:hover{color:#fff !important;text-decoration:none;}




input[type="submit"],.editbutton {
    background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;padding:5px;
	cursor:pointer
}



input[type="submit"]:hover,.editbutton:hover {
    border: 1px solid transparent;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    outline: 0 none transparent;
	cursor:pointer
}






.signupapproch{width:550px;height:350px;border:0px solid red;float:right;}




.signuprow1{width:100%;float:left;}



.signuprow1 h3{color:#333;}



.benefittitle{width:auto;float:left;padding-left:40px;}



.registerbutton{background-color: #D14836;
    background-image: -moz-linear-gradient(center top , #DD4B39, #D14836);
    border: 1px solid transparent;
    color: #FFFFFF !important; text-decoration:none;padding:5px}




.registerbutton:hover{  background-color: #C53727;
    background-image: -moz-linear-gradient(center top , #DD4B39, #C53727);
    border: 1px solid #B0281A; text-decoration:none;}





.benefitlist{width:100%;float:left;border-top:1px dashed #ddd;}



.benefitlist ul{list-style-type:square;}



.benefitlist ul li{padding:5px 0 5px 0;color:#333;}



.note{font-size:13px;color:#666;width:730px;display:block}



.leftcol{width:160px;border-right:1px solid #ddd;float:left;}



.rightcol{width:750px;border:0px solid red; float:right;padding-left:20px;}



#banner_slider {
	clear: both;
	width: 960px;
	height: 290px;
	overflow: hidden;
	margin-bottom: 10px;
	padding: 70px 0 0 0;
	background: none;
}




/* end of banner */

/* content */

#content {
	width: 940px;
	margin: 0 auto;
	padding:25px 15px 0 15px;
	background: url() repeat-y center;
	border:0px solid red;
	

	text-align:left;
	

}



#content2 {
	width: 940px;
	margin: 0 auto;
	padding: 30px 20px;
	background: url() repeat-y center;
	border:0px solid red;
	text-align:left;
	


}



#content3{
	width: 940px;
	margin: 0 auto;
	padding: 5px 20px;
	background: url() repeat-y center;
	border:0px solid red;
		height:500px;
		text-align:left;
}







.invite{
    background-color: #3D9400;
    background-image: -moz-linear-gradient(center top , #3D9400, #398A00);
    border: 1px solid #29691D;
    color: #FFFFFF !important;text-align:center;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);width:190px;padding:5px;display:block}


.invite:hover{color:#fff !important;}
	.invitationpanel{width:100%;float:left;padding-top:1px;}
.profilehead{width:100%;height:50px;border-bottom:1px solid #c0c0c0;}



.Namesection{float:left;width:300px;border:0px solid red;}
.editbuttonsection{float:right;}


#content #twitter_section {
	clear: both;
	margin-bottom: 20px;
}



.collabrum2{color:#4889F0}



#content #twitter_section p {
	float: left;
	width: 800px;
	font-size: 26px;
	line-height: 34px;
	color: #2a90c1;
}




#content #twitter_section .followme a {
	display: block;
	float: right;
	width: 128px;
	height: 128px;
	background: url(twitter.png) no-repeat;
}





#content p {
	margin-bottom: 10px;
}




.box {
	float: left;
	width: 270px;
	padding: 0 29px 0 0;
}




.box_border {
	border-right: 1px dotted #999;
}




.box h2 {
	color: #9b1919;
	font-size: 20px;
	margin-bottom: 20px;
}




.box .box_image_wrapper {
	float: left;
	text-align: center;
	margin-right: 20px;
}




.em_text {
	font-size: 14px;
	color: #000;
}




.section_w940 {
	clear: both;
	width: 940px;
}





.section_w450 {
	float: left;
	width: 450px;
}




.news_box{
	margin-bottom: 10px;
	border-bottom: 1px dashed #ccc;	
	color: #2f5e9e;
}




.news_box .post_info {
	color: #666;
}




.news_box .post_info a {
	color: #000000;
	font-weight: bold;
}




.news_box .post_info strong {
	color: #000000;
}




.news_box a {
	color: #2f5e9e;
}




.testimonial {
	font-style: italic;
}




/* footer */

#footer_wrapper {
	width: 100%;
	margin: 0 auto;
	background: #677684 url() repeat-x top;
	float:left;
	bottom:0px;
}




#footer {
	width: 960px;
	margin: 0 auto;
	padding: 10px 10px 0px 10px;
	color: #cccccc;
}



#footer  a {
	color: #ffffff;
}




#footer .section_w240 {
	float: left;
	width: 200px;
	padding-right: 40px;
}




#footer .section_w240 h3 {
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	
}




#footer .footer_list {
	margin: 0px;
	padding: 0px;
	list-style: none;
}





#footer .footer_list li {
	margin: 0px;
	padding: 3px 0;
}




#footer .footer_list li a {
	color: #cccccc;
}




#footer .footer_list li a:hover {
	color: #ffffff;
	text-decoration: none;
}



/* end of footer */


.defaultpic{height:200px;width:200px;border:0px solid #f5f6f7;float:left;}
.uploadpic{width:500px;height:200px;float:left;text-align:center;}
.uploadinput{width:530px;text-align:center;padding:20px 0 20px 0;}

.searchresultpanel{width:910px;border:0px solid red;}
.searchlistresult{float:left;width:680px;border:0px solid red;padding-right:10px;}
.sidepanel{float:left;width:218px;border:0px solid red;background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E7E7E7;display:block;height:100%;}
.resultcat{width:100%;height:70px;border:0px solid red;}
.resultbox{width:100%;float:left;display:block;padding:5px 0 5px 0;border:0px solid red;}
.ruserpic{width:120px;height:135px;border:1px solid black;float:left;}	
.ruserdesc{width:535px;float:left;border:0px solid red;padding-left:20px;}
.ruserinterest{width:100%;height:50px;border:0px solid red;float:left;padding-top:0px;}
.easystep{width:100%;height:50px;border:0px solid red;}
.profilenav:hover{color:#111 !important;}
.profilenav  {  
    
    border: 0px solid #ddd;
    color: #222 !important;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);width:110px;padding:0px 5px 0px 35px;display:block;margin-bottom:5px;}
.profilelink  {   background:url('profile.png') no-repeat; ;
    }
.areaofintrest  {   background:url('areaofintrest.png') no-repeat; 
    
   }
.accountsetting  {   background:url('accountsetting.png') no-repeat; 
   }
.invitefriend  {   background:url('invitefriendicon.png') no-repeat; 
   }
.notification   {   background: url('notification.png') no-repeat; 
   }
.mentors   {   background: url('mentors.png') no-repeat; 
   }
.groups   {   background: url('groups.png') no-repeat; 
   }
.studycircle   {   background: url('studycircle.png') no-repeat; 
   }
.myihqaccount   {   background: url('myihqaccount.png') no-repeat; 
   }



.profilelink:hover  {   background:#f1f1f1  url('profile.png') no-repeat; ;
    }
.areaofintrest:hover   {   background:#f1f1f1 url('areaofintrest.png') no-repeat; 
    
   }
.accountsetting:hover   {   background:#f1f1f1 url('accountsetting.png') no-repeat; 
   }
.invitefriend:hover   {   background:#f1f1f1 url('invitefriendicon.png') no-repeat; 
   }
.notification:hover   {   background:#f1f1f1 url('notification.png') no-repeat; 
   }
.mentors:hover   {   background:#f1f1f1 url('mentors.png') no-repeat; 
   }
.groups:hover   {   background:#f1f1f1 url('groups.png') no-repeat; 
   }
.studycircle:hover   {   background:#f1f1f1 url('studycircle.png') no-repeat; 
   }
.myihqaccount:hover   {   background:#f1f1f1 url('myihqaccount.png') no-repeat; 
   }




	.profilefetch{width:100%;border:0px solid red;}
	.photo{width:150px;height:220px;margin-left:auto;margin-right:auto;margin-bottom:20px;border:1px solid #ddd;float:left;font-size:12px;text-align:center;color:#fff;background:#000;}
.photo a{color:#fff;}
.profilefetch tr td:first-child{font-weight:bold;width:250px;color:#666;}
.requiredmark{color:red; font-size:18px;}
.regformtbl tr td:last-child span{color:#b30000 !important;display:block;padding-left:10px;font-size:14px;}
.resultbox{font-size:12px;}
.rusername{font-size:15px;font-weight:bold;color:#0066A9}
.panel{font-size:12px;width:auto;}
.myaccess{padding:10px;background:#f5f6f7;}
.myaccess ul{list-style-type:none;margin:0;padding:0}
.myaccess ul li{display:inline;padding-left:15px;}
.easysteps{text-align:left;margin-top:8px;}
fieldset.setting {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #AAAAAA;
    border-radius: 4px 4px 0 0;
    box-shadow: 1px 1px 2px #FFFFFF inset;
    margin-top: 1em;
    padding: 1.5em;
    text-shadow: 0 1px 0 #FFFFFF;
}

fieldset.tblFooters {
    border-radius: 0 0 4px 5px;
    border-top: 0 none;
    clear: both;
    float: none;
    margin-bottom: 0.5em;
    margin-top: 0;
    text-align: right;
}

.tblFooters {
    background: none repeat scroll 0 0 #D3DCE3;
    color: #000000;
    font-weight: normal;
}

fieldset legend {
    background-color: #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 3px 3px 15px #BBBBBB;
    color: #444444;
    font-weight: bold;
    padding: 5px 10px;
}
.addMentorBtn{background: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC) repeat scroll 0 0 transparent;
    border: 1px solid #AAAAAA;
    border-radius: 12px 12px 12px 12px;
    color: #111111;
    font-weight: bold;
    margin-left: 14px;
    padding: 3px 7px;
    text-decoration: none;
    text-shadow: 0 1px 0 #FFFFFF;float:right;cursor:pointer;}
a{color:#666;text-decoration:none;}
a:hover{color:#111;text-decoration:underline;}
.rusername{text-transform:capitalize;}
.ruserjobtitle{font-size:12px;color:#666;}
.rusername{width:535px;}
.relatedlist{list-style:none;padding:0;margin:0}
.relatedlist li{padding:3px 0;border-bottom:1px solid #ddd;}