@charset "UTF-8";
body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000;background-color: #FFF;line-spacing: 16px;margin: 0px;padding: 0px; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:center top;}
a {color:#333; text-decoration:none;}
a:hover {color:#C00; text-decoration:none;}
.FL {float:left;}
.FR {float:right;}
.clear {clear:both;}
form{padding:0; margin:0;}
.P5 {padding:5px;}
.P10 {padding:10px;}
.P20 {padding:20px;}
.P2 {padding:2px;}
.ML10 {margin-left:10px;}
.MR10 {margin-right:10px;}
.MR5 {margin-right:5px;}
.MR20 {margin-right:20px;}
.MT20 {margin-top:20px;}
.MT30 {margin-top:30px;}
.PB15 {padding-bottom:15px;}
.MB {margin-bottom:50px;}
h1 {padding:0; margin:0; font-size:20px; color:#F90; border-bottom:1px dotted #CCC; padding-bottom:5px;}
h2 {padding:0; margin:0; font-size:14px; color:#39F;}
h3 {padding:0; margin:0; font-size:14px; color:#F30;}
h4 {padding:0; margin:0; font-size:20px; color:#F30;}
.bg1 {background-color:#e6f9bc;}
.bg2 {background-color:#d3e2ff;border:4px solid #fff;}
.bg3 {background-color:#ffd7bc;border:4px solid #fff;}
.bg4 {background-color:#ffd1f3;border:4px solid #fff;}
.bg5 {background-color:#dcffcd;border:4px solid #fff;}
.bg6 {background-color:#fff5ce;border:4px solid #fff;}
.bg7 {background-color:#e5cbff;border:4px solid #fff;}
.red {color:#F00;}
.green {color:#090;}
.grey {color:#999;}
.black {color:#000;}
.PT5 {padding-top:5px;}
.PT10 {padding-top:10px;}
.PT15 {padding-top:15px;}
.t25 {font-size:20px; }
.t15 {font-size:15px; }
.txtform {width:170px; height:30px;}
.postform {width:650px;}
.txtareaform {width:530px; height:80px;}
.settbt {text-align:center; float:left; font-size:12px; padding:5px; width:90px;}
.wd630 {width:630px;}
.wd2 {width:390px;}
.bdr {border:4px solid #000;}
.TC {text-align:center;}

#containerOG {width:870px; margin:0 auto; position:relative; border:0px solid #CCC; }
#logoOG {float:left;}
/*#topnavOG {float:right; background-color:#2dc7c1; padding:5px;color:#FFF;}
#topnavOG a{color:#FFF; font-size:14px;}
#topnavOG a:hover {color:#004744;}*/

#topnavOG {float:right;}
#topnavOG a{color:#fff; font-size:14px; padding:5px 10px; background-color:#002736; margin-left:1px; float:left;}
#topnavOG a:hover {color:#ffffff; background-color:#2ea69a;}

.search-comment {background-color: #ccc; width:640px; height:70px;}
.search-comment-reco {background-color: #bddfb3; width:870px; height:70px;}
.search-comment-txt {width:500px;}
.search-comment-txt-reco {width:730px;}
.commenttext {font-size:16px; width:485px; background:transparent; border:0; height:62px; background-color:#FFF;}
.commenttext-reco {font-size:25px; width:720px; background:transparent; border:0; height:62px; background-color:#FFF; font-family:Arial, Helvetica, sans-serif;}
.contentOG {width:640px; margin-top:10px; float:left; border-right:1px dotted #CCC;}
.contentOG a {color:#333; text-decoration:underline; font-size:12px;}
.contentOG a:hover {color:#000;}
.contentOG-reco {width:870px; margin-top:10px; float:left;}
.recoOG {position:fixed; right:0px; top:120px; z-index:1; overflow:hidden;}
.recoOG a{color:#FFF; font-size:16px; background-color:#2ea69a; width:15px; float:left; 	padding:20px 10px;}
.recoOG a:hover{color:#fff; background-color:#002736;}

.feedbackOG {position:fixed; left:0px; top:120px; z-index:1; overflow:hidden;}
.feedbackOG a{color:#FFF; font-size:16px; background-color:#000; width:15px; float:left; 	padding:20px 10px;}
.feedbackOG a:hover{color:#fff; background-color:#002736;}
.feedbackOG1 {position:fixed; left:0px; top:400px; z-index:1; overflow:hidden;}
.feedbackOG1 a{color:#FFF; font-size:16px; background-color:#000; width:15px; float:left; 	padding:20px 10px;}
.feedbackOG1 a:hover{color:#fff; background-color:#002736;}

.recoOG-search {position:absolute; right:0px; top:70px; background-color:#CCC; padding:10px; z-index:1;overflow:hidden;width:120px;height:520px;}
.sns {position:absolute; left:640px; top:200px; padding:5px;border:1px dotted #CCC; border-left:1px solid #FFF;}
.like-count {position:absolute; left:668px; top:210px; padding:3px;border:1px dotted #CCC; background-color:#FFF; z-index:11; border-left:1px solid #FFF;}
.dislike-count {position:absolute; left:668px; top:242px; padding:3px;border:1px dotted #CCC; background-color:#FFF; z-index:11; border-left:1px solid #FFF;}
.on-off {position:absolute; left:855px; top:133px;border:1px dotted #CCC; background-color:#FFF; padding:3px; font-size:10px;}
.blubOG-cont {position:absolute;left:700px; top:200px;}
.blubOG-cont-reco {position:absolute;left:710px; top:160px;}
.blubOG {background-image:url(../images/blub-orange.gif); width:160px; height:120px; position:relative; margin-bottom:10px;}
.blubOG .blubOG-txt {border:0px solid #CCC; width:135px; height:75px; left:10px; top:10px; position:absolute; color:#FFF;}
.blubOG .blubOG-name {position:absolute; top:104px; left:20px; text-align:left; color:#900;}
.fotterOG {width:870px; margin:0 auto;}
/*.fotterOG-txt {background-color:#036; padding:10px;color:#FFF; width:640px;}*/
.fotterOG-txt {width:640px;}
.fotterOG-txt a{color:#FFF;}
.backhome {position:fixed; left:0px; top:120px; z-index:1; overflow:hidden;}
.backhome a{color:#FFF; font-size:16px; background-color:#2ea69a; width:15px; float:left; padding:47px 10px;}
.backhome a:hover{color:#FFF; background-color:#002736;}
.reco-list {width:705px; margin-bottom:15px; float:left;}
.create-post {width:670px; margin-bottom:15px; float:left;}
.create-post-rt {width:175px; background-color:#EFEFEF;border-left:0px dotted #CCC; padding-left:7px; margin-top:30px; padding-right:7px; margin-left:5px;}
#containerOG .registerOG {position:absolute; top:25px; display:none; background-color:#FC0; border:1px #F90 dotted; padding:10px; right:0px; width:160px; z-index:15; color:#FFF;}
/*#containerOG .registerOG {position:absolute; top:25px; background-color:#FC0; border:1px #F90 dotted; padding:10px; right:0px; width:160px; z-index:15; color:#FFF;}*/
.inputbg {width:150px;}
.imgg {padding:1px; border:1px solid #EEE;}
.imgg1 {padding:1px; border:1px solid #EEE; margin-right:6px;}
.profileOG {width:150px; position:relative;}
.profileOG .changepics {position:absolute; top:135px; display:none; z-index:10;}
.profileOG .changepics a{background-color:#333; padding:5px; color:#FFF;}
/*.profileOG .changepics a:hover {background-color:#000;}*/
.prfiletxt {text-align:center; font-size:15px; font-weight:bold; margin-top:5px; color:#06F;}
.profileOG1 {width:700px;}
.profileOG-settings {margin-left:5px; margin-top:20px; font-size:20px;}

.commentsboxOGimg {width:65px;}
.commentsboxOGimg img {padding:2px; background:#FFF; border:1px solid #CCC;}
.commentsboxOG { width:620px; border-bottom:1px #eaeaea solid; margin-bottom:8px; float:left; padding-bottom:8px;}
.commentsboxOG1 { width:550px;}

/*---- Changes - commented the block and added the original Blabber css - 20100310 - Vibhu ---*/

/*.blubOGnew1 {/*background-image:url(../images/blub-orange1.gif); background-position:bottom left; background-repeat:no-repeat;//border:0px #e2e2e2 dotted;	background-color:#bcdea5;}
.blubOGnew {//background-color:#ff9900;// width:160px;border:0px #bcdea5 solid;padding:2px;}
.blubOGnew-txt {color:#000; max-height:80px; min-height:10px; border:1px solid #bcdea5; float:left; background-color:#FFF; width:210px;}
.blubOGnew-name {color:#900; margin-left:5px; margin-bottom:10px; padding:1px;}

// new styles for 'ME' and 'Link' diplay in Blabber - 08/Mar/2010 - Vibhu //
.blubOGnew1-me {border:0px #e2e2e2 dotted;background-color:#2ea69a;padding:2px;}
.blubOGnew-me {width:160px;border:1px #2ea69a solid;}
// changes end here - Vibhu// */

.blubOGnew1 {/*background-image:url(../images/blub-orange1.gif); background-position:bottom left; background-repeat:no-repeat;*/width:158px;border:0px #e2e2e2 dotted;	background-color:#bcdea5;}
.blubOGnew {/*background-color:#ff9900;*/ width:156px;border:1px #bcdea5 solid;}
.blubOGnew-txt {padding:6px; color:#000; max-height:70px; min-height:10px; }
.blubOGnew-name {text-align:left; color:#900; margin-left:5px; margin-bottom:10px; padding:1px;}

/* new styles for 'ME' and 'Link' diplay in Blabber - 08/Mar/2010 - Vibhu */
.blubOGnew1-me {width:158px;border:0px #e2e2e2 dotted;margin-bottom:10px; background-color:#2ea69a;}
.blubOGnew-me {width:156px;border:1px #2ea69a solid;}
/* changes end here - Vibhu*/

/*---- Changed - 20100310 - Vibhu ---*/

.topblub {background-image:url(../images/top-blub1.gif); background-repeat:no-repeat; width:400px; height:55px; margin-top:30px;}
.topblub1 {padding:10px 10px 10px 30px;}

/* BUTTONS */

.buttons a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#e5fcc2;
    border:1px solid #c5ec8a;
    border-top:1px solid #c5ec8a;
    border-left:1px solid #c5ec8a;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#000000;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#34b1b1;
    border:1px solid #34b1b1;
    color:#000000;
}
.buttons a:active{
    background-color:#3b8686;
    border:1px solid #34b1b1;
    color:#ffffff;
}

/* BUTTONS 1 */

.buttons1 a, .buttons1 button{
    display:block;
    float:left;
    margin:0 10px 10px 0;
    background-color:#e5fcc2;
    border:1px solid #c5ec8a;
    border-top:1px solid #c5ec8a;
    border-left:1px solid #c5ec8a;
    line-height:130%;
    text-decoration:none;
	font-weight:bold;
	font-size:18px;
	min-width:140px;
	text-align:center;
	width:110px;
    color:#000000;
    cursor:pointer;
    padding:5px 5px 6px 2px; /* Links */
}
.buttons1 button{
    width:50px;
    overflow:visible;
    padding:4px 5px 3px 2px; /* IE6 */
}
.buttons1 button[type]{
    padding:5px 5px 5px 2px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 5px 3px 2px; /* IE7 */
}
.buttons1 button img, .buttons1 a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */

button:hover, .buttons1 a:hover{
    background-color:#34b1b1;
    border:1px solid #34b1b1;
    color:#000000;
}
.buttons1 a:active{
    background-color:#3b8686;
    border:1px solid #34b1b1;
    color:#ffffff;
}


/*   */
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#b20000}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191;
  background:#c53f3f}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f7e5e5;
  border-right:1px solid #f7e5e5;
  background:#c03030}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #c03030;
  border-right:1px solid #c03030;}
.spiffy4{
  border-left:1px solid #dd9191;
  border-right:1px solid #dd9191}
.spiffy5{
  border-left:1px solid #c53f3f;
  border-right:1px solid #c53f3f}
.spiffyfg{
  background:#b20000}
.butthighlt{
   background-color:#ffb22c;
   border:1px solid #ffb22c;
   color:#000000;
}
.arnab1 a, .buttons1 button{
    display:block;
    float:left;
    margin:0 10px 10px 0;
    background-color:#3b8686;
    border:1px solid #34b1b1;
    border-top:1px solid #34b1b1;
    border-left:1px solid #34b1b1;
    line-height:130%;
    text-decoration:none;
	font-weight:bold;
	font-size:18px;
	min-width:140px;
	text-align:center;
	width:110px;
    color:#ffffff;
    cursor:pointer;
    padding:5px 5px 6px 2px; /* Links */
}

.gender1 a, .buttons button{
    display:block;
    float:left;
    margin:0 7px 0 0;
    background-color:#3b8686;
    border:1px solid #34b1b1;
    border-top:1px solid #34b1b1;
    border-left:1px solid #34b1b1;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#ffffff;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

#containerOG .getUserInfoOG {position:absolute; top:25px; display:block; background-color:#FC0; border:1px #F90 dotted; padding:10px; right:0px; width:160px; z-index:15; color:#FFF;}

/**************** Cloud related CSS ******************/
#cloud a.tag1 { font-size: 1.0em; font-weight: 100; color:#2ea69a;}
#cloud a.tag2 { font-size: 1.1em; font-weight: 200; color:#2ea69a;}
#cloud a.tag3 { font-size: 1.2em; font-weight: 300; color:#2ea69a;}
#cloud a.tag4 { font-size: 1.4em; font-weight: 400; color:#2ea69a;}
#cloud a.tag5 { font-size: 1.6em; font-weight: 500; color:#2ea69a;}
#cloud a.tag6 { font-size: 1.8em; font-weight: 600; color:#2ea69a;}
#cloud a.tag7 { font-size: 2.2em; font-weight: 700; color:#2ea69a;}
#cloud a.tag8 { font-size: 2.5em; font-weight: 800; color:#2ea69a;}
#cloud a.tag9 { font-size: 2.8em; font-weight: 900; color:#2ea69a;}
#cloud a.tag10 { font-size: 3.1em; font-weight: 900; color:#2ea69a;}

#cloud { padding: 2px; line-height: 3em; text-align: center;}
#cloud a { padding: 0px; }

#cloud { margin: 0; }
#cloud li { display: inline; }