@charset "utf-8";
body, div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	scrollbar-base-color:#369;
}
textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
a {color:#98AD22; text-decoration:none; outline:none;}
a:hover {color:#98AD22; text-decoration: underline;}

a.underline {color:#98AD22; text-decoration:none; outline:none;}
a.underline:hover {color:#98AD22; text-decoration:underline;}

a.blackLink {color:#000; text-decoration:none; outline:none;}
a.blackLink:hover {color:#98AD22; text-decorationf:underline;}

a.blackLink2 {color:#000; text-decoration:none; outline:none;}
a.blackLink2:hover {color:#98AD22; text-decoration:underline; font-weight:bold;}

a.whiteLink {color:#fff; text-decoration:none; outline:none;}
a.whiteLink:hover {color:#fff; text-decoration:underline;}

a.redLink {color:#CC0000; text-decoration:underline; outline:none;}
a.redLink:hover {color:#CC0000; text-decoration:underline;}

a.blueLink {color:#006699; text-decoration:none; outline:none;}
a.blueLink:hover {color:#006699; text-decoration:none;}

a.orangeLink {color:#CC0000; text-decoration:underline; outline:none;}
a.orangeLink:hover {color:#CC0000; text-decoration:underline;}

a.grayLink {color:#666; text-decoration:underline; outline:none;}
a.grayLink:hover {color:#666; text-decoration:underline;}

a.imgLink { text-decoration:none; display:table; outline:none;}
a.imgLink:hover { text-decoration:none;}


#pageWrapper {MARGIN: 0px auto; width:945px; text-align:left; border:solid 0px #000000;}

#header { display:inline; width:943px; border:solid 0px #000000; margin-bottom:6px;}
/*#header::after {
    clear: both;
    content: "";
    display: table;
}*/

#header div.logo { float:left; width:177px; text-align:right;}
#header div.nav1 {float:right; width:720px; border:solid 0px #000000; margin-top:10px; text-align:left; padding-left:0px; padding-top:0px; display:inline} 
.topnav { text-align:left; padding-top:5px; line-height:22px; margin-top:0px; margin-bottom:8px; margin-left:12px; margin-right:15px; border:solid 0px; float:left; width:524px;}
.topnav a { color:#333333; text-decoration:none; padding:2px; padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; border:solid 0px #ccc;}
.topnav a:hover { color:#333333; text-decoration:underline;   padding-left:6px; padding-right:6px; padding-top:3px; padding-bottom:3px; border-left:solid 0px #fff;}
.topnav a.active { text-decoration:underline; color:#000; font-weight:bold; padding-left:8px; padding-right:8px; padding-top:3px; padding-bottom:3px; border-left:solid 0px #fff;}

.searchBar { border:solid 0px #000000; width:700px; float:right; display:table;}
.searchOption { float:left; margin-right:0px; margin-left:0; padding:0px; border:solid 0px; width:540px;}
.advanceSearch { float:right; text-align:right; border:solid 0px; width:150px;}
.searchFieldDiv {float:left; padding:0px; margin-right:2px; width:225px; border:solid 0px;}
.nearField { float:left; display:table; margin-right:0px; border:solid 0px; width:225px;}
.searchField {border:solid 1px #D8E782; background:#F4F8D7; margin:0px; padding:3px; font-size:14px; font-weight:normal; width:215px;font-family:Arial, Helvetica, sans-serif;}
.selectField {border:solid 1px #D8E782; background:#F4F8D7; margin:0px; padding:2px; font-size:14px; font-weight:normal; width:232px;font-family:Arial, Helvetica, sans-serif;}

.inputField {border:solid 1px #D8E782; background:#F4F8D7; margin:0px; padding:3px; font-size:12px;}
.searchCombo {border:solid 1px #D8E782; background:#F4F8D7; margin:0px; padding:3px; font-size:12px; height:26px; width:150px;}
.inputFieldBtn {border:solid 1px #D8E782; background:#99AE23; margin:0px; color:#FFFFFF; font-size:12px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; width:110px; padding-top:2px; padding-bottom:3px; cursor:pointer;}
.inputFieldSelect {border:solid 1px #9BAD23; background:#fff; margin:0px; padding:1px;}

.tagCloud {text-align:center; border:solid 1px #ccc; padding:5px;}
.cloudHeading {text-align:left; padding-left:5px; border-bottom:solid 1px #eee; height:20px; font-weight:bold; color:#98AD22; }

#spotlight { display:table;}
#spotlight div.flashSpotlight { float:left; width:720px; text-align:left;}
#spotlight div.spotlightText {float:left; padding-left:10px; padding-top:15px; padding-bottom:15px; font-size:16px; width:210px; border:solid 0px;}

#innerContent { display:inline;}
#innerContent div.leftpan { float:left; width:600px; text-align:right; margin-right:10px;}
#innerContent div.rightpan {float:left; width:244px; padding:10px; font-size:14px; border:solid 0px;}

.sortBar {}
.sortBardiv {background:url(../doalotimages/dotBg.gif) repeat; border:solid 0px #fff; height:23px; padding:3px;}

.titleBar { background:#F0F0F0; border-top:solid 1px #D8E782; border-bottom:solid 1px #D8E782; text-align:left; padding:5px; height:16px;}

.titleBar2 { background:#F0F0F0 url(../doalotimages/titleBar2bg.jpg) repeat-x left top; border-top:solid 0px #D8E782; border-bottom:solid 1px #ccc; text-align:left; padding:5px; height:16px;}

#content1 { text-align:left;}
.grayBg {background:#f4f4f4; display:table;}
.smallText {font-size:11px;}

#content {}
#content div.col309 { width:355px; float:left;}
#content div.col309New { width:350px; float:left;}
#content div.col250 { width:190px; float:left; padding:15px; background:#f4f4f4; display:table;}
#content div.col450 { width:350px; float:left; padding:15px; background:#f4f4f4; display:table;}
.upComingHead{font-size:14px; color:#333333; font-weight:bold; text-align:center;}

#ppthumbViewBox { display:inline; width:270px;  margin-right:5px; float:left; border-left:solid 0px #ccc;}
#ppthumbViewBox div.ppTxt {float:left; width:170px; border-right:solid 0px #ccc;}

#itemBox { display:inline; width:255px;  margin-right:5px; float:left; border:solid 0px;}
.imgGallery { float:left; margin-right:10px; width:100px; height:70px;}
.imgGallery img { border:solid 2px #ccc;}
.imgGallery img:hover { border:solid 2px #98AD22;}

.img { float:left; margin-right:10px; width:100px;}
.img img { border:solid 2px #ccc;}
.img img:hover { border:solid 2px #98AD22;}
.txt { float:left; width:145px; font-size:11px;}
.pad {padding-left:15px; border-left:solid 1px #eee;}

.playlist {margin-left:80px;}
#vidPlayList { display:inline; width:350px;  margin-right:5px; float:left; border:solid 0px;}
#vidPlayList div.img { float:left; margin-right:5px; width:100px;}
#vidPlayList div.txt { float:left; width:145px; font-size:11px;}
.pad {padding-left:15px; border-left:solid 1px #eee;}


.partuser {float:left; width:60px; margin-right:10px; text-align:left; border:solid 0px}
.partuserTxt {float:left; width:180px; border:solid 0px}

#prodtlform {}
#prodtlform div.label { float:left; width:230px; border:solid 0px;}
#prodtlform div.txtField {float:left; border:solid 0px;}
.uploadPic {float:left; border:solid 0px;}

.companyLogo {float:right; }
#subLinkArea { float:left; text-align:left;}
#subLinkArea div.subLinkIcon { text-align:left;}


.headGreen { background:#98AD22; font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:15px; padding-top:10px; padding-bottom:10px;}
.headGreen span { font-size:18px; font-weight:bold;}
.podContent { padding-left:15px; padding-right:15px; padding-top:5px; font-size:13px;}

.fileRecord {}
.fileRecord div.fileIcon { float:left; width:32px; margin-right:10px;}
.fileRecord div.fileTxt { line-height:18px;}

.reviewItem { display:inline;}
.reviewItem div.reviewLcol { float:left; padding-right:15px; border-right:solid 1px #ccc;}
.reviewItem div.reviewRcol { float:left; margin-left:10px; color:#666666}

#proBox { display:inline;}
#proBox div.proL { float:left; width:200px; margin-right:10px; padding-right:3px; height:90%;}
#proBox div.proR { float:left; border:solid 0px; width:655px; padding-left:15px; border: solid 0px; border-left:solid 1px #ccc;}
#proBox div.proBoxHeadBar {background:#eee; padding-left:10px; padding-top:5px; padding-bottom:5px; padding-right:10px; font-size:12px; font-weight:bold;}

proBox div.proRprj {width:680px;}
.divinline{ display:inline;}

#profileDesh { display:inline;}
#profileDesh div.deshL { float:left; width:315px; border:solid 0px; margin-left:10px;}
#profileDesh div.deshR { float: left; width:315px; border:solid 0px; margin-right:10px;}
#profileDesh div.ico {float:left; width:80px;}
#profileDesh div.txt {float:left; width:235px;}


#leftNav { width:200px; padding-top:0px; display:table;}
#leftNav div.subLink div {padding-left:20px; font-size:11px; color:#999999; height:18px;}
#leftNav div.subLink a{font-size:11px; color:#999999;}
#leftNav ul { list-style:none; margin:0px; padding-left:0px; width:200px; }
#leftNav ul li {list-style:none;}
#leftNav ul li a { color:#333333; font-weight:normal; padding-left:15px;  display:block; line-height:20px; background:url(../doalotimages/bullet.png) no-repeat 5px 5px;}
#leftNav ul li a:hover { color:#000; font-weight:normal; padding-left:15px;  display:block; line-height:20px; background:#eee url(../doalotimages/bullet.png) no-repeat 5px 5px;}
#leftNav ul li a.active { color:#98AD22; font-weight:bold; padding-left:15px;  display:block; line-height:20px;}
#leftNav ul li a.active:hover { color:#98AD22; font-weight:bold; padding-left:15px;  display:block; line-height:20px;}

#msgBrdNav { width:150px; padding-top:0px;}
#msgBrdNav ul { list-style:none; margin:0px; padding-left:0px; width:150px; }
#msgBrdNav ul li {list-style:none;}
#msgBrdNav ul li a { color:#333333; font-weight:normal; padding-left:15px;  display:block; height:20px; line-height:20px;}
#msgBrdNav ul li a:hover { color:#000; font-weight:normal; padding-left:15px;  display:block; height:20px; line-height:20px;}
#msgBrdNav ul li a.active { color:#98AD22; font-weight:bold; padding-left:15px;  display:block; height:20px; line-height:20px;}
#msgBrdNav ul li a.active:hover { color:#98AD22; font-weight:bold; padding-left:15px;  display:block; height:20px; line-height:20px;}



.clear {clear:both; height:0px; line-height:0px; padding:0px; margin:0px; font-size:0px;}
.clear5 {clear:both; height:5px; line-height:5px; padding:0px; margin:0px; font-size:0px;}
.clear7 {clear:both; height:7px; line-height:7px; padding:0px; margin:0px; font-size:0px;}
.clear10 {clear:both; height:10px; line-height:10px; padding:0px; margin:0px; font-size:0px;}
.clear15 {clear:both; height:15px; line-height:15px; padding:0px; margin:0px; font-size:0px;}
.clear17 {clear:both; height:17px; line-height:17px; padding:0px; margin:0px; font-size:0px;}
.clear20 {clear:both; height:20px; line-height:20px; padding:0px; margin:0px; font-size:1px;}
.clear25 {clear:both; height:25px; line-height:25px; padding:0px; margin:0px; font-size:1px;}
.w250 {width:170px;}

.thumb {border:solid 1px #98AD22;}
.p5 {padding:5px;}
.p10 {padding:10px;}
.pL2 {padding-left:2px;}
.p20 {padding:20px;}
.p15 {padding:15px;}
.pB3 {padding-bottom:3px;}
.pR5 {padding-right:5px;}
.pR8 {padding-right:7px;}
.pR10 {padding-right:10px;}
.pR15 {padding-right:22px;}
.pR155 {padding-right:15px;}
.pR25 {padding-right:25px;}
.pR20 {padding-right:20px;}
.pR35 {padding-right:35px;}
.pL10 {padding-left:10px;}
.pL15 {padding-left:15px;}
.pL20 {padding-left:20px;}
.pL25 {padding-left:25px;}
.pL30 {padding-left:30px;}
.pL35 {padding-left:35px;}
.pL40 {padding-left:40px;}
.pL5 {padding-left:5px;}
.pL8 {padding-left:8px;}
.pT10 {padding-top:10px;}

.mL5 {margin-left:5px;}
.mL10 {margin-left:10px;}
.mL15 {margin-left:15px;}
.mL20 {margin-left:20px;}

.mR5 {margin-right:5px;}
.mR10 {margin-right:10px;}
.mR15 {margin-right:15px;}
.mR20 {margin-right:20px;}


.floatL {float:left;}
.floatR {float:right;}

.borderT {border-top:#eee solid 1px;}
.borderB {border-bottom:#eee solid 1px;}
.borderL {border-left:#eee solid 1px;}
.borderR {border-right:#eee solid 1px;}

.btnIcons {display:inline;}
.btnIconLinks {float:left;}
.btnDiv {float:left;}
.btnIconLinks a {margin-right:5px; padding-left:10px; padding-right:10px; border:solid 1px #ccc; display:block; text-decoration:none; color:#000000; background:#eee; font-weight:bold; padding-top:2px; padding-bottom:2px; line-height:20px;}
.btnIconLinks a:hover {margin-right:5px; padding-left:10px; padding-right:10px; border:solid 1px #ccc; display:block; text-decoration:none; color:#000000; background:#E1EBAB;}

.itemTitleH {color:#98AD22; font-size:15px; font-weight:bold;}

.bgLtGray {background:#f4f4f4; display:table; width:100%;}
.gray {color:#666666;}
.red {color:#CC0000;}
.black {color:#000000;}
.green {color:#98AD22;}
.bold {font-weight:bold;}
.f10 {font-size:10px;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f16 {font-size:16px; position:relative !important; position:absolute}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.caps {text-transform:uppercase;}

.errormsgbody{position:absolute; top:0; left:200px; width:630px; background:#FFF0F0}
.errormsgbody div{float:left; padding:2px 5px; color:#E00}

.errormsgbody1{position:absolute; top:25px; left:80px; padding:3px; width:255px}
.errormsgbody1 div{display:inline; font-size:10px; color:#E00}

/* SELECT LANGUAGE DROPDOWN */
.languageComb { float:left; width:90px; margin-top:-1px;}

#nav {FONT-WEIGHT: bold; BACKGROUND: white; padding-left:0px; padding-right:10px; LIST-STYLE-TYPE: none; width:90px; border:solid 0px; float:right;}
#nav UL { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; BACKGROUND: white; FLOAT: left; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none;}
#nav A.main { text-align:left; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM:0px; COLOR: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; PADDING-TOP: 0px; TEXT-DECORATION: none; background:url(../doalotimages/dd_bullet_down.gif) no-repeat 90%;}
#nav A.main:hover { text-align:left; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; COLOR: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; PADDING-TOP: 0px; TEXT-DECORATION: none; background:url(../doalotimages/dd_bullet_down.gif) no-repeat 90%;}
#nav A.daddy {BACKGROUND: url(file:///D|/newStuff/Stuff/web_2.0_stuff/topmenu/rightarrow2.gif) no-repeat right center; PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; COLOR: #000; font-family:Arial, Helvetica, sans-serif; font-size:12px; PADDING-TOP: 3px; TEXT-DECORATION: none;}
#nav LI {PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 90px; PADDING-TOP: 0px;}
#nav LI UL {BORDER: solid 1px #ccc; FONT-WEIGHT: normal; LEFT: -999em; MARGIN: 0px; WIDTH: 115px; POSITION: absolute; HEIGHT: auto; z-index:99999;}
#nav LI LI {WIDTH: 115px; border:solid 0px}
#nav LI UL A {WIDTH: 115px; text-align:left;}
#nav LI UL UL {MARGIN: 0px 0px 0px }
#nav LI:hover UL UL {LEFT: -999em}
#nav LI:hover UL UL UL {LEFT: -999em}
#nav LI.sfhover UL UL {LEFT: -999em}
#nav LI.sfhover UL UL UL {LEFT: -999em}
#nav LI:hover UL {LEFT: auto}
#nav LI LI:hover UL {LEFT: auto}
#nav LI LI LI:hover UL {LEFT: auto}
#nav LI.sfhover UL {LEFT: auto}
#nav LI LI.sfhover UL {LEFT: auto}
#nav LI LI LI.sfhover UL {LEFT: auto}
#nav LI:hover {BACKGROUND: #eee}
#nav LI.sfhover {BACKGROUND: #eee}
/* SELECT LANGUAGE DROPDOWN END*/

#footer {background:#eee; color:#666666; padding:5px; text-align:center; font-size:11px; display:table; width:933px}
#footer a { color:#666666; text-decoration:none; font-size:11px;}
#footer a:hover { color:#666666; text-decoration:underline; font-size:11px;}

#messageBoard {}
#messageBoard div.msgLeftPan { float:left;}
#messageBoard div.msgRightPan {width:145px; float:left; background:#eee; margin-right:0px; padding:10px  }
#messageBoard div.msgTitleBar { background:#eee; font:Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; padding-left:10px; padding-right:10px; padding-top:3px; padding-bottom:3px; }


#addReview {position:absolute; width:650px; height:250px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:120px; padding:10px;}
#addReview div.addReviewClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:650px;}

#signinBox {position:absolute; width:915px; background:#fff; border:solid 5px #000; z-index:2003; padding:10px;}
#signinBox div.signinBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:915px;}

#signUpBox {position:absolute; width:915px; background:#fff; border:solid 5px #000; z-index:2003; padding:10px;}
#signUpBox div.signUpBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:915px;}

#joinBox {position:absolute; width:750px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:80px; margin-top:-65px; height:300px; padding:10px;}
#joinBox div.joinBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:750px;}

#supportBox {position:absolute; width:750px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:80px; margin-top:-65px; height:300px; padding:10px;}
#supportBox div.supportBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:750px;}

#watchBox {position:absolute; width:750px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:80px; margin-top:-65px; height:300px; padding:10px;}
#watchBox div.watchBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:750px;}

#relatedBox {position:absolute; width:750px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:80px; margin-top:-65px; height:300px; padding:10px;}
#relatedBox div.relatedBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:750px;}

#advSearchBox {position:absolute; width:500px; background:#fff; border:solid 5px #000; z-index:2003; padding:10px;}
#advSearchBox div.advSearchBoxClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:498px;}

#myProPopup1 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup1 div.myProPopup1ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}

#myProPopup2 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup2 div.myProPopup2ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}

#myProPopup3 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup3 div.myProPopup3ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}

#myProPopup4 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup4 div.myProPopup4ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}

#myProPopup5 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup5 div.myProPopup5ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}

#myProPopup6 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup6 div.myProPopup6ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}

#myProPopup7 {position:absolute; width:913px; background:#fff; border:solid 5px #000; z-index:2003; margin-left:-256px; top:120px; padding:10px;}
#myProPopup7 div.myProPopup7ClolseBtn { width:24px; height:24px; position:absolute; z-index:2004; margin-top:-23px; margin-left:913px;}


#loginBox { display:table;}
#loginBox div.login { float:left; padding:15px; border-right:solid 1px #eee; width:400px;}
#loginBox div.lb_label {float:left; width:110px;}
#loginBox div.lb_txtField {float:left;}
#loginBox div.signin { float:left; padding:15px;}
#loginBoxFooter { background:url(../doalotimages/loginBoxFooterBg.jpg) repeat-x left top; height:98px; position:absolute; bottom:10px; width:912px;}
#loginBoxFooter div.lBoxF_1 { float:left; padding-top:28px; padding-left:70px;}
#loginBoxFooter div.lBoxF_2 { float:left; padding-top:28px; padding-left:100px;}
#loginBoxFooter div.lBoxF_3 { float:left; padding-top:28px; padding-left:100px;}
.searchBtn {width:100px;}

#advSearchBoxa {}
#advSearchBoxa div.login { float:left; padding:10px; border-right:solid 0px #eee; width:480px;}
#advSearchBoxa div.lb_label {float:left; width:200px;}
#advSearchBoxa div.lb_txtField {float:left;}
#advSearchBoxa div.signin { float:left; padding:15px;}
.searchBtn {width:110px;}
.seprator {margin-top:10px; margin-bottom:10px; border-top:solid 1px #ccc; height:1px;}

#dataRecordHead { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecordHead div {font-size:11px;}
#dataRecordHead div.type { float:left; margin-right:15px; padding-left:10px; width:50px;}
#dataRecordHead div.title { float:left; margin-right:7px; margin-left:25px; width:230px;}
#dataRecordHead div.description { float:left; margin-right:5px; width:262px;}
#dataRecordHead div.category { float:left; margin-right:15px; width:130px;}
#dataRecordHead div.dateTime { float:left; margin-right:15px; width:200px;}
a:hover .abclink{ text-decoration:underline; }

#dataRecordOrg { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecordOrg div {font-size:11px;}
#dataRecordOrg div.type { float:left; margin-right:15px; padding-left:10px; width:50px;}
#dataRecordOrg div.title { float:left; margin-right:7px; margin-left:25px; width:230px;}
#dataRecordOrg div.description { float:left; margin-right:5px; width:262px;}
#dataRecordOrg div.category { float:left; margin-right:15px; width:130px;}
#dataRecordOrg div.dateTime { float:left; margin-right:15px; width:200px;}

#dataRecord { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecord div {font-size:11px;}
#dataRecord div.type { float:left; margin-right:15px; padding-left:10px; width:50px;}
#dataRecord div.title { float:left; margin-right:15px; width:230px; margin-left:25px;}
#dataRecord div.description { float:left; margin-right:15px; width:240px;}
#dataRecord div.category { float:left; margin-right:15px; width:130px; margin-left:22px;}
#dataRecord div.dateTime { float:left; margin-right:15px; width:200px;}
#dataRecord:hover { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px; background:#f4f4f4; cursor:pointer;}

#dataRecord2 { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecord2 div {font-size:11px;}
#dataRecord2 div.userImg { float:left; margin-right:15px; padding-left:10px; width:20px;}
#dataRecord2 div.nickname { float:left; margin-right:15px; padding-left:10px; width:70px;}
#dataRecord2 div.joinDate { float:left; margin-right:15px; width:80px;}
#dataRecord2 div.address { float:left; margin-right:15px; width:110px;}
#dataRecord2 div.MeetupFrequency { float:left; margin-right:15px; width:110px;}
#dataRecord2 div.category { float:left; margin-right:15px; width:400px;}
#dataRecord2 div.myGroup { float:left; margin-right:15px; width:200px;}
#dataRecord2 div.sendMsg { float:left; margin-right:10px; width:20px;}
#dataRecord2 div.deleteMsg { float:left; margin-right:10px; width:20px;}

#dataRecord3 { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecord3 div {font-size:11px;}
#dataRecord3 div.userImg { float:left; margin-right:12px; padding-left:10px; width:15px; border:solid 0px;}
#dataRecord3 div.nickname { float:left; margin-right:12px; padding-left:10px; width:50px; border:solid 0px;}
#dataRecord3 div.joinDate { float:left; margin-right:12px; width:50px; border:solid 0px;}
#dataRecord3 div.address { float:left; margin-right:12px; width:100px; border:solid 0px;}
#dataRecord3 div.MeetupFrequency { float:left; margin-right:12px; width:110px; border:solid 0px;}
#dataRecord3 div.category { float:left; margin-right:12px; width:140px; border:solid 0px;}
#dataRecord3 div.sendMsg { float:left; margin-right:12px; width:10px; border:solid 0px;}
#dataRecord3 div.deleteMsg { float:left; margin-right:12px; width:10px; border:solid 0px;}

#dataRecord4Head { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecord4Head div {font-size:11px;}
#dataRecord4Head div.userImg { float:left; margin-right:10px; padding-left:10px; width:80px;}
#dataRecord4Head div.nickname { float:left; margin-right:10px; padding-left:10px; width:60px;}
#dataRecord4Head div.joinDate { float:left; margin-right:10px; width:70px;}
#dataRecord4Head div.address { float:left; margin-right:10px; width:80px;}
#dataRecord4Head div.MeetupFrequency { float:left; margin-right:10px; width:110px;}
#dataRecord4Head div.category { float:left; margin-right:10px; width:80px;}
#dataRecord4Head div.myGroup { float:left; margin-right:10px; width:80px;}
#dataRecord4Head div.sendMsg { float:left; margin-right:10px; width:100px;}
#dataRecord4Head div.status { float:left; margin-right:5px; width:120px;}
#dataRecord4Head div.deleteMsg { float:left; margin-right:10px; width:20px;}

#dataRecord4 { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px;}
#dataRecord4 div {font-size:11px;}
#dataRecord4 div.userImg { float:left; margin-right:10px; padding-left:10px; width:80px;}
#dataRecord4 div.nickname { float:left; margin-right:10px; padding-left:10px; width:60px;}
#dataRecord4 div.joinDate { float:left; margin-right:10px; width:70px;}
#dataRecord4 div.address { float:left; margin-right:10px; width:80px;}
#dataRecord4 div.MeetupFrequency { float:left; margin-right:10px; width:110px;}
#dataRecord4 div.category { float:left; margin-right:10px; width:80px;}
#dataRecord4 div.myGroup { float:left; margin-right:10px; width:80px;}
#dataRecord4 div.sendMsg { float:left; margin-right:10px; width:100px;}
#dataRecord4 div.deleteMsg { float:left; margin-right:10px; width:20px;}
#dataRecord4 div.check { float:left; margin-right:10px; width:35px;}
#dataRecord4 div.edit { float:left; margin-right:10px; width:35px;}
#dataRecord4 div.delete { float:left; margin-right:0; width:35px;}
#dataRecord4:hover { display:table; border-bottom:solid 1px #ccc; padding-top:3px; padding-bottom:3px; font-size:11px; background:#f4f4f4; cursor:pointer;}
#dataRecord4:hover a.DRactive { font-weight:bold; text-decoration:underline; color:#98AD22;}

#catBaloon { width:544px; position:absolute;}
#catBaloon div.baloon1T {}
#catBaloon div.baloon1M { background:url(../doalotimages/bubbleBox1_M.gif) repeat-y left top; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}
#catBaloon div.baloon1B {}

#catBaloon2 { width:544px; position:absolute;}
#catBaloon2 div.baloon1T2 {}
#catBaloon2 div.baloon1M { background:url(../doalotimages/bubbleBox2_M.gif) repeat-y left top; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}
#catBaloon2 div.baloon1B2 {}

.tabContentPro {height:320px; overflow-y:scroll;}
.tabProInfo {height:500px; overflow-y:hide;}

a.button_green {
    background: transparent url('../doalotimages/bg_button_GB_a.gif') no-repeat bottom right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
    height: 21px;
    margin-right: 3px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
	
}
a.button_green:hover { text-decoration:none; color:#FFFFFF;}
a.button_green span {
    background: transparent url('../doalotimages/bg_button_GB_span.gif') no-repeat bottom left;
    display: block;
    line-height: 21px;
    padding: 0px 0px 0px 11px;
	font-size:11px;
	font-weight:bold;
} 


a.button_gray {
    background: transparent url('../doalotimages/bg_btn_gray_a.gif') no-repeat scroll top right;
    color: #000000;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
    height: 26px;
    margin-right: 5px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
}

a.button_gray span {
    background: transparent url('../doalotimages/bg_btn_gray_span.gif') no-repeat;
    display: block;
    line-height: 26px;
    padding: 0px 0 8px 11px;
} 

a.button_gray:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}



a.button_go {
    background: transparent url('../doalotimages/bg_button_go_a.gif') no-repeat top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	text-transform:uppercase;
    height: 25px;
    margin-right: 3px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
	
}
a.button_go:hover { text-decoration:none; color:#FFFFFF;}
a.button_go span {
    background: transparent url('../doalotimages/bg_button_go_span.gif') no-repeat top left;
    display: block;
    line-height: 25px;
    padding: 0px 0 8px 8px;
	font-size:14px;
	font-weight:bold;
} 
a.button_go_Orng {
    background: transparent url('../doalotimages/bg_button_go_a_orng.gif') no-repeat top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	text-transform:uppercase;
    height: 25px;
    margin-right: 3px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
	
}
a.button_go_Orng:hover { text-decoration:none; color:#FFFFFF;}
a.button_go_Orng span {
    background: transparent url('../doalotimages/bg_button_go_span_orng.gif') no-repeat top left;
    display: block;
    line-height: 25px;
    padding: 0px 0 8px 8px;
	font-size:14px;
	font-weight:bold;
} 


a.button_goBlk {
    background: transparent url('../doalotimages/bg_button_goBlk_a.gif') no-repeat top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	text-transform:uppercase;
    height: 25px;
    margin-right: 3px;
    padding-right: 8px; /* sliding doors padding */
    text-decoration: none;
	cursor:pointer;
	
}
a.button_goBlk:hover { text-decoration:none; color:#FFFFFF;}
a.button_goBlk span {
    background: transparent url('../doalotimages/bg_button_goBlk_span.gif') no-repeat top left;
    display: block;
    line-height: 25px;
    padding: 0px 0 8px 8px;
	font-size:14px;
	font-weight:bold;
} 

a.button_black {
    background: transparent url('../doalotimages/bg_button_GB_a.gif') no-repeat top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
    height: 21px;
    margin-right: 10px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
	
}

a.button_black span {
    background: transparent url('../doalotimages/bg_button_GB_span.gif') no-repeat top left;
    display: block;
    line-height: 21px;
    padding-left:11px;
	font-size:11px;
	font-weight:bold;
} 

a.button_orange {
    background: transparent url('../doalotimages/bg_button_go_a_orng.gif') no-repeat top right;
    color: #fff;
    display: block;
    float: left;
    font: normal 11px arial, sans-serif;
	font-weight:normal;
	text-transform:uppercase;
    height: 21px;
    margin-right: 0px;
    padding-right: 11px; /* sliding doors padding */
    text-decoration: none;
	
}

a.button_orange span {
    background: transparent url('../doalotimages/bg_button_go_span_orng.gif') no-repeat top left;
    display: block;
    line-height: 21px;
    padding: 0px 0 6px 11px;
	font-size:11px;
	font-weight:bold;
} 


.previewMsgBox { float:left; width:500px; border:solid 1px #ccc; margin-right:10px; padding:15px;}
.attachmentBox { float:left; width:200px; border:solid 0px;}
.attachments {background:#f4f4f4; border:solid 1px #ccc; padding:10px;}

/*  My Forum */

.fGtitle { float:left; width:320px; border:solid 0px; padding-right:10px;}
.fGtopics { float:left; width:58px; border:solid 0px;}
.fGposts { float:left; width:55px; border:solid 0px;}
.fGlastpost { float:left; width:180px; border:solid 0px; padding-right:10px;}
.forumGrid {font-size:11px;}
.formRecord { padding:10px;font-size:11px; background:#fff; display:table;}
.formRecord:hover {padding:10px;font-size:11px; background:#eee; cursor:pointer;}

.formRecord div {font-size:11px;}
.fGicon { width:20px; float:left;}
.fGdesc { float:left; text-transform:none; font-weight:normal;font-size:11px;}
.inline {display:inline;}

.bredcum {font-size:11px;}
.buttons { display:inline;}
.buttons div.btns { float:left;}
.buttons div.pagger { float:right;}

.pagger {font-size:11px;}
.gridFooter{ background:#eee url(../doalotimages/titleBar2bg.jpg) repeat-x left top; border-bottom:solid 1px #ccc; text-align:center; font-size:11px; padding:3px;}
.gridFooter select {font-size:11px;}

.recordF1 { border:solid 1px #ccc; display:table; width:100%;}
.recordF1 div.recF1L { float:left; width:140px; border:solid 0px; padding:10px; font-size:11px;}
.recordF1 div.recF1R { float:left; width:492px; border:solid 0px;} 
.topicTitle {background:#f7f7f7; padding:10px;}

.topicDiscussionTitle {background:#f7f7f7; padding:0px 10px 10px 10px; }

.recordF2 { border:solid 1px #e5e2e2; display:table; width:100%;}
.recordF2 div.recF1L { float:left; width:140px; border:solid 0px; padding:10px; font-size:11px;}
.recordF2 div.recF1R { float:left; width:492px; border:solid 0px;} 


.grid1 {}
.grid1 div.gridHead { background:#666666; color:#FFFFFF; font-weight:bold; padding:5px; text-align:left;}
.grid1 div.col1-2 { float:left; text-align:left;  border-left:solid 1px #ccc; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:3px; width:430px; line-height:19px;}
.grid1 div.col2-2 { float:left; border-right:solid 1px #ccc; border-bottom:solid 1px #ccc; padding:3px; width:50px; line-height:19px;}
.grid1 div.gridGray { background:#f4f4f4;}

.grid1 table{border-collapse:collapse; width:100%}
.grid1 table td{padding:3px; border:1px solid #ccc;}
.grid1 table th{background:#f4f4f4; border:1px solid #ccc; padding:3px;}
.grid1 table .last{width:50px;}

#registerBox { display:inline;}
#registerBox div.registerL { float:left; width:400px; border:solid 0px;}
#registerBox div.registerR { float:left; width:450px; border:solid 0px; margin-left:10px;}
#registerBox div.label {float:left;}
#registerBox div.txtField {float:left;}

ul#menu, ul#menu ul { list-style-type:none; margin: 0; padding: 0; width: 430px;}
ul#menu a { display: block; text-decoration: none; font-weight:bold; }
ul#menu li { margin-top: 1px;}
ul#menu li a { background: #ccc url(../doalotimages/downArrow.gif) repeat-none right top; color: #000; padding-left: 10px; padding-top:4px; padding-bottom:4px; font-size:14px;}
ul#menu li a:hover { background: #ccc;}
ul#menu li ul li a { background: #ccc; color: #000; padding-left: 20px;}
ul#menu li ul li a:hover { background: #aaa; border-left: 5px #000 solid; padding-left: 15px;}
ul#menu li div.bullet {width:10px; float:left;}
ul#menu li div.txt {float:left; width:400px; font-size:13px;}
ul#menu a.link { text-decoration: none; font-weight:normal; background:none; font-size:12px; padding:0px; margin:0px;  color:#98AD22; }
ul#menu a.link:hover { text-decoration: none; font-weight:normal; background:none; font-size:12px; padding:0px; margin:0px;  color:#98AD22; }


ul#menu2, ul#menu2 ul { list-style-type:none; margin: 0; padding: 0; width: 430px;}
ul#menu2 a { display: block; text-decoration: none; font-weight:bold; }
ul#menu2 li { margin-top: 1px;}
ul#menu2 li a { background: #f4f4f4 url(../doalotimages/rightArrow.gif) no-repeat right; border:solid 0px; color: #000; padding-left: 10px; padding-top:4px; padding-bottom:4px; font-size:14px;}
ul#menu2 li a:hover { background: #eee url(../doalotimages/rightArrow.gif) no-repeat right;}
ul#menu2 li a.active { background: #eee url(../doalotimages/downArrow.gif) no-repeat right;}
ul#menu2 li ul li a { background: #ccc; color: #000; padding-left: 20px;}
ul#menu2 li ul li a:hover { background: #aaa; border-left: 5px #000 solid; padding-left: 15px;}
ul#menu2 li div.bullet {width:10px; float:left;}
ul#menu2 li div.txt {float:left; width:400px; font-size:13px;}
ul#menu2 a.link { text-decoration: none; font-weight:normal; background:none; font-size:12px; padding:0px; margin:0px;  color:#98AD22; }
ul#menu2 a.link:hover { text-decoration: none; font-weight:normal; background:none; font-size:12px; padding:0px; margin:0px;  color:#98AD22; }


pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

img{border:none;}
ul,li{
	margin:0;
	padding:0;
}
li{
	list-style:none;
	float:left;
	/*display:inline;*/
	margin-right:10px;
}



/*  */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}

.picGallery {}
.picGallery li { padding:2px;}
.vidPlayer {text-align:center;}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    width: 270px;
	margin-left:300px;
    margin-top: -20px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../doalotimages/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../doalotimages/pointer.gif) left top no-repeat;
}
.iconsAddMail {position:relative; margin-left:130px; width:40px;}

.myRecentList { padding:0px; margin:0px;}
.myRecentList li { clear:both; border-bottom:solid 1px #eee;}
.myRecentList li a { display:block; width:250px; height:30px; line-height:30px; padding-left:10px; font-size:12px; font-weight:bold; color:#000000; }
.myRecentList li a:hover { display:block; width:250px; height:30px; line-height:30px; padding-left:10px; font-size:12px; font-weight:bold; background:#f4f4f4; color:#98AD22;}

.homePgList { padding:0px; margin:0px; width:250px; border:solid 1px; float:left;}
.homePgList li { clear:both; border-bottom:solid 1px #eee;}
.homePgList li a { display:block; width:150px; height:30px; line-height:30px; padding-left:10px; font-size:12px; font-weight:bold; color:#000000; }
.homePgList li a:hover { display:block; width:150px; height:30px; line-height:30px; padding-left:10px; font-size:12px; font-weight:bold; background:#f4f4f4; color:#98AD22;}


.hintText {width:280px; z-index:1; display:none;}
.adminRec {display:table; border:solid 0px; width:565px;}
.adminOpt {float:left; width:280px; border:solid 0px;}
.donateBtn {float:right; margin-left:20px; padding-top:4px;}

.proDtlL { float:left; font-size:11px; border:solid 0px; width:445px;}
.proDtlR { float:left; font-size:11px; border:solid 0px; width:100px;}

.proDtlL2 { float:left; font-size:11px; border:solid 0px; width:400px;}
.proDtlR2 { float:left; font-size:11px; border:solid 0px; width:100px;}

.moreInfoSlide {border:solid 1px #ccc; margin:0px; margin-top:-1px; width:540px; padding:10px;}
.moreInfo {display:table;}
.moreInfoUp { padding:0px; margin:0px}
.moreInfoUp a { text-decoration:none;  padding:0px; margin:0px}
.moreInfoUp a:hover { text-decoration:none;  padding:0px; margin:0px}
.moreInfoTab { float:left; border:solid 0px; width:150px; height:21px; padding:0px; margin-left:15px;}
.moreInfoTab2 { float:left; border:solid 0px; width:130px; height:21px; padding:0px; margin-left:50px;}


.myNetwork {display:table;}
.myNetworkUp { padding:0px; margin:0px}
.myNetworkUp a { text-decoration:none;  padding:0px; margin:0px}
.myNetworkUp a:hover { text-decoration:none;  padding:0px; margin:0px}
.myNetworkTab { float:left; border:solid 0px; width:150px; height:21px; padding:0px;}
.myNetworkTab_noheight { float:left; border:solid 0px; width:150px; padding:0px;}

.myDiscussion_noheight { float:left; border:solid 0px; width:70%; padding:0px;}

.dltico {position:absolute; margin-left:92px; margin-top:-2px;}
.startDate {padding-top:4px; font-size:11px; color:#666666; float:left;}

.radio {width:20px; float:left; border:solid 0px;}
.radioTxt { width:400px; float:left; border:solid 0px; padding-top:2px; padding-left:3px;}

.aaa {
				float: right;
				padding:5px;
				display: block;
				margin-right: 10px;
				border:1px solid #999999;
				width: 310px;
				height:200px;
				position:absolute;
				right:-10px;
				z-index:3;
				background:#fff;
			}
			
			#a1 {
				width: 300px;
			}
			.aaa2 {
				
				padding:5px;
				display: block;
				margin-right: 10px;
				border:1px solid #999999;
				width: 450px;
				height:200px;
				position:absolute;
				
				z-index:2;
				background:#fff;
			}
			
			#a2 {
				width: 300px;
			}
.gmap {display:table; width:500px; border:solid 0px;}
.mapBtns {display:table; width:310px; padding-bottom:3px;}

.vidTitle {}
.vidImg{ float:left; margin-right:5px;}
.vidDesc { float:left;}
.required {color:#FF0000;}

.newProBtn {position:absolute; margin-left:90px; margin-top:290px; width:280px; border:solid 0px;}

.verifyApproveBox {text-align:left; border:solid 1px #eee; width:12`0px; padding:10px; margin:0 auto; display:table;}
.verifyApproveBox div { float:left;}
.verifyApproveBox div.label { float:left; width:60px;}

.verifyApproveBtn { width:65px; border:solid 0px; display:table; margin:0 auto; padding-left:10px;}

.meetupEvents { border:solid 0px; width:230px;}
.meetupEvents div.recUCE { display:table; padding:5px; width:225px; border-bottom:solid 1px #ccc;}
.meetupEvents div.recUCE:hover { display:table; padding:5px; width:225px; border-bottom:solid 1px #ccc; background:#eee;}
.meetupEvents div.col1rec { float:left; width:30px; margin:3px; padding:0px; border-right:solid 1px #ccc; font-size:11px; line-height:15px;}
.meetupEvents div.col1rec div { font-size:20px; color:#CC0000; font-weight:bold; line-height:15px;}
.meetupEvents div.col2rec { float:left; margin:3px; padding:0px; font-size:11px; width:180px;}

.upComingEvents { border:solid 0px; width:208px;}
.upComingEvents div.recUCE { display:table; padding:5px; width:195px; border-bottom:solid 1px #ccc;}
.upComingEvents div.recUCE:hover { display:table; padding:5px; width:195px; border-bottom:solid 1px #ccc; background:#eee;}
.upComingEvents div.col1rec { float:left; width:30px; margin:3px; padding:0px; border-right:solid 1px #ccc; font-size:11px; line-height:15px;}
.upComingEvents div.col1rec div { font-size:20px; color:#CC0000; font-weight:bold; line-height:15px;}
.upComingEvents div.col2rec { float:left; margin:3px; padding:0px; font-size:11px; width:140px;}

.upComingField { border:solid 0px; text-align:center; font-weight:bold;}

.upCommingMeetup {}
.upCommingMeetup div.recUCE { display:table; padding:5px; width:370px; border-bottom:solid 1px #999999;}
.upCommingMeetup div.recUCE:hover { display:table; padding:5px; width:370px; border-bottom:solid 1px #999999; background:#eee;}
.upCommingMeetup div.col1rec { float:left; width:40px; margin:3px; padding:10px; border-right:solid 1px #999999; font-size:11px; line-height:15px;}
.upCommingMeetup div.col1rec span { font-size:20px; color:#CC0000; font-weight:bold; line-height:15px;}
.upCommingMeetup div.col2rec { float:left; margin:3px; padding:10px; font-size:11px; width:270px;}

/* SPOTLIGHT GALLERY */
#gallery {POSITION: relative; HEIGHT: 360px}
#gallery A {POSITION: absolute;}
#gallery A IMG {}
#gallery A.show {Z-INDEX: 500}
#gallery .caption {Z-INDEX: 600; POSITION: absolute; BACKGROUND-COLOR: #000; WIDTH: 560px; BOTTOM: 0px; HEIGHT: 72px; margin-left:160px; COLOR: #ffffff}
#gallery .caption .content {MARGIN: 5px; color:#FFFFFF;}
#gallery .caption .content H3 {PADDING-BOTTOM: 0px;WIDTH: 560px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #1dccef; PADDING-TOP: 0px}

.soptlightMenu { position:absolute; z-index:700; width:100px; height:100px; border:solid 0px; background:url(../doalotimages/blackTans2.png) repeat left top;}
.soptlightMenu ul { list-style:none; width:100px; margin:0px; padding:0px;}
.soptlightMenu ul li.btnBlk { list-style:none; margin:0px; padding:0px; color:#FFFFFF;}
.soptlightMenu ul li.btnWhite { list-style:none; margin:0px; padding:0px; color:#FFFFFF;}
.soptlightMenu ul li.btnBlk a { display:block; width:140px; height:52px; margin:0px; padding:10px; background:#333333; color:#FFFFFF; }
.soptlightMenu ul li.btnWhite a { display:block; width:140px; height:51px; margin:0px; padding:10px; background:#666666; color:#FFFFFF; }
.soptlightMenu ul li.btnBlk a:hover { background:#000; color:#FFFFFF; text-decoration:none;}
.soptlightMenu ul li.btnWhite a:hover { background:#000; color:#FFFFFF; text-decoration:none;}

#hintBox {}
#hintBox div.top{}
#hintBox div.middle{ border-left:solid 1px #999999; border-right:solid 1px #999999; padding:5px; background:#fff;}
#hintBox div.bottom{}

.greenBar { width:208px; height:44px; background:url(../doalotimages/greenBarR.gif) no-repeat right top;}
.greenBar div { text-align:center; height:44px; background:url(../doalotimages/greenBarL.gif) no-repeat left top; color:#FFFFFF; font-size:18px; font-weight:bold; line-height:44px;}
.greenBar a {color:#FFFFFF; font-size:18px; font-weight:bold; text-decoration:none;}
.greenBar a:hover {color:#FFFFFF; font-size:18px; font-weight:bold; text-decoration:none;}

.meetupColL {float:left; width:400px; border:solid 0px;}
.meetupColR {float:left; width:400px; border:solid 0px;}

.calendar {width:210px; border:solid 0px; margin:0 auto;}
#volContent {BORDER: #ccc 1px solid; WIDTH: 900px; padding:20px; text-align:left; float:left; margin:0px; background:url(../doalotimages/shadowBg.jpg) repeat-x left top;}
#volContent div.heading { font-size:22px; color:#000000; font-weight:bold;}
#volContent div.volColL { float:left; border:solid 0px; width:640px; margin-right:10px;}
#volContent div.volColR { float:left; border:solid 0px; width:250px;}
#volContent div.volRec { float:left; border:solid 0px; width:305px; margin-right:10px;}
#volContent div.icon { float:left; border:solid 0px; width:60px; margin-right:10px;}
#volContent div.text { float:left; border:solid 0px; width:210px;}
#volContent div.dividerDot {border-bottom:dotted 1px #CCCCCC;; height:1px;}

.iconVideo {background:url(../doalotimages/iconPlay.png) no-repeat center 50%; position:absolute; width:90px; height:70px;}
.resultCol {float:left; width:240px; border:solid 0px; padding:20px;}

.leftNav { margin-left:20px;}
.leftNav ul { list-style:none; padding:0px; margin:0px;}
.leftNav ul li { list-style:none; padding:0px; margin:0px; float:none;}
.leftNav ul li a { display:block; padding-left:15px; padding-top:5px; padding-bottom:5px; text-decoration:none; border-bottom:dotted 1px #ccc;}
.leftNav ul li a:hover { text-decoration:none; background:#ccc;}

.quote {font-size:16px; font-weight:bold; color:#999999;}
.quote a {font-size:12px; font-weight:bold;}


#volContent div.volColL2 { float:left; border:solid 0px; width:900px; margin-right:10px;}
#volContent div.volColL2 p {float:left; border:solid 0px; width:190px; margin:0 0 20px 30px; }
#volContent div.volColL2 img {float:left; margin:2px 10px 0 0; padding:0; }
#volContent div.volColL2 a {
color:#a4b83d;
font-weight:bold;
font-size:14px;
	text-decoration:none;
}
#volContent div.volColL2 a:hover {
color:#a4b83d;
font-weight:bold;
font-size:14px;
	text-decoration:underline;
}

#catBaloon2 { width:544px; position:absolute;}
#catBaloon2 div.baloon1T2 {}
#catBaloon2 div.baloon1M { background:url(../doalotimages/bubbleBox2_M.gif) repeat-y left top; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}
#catBaloon2 div.baloon1B2 {}



#catBaloonNew { width:544px; position:absolute;}
#catBaloonNew div.baloon1T2 {}
#catBaloonNew div.baloon1M { background:url(../doalotimages/bubbleBox2_M.gif) repeat-y left top; padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px;}
#catBaloonNew div.baloon1B2 {}




.contentEvents { border:solid 0px;}
.contentEvents div.recUCE { display:table; padding:0px; border-bottom:solid 0px #ccc;}
.contentEvents div.recUCE:hover { display:table; padding:0px; border-bottom:solid 0px #ccc; background:#eee;}

.contentEvents { border:solid 0px;}
.contentEvents div.grayBg { display:table; border-bottom:solid 0px #ccc; background:#f4f4f4;;}
.contentEvents div.grayBg:hover { display:table; border-bottom:solid 0px #ccc; background:#eee}

.contentEvents { border:solid 0px;}
.contentEvents div.p10 { display:table; border-bottom:solid 0px #ccc;}
.contentEvents div.p10:hover { display:table; border-bottom:solid 0px #ccc; background:#eee;}





.searchFieldNew {border:solid 0 #D8E782; background:none; margin:0; padding:3px; font-size:14px; font-weight:normal; width:200px;font-family:Arial, Helvetica, sans-serif;}
.inputFieldNew {border:solid 0 #D8E782; background:none; margin:2px 0 0 5px; padding:0; font-size:14px;}



.volunteer{font-size:14px; font-weight:bold; color:#000; padding-bottom:10px;}
.volunteer span { font-size:28px; font-weight:bold;}
.volunteerpodContent {font-size:12px; margin:0; padding:0;}

a.blackLinkNew {color:#000; text-decoration:none; outline:none;}
a.blackLinkNew:hover {color:#98AD22; text-decoration:none;}


.volunteerpodContent ul {color:#000;}
.volunteerpodContent ul li {color:#000; margin:0; padding:8px 0 8px 0; border-bottom:1px dotted #d3d3ce; width:100%;}
.volunteerpodContent ul li a {color:#000; font-weight:normal;}
.volunteerpodContent ul li a:hover {color:#000; font-weight:normal;}





#footerNew {width:100%; margin:0; padding:0; float:left; background:#3b3b3b;}
#footerNew .td1 { width:500px; height:210px; margin:0 10px 10px 30px; float:left;}
#footerNew .td1 p{ width:68px; height:50px; margin:0 20px 20px 0; padding:2px; border:1px solid #000000; background:#585858; float:left;}
#footerNew .td2 { width:100%; height:45px; margin:0 auto; background:#000000; float:left;}
#footerNew .td2 p{margin:0; padding:7px 0 0 30px; text-align:left;}
#footerNew .td1 h1{ color:#fff; margin-top:25px; font-size:15px; font-weight:normal; }
#footerNew a { color:#666666; text-decoration:none; font-size:11px;}
#footerNew a:hover { color:#666666; text-decoration:underline; font-size:11px;}

#footerNew .td3 {width:200px; margin:0; float:left;}
#footerNew .td3 h1{color:#fff; margin-top:25px; font-size:15px; font-weight:normal; }
#footerNew .td3 p{color:#c5c5c5; font-size:11px; font-weight:normal; }
#footerNew .td3 a{color:#c5c5c5; }
a:hover.inputhover {
text-decoration:none;

}



.org{ width:210px; float:left; margin:0 0 0 21px; padding:0;}
.org h1{font-size:14px; text-align:left; float:left; }
.org span{border-bottom: 1px solid #d8d8d8; width:97%; text-align:left; float:left;}
.org p{float:left; text-align:left; font-weight:bold; margin:5px 0 5px 0; padding:0; font-size:12px;}
.org img{float:right; padding:0; margin:15px 0 0 0;}
.org a {
	color:#000000;
	text-decoration:none;
}
.org a:hover {
color:#a4b83d;
	text-decoration:underline;
}


/* Tiny Scrollbar */
.scrollbar1 { width: 600px; clear: both; margin: 20px 0 10px; }
.scrollbar1 .viewport { width: 95%; height: 605px; overflow: hidden; position: relative; }
.scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
.scrollbar1 .scrollbar,
.scrollbar1 .thumb .end,
.scrollbar1 .thumb { background: transparent url(../doalotimages/bg-scrollbar.png) no-repeat; }
.scrollbar1 .scrollbar { position: relative; background-position: 0 0; float: right; width: 15px; }
.scrollbar1 .track	{ background: transparent url(../doalotimages/bg-scrollbar-end.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.scrollbar1 .thumb { background-position: 100% 100%; height: 20px; width: 13px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollbar1 .thumb .end { background-position: 100% 0; height: 5px; width: 13px; }
.scrollbar1 .disable { display: none; }

.td1 a img{
border:1px solid #000000;
}
.td1 a:hover img{
border:1px solid #cccccc;
}

.anyClass{
	position:absolute !important; 
	left:460px !important;
}
.wrapanyclass .anyClass{
position:inherit !important; 

}

a#editme1s:hover{
	text-decoration:underline !important;
}
#fancybox-overlay {
	z-index:11000!important;
}
#fancybox-wrap {
	z-index:12000!important;
}

.bullet_1 ul{padding:0 0 0 10px;}
.bullet_1 ul li{float:none; margin:0; padding-bottom:3px; list-style:square}

.ui-accordion-content{padding:0 20px !important}

.ui-accordion .ui-accordion-header{border:none; border-radius:0 0 0 }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#000; font-size:12px; color:#000; font-weight:bold;}
.ui-state-active a, .ui-state-default a:link, .ui-state-default a:visited{color:#000; font-size:12px; color:#000; font-weight:bold;}

.ui-state-default{background:#F4F4F4 url(../doalotimages/plus.gif) right center no-repeat !important;}
.ui-state-active{background:#F4F4F4 url(../doalotimages/minus.gif) right center no-repeat !important;}

.ui-accordion .ui-accordion-header span{display:none !important;}
.ui-accordion-icons .ui-accordion-header a{padding:5px 15px !important}
.ui-accordion .ui-accordion-content {border:none; padding-top:10px !important; padding-bottom:10px !important}

/*  Saurabh css for organization deshboard */

.grid_design{margin:0; padding:0}
.grid_design .button_green1{display:block}
.grid_design .button_green1 img{float:left; padding:0 3px 0 0}
.grid_design .button_green1 span{display:block; float:left; line-height:24px; color:#000}
.grid_design .buttonblock{margin:0; padding:10px 0 0 0; }
.grid_design #dataRecordHead div.type{float:none; width:auto; padding:0; text-align:center; font-size:12px}
.grid_design .buttonblock{padding:10px 0 20px 0; width:405px; margin:0 auto}
.grid_design .buttonblock .leftbtn{float:left; width:200px}
.grid_design .buttonblock .middlebtn{float:left; width:200px}
.grid_design .buttonblock .rightbtn{float:right; width:200px}
.clear{clear:both}
.grid_design .buttonblock .icon{float:left; padding:0 5px 0 0}
.grid_design .buttonblock .buttontext{float:left; width:150px; color:#000; font-size:12px; line-height:24px}
.grid_design .buttonblock .buttontext1{float:left; width:150px; color:#000; font-size:12px; padding-top:2px}
.grid_design .buttonblock .buttontext1 span{display:block; padding-bottom:2px}
.grid_design .buttonblock .buttontext1 small{font-size:11px; color:#000}

.gridviewtop{width:780px; margin:0 auto; padding-top:10px !important; padding-bottom:10px !important}
.gridviewtop table{border-collapse:collapse; width:100%}
.gridviewtop table th{text-align:left}
.gridviewtop table th img.down{display:none}
.gridviewtop table th.headerSortDown img.down{display:inline}
.gridviewtop table th.headerSortDown img.up{display:none}

.gridviewtop table td{padding:5px; color:#333; font-weight:bold; text-align:left}
.gridviewtop table td.rightgrid{width:25%}

.gridviewtop .floatR{padding-left:10px}
.gridviewtop .name{width:170px; padding:4px 0 0 0; float:left}
.gridviewtop .leftgrid{float:left; width:75%}
.gridviewtop div.rightgrid{float:right; width:25%}
.gridviewtop .type1{float:left; text-align:left; width:100px}
.gridviewtop .block1{width:150px; padding-left:50px}
.gridviewtop .block2{width:150px}
.gridviewtop .block3{width:96px}
.gridviewtop .block4{width:100px}
.gridviewtop .block4 .red_bullet{margin-left:10px}
.gridviewtop .block4 .yellow_bullet{margin-left:10px}
.gridviewtop .block4 .green_bullet{margin-left:10px}

/*.noborder{border-bottom:none !important}*/

.borderon{border-bottom:1px solid #CCCCCC !important}
.bordernone{border-bottom:none !important}

.red_bullet{display:block; width:62px; height:17px; background: url(../doalotimages/signals12.png) no-repeat 0 0;}
.yellow_bullet{display:block; width:62px; height:17px; background: url(../doalotimages/signals12.png) no-repeat 0 -16px;}
.green_bullet{display:block; width:62px; height:17px; background: url(../doalotimages/signals12.png) no-repeat 0 -33px;}

/* css for my organization seeting block*/
.click_seeting{padding:0 4px; border:1px solid #FFF; border-bottom:none}
.active_seeting{
box-shadow:0 -1px 1px #888; 
-moz-box-shadow:0 -1px 1px #888; 
-webkit-box-shadow:0 -1px 1px #888; 
border-color:#888;
display:inline-block;
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
background: -moz-linear-gradient(top, #ededed, #fff);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#FFFFFFFF);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#FFFFFFFF)";
position:relative; z-index:100

}
.open_seeting{
border:1px solid #DDD;
position:absolute; 
z-index:99;
background:#FFF;
margin:14px 0 0 0;
padding:5px;
display:none;
margin-left:26px; height:auto; width:160px
}

.hoverlink:hover{color:#555 !important}
/*.hoverlink a{background:#EEE; border:1px solid #000;}
.hoverlink a:hover{color:#BBB; line-height:12px; display:table;}*/

.r{color:#E00 !important}
.o{color:#F96 !important}
.y{color:#393 !important}

.fieldsblock{margin:0; padding:0}
.fieldsblock li{display:block; float:none; padding:3px; margin:0; overflow:hidden; content:"";}
.fieldsblock li input{float:left; margin:0 3px 0 0;}
.fieldsblock li:hover{background:#f4f4f4}

.titleBar2.height21{height:21px; width:676px}
.largewidth{width:686px; padding:15px 0}
.titleBar2 .fGtitle{width:auto}
.titleBar2 .rightblock{float:right}
.titleBar2 .rightblock p{margin:0; padding:0}
.titleBar2 .rightblock p label{font-size:11px; text-transform:none; font-weight:normal; float:left; line-height:21px; display:block}
.titleBar2 .rightblock p input{float:left}

.titleBar2 .tabs-nav{float:right; padding:5px 0 0 0}
.titleBar2 .tabs-nav ul{margin:0; padding:0}
.titleBar2 .tabs-nav ul li{float:left; margin:0; padding:0 2px 0 0; position:relative}
.titleBar2 .tabs-nav ul li a{background:#EEEEEE; padding:3px 5px; border:1px solid #DDDDDD; border-bottom:none; color:#666; font-size:11px; font-weight:normal; text-transform:none; display:block}
.titleBar2 .tabs-nav ul li:hover a{background:#fff; text-decoration:none}
.titleBar2 .tabs-nav ul li.active a{background:#fff; text-decoration:none}

.titleBar2 .tabs-nav ul li ul{position:absolute; display:none; top:21px; left:0; width:100px; border:1px solid #DDDDDD; border-top:none; border-bottom:none; z-index:100}
.titleBar2 .tabs-nav ul li:hover ul{display:block}

.titleBar2 .tabs-nav ul li ul li{float:none; padding:0; border-bottom:1px solid #DDD}
.titleBar2 .tabs-nav ul li ul li a{padding:4px 5px; border:none; background:#FFF}
.titleBar2 .tabs-nav ul li ul li:hover a{background:#EEEEEE}

.smallform div.label{width:125px !important}

.titleBar2 .leftblock{float:left}
.titleBar2 .leftblock p{float:left; margin:0; padding:0 5px 0 0}
.titleBar2 .leftblock p.imageblock img{width:23px}
.titleBar2 .leftblock p.name{font-size:14px; color:#555; line-height:23px; font-weight:normal; text-transform:none} 
.titleBar2 .leftblock p.stars{line-height:23px}
.titleBar2 .leftblock p.stars img{vertical-align:middle}

.dropbtn{display:block; border:1px solid #DDD; font-size:11px; text-transform:none; color:#555; border:1px solid #CCC;
background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#DDDDDD));
background: -moz-linear-gradient(top, #f1f1f1, #DDDDDD);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#DDDDDD);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#f1f1f1, endColorstr=#DDDDDD)";
border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px;
}
.dropbtn span{display:block; padding:3px 15px 3px 10px; background:url(http://www.addenda.info/resources/images/drop-arrow.png) no-repeat right center}
.dropbtn:hover{text-decoration:none; color:#555}

.grayblock{background:#eeeeee; border:1px solid #dcdcdc; padding-bottom:10px; overflow:hidden;
border-radius:3px;
-moz-border-radius:2px;
-o-border-radius:2px;
-webkit-border-radius:2px;
}
.grayblock .tableblock{background:#f2f2f2; padding:10px; border-top:1px solid #fbfbfb}
.grayblock .tableblock table{border-collapse:collapse; width:100%}
.grayblock .tableblock table th{padding:5px; color:#515151; font-size:12px; font-weight:bold; vertical-align:top}
.grayblock .tableblock table td{padding:5px;  color:#515151; font-size:11px; font-weight:bold; vertical-align:top}
.grayblock .tableblock table .align_left{text-align:left}
.grayblock .tableblock table .align_right{text-align:right}
.grayblock .tableblock table .align_middle{text-align:center}

.topblock{padding:0 0 10px 0; margin:0;}
.topblock .left{float:left}
.topblock .left span{font-size:16px; display:block; line-height:30px}
.topblock .left span img{padding-left:10px; float:right}

.topblock .right{float:right}

.taks_taitle{color:#98AD22 !important;}

.ctreattask{float:right; padding:0; margin:0; font-size:11px;}
.ctreattask a{text-decoration:none}


 .one{font-size:11px; color:#fff !important; text-align:center ; background:url(../doalotimages/color_squer.png) no-repeat -2px -61px; padding:0 5px;}

 .two{font-size:11px; color:#fff !important; text-align:center; background:url(../doalotimages/color_squer.png) no-repeat -2px -121px; padding:0 5px;}

 .three{font-size:11px; color:#fff !important; text-align:center;background:url(../doalotimages/color_squer.png) no-repeat -2px -1px; padding:0 5px;}
 

.tooltip {
    border-bottom: 0px dotted #0077AA;
    cursor: pointer;
	/* start 17-1-14  */
	position:static;
	opacity:1;
	/* end 17-1-14  */
}
 
.tooltip::after {
    background: rgba(0, 0, 0, 0.8);
    border-radius: 8px 8px 8px 0px;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5);
    color: #FFF;
    content: attr(data-tooltip); 
    margin-top: 24px;
    opacity: 0; 
    padding: 3px 7px;
    position: absolute;
    visibility: hidden; 
	max-width:450px;
             
    transition: all 0.4s ease-in-out; 
}
         
.tooltip:hover::after {
    opacity: 1; 
    visibility: visible;
}

/*****************Sounyak's add start********************/
.newopti{float:left; width:140px; border:solid 0px; height:100px;}

.newrec{width:700px; padding:0; margin:0; float:left;}

.linktxt{font-size:12px;}

.newtaskblcok{width:656px;}

.newtaskheading{font-size:16px; color:#888; text-align:left;}

/****************end*************************/


.search_field_block{margin:10px 0 0 0}
.search_field_block:after{display:block; width:100%; clear:both; content:"."; overflow:hidden; height:0}
.search_field_block p{position:relative; float:right; padding:0; margin:0}
.search_field_block .search_field{border:1px solid #CCC; background:#FFF; padding:5px; width:155px}
.search_field_block .search_ico{background:url(../doalotimages/search-icon.png) no-repeat 0px 1px; width:28px; height:24px; position:absolute; top:3px; right:3px; background-size:100% auto; opacity:0.5; border:none; cursor:pointer}

.search_field_block1{position:relative; padding:0; margin:0; width:167px}
.search_field_block1 .search_field{border:1px solid #CCC; background:#FFF; padding:5px; width:238px;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.search_field_block1 .search_ico{position:absolute; top:6px; right:-65px; background-size:100% auto; opacity:0.5; border:none; cursor:pointer}

/********Search Heightlight ****************/


.highlight {
   font-weight:bold;
   color:#FFF;
   background:#E00;
   
}

.block_12{}
.block_12 .left{float:left; width:50%}
.block_12 .right{float:right}
.block_12 ul{list-style:none; width:180px}
.block_12 ul li{float:none; width:auto; padding-bottom:5px}
.block_12 ul li:after{display:block; content:"."; clear:both; width:auto; height:0; overflow:hidden}
.block_12 ul li span{display:block; float:left}
.block_12 ul li span.checkbox{padding:1px;}
.block_12 ul li span.checkbox.yellow{background:#FFFF99}
.block_12 ul li span.checkbox.red{background:#EE0000}
.block_12 ul li span.checkbox.green{background:#00EE00}
.block_12 ul li span.checkbox input{width:15px; height:15px; opacity:0.8}
.block_12 ul li span.text{float:right; width:140px; font-weight:bold; line-height:23px}

#meetup_btn.active{text-decoration:underline; color:#98AD22}


#showMeetingInfo table td{vertical-align:top}
#showMeetingInfo table{width:100%}
#showMeetingInfo table td img{vertical-align:top}

/*table sort */

/* tables */
table.tablesorter {
	font-family:arial;
	/*background-color: #CDCDCD;*/
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #DDD;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(../doalotimages/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}



table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(../doalotimages/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../doalotimages/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #D8E782;
}
/* Table sort*/

/*2-8-2013-----------new*/

.lb_txtField1{ float:left; margin-bottom:5px;}
.stactive{ color:#98AD43;}
.steps{ text-align:center;}

.accordionBox h3{ display:block; padding:10px;}
.lb_labe3{ width:150px; float:left;}
.searchField1{ margin:5px 0; border:solid 1px #D8E782; background:#F4F8D7; padding:3px; font-size:14px; font-weight:normal; width:215px;font-family:Arial, Helvetica, sans-serif;}
.lb_labe2 {float:left; width:150px;}
.accordionBox h3{ display:block; padding:10px;}

.userlogintrack{ display:block;}
.userlogintrack table th{ background:#9cba70;}
.userlogintrack tr.odd td{ background:#e9f3db !important;}
.userlogintrack tr.even{ background:#dce9c8;}
.space{ margin:10px 0;}
/*7-8-2013-----------newEnd*/
#adsuccmsg{display:block; padding:150px 0 0 43px; height:60px;}
#adsuccmsg div{color:#98AD22; font-size: 18px;}

.tablecontent{display:block;min-height:487px;}
#userlog_pagingid{ margin:10px 0 10px 0}
/*.userlogfoot{ margin-top:33px !important;}*/
.buttonAdd{ background:none !important; margin-left:100px;}
.department{ margin-top:15px; margin-bottom:15px;}
/*20-08-2013*/
.tablesorter tr td{ padding:6px 16px !important;}
/*21-08-2013*/
.usertypeselect{float:right;margin-top: -23px;}
#loginusers_wrapper .dataTables_length{float:right;}
#loginusers_next{cursor:pointer; /*float:right;*/}
#loginusers_previous{cursor:pointer;}
#loginusers_wrapper table th.sorting{background-image:url(../doalotimages/desc.gif); background-repeat:no-repeat; background-position:center right; padding-right:14px}
#loginusers_wrapper table th.sorting_desc{ background-image:url(../doalotimages/desc.gif); background-repeat:no-repeat; background-position:center right; padding-right:14px}
#loginusers_wrapper table th.sorting_asc{ background-image:url(../doalotimages/asc.gif); background-repeat:no-repeat; background-position:center right; padding-right:14px}	
#loginusers tr td.dataTables_empty{color:#FF0000;text-align: center;}
#loginusers tr th, #loginusers thead th{
	color:#333333;
	font-size:13px;
	font-weight:bold;
	line-height:18px;
	padding:9px;
}
#loginusers tr td{
	padding:6px 9px;
}
/**************************************************************For organision validation tbale*********************/
.table-grid{padding-top:10px}
.table-grid table{width:100%; border:none; width:100%; border-collapse:collapse;}
.table-grid table th, .table-grid table td{padding:5px; font-size:11px; border-bottom:1px solid #CCCCCC; word-wrap:break-word;}
.table-grid table td{vertical-align:top; padding:10px 5px}
.table-grid table td.icon{width:71px}
.table-grid table tbody tr:hover td{background-color:#f4f4f4}
.table-grid table tbody tr td.dataTables_empty{color:#FF0000;text-align: center;}
.table-grid table th.sorting a.bold{background-image:url(../doalotimages/dd_bullet_down.png); background-repeat:no-repeat; background-position:center right; padding-right:10px}
.table-grid table th.sorting_desc a{ background-image:url(../doalotimages/dd_bullet_down.png); background-repeat:no-repeat; background-position:center right;padding-right:10px}
.table-grid table th.sorting_asc a{ background-image:url(../doalotimages/dd_bullet_up.gif); background-repeat:no-repeat; background-position:center right;padding-right:10px}
.table-grid table td .plus_1{background:url(../doalotimages/pluse.jpg) no-repeat; width:16px; height:16px; float:left; display:block;}
.table-grid table td.nospace{padding:0; border:none}
.table-grid table td .minus_1{background:url(../doalotimages/minus.jpg) no-repeat;}
.nodatafound{color:#FF0000;text-align: center;}
/*for datatable  sort*/
tfoot{display: table-header-group;}
#orgvalidation_length{float:right;}
/*#orgvalidation_filter{float:left;}*/
#orgvalidation_next{float:right;cursor: pointer;}
#orgvalidation_previous{cursor: pointer;}

/********************************************************For organision project validation tbale************************************/
.table-gridproject{padding-top:10px}
.table-gridproject table{width:100%; border:none; width:100%; border-collapse:collapse;}
.table-gridproject table th, .table-gridproject table td{padding:5px; font-size:11px; border-bottom:1px solid #CCCCCC}
.table-gridproject table td{vertical-align:top; padding:10px 5px}
.table-gridproject table td.icon{width:50px}
.table-gridproject table tbody tr:hover td{background:#f4f4f4}
.table-gridproject table tbody tr td.dataTables_empty{color:#FF0000;text-align: center;}
.table-gridproject table th a.bold{background-image:url(../doalotimages/dd_bullet_down.png); background-repeat:no-repeat; background-position:center right; padding-right:10px}
.table-gridproject table th.sorting_desc a{ background-image:url(../doalotimages/dd_bullet_down.png); background-repeat:no-repeat; background-position:center right;}
.table-gridproject table th.sorting_asc a{ background-image:url(../doalotimages/dd_bullet_up.gif); background-repeat:no-repeat; background-position:center right;}					
.nodatafound{color:#FF0000;text-align: center;}
/*tfoot{display: table-header-group;}*/
#orgprojects_length{float:right;}
/*#orgvalidation_filter{float:left;}*/
#orgprojects_next{float:right;cursor: pointer;}
#orgprojects_previous{cursor: pointer;}

#organizationextrainfo{width:100%; border-collapse:collapse;}
#organizationextrainfo th{background:#F4F4F4; text-align:left; }
#organizationextrainfo th, #organizationextrainfo td{padding:5px; width:25%; vertical-align:top; border:1px solid #CCCCCC; font-size: 11px;}

.orglogcl{list-style:none;}
.orglogcl li{background:#F4F4F4; text-align:left; border:1px solid #CCCCCC; padding:5px; font-size: 11px; margin-bottom:-1px; float:none;}
.orglogcl li b{color:#98AD22;}
#changstatuscb b span{color:#98AD22;}
#statuslog, #orgextrainfo, #projectextrainfo{position:fixed; z-index:3002 !important;}
#statuschangelog{padding-left:260px; position:fixed; z-index:3002 !important;}
#admindelorg{position:fixed; z-index:3002 !important;}
#sendmailtopm{position:fixed; z-index:3002 !important;}
#admindelpro{position:fixed; z-index:3002 !important;}
#sendmailtooo{padding-left:130px;position:fixed; z-index:3002 !important;}
#userextrainfo, #sendmailtoU{position:fixed; z-index:3002 !important;}
#prostatuslog{position:fixed; z-index:3002 !important;}
#userstatuschange{padding-left:260px; position:fixed; z-index:3002 !important;}
#admindeluser{position:fixed; z-index:3002 !important;}
#userstatuslog{position:fixed; z-index:3002 !important;}
.black_overlay{position:fixed !important; height:100% !important;}

#orgalllogs{width:100%; border-collapse:collapse;}
#orgalllogs th{background:#F4F4F4; text-align:left; }
#orgalllogs th, #orgalllogs td{padding:5px; width:50%; vertical-align:top; border:1px solid #CCCCCC; font-size: 11px;}
.orgreviewlogcl{list-style:none;}
.orgreviewlogcl li{background:#F4F4F4; text-align:left; border:1px solid #CCCCCC; padding:5px; font-size: 11px; margin-bottom:-1px; float:none;}
.orgreviewlogcl li b{color:#98AD22;}

/*#orgtabs ul li.ui-state-active{color:red;}*/

.orgupdatelogcl{list-style:none;}
.orgupdatelogcl li{background:#F4F4F4; text-align:left; border:1px solid #CCCCCC; padding:5px; font-size: 11px; margin-bottom:-1px; float:none;}
.orgupdatelogcl li b{color:#98AD22;}

.ooemail_logcl{list-style:none;}
.ooemail_logcl li{background:#F4F4F4; text-align:left; border:1px solid #CCCCCC; padding:5px; font-size: 11px; margin-bottom:-1px; float:none;}
.ooemail_logcl li b{color:#98AD22;}

.orgprjects{list-style:none;}
 ul.orgprjects{ margin-left:16px;}
.orgprjects li{background:#F4F4F4; text-align:left; border:1px solid #CCCCCC; padding:5px; font-size: 11px; margin-bottom:-1px; float:none;}
.orgprjects li b{color:#98AD22;}

.ui-tabs{display:block;}
.ui-tabs ul.ui-tabs-nav{list-style:none; padding:0; position:relative; z-index:10;}
.ui-tabs ul:after{clear:both; content:""; display:block; width:100%; height:0; overflow:hidden}
.ui-tabs ul.ui-tabs-nav li{float:left; padding:0; margin:0; border:1px solid #CCCCCC; margin-right:-1px; border-bottom:0;}
.ui-tabs ul.ui-tabs-nav li a{display:block; padding:10px 15px; background:#FFF; font-weight:normal}
.ui-tabs ul.ui-tabs-nav li a:hover{text-decoration:none}
.ui-tabs ul.ui-tabs-nav li.ui-state-active{margin-bottom: -1px; padding-bottom: 1px;}
.ui-tabs ul.ui-tabs-nav li.ui-state-active a{background:#F4F4F4; font-weight:bold}
.ui-tabs-panel{position:relative; z-index:9}
.tabcontent{position:relative; z-index:9; background:#F4F4F4; border:1px solid #CCCCCC; padding:5px;}

.projectheader{display:block; height: 21px; background:#F4F4F4; padding:5px; font-weight: bold;}

#projectslist .plus_1{background:url(../doalotimages/pluse.jpg) no-repeat; width:16px; height:16px; float:left; display:block; margin-bottom:5px;}
#projectslist .minus_1{background:url(../doalotimages/minus.jpg) no-repeat;}
.orgtitle{display:block; padding-left:60px;}
.propopuptitle, .orgtitle{font-size: 16px; font-weight:bold; margin-bottom:5px;}
.org_logo img{ width:70px; height:25px;}
.deptnamepl{ margin-bottom:5px;}

#tabletasks .plus_1{background:url(../doalotimages/pluse.jpg) no-repeat; width:16px; height:16px; float:left; display:block; margin-bottom:5px;}
#tabletasks .minus_1{background:url(../doalotimages/minus.jpg) no-repeat;}
.tablecss table{border-collapse:collapse; width:100%; }
.tablecss table td{padding:5px; text-align:center; border-bottom:1px solid #CCC;}
.tablecss table th{padding:5px;}
.tablecss table td table td{border-bottom:none;}
#tabletasks_length{float:right;}
#tabletasks_next{float:right;}
/*#orgprojects_filter{background:url(../doalotimages/pluse.jpg) no-repeat; }
#orgvalidation_filter label input{ width:120px;}*/
.clearorgsearch{cursor:pointer; position:absolute; margin:3px 0 0 -20px;}

/*css for uservalidation*/
.table-users{padding-top:10px}
.table-users table{width:100%; border:none; width:100%; border-collapse:collapse;}
.table-users table th, .table-users table td{padding:5px; font-size:11px; border-bottom:1px solid #CCCCCC}
.table-users table td{vertical-align:top; padding:10px 5px}
.table-users table tbody tr:hover td{background:#f4f4f4}
.table-users table tr td.dataTables_empty{color:#FF0000;text-align: center;}
#uservalidation_length{ float:right;}
#uservalidation_next{/*float:right;*/ cursor:pointer;}
#uservalidation_previous{cursor:pointer;}
.table-users table th.sorting_desc a{background-image:url(../doalotimages/dd_bullet_down.png); background-repeat:no-repeat; background-position:center right; padding-right: 10px;}
.table-users table th.sorting_asc a{background-image:url(../doalotimages/dd_bullet_up.gif); background-repeat:no-repeat; background-position:center right; padding-right: 10px;}	
/*css for userextrainfopopup*/
.userpopuptitle{font-size: 16px;font-weight: bold;margin-bottom: 5px;}

.tablecssp table{border-collapse:collapse; width:100%; }
.tablecssp table td{padding:5px; border-bottom:1px solid #CCC;}
.tablecssp table th{padding:5px;}
.tablecssp table td table td{border-bottom:none;}
/* project participants list*/
#logpropart_length, #logpropart_info, #logpropart_paginate{display:none;}
#logpropart_filter1{float:right;}
.tablecsspp table{border-collapse:collapse; width:50%; }
.tablecsspp table td{padding:5px; border-bottom:1px solid #CCC;}
.tablecsspp table th{padding:5px;}
.tablecsspp table td table td{border-bottom:none;}
.clearppsearch{cursor:pointer; position:absolute; margin:3px 0 0 -20px;}
.clearusersearch{cursor:pointer; position:absolute; margin:3px 0 0 -20px;}

/*11-12-2013*/
#showviloationmessage{ color:#4B8B30;}


/*----------18_12_2013----------*/

.project_block{ display:block; text-align:center;}
.project_block p.pj_head{ border-bottom:1px solid #CCCCCC; padding:8px 0 17px; margin:0; text-align:center;}

ul.project_list_view{ list-style:none; display:block; margin:0 auto; width:296px;}
ul.project_list_view:after{ width:100%; height:0; overflow:hidden; clear:both; content:"."; display:block;}
ul.project_list_view li{ margin-right:30px; margin-top:20px; display:inline-block;}
ul.project_list_view li:first-child + li{ margin-right:0;}
ul.project_list_view li:first-child + li + li + li{ margin-right:0;}
ul.project_list_view li a{ width:130px; height:40px; line-height:40px; text-align:center; color:#FFFFFF; font-size:12px;  display:block; font-weight:bold;}
ul.project_list_view li.pink a{ background:#f79093;}
ul.project_list_view li.green a{ background:#9fc465;}
ul.project_list_view li.grey a{ background:#6a6a6a;}
ul.project_list_view li.sky a{ background:#6bc9ff;}


/*19_12_2013_pagination*/
.table-users:after{ clear:both; content:"."; width:100%; height:0; display:block; overflow:hidden;}
.dataTables_paginate{ float:right;}
.dataTables_paginate a{ display:inline-block; padding:6px 12px; cursor:pointer; border:1px solid #DDDDDD; color:#428BCA;}
.dataTables_paginate a:hover{ text-decoration:none; background:#EEEEEE;}
.dataTables_paginate a.paginate_active{ color:#ae6a00; cursor:auto;}
 .dataTables_paginate .paginate_button_disabled{ display:none;}

/*28_1_2014_highlight in backend*/
/* Note:this is for highlighting text, with atahighlight.js   If change class name , have to change also in atahighlight.js*/
.filterMatches{
    background-color:#9FC465;
}

/*28_1_2014*/

/*16_4_2014 highlight */
/* Note:this is for highlighting text, with atahighlight_highlight.js   If change class name , have to change also in atahighlight_highlight.js intwo places*/
.highlight_textjs{
    background-color:#9FC465;
}

/*16_4_2014*/
.fixed_bt{ position:fixed; top:200px; right:36px;
transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */
}
.fixed_bt_1{ position:fixed; top:280px; right:15px;

transform:rotate(-90deg);
-ms-transform:rotate(-90deg); /* IE 9 */
-webkit-transform:rotate(-90deg); /* Safari and Chrome */

}
/*14_6_2014*/
/*social feed*/
.socialfeedli{list-style:disc;border-bottom:1px solid #BCBCBC; margin-bottom:4px;float:none; margin-left:12px;padding-bottom:5px;}
.socialfeedli_height{list-style:disc; border-bottom:1px solid #BCBCBC; margin-bottom:4px !important;float:none; margin-left:12px;  max-height:67px; 
overflow:hidden !important; padding: 0px 0px 10px 0px; clear:both; font-size:12px; font-weight:normal;}
.socialfeedli_height a{font-size:12px; font-weight:normal;}


/*9-07-14*/
.labelfrom{margin-bottom:10px;width:100%;height:auto;min-height:30px}
.labelfrom .label{width:140px !important;}
.rt_txtfld{margin-left:8px;float:left;}

/* for notification(25-7-14) */
 .drop_test {position:relative;}
.open ul.dropdown-menu{display:block;}

ul.dropdown-menu{display:none}
								
/*---Header----------*/
.drop_test .navbar { background:#efefef; }

.drop_test .nav{ margin:0px 0px 0 10px;}
/*drop_test .custom_nav li{ padding-right:16px;}*/
.drop_test .nav li{ margin:0 2px !important;float:right;}
.drop_test .nav li a{padding:5px 0px 5px 10px !important;  text-align:center; display:block; position:relative; width:auto; }
.drop_test .nav li a.dashbord_icon em{ display:block; width:40px; height:27px; background:url(../doalotimages/adminimages/dashboard.png); position:absolute; top:0; left:17px;}
.drop_test .nav li a.setting_icon em{ display:block; width:25px; height:26px; background:url(../doalotimages/adminimages/user_new.jpg); float:right;}
.drop_test .nav li a.setting_icon span{ display:block; float:left; margin-right:9px;}
.drop_test .nav li a.logout_icon em{ display:block; width:29px; height:31px; background:url(../doalotimages/adminimages/logout.png); position:absolute; top:0; left:17px;}
.drop_test .nav li a.notification em{ display:block; width:25px; height:24px; background:url(../doalotimages/adminimages/notification.jpg); }

.drop_test .custom_nav li a:hover{ text-decoration:underline;}

.drop_test .nav-tabs{ border:none;}



.dropdown-menu {
		font-size:12px;
		position: absolute;
		top: 30px;
		z-index: 9999;
		display: none;
		float: left;
		min-width: 320px;
		padding: 4px;
		margin: 0;
		list-style: none;
		background: #f5f5f5;
		border: 1px solid #c4c4c4;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		-moz-box-shadow:0 1px 0px rgba(255, 255, 255, 1);
		-webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, 1);
		box-shadow: 0 1px 0px rgba(255, 255, 255, 1);

		-webkit-background-clip: padding-box;
		-moz-background-clip: padding;
		background-clip: padding-box;
		right:0;
		/*height:340px;*/
		height:auto;
		overflow:auto;
		width:320px;
	}
.dropdown-menu .menu1 {
		border: 1px solid #c4c4c4;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		display: block;
		float: left;
		background: #fff;
		padding:0 0 10px 0 !important;
		margin-bottom: 0;
		min-width: 150px;
	}
	
.dropdown-menu .menu1 ul{ list-style:none; margin-left:35px; }
.dropdown-menu .menu1 ul li{ position:relative; margin:0 !important;}
.dropdown-menu .menu1 ul li em.myaccount{ background:url(../doalotimages/adminimages/my_account.png); width:16px; height:20px; position:absolute; top:5px; left:-11px;}
.dropdown-menu .menu1 ul li em.logout_small{ background:url(../doalotimages/adminimages/logout_small.png); width:18px; height:20px; position:absolute; top:5px; left:-11px;}
.dropdown-menu .menu1 ul li a{ padding:10px 10px 10px 18px !important; width:100px !important; text-align:left !important;}	
								
								
.content_list .blockA{ float:left; display:block; width:40px; padding-top:10px;}
.content_list .blockB{ float:left; display:block; width:155px; color:#cccccc; font-size:12px; padding:10px 5px 0; text-align:left !important;}
.content_list .blockC{ float:left; display:block; width:115px; padding-top:10px;}
.content_list .blockB p{ font-size:12px; color:#444444; margin-bottom:3px;margin-top:0;}
.content_list .blockB span{ font-size:11px; color:#979798;}
.content_list .blockC input.button_small{ width:50px; height:25px; background: #ffffff;  /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNmM1YzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffffff 0%, #c6c5c3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#c6c5c3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#c6c5c3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#c6c5c3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#c6c5c3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#c6c5c3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c6c5c3',GradientType=0 ); /* IE6-8 */
border:1px solid #989898; border-radius:4px; color:#292929; font-size:11px; text-align:center; 
}
/* end for notification(25-7-14) */

/* start for Flash message box  */
.flash_info{  height:auto; background: #dff0d8; padding:14px 14px; margin:0 auto;  /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */

border:1px solid #d6e9c6; border-radius:4px; color:#468847; font-size:11px; text-align:center; 
}
.flash_info #flash_response{color:#468847; font-size:11px; text-align:center; padding:5px 0px; }
/* end for Flash message box  */

#orgdmtab{position:relative;}
/*org first tab notification*/
#masternotify{ position:relative;}
#org{ position:relative;}
.drop_test_orgicon{ background: url("../doalotimages/adminimages/notification.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 24px;
    width: 25px;  
	position: absolute;
    right: 2px;
    top: -25px;
	z-index:999;
	cursor: pointer;
	}
.drop_test_orgicon1{ background: url("../doalotimages/adminimages/tasknotification.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 24px;
    width: 25px;  
	position: absolute;
    right: 2px;
    top: -25px;
	z-index:999;
	cursor: pointer;
	}
.drop_test_orgicon2{ background: url("../doalotimages/adminimages/inboxnotification.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 24px;
    width: 25px;  
	position: absolute;
    right: 2px;
    top: -25px;
	z-index:999;
	cursor: pointer;
	}		
	
.drop_test_org{ background:#f5f5f5;
    border: 1px solid #c4c4c4;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    font-size: 12px;
    height: auto;
    list-style: none outside none;
    margin: 0;
    min-width: 320px;
    overflow: auto;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 0px;
    width: 343px;
    z-index: 999;
	}
/*end first tab org notification*/

input.button_green {	
	background: url("../doalotimages/bg_button_GB_span.gif") left bottom repeat-x;
    color: #fff;
    cursor: pointer;
    display: block;
    float: left;
    font: 11px arial,sans-serif; font-weight:bold;
    height: 21px;
    margin-right: 3px;
	text-align:center;
    text-decoration: none;
    text-transform: uppercase;border:none; border-radius:5px;
	
}

input.button_green_hover {		
	opacity: 0.4;
	filter: alpha(opacity=40); /* For IE8 and earlier */
	cursor:default;
}


input.button_green:hover { text-decoration:none; color:#FFFFFF;}

/* iframe height using class */
#orgBox iframe.iframehide { height: 500px !important;}

/*school class*/
#schcttab{position:relative;}
#sch{ position:relative;}