@charset "utf-8";
/* CSS Document */
.blockhead, .blockhead a {background-color:#3b5998;
color:#fff;
padding:0 5px 0 10px;
font-size:11px;
font-weight:bold;
}

#bodycontainer {padding-bottom:28px;width:1000px;margin:0 auto;}

#feedcontainer {border-bottom:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	margin-bottom:5px;
	}

#regiondivcontainer {
/* border:1px solid #666; */
	margin-bottom:5px;
	background-color:#ffffff;
}	
	
#regiontabs {
border-bottom:1px solid #666;
}

#maintabs {background-color:#fff;
border-bottom:1px solid #666;}

.minibody {padding:0 5px 0 10px;
				border:1px solid #3b5998;
			color:#333333;}
			
div.wallpost span a {color:#333333;
	text-decoration:none;
	cursor:pointer;
	font-weight:bold;}
	
div.wallpost span a:hover {text-decoration:underline}

div#showtoplist > a {color:#333333;}				

.wallpost {padding-bottom:15px; clear:left;}			
			
.blockholder {padding:0 5px 10px 5px;
margin:0 0 25px 0;
}


.centered{
	width:1000px;
	margin:0 auto;
	background-color:#FFF;
}

#leftmenu {
	padding-left:5px;
	width:176px;
	float:left;
	margin:0;
	overflow:hidden;
	z-index:6000;
}

#mainbody {
 margin-left:185px;	
 padding:5px 0 25px 0;
}

.login {
background-color:#333333;
color:#ffffff;
padding:2px 15px;
position:relative;top:-5px;
}

.login input, #searchuser input {font-size:10px; font-family:tahoma;color:#3b5998; width:60px;}

.ucontainer {
	border:1px solid #2E5C5C;
	font-family:Tahoma;
	font-size:11px;
	margin-top:10px;
	background-color:#ffffff;
	width:150px !important;
}

.threadlist a{font-family:tahoma;font-size:11px;line-height:14px;
			color:#333333; text-decoration:none;border-bottom:1px dotted #333333}

.dislike {width:45px;height:20px;float:left;text-align:center; cursor:pointer;}
.dislike a {text-decoration:none;}
.gen a {color:#000000;}
div.citems a {display:block;color:#000000;text-decoration:none;padding:2px 0 15px 12px;line-height:110%;font-size:11px;width:93%;text-align:left;background-image:url(/sajha/html/css/arrow.gif);background-position:0 0; background-repeat:no-repeat;}
div.citems a:active {display:block;color:#000000;text-decoration:none;padding:2px 0 15px 12px;line-height:110%;font-size:11px;width:93%;text-align:left;background-image:url(/sajha/html/css/arrow.gif);background-position:0 0; background-repeat:no-repeat;}
div.citems a:hover {background-color:#DFF4FF;color:#0061a8;background-image:url(/sajha/html/css/selarrow.gif); background-position:0 0; background-repeat:no-repeat;}
span.bold {color:#3b5998; font-weight:bold;}
select {font-size:11px;}

div.vitems {background:url(/images/arrow.png) 0 5px no-repeat;}
div.vitems a {display:block;color:#000000;text-decoration:none;padding:2px 0 5px 12px;line-height:110%;font-size:11px;width:93%;text-align:left;background-position:0 0; background-repeat:no-repeat;}
div.vitems a:hover {background-color:#eeeeee;}


#bizlist, #threadlistdiv, #last10, #divshowuser{
  max-height:150px;
  height:auto !important;
  height:150px;
  overflow:auto;
}

#eventlist{
  max-height:250px;
  height:auto !important;
  height:250px;
  overflow:auto;
}

#showsubscribers{
  max-height:256px;
  height:auto !important;
  height:256px;
  overflow:auto;
}

#showothercontent img {margin:30px 5px 5px 5px;border:15px solid ##3b5998;padding:3px;background-color:##ffffff;}

.userpickurakani {width:55px;padding:2px;overflow:hidden;}
.userpiclist {border:1px solid #ccc;height:30px;width:30px;margin:0 10px 10px 0;float:left;}

#classifiedsid, #locinfoid {
  max-height:250px;
  height:auto !important;
  height:250px;
  overflow:auto;
}

.otherlocs a {
			background-color:#eee;
			color:#000;
			font-weight:bold;
			font-size:11px;
			padding:2px 10px; margin-right:5px;
			cursor:pointer; 
			line-height:20px;
			}

.otherlocs a:hover {background-color:#666;
				color:#eee}			

div.evitems a {text-decoration:none; display:block; color:#3b5998;padding:3px 0;width:97%;}
div.evitems a:active {text-decoration:none; display:block; color:#3b5998;padding:3px 0;width:97%;}
div.evitems a:hover {background-color:#DFF4FF;}

.container {
	border:1px solid #3b5998;
	margin-bottom:25px;
	margin-top:20px;
	border-radius:10px;
	height:auto;
}
.cheader {padding:0 5px 2px 10px;background-color:#3b5998;font-weight:bolder;color:#FFFFFF; text-transform:capitalize;cursor:pointer;}
.cheader a{color:#FFFFFF;}

.banners a {display:block;text-align:center; margin-bottom:2px;}
fieldset legend {padding-left:10px;}
#youtubeid img {padding-right:5px;}

.chautariclass {font-size:1em;font-family:'Century Gothic';line-height:2em;}
.chautariclass a {color:#3B5998;}
a.sajhaytube {color:#333333;text-decoration:none;font-size:10px;}
img.ytpic {padding:3px 2px 2px 2px; width:100px;border:0;}

div.ytdivstyle {font-family:tahoma;font-size:10px;margin-bottom:10px;background-color:#eeeeee;border:1px solid #ccc;text-align:left;}

table.subscribers tr td a {text-decoration:none;color:#3b5998;}

#qlinks table tr td a {font-size:9px; text-decoration:none; color:#333333;}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "Century Gothic", Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}


#footpanel {
	position: fixed;
	bottom: 0; left: 0;
	z-index: 9999; /*--Keeps the panel on top of all other elements--*/
	background: #e3e2e2;
	border: 1px solid #c3c3c3;
	border-bottom: none;
	width: 94%;
	margin: 0 3%;
	font: 11px normal Verdana, Arial, Helvetica, sans-serif;
}

*html #footpanel { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footpanel ul {
	padding: 0; margin: 0;
	float: left;
	width: 100%;
	list-style: none;
	border-top: 1px solid #fff; /*--Gives the bevel feel on the panel--*/
	font-size: 10px;
}
#footpanel ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footpanel ul li a{
	padding: 5px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footpanel ul li a:hover{	background-color: #fff; }
html #footpanel ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}

#footpanel a.home{
	background:url(home.png) no-repeat 15px center;
	width: 80px;
	padding-left: 40px;
	border-right: 1px solid #bbb;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}

#footpanel a.profile {width:155px;}

a.profile{ background:url(/sajha/html/fblogin.png) no-repeat center center; width:155px; }
a.editprofile{ background:url(wrench-screwdriver.png) no-repeat center center; }
a.contacts{ background:url(address-book.png) no-repeat center center; }
a.messages{ background:url(mail.png) no-repeat center center; }
a.playlist{ background:url(document-music-playlist.png) no-repeat center center; }
a.videos{ background:url(film.png) no-repeat center center; }
a.alerts{ background:url(newspaper.png) no-repeat center center; }
#footpanel a.chat{
	background:url(balloon.png) no-repeat 15px center;
	width: 126px;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	padding-left: 40px;
	text-indent: 0; /*--Reset text indent since there will be a combination of both text and image--*/
}
#footpanel li#chatpanel, #footpanel li#alertpanel {	float: right; }  /*--Right align the chat and alert panels--*/

#footpanel a small {
	text-align: center;
	width: 70px;
	background:url(pop_arrow.gif) no-repeat center bottom;
	padding: 5px 5px 11px;
	display: none; /*--Hide by default--*/
	color: #fff;
	font-size: 1em;
	text-indent: 0;
}
#footpanel a:hover small{
	display: block; /*--Show on hover--*/
	position: absolute;
	top: -35px; /*--Position tooltip 35px above the list item--*/
	left: 50%;
	margin-left: -40px; /*--Center the tooltip--*/
	z-index: 9999;
}

#footpanel ul li div a { /*--Reset link style for sub-panel links--*/
	text-indent: 0;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	color: #00629a;
	position: static;
}
#footpanel ul li div a:hover {	text-decoration: underline; } /*--Reset hover style for sub-panel links--*/

#footpanel .subpanel {
	position: absolute;
	left: -100px; bottom: 27px; /* left: 0; bottom: 27px; */
	display: none;	/*--Hide by default--*/
	width: 300px; /* 198px */
	border: 1px solid #555;
	background: #fff;
	overflow: hidden;
}
#footpanel h3 {
	background: #526ea6;
	padding: 5px 10px;
	color: #fff;
	font-size: 1.1em;
	cursor: pointer;
}
#footpanel h3 span { /*--Right aligned "-" icon--*/
	font-size: 1.5em;
	float: right;
	line-height: 0.6em;
	font-weight: normal;
}

#footpanel .subpanel ul{
	padding: 0; margin: 0;
	background: #fff;
	width: 100%;
	overflow: auto;
	padding-bottom: 2px;
}
#footpanel .subpanel li{
	float: none; /*--Reset float--*/
	display: block;
	padding: 0; margin: 0;
	overflow: hidden;
	clear: both;
	background: #fff;
	position: static;  /*--Reset relative positioning--*/
	font-size: 0.9em;
}
#chatpanel .subpanel li { background: url(dash.gif) repeat-x left center; }
#chatpanel .subpanel li span {
	padding: 5px;
	background: #fff;
	color: #777;
	float: left;
}
#chatpanel .subpanel li a img {
	float: left;
	margin: 0 5px;
}
#chatpanel .subpanel li a{
	padding: 3px 0;	margin: 0;
	line-height: 22px;
	height: 22px;
	background: #fff;
	display: block;
}
#chatpanel .subpanel li a:hover {
	background: #3b5998;
	color: #fff;
	text-decoration: none;
}
#alertpanel .subpanel { right: 0; left: auto; /*--Reset left positioning and make it right positioned--*/ }
#alertpanel .subpanel li {
	border-top: 1px solid #f0f0f0;
	display: block;
}
#alertpanel .subpanel li p {padding: 5px 10px;}
#alertpanel .subpanel li a.delete{
	background:url(delete_x.gif) no-repeat;
	float: right;
	width: 13px; height: 14px;
	margin: 5px;
	text-indent: -9999px;
	visibility: hidden; /*--Hides by default but still takes up space (not completely gone like display:none;)--*/
}
#alertpanel .subpanel li a.delete:hover { background-position: left bottom; }
#footpanel #alertpanel li.view {
	text-align: right;
	padding: 5px 10px 5px 0;
}



/*
@font-face {
 font-family: Swatch;
 src: url("/font/swatch.eot") 
}
@font-face {
 font-family: Swatch;
 src: url("/font/swatch.TTF") 
}

@font-face {
 font-family: Writing;
 src: url("/font/writing.eot") 
}
@font-face {
 font-family: Writing;
 src: url("/font/writing.TTF") 
}
*/

a.singlepost {position:relative;top:-5px; font-size:11px;color:#333;text-decoration:none;}

a.singlepost:hover {text-decoration:underline;}

.sidebanner {margin-bottom:5px; border:0 }


.imggroup {cursor:pointer; border:1px solid #ccc;}

.imggroup:hover {border:1px solid #900;}

.threadshow:hover {background-color:#CCC;}

.paging * {font-size:20px; color:#069;}

div.user a {color:#333333;text-decoration:none;}
table.mheader tr td a {font-size:15px;font-weight:bold;text-decoration:none;color:#fff;}
table.mheader tr td {border:1px solid #fff;padding:7px 0;}
table.mheader {border-collapse:collapse;background-color:#000;}

.ui-li-desc {
    display: block;
    font-size: 16px;
    font-weight: 400;
    margin: -0.5em 0 0.6em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-body-c .ui-link {
    color: #2A49A5;
    font-weight: 700;
}

div.usericon img {max-width:100%;}

div.usericon {width:50px;float:left;padding-top:10px;height:50px;overflow:hidden;}
div.userpic {padding:0;}

.extrainfo {font-size:10px;}
.fbcolor {color:#2A49A5;font-family:Arial;font-size:12px;margin-bottom:10px;}


.responsemessage a, .usermessage a {color:#2A49A5;text-decoration:none;}
.responsemessage a:hover, .usermessage a:hover {color:#2A49A5;text-decoration:underline;}

a.fbcolor, a.ui-link {color:#2A49A5 !important;text-decoration:none !important;font-family:Arial;font-size:12px;font-weight:normal !important;}
a.fbcolor:hover, a.ui-link:hover {text-decoration:underline !important;}

span.mylike {background-image:url(../img/tup.png);padding-left:16px;background-repeat:no-repeat;cursor:pointer;}
span.userblock {padding:2px 10px;margin-right:10px;background-color:#2A49A5;color:#fff;}

.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    display: block;
    padding: 10px 15px 2px;
	text-decoration:none;
	
}

.ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-mini.ui-btn-icon-left .ui-btn-inner, .ui-mini .ui-btn-icon-left .ui-btn-inner {
    padding-left: 10px;
}

div.moreinfo {margin-left:10px; float:left !important; }
div.clear {clear:both;}
div.usermessage {font-size:14px;margin-top:5px;line-height:2em;}
div.responsemessage {font-size:1em;margin-top:5px;line-height:2em;}
div.usermessage img, divresponsemessage img {max-width:100%;}
/* div.responsediv {margin:0 3px 5px 3px;padding:5px;border:1px solid #999;width:100% !important;} */
div.responsediv {margin-bottom:10px;padding:5px;border:1px solid #999;}

span.showcount {font-size:10px; font-weight:normal;}
span.showcount a {color:#fff;}

a.userfont{font-size:16px !important; font-weight:bold;text-decoration:none;color:#3B5998;margin-left:0 !important;padding-left:0 !important;}
a.userfont:hover {text-decoration:underline;}


a.showwhite {color:white !important; font-weight:normal !important;}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button {
    font-family: 'Arial';
}

.anchor{
  display: block;
  height: 65px; /*same height as header*/
  margin-top: -65px; /*same height as header*/
  visibility: hidden;
}

.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
   padding:10px;
}

span.grouphead {border:1px solid #666666;padding:2px 5px;font-size:0.8em;}