/* $WEFT -- Created by: S. M. Ibrahim (Lavlu) (smibrahim@gmail.com) on 4/13/2007 -- */
  @font-face {
    font-family: SolaimanLipi;
    font-style:  normal;
    font-weight: normal;
    src: url(http://cdn.somewhereinblog.net/SOLAIMA0.eot);
  }
body {
	color: #000000;
	margin: 0px;
	padding: 0px;
	background: #57A7D9;
	font: 16px SolaimanLipi;
}

img, img a {
	border-width: 0px;
	border-style: none;
}

form input, form select {
	font: 16px/normal SolaimanLipi;
}
.leftbox form {
	text-align: center;
	padding: 15px;
}
.leftbox form input {
	width: 180px;
}
.leftbox form select {
	width: 100px;
}

.eng {
	font: 80%/125% Candara, "Trebuchet MS", Verdana, Arial;
}
a.afunct {
	color: #7368A0;
	text-decoration: none;
}
.rightaligned {
	text-align: right;
	width: 100%;
}

a.afunct:hover {
	color: #FF0000;
	text-decoration: none;
}

.bng_text
{
	font: 100%/100% SolaimanLipi;
}




#main {
	background: url(pagehor_02.jpg) repeat-y;
	margin: 0px;
	padding: 20px 0px 0px 20px;
	clear: both;
	width: 1024px;
}
a {
	color: #666666;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #6B4DA6;
}
#main .tipbutton {
	font-size: 11px;
	line-height: 20px;
	width: 12px;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background: #666666;
	border: 2px solid #999999;
	margin: 0px;
	padding: 0px 3px;
}
#main .tipbutton:hover {
	color: #CC0000;
	text-decoration: none;
	background: #FFFFCC;
	border: 2px solid #CCCCCC;
}



#base {
	background: url(bottom_16.jpg) no-repeat;
   	height: 87px;
	margin: 0px;
	padding: 0px;
	width: 1024px;
}


#main p {
	margin: 0px 0px 10px;
	padding: 0px;
}
#main p.st_end {
	text-align: right;
	width: auto;
	line-height: 18px;
	border-top: 4px solid #F2F0F9;
	display: block;
	padding: 5px;
	margin-bottom: 30px;
	clear: both;
}

#main h1 {
	font-size: 140%;
	line-height: normal;
	font-weight: normal;
	margin: 0px 0px 5px;
}
#main h1 a {
	color: #000000;
	text-decoration: none;
}

#main h2 {
	line-height: normal;
	font-weight: normal;
	color: #666666;
	margin: -5px 0px 10px;
	font-size: 100%;
	border-bottom: 1px solid #CCCCCC;
}
#main h3 {
	margin: 15px 0px 5px;
	padding: 0px;
	font-size: 150%;
	font-weight: bold;
	line-height: normal;
	border-bottom: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}
#main h4 {
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
	display: block;
	padding-right: 10px;
	padding-left: 10px;
	background: #EEEFF6;
	clear: both;
	height: 24px;
	line-height: 24px;
}
#main #rightpanel .uniman img {
	margin-left: 20px;
}






.seperator {
	clear: both;
	width: auto;
	margin: 0px;
	padding: 0px;
	height: 0px;
}
#leftpanel {
	float: left;
	width: 222px;
}
#floatarea {
	width: 230px;
	position: absolute;
	left: 757px;
	top: 245px;
}
.floatbox {
	background: url(side-bar_08.jpg) repeat-y;
	width: 230px;
	margin-bottom: 15px;
	clear: left;
	
}
.floatbox h1,
.leftbox h1 {
	font-size: 110%;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px;
	padding: 10px 0px 0px;
}
.leftbox h1 {
	margin: 0px;
	padding-right: 20px;
	padding-left: 25px;
	padding-top: 10px;
}

#floatmid {
	padding: 10px 8px 0px 28px;
	width: 186px;
}
#floatmid {
	padding: 10px 8px 0px 28px;
	width: 186px;
}
#floatarea #floatmid img {
	margin: 4px;
}
#floatmid .container {
	margin: 0px;
	padding: 5px;
	width: auto;
}
#floatarea #floatmid .subcat input {
	margin-left: 20px;
}

#floatarea #floatmid p {
	margin: 0px 0px 5px;
	padding: 5px;
}
.leftbox p {
	margin: 20px;
}
#floatarea #floatmid .thumbframe {
	background: #FFFFF4;
	border: 1px solid #DFDFDF;
	margin: 0px 0px 10px;
}
#floatarea #floatmid .thumbframe img {
	float: left;
	height: 60px;
	width: 78px;
}

#floathead {
	background: url(side-bar_03.jpg) no-repeat;
	height: 34px;
	width: auto;
	margin: 0px;
	padding: 0px 8px 0px 35px;
    color: #ffffff;
}
#floatfoot {
	background: url(side-bar_13.jpg) no-repeat;
	height: 34px;
	width: 230px;
}
.leftbox {
	background: url(left_menu_middle.jpg) repeat-y;
	width: auto;
	margin-bottom: 15px;
}
.lboxhead {
	background: url(left_menu_top.jpg) no-repeat;
	height: 37px;
	margin-bottom: 10px;
}
.lboxfoot {
	background: url(left_menu_middle-06.jpg) no-repeat;
	height: 36px;
}
.nirbahead{
    background: url(nirbachito_top.jpg) no-repeat;
	height: 37px;
	margin-bottom: 10px;
}
.nirbafoot{
	height: 36px;
	margin-bottom: 10px;
}
.floatbox ul,
.leftbox ul {
	list-style: url(dotside.gif);
	text-indent: 0px;
	margin: 0px;
	padding: 0px 0px 0px 6px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}
.leftbox ul {
	margin: 0px 0px 0px 15px;
	padding: 15px 20px 0px 25px;
	font-size: 100%;
	overflow: hidden;
}
.floatbox li,
.leftbox li {
	margin: 0px 0px 10px;
	text-indent: 0px;
	padding: 0px 0px 0px 5px;
	border-style: none;
	border-width: 0px;
}


/*
.solid {
	width: auto;
	background: #EEEFF6;
}
*/
.solid {
	width: auto;
	background: #EEEFF6 url(main_menu_middle.jpg) repeat-y;
}


.solid #headx {
	height: 34px;
	background: url(main_menu_top.jpg) no-repeat;
}
.solid #footx {
	height: 37px;
	margin: 0px;
	padding: 0px;
	clear: both;
	background: url(main_menu_bottom.jpg) no-repeat;
}
.tools {
	/*background: #F1E9F8;*/
	width: auto;
	margin-bottom: 15px;
}
.tools ul {
	margin: 0px 15px;
	list-style: none;
	padding: 0px;
}
.tools a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.tools a:hover {
	text-decoration: underline;
}

.tools ul img {
	margin: 2px 5px 2px 0px;
}
.login {
	width: auto;
	text-align: center;
	margin-bottom: 15px;
}
#main .login h2 {
	font-size: 100%;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px 8px;
	border-width: 0px;
	border-style: none;
}
#main .login p {
	margin: 12px 0px 2px;
	padding: 0px;
}

.login form {
	font-size: 100%;
	text-align: center;
	padding: 0px 14px;
}
.login form input {
	margin: 0px;
	width: 120px;
}
.comments {
	background: #FFFFF4;
	margin: 20px 10px 0px 10px;
	padding: 5px 10px 10px 10px;
	font-size: 100%;
	border: 1px solid #CCCCCC;
}

#main .comments h1 {
	font-size: 120%;
	line-height: 40px;
	font-weight: bold;
	color: #333333;
	margin: 5px 0px 0px;
	padding: 0px;
	display: block;
	border-bottom: 1px dotted #CCCCCC;
}
#main .comments h2 {
	margin: 5px 0px 10px;
	border-style: none;
}
.reg {
	background: #E2E1F4;
}
#main .reg #head {
	height: 40px;
}
form.keypref,
#main .reg form.keypref {
	font-weight: normal;
	text-align: right;
	color: #666666;
	margin: 0px;
	padding: 10px;
	border-style: none;
}
form.keypref input,
#main .reg form.keypref input {
	width: auto;
	height: 15px;
	margin: 0px;
	padding: 0px;
}
form.keypref select,
#main .reg form.keypref select {
	width: 90px;
	margin: 0px;
	padding: 0px;
	font: 16px SolaimanLipi;
}


#main .reg form {
	margin-right: 80px;
	margin-left: 80px;
	text-align: right;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
}
#main .reg form .small {
	width: 100px;
}
#main .reg form .radio {
	width: auto;
}

#main .reg form input {
	width: 220px;
}

#main .reg h3 {
	text-align: left;
	margin-bottom: 20px;
	border-bottom-style: none;
}
#main .reg form .regbutton {
	width: 150px;
}
#main .reg form #regterms {
	font-weight: normal;
	text-align: justify;
	width: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin-bottom: 30px;
}
.welleft {
	background: #FFE8AE;
	margin-bottom: 15px;
	font-size: 100%;
}
#main .welleft #head {
	height: 40px;
}

#main .welleft p {
	margin: 15px;
}
#main .welleft h1 {
	margin: 10px 15px;
	color: #666666;
	font-size: 120%;
	text-align: center;
	border-bottom: 1px solid #666666;
}
#main .welleft form input {
	width: 100px;
}

#main .welleft img.bloggerpic {
	margin-right: 10px;
}
.welbox {
	float: left;
	width: 200px;
	border: 2px solid #FFE8AE;
	margin-right: 15px;
	margin-bottom: 20px;
	text-align: center;
}
#main .welbox h1 {
	margin-top: 20px;
}

#main .welbox #head {
	height: 50px;
}












.titlebox {
	background: url(ppmid.gif) repeat-y;
	margin: 0px -10px 10px;
	padding: 0px;
}
.titlebox #head {
	height: 68px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 50px;
	background: url(pptop.gif) no-repeat;
	padding-left: 20px;
	padding-right: 70px;
}

/*.titlebox {
	background: url(title_bg.gif) repeat-x;
	border: 1px solid #CDDC48;
}
.titlebox #head {
	height: 40px;
	font-size: 140%;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 200%;
}*/
#main .titlebox p {
	font-size: 110%;
	font-weight: bold;
	color: #999999;
	margin: 20px 20px 10px;
	line-height: normal;
	padding: 0px;
}
#rightpanel {
	float: left;
	width: 455px;
	text-align: left;
	margin: 0px 0px 30px 30px;
	padding-right: 5px;
	padding-left: 5px;
    overflow:hidden;
}
#rightpanel a {
	color: #6B4DA6;
}

#fullpanel {
	float: left;
	width: 650px;
	padding: 0px 0px 0px 15px;
	text-align: justify;
	line-height: 130%;
}

.rate {
	background: url(rate_03.gif) no-repeat;
	clear: both;
	width: 426px;
	padding: 3px 15px 5px 5px;
	font-size: 15px;
	height: 22px;
}

.ratesingle {
	background: url(rating-back.gif) no-repeat;
	clear: both;
	width: 453px;
	padding: 0px 15px 5px 5px;
	font-size: 14px;
	height: 45px;
}
#main .rate form {
	margin: 0px;
	padding: 0px;
	clear: none;
	float: right;
	border-style: none;
	line-height: 14px;
}
#main .rate form input {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	line-height: 18px;
	vertical-align: middle;
}

#main .rate form input.button {
	line-height: 18px;
	height: 22px;
	font-size: 14px;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
}

#showrate {
	color: #000;
	display: block;
	line-height: 18px;
	margin-left: 5px;
	margin-top:0px;
	padding-top:0px;
	padding-right:5px;
	/*width: 185px;*/
	float: right;
	text-align:right;
	
}


.posttools {
	font-weight: normal;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	height: 20px;
	clear: both;
	display: block;
}
#main .posttools a {
	text-decoration: none;
	height: 20px;
	padding-right: 6px;
	padding-left: 6px;
	color: #999999;
}
#main .posttools a:hover {
	color: #000000;
	text-decoration: underline;
}

.posttools li {
	clear: none;
	width: auto;
	display: block;
	float: right;
}
.profile {
	color: #FFFFFF;
	background: #7368A0;
	margin-right: 20px;
	margin-left: 20px;
	padding-top: 15px;
}
#main .profile a {
	color: #EFDE98;
}

.blogger {
	clear: none;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin-left: 20px;
}

#main .profile h1 {
	font-size: 140%;
	line-height: normal;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0px 20px 10px;
}
#main .profile p {
	margin-right: 20px;
	margin-left: 20px;
}

#writenew {
	margin: 0px;
	padding: 15px;
	width: auto;
}
#writenew input {
	margin: 0px;
	clear: both;
	font: 16px SolaimanLipi;
	width: 430px;
}
#writenew textarea {
	height: 300px;
	width: 430px;
	font: 16px SolaimanLipi;
}
#writenew .formatbar {
	background: #E4E2ED;
	padding: 5px;
	height: 25px;
	width: 424px;
	display: block;
	margin: 0px 0px -5px;
	line-height: 25px;
	font-weight: bold;
	color: #000000;
}
#writenew .formatbar .fbarbuttons {
	float: left;
	width: 424px;
}

#writenew .formatbar .fbarbuttons a {
	color: #000000;
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 0px;
	padding-left: 2px;
}
#writenew .formatbar .fbarbuttons a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background: #E4E2ED;
}

#writenew .button {
	width: 29%;
	height: 25px;
	margin-right: 5px;
	margin-left: 5px;
	padding: 0px;
	font: 16px SolaimanLipi;
}

#tools {
	width: auto;
	margin-bottom: 15px;
}
#toolhead {
	background: url(toolhead.gif) no-repeat;
	height: 23px;
}
#toolfoot {
	background: url(toolfoot.gif) no-repeat;
	height: 23px;
}
#tools ul {
	margin: 0px 15px;
	list-style: none;
	padding: 0px;
}
#tools a {
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
#tools a:hover {
	text-decoration: underline;
}

#tools img {
	margin: 2px 5px 2px 0px;
}

.imp {
	font-weight: bold;
	color: #CC0000;
}

#main .titlebox #writenew p {
	margin: 3px 0px;
	padding: 0px;
}
.gpost_set {
	padding: 10px;
	width: auto;
	border: 1px solid #EFEFEF;
	background: #F7F7F7;
}
#main #writenew h4 {
	margin-bottom: 0px;
	border-bottom: 1px solid #CCCCCC;
}
.gpost_set #select.combo {
	width: 100%;
	font: 16px/normal SolaimanLipi;
}
#main .gpost_set td {
	width: 50%;
}
#main #rightpanel .solid titlebox #writenew .gpost_set input {
	width: 20px;
}
#main #rightpanel .gpost_set input {
	width: auto;
}
#main .gpost_set table {
	border: 1px solid #7370A9;
	margin-top: 10px;
	font-size: 90%;
}
#main .gpost_set th {
	font-weight: bold;
	color: #FFFFFF;
	background: #7370A9;
	text-align: left;
	text-indent: 4px;
	border: 1px solid #7370A9;
}
#main .gpost_set th.close {
	text-align: right;
	padding-right: 5px;
}
#main .gpost_set th.close a {
	color: #FFFFFF;
	text-decoration: none;
}
#main .gpost_set th.close a:hover {
	color: #FF0000;
	text-decoration: none;
}
.groupnav {
		font-size: 90%;
	    background: url(group-vertilines.jpg) repeat-y;
	    margin-bottom: 15px;
    width:462px;
}
#grouptab {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: auto;
	list-style: none;
	display: block;
	background: #FFFFFF;
}
#grouptab li {
	display: block;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
}
.groupnav #page {
	float: right;
	margin: 5px;
}
.groupnav #find {
	float: left;
	margin: 5px;
}
.groupnav th {
	font-weight: normal;
	text-decoration: underline;
	text-align: left;
}
#grouptab li.active {
	background: #EEEFF6;
}
#grouptab li.active a {
	font-weight: bold;
	color: #333333;
}
.groupnav td {
	border-top: 1px solid #FFFFFF;
}
.groupnav table {
	margin: 5px;
}

.emphasis {
	font-weight: bold;
	color: #FFFFFF;
}
#floatarea .shout #floatmid p.shaded {
	margin: 15px -4px 5px 0px;
	padding: 5px 10px;
	text-align: center;
	font-weight: normal;
	display: block;
	color: #FF8000;
}
.shout #floathead {
	background: url(shout_top.jpg) no-repeat;
	height: 78px;
}
.shout #floatfoot {
	background: url(shout_foot.jpg) no-repeat;
	height: 41px;
}
.shout #floatmid ul {
	list-style: circle url(none);
	text-indent: 0px;
	margin: 0px -5px 0px 0px;
	padding: 10px 0px 0px 6px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
.shout #floatmid li {
	margin: 0px 0px 10px;
	text-indent: 0px;
	padding: 0px 0px 0px 5px;
	border-style: none;
	border-width: 0px;
	list-style: none;
}
.shout a:hover {
	text-decoration: underline;
	color: #FF7F00;
}
#floatmid .notes {
	font-size: 85%;
	margin: 0px;
	padding: 10px;
	color: #FF7F00;
}
.expcoll {
	text-align: right;
	display: block;
	border-bottom: 1px solid #666666;
	font-size: 85%;
}

/*------styles for shoutbox :: end------*/
#mod_head {
	background: url(mod-head.gif) no-repeat;
	clear: both;
	height: 65px;
	width: auto;
}
#rightpanel h6 {
	font-size: 100%;
	font-weight: normal;
	background: url(mod-ttlbg.gif) no-repeat;
	display: block;
	clear: both;
	height: 20px;
	width: auto;
	margin: 20px 0px 10px;
	padding-right: 10px;
	line-height: 20px;
	padding-left: 10px;
}
#rightpanel h6 img {
	margin-right: 5px;
	position: relative;
	float: left;
}
.mod_box {
	background: #F5F8FF;
	margin: 5px;
	padding: 0px;
}
.mod_options {
	background: #E6EDFC;
	padding: 5px;
	clear: both;
	height: 20px;
	width: auto;
	line-height: 20px;
	margin: 0px;
}
#main #rightpanel .mod_box p {
	padding: 5px;
}
#main #rightpanel .mod_box .mod_options input.left {
	float: left;
	margin-right: 10px;
	display: block;
}

/*********************************************
      noticeboard css added on 06-12-07
*********************************************/

.notice {
	/*background: url(noticeBody.jpg) repeat-y;*/
	background-color: #F7EEE2;
	margin-bottom: 10px;
}
.drishti {
	background: url(noticeBody.jpg) repeat-y;
	margin-bottom: 10px;
}
.drishti .top {
	background: url(dristiTop.jpg) no-repeat;
	height: 47px;
	margin-bottom: 10px;
}
.drishti .topeng {
    background: url(dristiTopENG.jpg) no-repeat;
    height: 47px;
    margin-bottom: 10px;
}
.drishti .topgrp {
	background: url(dristiTopGrp.jpg) no-repeat;
	height: 47px;
	margin-bottom: 10px;
}
.drishti .topenggrp {
    background: url(dristiTopEngGrp.jpg) no-repeat;
    height: 47px;
    margin-bottom: 10px;
}

.drishti .bottom {
	background: url(dristiBottom.jpg) no-repeat;
	height: 14px;
}
#main #rightpanel .drishti p,
#main #rightpanel .notice p,
#main #rightpanel .drishti h1,
#main #rightpanel .notice h1,
#main #rightpanel .drishti h2,
#main #rightpanel .notice h2 {
	padding-right: 10px;
	padding-left: 10px;
}
.notice .top {
	/*background: url(noticeTop.jpg) no-repeat;*/
	background: url(newnoticebirthday.gif) no-repeat;
	height: 47px;
	margin-bottom: 10px;
}

.notice .topeng {
    background: url(noticeTopENG.jpg) no-repeat;
    height: 47px;
    margin-bottom: 10px;
}

.notice .bottom {
	background: url(noticeBotoom.jpg) no-repeat;
	height: 14px;
}
#main .notice p.st_end {
	margin-bottom: 5px;
}



/*--------lavlu--------*/

.notifiction_head
{
	width: 100%;
	line-height: 20px;
	background: #C0C0C0;
	broder:1px solid gray;

}


.grptitlebox {
    background: url(group-vertilines.jpg) repeat-y;
    border: 0px solid #CDDC48;
    width: 462px;
}
.grptitlebox #head {
    background: url(group-topbar.jpg) no-repeat;
    height: 49px;
    font-size: 120%;
    font-weight: bold;
    padding-top: 5px;
    color: #FFFFFF;
    line-height: 200%;
}

.grptitlebox #subhead {
    background: url(group-subtop.jpg) no-repeat;
    height: 43px;
    font-size: 120%;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 200%;
}

 grptitlebox #grptitle, #grptitle-value { 
 color: black;
 margin-left: 30px;
 
}

grptitlebox #subtitle { 
 color: black;
 font: 120%/120% SolaimanLipi; 
}

.grptitlebox #foot {
    background: url(group-boxend.jpg) no-repeat;
    height: 22px;   
}

.grptitlebox #title{
 padding-left: 50px;
}

.grptitlebox #title-value{
 color: #000;
}

.grptitlebox #tagline-value, #indiv_invitation, #mass_invitation{
 padding-left: 50px;
 padding-top: 5px;
}


#ruletable td{
border-bottom: 2px solid #fff;  
}

#grpchange{
float: right; 
position: relative; 
border: 0px solid #ff0; 
bottom: 35px; 
right: 10px;
color:black;
font-weight: bold;
font: 90%/90% SolaimanLipi;
}


#groupselect{
   background: #f8ce92;
   border: 0px solid gray;
   width: 444px;
   line-height: 1.5em;
   overflow: visible;
   font-size: 16;
   font-weight: bold;
   text-align: center; 
   color: black; 
   clear: both;
   position: relative;
   left:4px;
   margin-left: 10px;
   z-index: 100;
}

#groupselect a{
  text-decoration: none;
  color: black;
}      

.grpleftbox {
    background: url(group-vertilines.jpg) repeat-y;
    margin-bottom: 15px;
    width:462px;
}

.grptitlebox #modpaneldiv{
    background: url(group-tab-for-mod.jpg) no-repeat;
    height: 47px; 
  }

  .grptitlebox #modpaneldiv1{
    background: url(group-tab-for-mod-alt.jpg) no-repeat;
    height: 47px; 
    border: 0px solid #f00;
  }
  
.grptitlebox #moddiv{
  width: 450px;
  padding-left: 15px;
  text-align: left;
}
  
.grpboxfoot{
    background: url(group-boxend.jpg) no-repeat;
    height: 22px;
    width: 462px;
    z-index:100;
}

.notifiction_head{
    background: url(group-divider-bar.jpg) no-repeat;
    height: 36px;
    width: 462px;
    padding-left: 30px;
    padding-top: 5px;
}


.groupnavheadactive{
    background: url(group-tab-for-groups.jpg) no-repeat;
    height: 49px;
}

.groupnavhead1active{
    background: url(group-tab-for-groups-alt.jpg) no-repeat;
    height: 49px;
}


.shoutbox {
font-size: 15px;
padding: 2px;
}

.tools ul ul li a{
    margin: 0px 5px;
    line-height: 1.8em;
    padding: 0px;
    color: gray;
}


#errorcontent  {
border:				#999 1px solid;
background-color:	#fff;
padding:			20px 20px 12px 20px;
width:550px; text-align:center;
}

.tboxhead{
 background: #fff4de;
}


#errorcontent h1  {
font-weight:		normal;
font-size:			24px;
color:				#990000;
margin: 			0 0 4px 0;
}

#errorcontent .details {
font-weight:		normal;
font-size:			20px;
margin: 			0 0 4px 0;
}


.notice {
    background: url(noticeBody.jpg) repeat-y;
    /*background-color: #F7EEE2;*/
    margin-bottom: 10px;
}

.drishti {
    background: url(noticeBody.jpg) repeat-y;
    margin-bottom: 10px;
}
.drishti .top {
    background: url(dristiTop.jpg) no-repeat;
    height: 47px;
    margin-bottom: 10px;
}
.drishti .bottom {
    background: url(dristiBottom.jpg) no-repeat;
    height: 14px;
}
#main #rightpanel .drishti p,
#main #rightpanel .notice p,
#main #rightpanel .drishti h1,
#main #rightpanel .notice h1,
#main #rightpanel .drishti h2,
#main #rightpanel .notice h2 {
    padding-right: 10px;
    padding-left: 10px;
}
.notice .top {
    background: url(noticeTop.jpg) no-repeat;
    height: 47px;
    /*background: url(newnoticebirthday.gif) no-repeat;
    height: 80px;*/
    background-position: top;
    margin-bottom: 10px;
}
.notice .bottom {
    background: url(noticeBotoom.jpg) no-repeat;
    height: 14px;
    /*background: url(newnoticebirthday.gif) no-repeat;
    height: 80px;*/
	background-position: bottom;
}
#main .notice p.st_end,
#main .drishti p.st_end {
    margin-bottom: 5px;
}


#publishbottom{
    background: url(quickpostPublish.gif) no-repeat;
    height: 30px;
    width:450px;

}


.rightbottomcorner {
    text-align: right;
    float: right;
    width: 430px;
    padding: 0px;
    margin-bottom: 10px; 
    right: 0px;
    height: 15px;
}


.comments-date {
	float: right;
	top:-5px;
	right:0px;
	text-align:right;
	position:relative;
	width: 420px;	
}
.comments-reply {
	background: #dcddf1;
	margin: 0px 1px 1px;
	margin-left: 40px;
	margin-right: 10px;
	padding: 10px;
	font-size: 100%;
	border: 1px solid #CCCCCC;
}


/*.solid #head {
	height: 20px;
}*/
.solid #foot {
	height: 20px;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.grptitlebox {
    background: url(group-vertilines.jpg) repeat-y;
    border: 0px solid #CDDC48;
    width: 462px;
}
.grptitlebox #head {
    background: url(group-topbar.jpg) no-repeat;
    height: 49px;
    font-size: 120%;
    font-weight: bold;
    padding-top: 5px;
    color: #FFFFFF;
    line-height: 200%;
}

.grptitlebox #subhead {
    background: url(group-subtop.jpg) no-repeat;
    height: 43px;
    font-size: 120%;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 200%;
}

 grptitlebox #grptitle, #grptitle-value { 
 color: black;
 margin-left: 30px;
 
}

grptitlebox #subtitle { 
 color: black;
 font: 120%/120% SolaimanLipi; 
}

.grptitlebox #foot {
    background: url(group-boxend.jpg) no-repeat;
    height: 22px;   
}

.grptitlebox #title{
 padding-left: 50px;
}

.grptitlebox #title-value{
 color: #000;
}

.grptitlebox #tagline-value, #indiv_invitation, #mass_invitation{
 padding-left: 50px;
 padding-top: 5px;
}


#ruletable td{
border-bottom: 2px solid #fff;  
}

#grpchange{
float: right; 
position: relative; 
border: 0px solid #ff0; 
bottom: 35px; 
right: 10px;
color:black;
font-weight: bold;
font: 90%/90% SolaimanLipi;
}


#groupselect{
   background: #f8ce92;
   border: 0px solid gray;
   width: 444px;
   line-height: 1.5em;
   overflow: visible;
   font-size: 16;
   font-weight: bold;
   text-align: center; 
   color: black; 
   clear: both;
   position: relative;
   left:4px;
   margin-left: 10px;
   z-index: 100;
}

#groupselect a{
  text-decoration: none;
  color: black;
}      

.grpleftbox {
    background: url(group-vertilines.jpg) repeat-y;
    margin-bottom: 15px;
    width:462px;
}

.grptitlebox #modpaneldiv{
    background: url(group-tab-for-mod.jpg) no-repeat;
    height: 47px; 
  }

  .grptitlebox #modpaneldiv1{
    background: url(group-tab-for-mod-alt.jpg) no-repeat;
    height: 47px; 
    border: 0px solid #f00;
  }
  
.grptitlebox #moddiv{
  width: 450px;
  padding-left: 15px;
  text-align: left;
}
  
.grpboxfoot{
    background: url(group-boxend.jpg) no-repeat;
    height: 22px;
    width: 462px;
    z-index:100;
}

.notifiction_head{
    background: url(group-divider-bar.jpg) no-repeat;
    height: 36px;
    width: 462px;
    padding-left: 30px;
    padding-top: 5px;
}


.groupnavheadactive{
    background: url(group-tab-for-groups.jpg) no-repeat;
    height: 49px;
}

.groupnavhead1active{
    background: url(group-tab-for-groups-alt.jpg) no-repeat;
    height: 49px;
}


.shoutbox {
font-size: 15px;
padding: 2px;
}

.tools ul ul li a{
    margin: 0px 5px;
    line-height: 1.8em;
    padding: 0px;
    color: gray;
}


#errorcontent  {
border:				#999 1px solid;
background-color:	#fff;
padding:			20px 20px 12px 20px;
width:550px; text-align:center;
}


.imgbutton{
	width: 25px;
	height: 25px;
	clear:none;
	display: block;
	float: left;
}


#writenew input .imgbutton{
	width: 25px;
	height: 25px;
	clear:none;
	display: block;
	float: left;
}
.titlebox #foot {
	background: url(ppbottom.gif) no-repeat left bottom;
	height: 15px;

	*margin-bottom: -5px;
	width: auto;
}

#masthead {
    background: url(banner/lulu_01_21thfeb.jpg) no-repeat;
    height: 215px;
    width: 1017px;
}

#masthead ul {
    display: block;
    padding: 168px 5px 5px;
    height: 20px;
    width: 660px;
    list-style: none inside;
    text-align: center;
    color: #FFFFFF;
    margin: 0px 0px 0px 55px;
    line-height: 18px;
    font-size: 18px;
}
#masthead li {
    display: inline;
}
#masthead ul img {
    vertical-align: bottom;
}

#masthead a {
    color: #5E54B1;
    padding-right: 10px;
    padding-left: 10px;
}
#masthead a:hover {
    color: #000000;
    text-decoration: none;
}

#floathead  a{
 color: #ffffff;
}

.lboxhead h1{
 color: #000000;

}



/* tabs */

#nav
    { 
    width:509px; 
    height: 36px;
    margin-left:-34px;
    position: absolute;
    padding: 0;
    margin: 0;
    top:0;
    left:6px;
    background: #c6dcf3;
    }

    #navbottom
    { 
    width:509px; 
    height: 28px;
    margin-left:-34px;
    position: absolute;
    padding: 0;
    margin: 0;
    top:36px;
    left:6px;
    background: url(tab/top_end.jpg) no-repeat;
    }
    
#nav ul 
    {
    list-style:none;
    width: 509px;
    height: 36px;  
    padding: 0;
    margin: 0; 
    }

#nav li 
    {
    list-style: none;
    display: inline;
    text-align: center;
    }

#nav li a 
    {
    text-decoration: none;
    display:inline;
    float:left;    
    }    

li#editorial a {
    width:150px;
    height:36px;
    position: relative;
    left: 23px;
    background: url(tab/inactivestate.jpg) no-repeat;
    padding: 10px 0px 0px 0px;
    color: #FFFFFF;
    text-align:center;
     }
     
li#editorial_selected a{
    width:150px;
    height:36px;
    position: relative;
    background: url(tab/activestate.jpg) no-repeat;
    left: 23px;
    padding: 10px 0px 0px 0px;
}


li#editorial a:hover {    
    background: url(tab/overstate.jpg) no-repeat; 
    height: 36px;
    } 

    
li#chrono a {
    width:150px;
    height:36px;
    position: relative;
    left: 25px;
    background: url(tab/inactivestate.jpg) no-repeat;
    padding: 10px 0px 0px 0px;
    text-align:center;
    color: #FFFFFF;
     }

li#chrono_selected a {
    width:150px;
    height:36px;
    background: url(tab/activestate.jpg) no-repeat;
    position: relative;
    left: 25px;
    padding: 10px 0px 0px 0px;
    text-align:center;
     }    
           
li#chrono a:hover {    
    background: url(tab/overstate.jpg) no-repeat; 
    height: 36px;
    }    

li#groups a {
    width:150px;
    height:36px;
    position: relative;
    left: 25px;
    background: url(tab/inactivestate.jpg) no-repeat;
    padding: 10px 0px 0px 0px;
    text-align:center;
    color: #FFFFFF;
     }
     
li#groups_selected a{
    width:150px;
    height:36px;
    position: relative;
    background: url(tab/activestate.jpg) no-repeat;
    left: 25px;
    padding: 10px 0px 0px 0px;
    text-align:center;
}


li#groups a:hover {    
    background: url(tab/overstate.jpg) no-repeat; 
    height: 36px;
    position: relative;
    left: 25px;
    padding: 10px 0px 0px 0px;
    text-align:center;
    } 

li#following a {
    width:150px;
    height:36px;
    position: relative;
    left: 25px;
    background: url(tab/inactivestate.jpg) no-repeat;
    padding: 10px 0px 0px 0px;
    text-align:center;
    color: #FFFFFF;
     }
     
li#following_selected a{
    width:150px;
    height:36px;
    position: relative;
    background: url(tab/activestate.jpg) no-repeat;
    left: 25px;
    padding: 10px 0px 0px 0px;
    text-align:center;
}


li#following a:hover {    
    background: url(tab/overstate.jpg) no-repeat; 
    height: 36px;
    position: relative;
    left: 25px;
    padding: 10px 0px 0px 0px;
    text-align:center;
    } 

    
    
/*for new pop-up keyboard*/
.ph_button {
	font: bold 11px/31px Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
	background: url(ph_button.gif) no-repeat;
	text-align: center;
	display: block;
	height: 31px;
	width: 158px;
	margin-right: auto;
	margin-left: auto;
}
#phon_ad {
	border-top: 0px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	padding: 0px;
	font-family: SolaimanLipi, "Arial Unicode MS", Vrinda, Arial;
	background: url(ban_bg.gif) repeat-x;
}
#phon_ad h1 {
	font-size: 24px;
	line-height: normal;
	font-weight: bold;
	color: #CC0000;
	margin: 0px;
	padding: 0px;
}
#phon_ad .head {
	background: url(ban_logo.gif) no-repeat right top;
	height: 40px;
}
#phon_ad .adcont {
	padding: 10px;
}
#phon_ad .ad_swilogo {
	background: url(ban_swilogo.gif) no-repeat;
	float: left;
	height: 40px;
	width: 186px;
}

#sharebar img{
	vertical-align: middle;
	margin-bottom: 5px;
}

.helpbox ul{
	list-style: url(help-box_dot_06.jpg);
	text-indent: 0px;
	margin: 0px;
	padding: 0px 0px 0px 30px;
	border-style: none;
	border-width: 0px;
	overflow: hidden;
}

.helpbox li {
	margin: 0px 0px 10px;
	text-indent: 0px;
	padding: 0px 0px 0px 5px;
	border-style: none;
	border-width: 0px;
	font-color: teal;
}
.helpbox img {
	margin: 0px -30px 5px;
	/*text-indent: 0px;*/
	padding: 0px 0px 0px 5px;
	border-style: none;
	border-width: 0px;
	
}

.teal {
color:teal;
font-size:1.1em;
}
.facebookbutton{
	background: url(fb-button.gif) no-repeat;
	line-height: 18px;
	margin: 0 10px 10px 0px;
	text-indent: 0px;
	padding: 24px 0 27px 49px;
	border-style: none;
	border-width: 0px;
}

.facebookbutton a{
	font-size: 16px;
	color: white;
	
	}

#base {
       background: url(bottom_1.jpg) no-repeat;
       height: 47px;
       margin: 0px;
       padding: 40px 0px 0px;
       width: 1024px;
       font: 12px Georgia, "Times New Roman", Times, serif;
       color: #333333;
       text-align: center;
}

/*
#base {
        height: 40px; 
        margin: 0px auto;
 	font: 12px Georgia, "Times New Roman", Times, serif;
        color: #333333;
        text-align: left;
      	background-image: url(bottom_1.jpg);
 	background-repeat: no-repeat;
        background-position: left top;
        padding: 48px 28px 8px 280px;
}
*/
	
/*added by lavlu for toolber in comments form*/
#txttools {
	background: #ECE9F5 url(formatbar.gif) repeat-x left top;
	width: 99%;
	margin: 0px;
	clear: both;
	padding: 0px;
	border-top: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
#txttools a {
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	text-decoration: none;
	margin: 3px;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: center;
}
#txttools a:hover {
	background-color: #FFFFFF;
}

#txttools a.bold {
	background-image: url(text_bold.png);
}
#txttools a.italic {
	background-image: url(text_italic.png);
}
#txttools a.underline {
	background-image: url(text_underline.png);
}
#txttools a.photo {
	background-image: url(camera.png);
}
#txttools a.link {
	background-image: url(link.png);
}
#txttools a.movie {
	background-image: url(film.png);
}
#txttools a.emoticon {
	background-image: url(emoticon_smile.png);
}
#txttools a.tools {
	background-image: url(wrench.png);
}
#txttools .divider {
	background: url(divider.gif) no-repeat;
	display: block;
	float: left;
	width: 12px;
	height: 25px;
}
/*added by lavlu for birthday wish box*/
#bday {
		margin-left: 25px;
		background-image: url(bday_balloons.gif);
		height: 270px;
		margin-bottom: 20px; 
	}
#bday h2{
	padding-top: 200px;
	margin-left: 40px;	
}

#bdayusername{
	margin-left:50px;
	font-size: 25px;
}

/*birthday wish box end*/

/* css for bandor group post */
.grpspecialpost{
background: url(kids-image.gif) no-repeat ;
padding-top: 60px;
*padding-top: 55px;
padding-bottom: 20px;
padding-left: 85px;
/*margin-bottom: 20px;*/
}
/* css for bandor group post end*/

/************************************

added for new reistration page design

************************************/

.regpage#main {
	background: url(pagehor_reg.jpg) repeat-y;
}
.regpage#base {
	background: url(bottom_reg.jpg) no-repeat;
}
#registration label {
	line-height: 24px;
	display: block;
	float: left;
	width: 180px;
	text-align: right;
	padding-right: 10px;
}
#registration em {
	font-style: normal;
	font-weight: bold;
	color: #FFF;
	background: #639;
	padding: 0px;
}

a.likebutton {text-decoration: none !important; background-image: url(bhalo-laglo.gif); display: block; height: 25px; width: 85px; background-position: left bottom; background-repeat: no-repeat; margin-left: 5px; margin-right: 5px;}



a.likebutton:hover {background-position: left top}

a.disclaimer {
	display: block;
	text-align: center;
	margin-left: 247px;
	/*margin-right: 280px;*/
        width: 450px;
	font-size: 72%;
	padding: 10px;
	color: #333;
	text-decoration: none;
	background-color: #FFC;
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
}

a.disclaimer:hover {
	border-color: #D7D7D7;
	color: #000;
}

