@import 'reset.css';
@import 'basic-styles.css';
@import 'jscal2.css';
@import 'tabs.css';
@import 'jquery.mCustomScrollbar.css';

#wrapper { width:960px; padding:0px 10px; margin:0px auto; }
	#wrapper h2 { margin:0px; line-height:35px; }

#wrapper #header { position:relative; height:127px; }
#personal_subject	{
	width: 492px;
	}
.redClass{
font-size:16px;color:#F00;}

.err_msg{font-size:12px;font-style:normal;color:#F00;padding-bottom:4px;}

	#wrapper #header #back,
	#wrapper #header #login,
	#header #logo { position:absolute; }
	
	#wrapper #header #logo { top:20px; left:0px; }
	
	#wrapper #header #back { right:0px; bottom:20px; }
	
	#wrapper #header #login { top:0px; right:0px; background:#e2e2e2; padding:10px; }
	#wrapper #header #login p { margin-bottom:0px; line-height:0.8em; }
		#login input { 
			border:none;
			text-transform:uppercase; 
			font-size:0.625em; 
			color:#7e7e7e;
			padding:5px;
			margin:0px 3px;
		}
		#login label a,
		#login label { color:#494949; }
		#login label a {  text-decoration:underline; }
		#login label { font-size:0.625em; }
		#login input.txtField { padding:5px; width:147px; margin-bottom:8px; }
		#login input.loginBtn { background:#fff; color:#494949; font-weight:bold; cursor:pointer; margin: -8px 3px 0;}
	#wrapper #header #login ul li{ float:left; border-left:solid 1px #494949;  }
	#wrapper #header #login ul li:first-child {  border-left:none; }
		#wrapper #header #login ul li a { 
			font-size:0.75em; 
			color:#616161; 
			
			font-weight:bold; 
			padding:0px 7px;
		}

	.grid-960 .illustrationBox { margin-bottom:15px; }
	.grid-960 a { color:#494949; }
	.grid-960 .mainPageButton { position:relative; }
	.grid-960 .mainPageButton a { font-size:1.125em;}
	.grid-960 ul.explanation { margin-bottom:15px; padding:10px 0px; }
	.grid-960 ul.explanation li { 
		background:url(../images/arrow-bullet.gif) no-repeat 0px 7px scroll; 
		font-size:0.85em; 
		color:#494949; 
		padding-left:10px;
		line-height:22px;
	}
	.grid-960 .memmbersBtn { 
		background:#ebebeb; 
		float:left; 
		padding:3px 10px; 
		margin-right:10px;
		font-size:0.8em; 
		line-height:20px; 
		color:#616161;
	}
	.grid-960 .memmbersBtn a { text-decoration:none; padding-left:5px; }
	
#footer { border-top:solid 1px #494949; padding:15px 0px; }
	#footer ul { list-style:none; margin:0px; padding:0px; }
		#footer ul li { float:left; ; }
			#footer ul li a { color:#494949; padding:0px 5px; font-size:0.7em; border-left:solid 1px #494949; }
	
	#wrapper .grid-190 div.padding { padding:10px; }
	#wrapper .grid-190 ul li { color:#616161;  margin-bottom:10px; }
	#wrapper .grid-190 ul li .button { padding:5px; }
	#wrapper .grid-190 ul li p { margin:0px;font-size:0.725em; }
		#wrapper .grid-190 a { color:#616161; font-size:0.8em; }
		#wrapper .grid-190 .upComingEvents { width:110px; }
			#wrapper .grid-190 .upComingEvents p { font-size:0.725em; }
			

	div.thumb div {
		margin-right:5px;
	}	
	.persnalDilog { width:400px; padding:25px; overflow:hidden; }
	.persnalDilog label { font-size:0.875em; color:#494949; }
	.persnalDilog label em { font-size:0.85em; }
	.persnalDilog input { margin:5px 0px; }
	.persnalDilog input.txtField { width:250px;  }
	.persnalDilog input.createProfileBtn { 
		background:#e2e2e2;
		padding: 5px 10px;
		line-height:20px;
		color:#494949;
		font-size:	0.875em;
		border:none;
		cursor:pointer;
	}
	.browseClique { padding-top:15px; }
	.browseClique label { float:left; width:140px; }
	
	.personalProfileform { margin-left:20px; padding-top:15px; }
	.personalProfileform label { float:left; width:140px; }
	
	.scheduleEventform { padding-top:15px; }
	.scheduleEventform label { float:left; width:185px; }
	
	.upcomingClique { width:500px; padding:10px; }
	.upcomingClique p a { color:#494949; }
	.upcomingClique div.border { border-color:#bdbdbd;  }
	
	.settingsFrom input { margin-right:10px; }
	.settingsFrom p { margin-bottom:5px;}
	
	#wrapper .networksLogo img { margin-right:25px;  }
	#wrapper .grid-420 h3 { margin:0px; }

	input.searchField { 
		border:solid 1px #dadada; 
		padding:5px; 
		border-right:none; 
		height:13px; 
		line-height:13px; 
		float:left;
		color:#7e7e7e;
	}
	input.searchBtn { 
		background:url(../images/searchBtn.gif) no-repeat 0px 0px scroll; 
		border:none; 
		margin:0px; 
		cursor:pointer; 
		width:25px; 
		height:25px;
	}
	
	.newClique ul li { border-bottom: solid 1px #e7e7e7; padding-bottom:10px; margin-bottom:10px; }
		.newClique ul li span { padding-left:50px; font-size:0.8em; }
		.newClique ul li a { font-size:0.8em; }
	.cliqueList { width:750px; }
		.addClique ul li { padding:5px; margin-bottom:5px; }
		.addClique ul li:hover { background:#eeeeee; cursor:pointer;  }
	
	.addClique .comment { background:#f7f7f7; border:1px solid #DAE3F4; margin-top:15px; padding:10px; width:600px;   }
		.comment textarea{ border:1px solid #DAE3F4; padding:6px 10px; width:500px; height:16px; float:left; }
		.comment input[type=submit]{ border:1px solid #DAE3F4 !important; float:left; margin-left:10px;  }
	
	.sendmyClique { width:550px; padding:5px; }
	
	.thankyou p { height:150px; font-size:1.1em; padding-top:100px; }
	.grid-295 textarea { border:none; }
	p.date {  margin:15px 0px 0px 0px !important; }
		p.date a { padding-left:10px; }
		
	/* BEGIN SPLASH STYLES */
	div#overlay {
		background:url(../images/overlay.png) repeat 0px 0px scroll;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		z-index: 99;
		display: none;
	}
	
	div#splash { position: fixed; top: 0px; left: 300px; width: 580px; z-index: 999; display: none; }
	div#splash div { background:url(../images/splashBottom.png) no-repeat 0px 100% scroll; padding-bottom: 10px; }
	div#splash div div {
		background:url(../images/splashBg.png) repeat-y 0px 0px scroll;
		padding: 0px;
		min-height: 50px;
		position: relative;
		padding: 15px 25px 5px 25px;
	}
	div#splash div div a#closeSplash { line-height:30px; color:#494949; margin-top:5px; }
	
	div#splash div div h1, 
	div#splash div div p {margin-bottom: 10px; text-align:justify; }
	div#splash div div h1 { font-size: 1.125em; }
	div#splash div div p { font-size: 0.8em; }
	
	div#splash div div ul { margin:0px; padding:0px; list-style:none; }
	div#splash div div ul li {
		background:url(../images/bullet-arrow.gif) no-repeat 0px 4px scroll;
		padding-left:10px;
		font-size: 0.813em;
		color:#616161;
		line-height:1.3em;
	}
	
	/* END SPLASH STYLES */	

/* My Message STYLES */	
.myMasssage ul li { border-bottom: solid 1px #e7e7e7; padding:14px 5px; margin:0px;  }
.myMasssage ul li span { padding-left:50px; font-size:0.8em; }
/*.newClique ul li a { font-size:0.8em; display:block; height:40px; line-height:40px; padding:0px 10px; }*/
.myMasssage ul li a { }
/*.newClique ul li a:hover, .newClique ul li a.active{ background:#e2e2e2; }*/

/*		CSS by saad*/
.newClique ul li span { 
	float: right;
	font-size: 0.8em;
	padding-right: 50px;
}