/* CSS Document */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

img{
   vertical-align:middle;
}

body{
   color: #666666;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 1.6em;
   overflow-y:scroll;
   background: #FFF;   
}

body.iframe{
   width:740px;
   margin: auto;
}


body#home{
   background:#5E5E5E;
   margin-top: 0px;
}


h1, h2, h3, h4, h5{
   font-family:Arial, Helvetica, sans-serif;
}



h1{
   font-family:tahoma;
   font-size:30px;
   color:#333333;
   margin:0px 0px 15px 0px;
   padding:0px;
   font-weight:normal;
   line-height:1.2em;
}

sup {
   vertical-align: super;
}

a{
   color:#63a8c3;
   text-decoration:none;
}


a:hover{
   text-decoration:underline;
}




#rooh-hp-slider {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 200;
   width:100%;
}

#header{
   /*
   background:url(/images/headerbg.jpg) repeat-x 0px 0px;
   height:40px;
   min-width:980px;
   */
   background: url(/images/headerbg.jpg) #000000 repeat-x 0px 0px;
   height: 40px;
   width: 100%;


}




#header .header-container{
   width:980px;
   margin:0px auto;
}
body.iframe #header .header-container{
   width:740px;
}


#header .logo-container{
   background:url(/images/logocontainerbg.jpg) no-repeat 0px 0px ;
   height:40px;
   width:300px;
   float:left;
   position:relative;
   left:-70px;
}


#header .logo-container-inner-white{
   background:url(/images/logocontainerbginner.png) no-repeat 0px 0px;
}

#home #header .logo-container{
   background:url(/images/logocontainerbg.jpg) no-repeat 0px 0px ;
}


#header .logo-container-none{
   background:none;
}


#header .logo-container-none #logo{
   background:url(/images/logowithborder.png) no-repeat 0px 0px;
   top:5px;
   height:27px;
   width:105px;
}


#logo{
   background:url(/images/logo.png) no-repeat 0px 0px;
   background:url(/images/logo_ylo_tip.png) no-repeat 0px 0px;
   height:23px;
   width:101px;
   position:relative;
   top:12px;
   left:95px;
   display:block;
   text-indent:-9999px;
}



#header-nav{
   /*width:450px;*/
   height:37px;
   float:right;
   margin:0px 0px 0px 25px;
   padding:0px;
}

#header-nav ul{
   float:right;
   margin:0px;
   padding:0px;
   list-style-type:none;
}


#header-nav ul li{
   float:left;
   margin:0px;
   padding:0px;
   list-style-type:none;
}

#home #header-nav ul li{
    z-index: 6;
}

#header-nav ul li a.rooh-nav{
   float:left;
   height:29px;
   margin:0px;
   padding:8px 10px 0px 10px;
   list-style-type:none;
   font-weight:bold;
   color:#c9c9c9;
   text-decoration:none;
   font-size:11px;
}

#header-nav ul li a.rooh-home-nav{
   float:left;
   height:29px;
   margin:0px;
   padding:8px 10px 0px 10px;
   list-style-type:none;
   font-weight:bold;
   color:#c9c9c9;
   text-decoration:none;
   font-size:11px;
   padding-left:40px;
   padding-right:25px;
}

#header-nav ul li.fblogin{
   height:30px;
   padding:7px 10px 0px 10px;
}


#header-nav ul li a.rooh-nav:hover{
   background:url(/images/navhoverbg.png) repeat-x 0px 0px #262626;
   color:#FFFFFF;
}





#header-nav ul li.user-nav{
   float:left;
   position:relative;
}

#header-nav ul li.user-home-nav{
   float:left;
   position:relative;
}



#header-nav ul li.user-nav a{
   padding-left:40px;
   padding-right:25px;
}


#header-nav ul li.user-nav a:hover, #header-nav ul li.user-nav:hover a{
   background:#FFF;
   padding-left:39px;
   padding-right:24px;
   border-left:1px solid #666666;
   border-right:1px solid #666666;
   position:relative;
   z-index:2;
   color:#333333;
}



#header-nav ul li.user-nav a span.drop{
   background:url(/images/navdroparrow.png) no-repeat 0px 0px;
   height:5px;
   width:8px;
   position:absolute;
   right:8px;
   top:16px;
}





#header-nav ul li.user-nav a:hover span.drop{
   background:url(/images/navdroparrow.png) no-repeat 0px -25px;
}


#header-nav ul li.user-nav:hover a span.drop{
   background:url(/images/navdroparrow.png) no-repeat 0px -40px;
   height:5px;
   width:8px;
   position:absolute;
   right:8px;
   top:16px;
}



#header-nav img.home-userthumb{
   position:absolute;
   border:1px solid #666666;
   top:5px;
   left:5px;
   height:26px;
   width:27px;
}

/* fblogin button css begin */

#roohfb-login{
   margin-top:10px;
   margin-left:15px;
}

#rooh_home_fblogin{
   overflow:hidden;
   width:152px;
   height:22px;
   border:none;
   float:left;
   margin-top:3px;
}

/* fblogin button css end */


#header-nav ul .header-nav-first-level-container{
   position:absolute;
   top:25px;
   right:0px;
   display:none;
   z-index:1;
}


#header-nav ul li:hover .header-nav-first-level-container{
   display:block;
   padding-top:12px;
}


#header-nav ul li:hover .header-nav-first-level {
   float:left;
   background:#FFF;
   padding:10px;
   border:1px solid #acacac;
   border-radius:0px 0px 5px 5px;
   border-top:none;
   line-height:1.2em;
   box-shadow:0px 0px 13px #999999;
   z-index:1;
}

#header-nav ul .header-nav-first-level ul{
   background:#f3f3f3;
   border:1px solid #d9d9d9;
   float:left;
   margin:0px;
   padding:1px 10px 1px 10px;
   width:158px;
   border-radius:5px;
}


#header-nav ul li.user-nav .header-nav-first-level ul li {
   padding:5px 0px 5px 0px;
   border:none;
   border-bottom:1px solid #dbdbdb;
}


#header-nav ul li.user-nav .header-nav-first-level ul li a{
   background:none;
   color:#333333;
   font-weight:normal;
   width:150px;
   height:20px;
   float:left;
   margin:0px;
   padding:5px 5px 5px 5px;
   border:none;
}


#header-nav ul li.user-nav .header-nav-first-level ul li a:hover{
   background:#e3e3e3;
   border:none;
}




#header-nav ul li.user-nav .header-nav-first-level ul li.first-level-last{
   border-bottom:none;
}






#rooh-search-box{
   background:#989898;
   float:left;
   width:125px;
   height:14px;
   padding:5px;
   margin:6px 0px 0px -152px;
   color:#333333;
   border-radius:15px;
   box-shadow:1px 1px 1px #000 inset;
   position:relative;
}


#rooh-search-box input[type="text"]{
   background:none;
   border:none;
   color:#333333;
   font-size:11px;
   width:100px;
}

#rooh-search-box input.searchbtn{
   background:url(/images/searchicon.png) no-repeat 0px 0px;
   height:20px;
   width:20px;
   position:absolute;
   top:3px;
   right:3px;
   cursor:pointer;
   border:none;
}





#home-banner-container{
   background:url(/images/homebannercontainerbg.jpg) no-repeat center top #6ec4e5;
   min-width:980px;
}

#home-banner-container .slides_container {
    width:980px;
    margin: 0 auto;
}

#home-banner-container .slides_container > div {
    display: none;
}

#home-banner-container .slides_container > div:first-child {
    display: block;
}


#home-banner-container .pagination {
   margin: 0 auto;
   width: 100px;
   overflow: hidden;
   position: absolute;
   left: 50%;
   top: 336px;
   margin-left: -38px;
   z-index:5;
}

#home-banner-container .pagination li {
   float:left;
   margin:0 1px;
   list-style:none;
}

#home-banner-container .pagination li a {
   display:block;
   width:14px;
   height:14px;
    background-image: url(/images/pagination.png);
   float:left;
   overflow:hidden;
   background-color:transparent !important;
   font-size:0px;
   background-position: 0px -1px;
}

#home-banner-container .pagination li.current a {
   display:block;
   width:14px;
   height:14px;
    background-image: url(/images/pagination-active.png);
   float:left;
   overflow:hidden;
   background-color:transparent !important;
   font-size:0px;
   background-position: 0px 0px;
}

#home-banner-container .home-banner-inner{
   width:980px;
   margin:0px auto;
   height:331px;
   position:relative;
}


/****Added by Fermin START****/

#people{
   font-size:17px;
   position:relative;
   left:-115px;
   top:-6px;
}
#people .people-use{
   position:relative;
   top:38px;
   left:-176px;
}
.networks{
   text-align:left;
   display:inline-block;
   width:75px;
}
.networks-roohit{
   text-align:right;
}
.networks-do{
   text-align:left;
   display:inline-block;
   width:75px;
   position:relative;
   left:96px;
}
.networks-do-roohit{
   left:79px;
}
#people > ul{
   position:relative;
   top:-85px;
   left:-34px;
   list-style:none;
}

#people ul li{
   line-height:1.8em;
}

#people li:last-child {
    color:#064d8c;
   font-weight:bold;
}
#people ul li > img{
   padding:0px;
   position:relative;
   left:22px;
}
#people ul li .rooh-discription{
   position:relative;
   left:33px;
   display:inline-block;
}
.right-bracket{
   position:relative;
   left:-107px;
   top:59px;
}

.left-bracket{
   position:relative;
   left:126px;
   top:-224px;
}

/*home.1*/
.highligh-saved-share{
   position:relative;
   top:60px;
}
.highligh-saved-share > img {
   padding:0px 25px;
}
/*home.1*/



.poem-banner {
   position: relative;
   top:9px;
   left:-7px;
}
/****Added by Fermin END******/



#home-banner-container .home-balloon{
   background:url(/images/homeballoonbg.png) no-repeat 0px 0px;
   width:258px;
   height:201px;
   float:left;
   padding:4em;
}


#home-banner-container .home-balloon ul{
   width:258px;
   float:left;
   padding:0em;
}

#home-banner-container .home-balloon ul li{
   /* width:208px; RC 6/7/12 */
   width:216px;
   float:left;
   padding:1.2em 0em 1.2em 3.5em;
   list-style-type:none;
   font-size:14px;
   border-bottom:1px dotted #d8d7d7;
}

#home-banner-container .home-balloon ul li.remember{
   background:url(/images/homeballoonicons.png) no-repeat -6px 20px;
}

#home-banner-container .home-balloon ul li.popular{
   background:url(/images/homeballoonicons.png) no-repeat 0px -48px;
}


#home-banner-container .home-balloon ul li.patents{
   background:url(/images/homeballoonicons.png) no-repeat 0px -122px;
}


#home-banner-container .home-balloon ul li.share{
   background:url(/images/share-icon.png) no-repeat 0px 16px;
}
#home-banner-container .home-balloon ul li.discover{
   background:url(/images/eye-icon.png) no-repeat 0px 16px;
}








#home-banner-container .home-banner-inner .home-banner-content{
   width:600px;
   margin:0px;
   float:right;
   padding:6em 0em 0em 0em;
}

/* #home-banner-container .home-banner-inner .to-start-hlbtn{ */
.to-start-hlbtn {
   background:url(/images/tostarthlbtn1.png) no-repeat 0px 0px;
   width:278px;
   height:76px;
   margin:0px;
   position:absolute;
   /*
   bottom:18px;
   right:2px;
   */
   top: -94px;
   right: 2px;
   text-indent:-9999px;
}




#home-banner-container .home-banner-inner h1{
   font-size:42px;
   color:#064d8c;
   margin:0px 0px 15px 0px;
   padding:0px;
   font-weight:normal;
   line-height:1.2em;
}


#home-banner-container .home-banner-inner h2{
   font-size:24px;
   color:#333333;
   margin:0px;
   padding:0px;
   font-weight:normal;
}




#dragbkmk-container-top{
   display:none;
}

#home-dragbkmk-container{
   background:url(/images/homedragbkmkcontainerbg.jpg) repeat-x 0px 0px;
   height:225px;
   min-width:980px;
}


#home-dragbkmk-container .home-dragbkmk-inner{
   width:960px;
   height:270px;
   padding:0px 10px 0px 10px;
   margin:0px auto;
   position:relative;
}


#home-dragbkmk-container .home-dragbkmk-content{
   float:right;
   padding:5em 0em 0em 0em;
}


#home-dragbkmk-container a.dragbkmk-roohitdragbtn{
   background:url(/images/roohitdragbtn.png) no-repeat 0px 0px;
   width:130px;
   height:48px;
   margin:0px 5px 0px 7px;
   text-indent:-9999px;
   display:inline-block;
   cursor:move;
}


#home-dragbkmk-container .home-dragbkmk-inner .starthl-downarrow{
   background:url(/images/starthldownarrow.png) no-repeat 0px 0px;
   width:90px;
   height:114px;
   margin:0px;
   position:absolute;
   top:-60px;
   right:290px;
   text-indent:-9999px;
}


#home-dragbkmk-container .home-dragbkmk-inner .dragbtn-screen{
   background:url(/images/homedragbtnscreen.png) no-repeat 0px 0px;
   width:259px;
   height:98px;
   margin:0px;
   position:absolute;
   bottom:50px;
   right:-5px;
   text-indent:-9999px;
}




#home-dragbkmk-container .home-dragbkmk-inner .bar-instruction{
   font-size:11px;
   color:#8b8c8c;
   position:absolute;
   right:0px;
   top:12px;
   display:none;
}


#home-dragbkmk-container .home-dragbkmk-inner .bar-instruction .key-btn{
   background:#dfdede;
   padding:0.1em 0.4em 0.1em 0.5em;
   border-radius:5px;
}




#home-dragbkmk-container h2.dragbtn-tip{
   color:#d5030b;
   position:absolute;
   top:95px;
   left:0px;
   font-size:18px;
   font-weight:normal;
   line-height:1.2em;
   width:45%;
   text-align:left;
}




#home-dragbkmk-container h1{
   font-size:22px;
   color:#333333;
   margin:0px;
   padding:0em;
   line-height:2.2em;
   font-weight:normal;
}


#home-dragbkmk-container h2{
   font-size:14px;
   color:#333333;
   margin:0px;
   padding:0em;
   font-weight:normal;
   text-align:right;
   line-height:0em;
}

.straddle {
   position: relative; 
   top: -30px;
   left: 35px;
}

#home-footer{
   width:980px;
   margin:0px auto;
   position:absolute;
   bottom:0px;
   text-align:center;
   height:20px;
}

#home-footer p{
   background:#3ca6ce;
   padding:0.5em 1em 0.5em 1em;
   font-size:14px;
   color:#FFFFFF;
   display:inline;
   border-radius:5px 5px 0px 0px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
}




#home-wrapper{
   background:url(/images/homewrapperbg.jpg) repeat-x 0px 0px #5e5e5e;
   min-width:980px;
   min-height:100px;
   padding:0em 0em 0em 0em;
   width:100%;
   float:left;
}


#home-wrapper .home-wrapper-inner{
   width:960px;
   margin:0px auto;
   padding:2em;
   position:relative;
}





#home-wrapper .home-wrapper-content{
   background:#FFF;
   width:905px;
   min-height:300px;
   margin:2em 0em 2em 0em;
   padding:2em 2em 1em 2em;
   border:3px solid #3ca6ce;
   border-radius:10px;
   position:relative;
   float:left;
}



#home-wrapper .home-wrapper-content-row{
   width:905px;
   margin:5px 0px 5px 0px;
   padding:0px;
   float:left;
}




#home-wrapper .home-poem{
   width:380px;
   margin:5px 0px 5px 0px;
   padding:20px;
   float:left;
   font-size:16px;
   color:#666666;
   font-family:"Times New Roman", Times, serif;
   border:3px solid #999999;
   border-radius:10px;
}

#home-wrapper .home-poem-center{
   width:430px;
   margin:0px auto;
}


#home-wrapper .home-poem-row{
   width:380px;
   margin:5px 0px 5px 0px;
   padding:0px;
}


#home-wrapper .home-poem ul{
   width:380px;
   float:left;
   margin:0px;
   padding:0px;
   line-height:0.7em;
}


#home-wrapper .home-poem ul li{
   width:340px;
   float:left;
   margin:0px;
   padding:10px 10px 10px 30px;
   list-style-type:none;
}








#home-wrapper #benefits-content{
   display:block;
}


#home-wrapper .home-wrapper-inner h1.youneed{
   font-size:42px;
   font-weight:normal;
   text-align:center;
   color:#FFFFFF;
   line-height:1.5em;
   text-decoration:none;
   padding:0em;
}


#home-wrapper .home-wrapper-inner h2.saveshare{
   font-size:24px;
   font-weight:normal;
   text-align:center;
   color:#59c9f3;
   line-height:1.5em;
   text-decoration:none;
}




#home-wrapper h1.whyneed{
   font-size:24px;
   font-weight:bold;
   text-align:center;
   color:#FFFFFF;
   line-height:1.5em;
   text-decoration:none;
   padding-top:2em;
}

#home-wrapper h1.whyneed:hover{
   background:url(/images/homewrapperhoverbg.jpg) repeat-x 0px 0px #535353;
}

#home-wrapper h1.whyneed a{
   text-decoration:none;
   color:#FFFFFF;
}

#home-wrapper h1.whyneed a p{
   min-height:120px;
   text-decoration:none;
}


#home-wrapper span.home-down-arrow{
   background:url(/images/homedownarrow.png) no-repeat 0px 0px;
   height:40px;
   width:40px;
   display:inline-block;
   text-indent:-9999px;
   cursor:pointer;
}



#home-wrapper a.home-up-arrow{
   background:url(/images/homeuparrow.png) no-repeat 0px 0px;
   height:40px;
   width:40px;
   position:absolute;
   top:30px;
   right:20px;
   text-indent:-9999px;
   cursor:pointer;
}






#wrapper{
   min-width:980px;
   min-height:300px;
   padding:0em 0em 0em 0em;
   position:relative;
   background-color:#FFF;

}
body.iframe #wrapper{
   min-width:740px;
}

#wrapper .wrapper-inner{
   width:980px;
   margin:0px auto;
   padding:3em 0em;
   position:relative;
}
body.iframe #wrapper .wrapper-inner{
   width:740px;
   padding:10px 0em;
}

#wrapper .wrapper-inner-row{
   float:left;
   margin:0px 0px 10px 0px;
}




a.red-btn, input.red-btn{
   background:url(/images/redbtnbg.jpg) repeat-x 0px 0px;
   padding:5px 35px 5px 35px;
   font-size:16px;
   color:#FFFFFF;
   text-decoration:none;
   display:inline-block;
   border-radius:5px;
}

a.red-btn:hover, input.red-btn:hover{
   background:url(/images/redbtnbg.jpg) repeat-x 0px -32px;
   text-decoration:none;
}



a.black-btn, input.black-btn{
   background:url(/images/redbtnbg.jpg) repeat-x 0px -32px;
   background:url(/images/bluebtnbg.png) repeat-x 0px 0px;
   height:22px;
   padding:5px 35px 5px 35px;
   padding:5px 20px 5px 20px;
   font-size:16px;
   color:#FFFFFF;
   text-decoration:none;
   display:inline-block;
   border-radius:5px;
}

a.black-btn:hover, input.black-btn:hover{
   background:url(/images/redbtnbg.jpg) repeat-x 0px -32px;
   text-decoration:none;
}






a.red-btn-big{
   background:url(/images/redbtnbigbg.jpg) repeat-x 0px 0px;
   height:28px;
   padding:6px 35px 8px 35px;
   font-size:18px;
   color:#FFFFFF;
   text-decoration:none;
   border:2px solid #FFFFFF;
   display:inline-block;
   border-radius:5px;
   box-shadow:0px 0px 5px #666666;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   line-height:1.6em;
}

a.red-btn-big:hover{
   background:url(/images/redbtnbigbg.jpg) repeat-x 0px -43px;
   text-decoration:none;
}


a.black-btn-big{
   /*background:url(/images/redbtnbigbg.jpg) repeat-x 0px -43px;*/
   background:url(/images/bluebtnbg.png) repeat-x 0px 0px;
   height:28px;
   padding:6px 35px 8px 35px;
   font-size:18px;
   color:#FFFFFF;
   text-decoration:none;
   border:2px solid #FFFFFF;
   display:inline-block;
   border-radius:5px;
   box-shadow:0px 0px 5px #666666;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   line-height:1.6em;
}

a.black-btn-big:hover{
   background:url(/images/redbtnbigbg.jpg) repeat-x 0px -43px;
   text-decoration:none;
}




a.white-btn-big{
   background:#FFF;
   height:28px;
   padding:6px 35px 8px 35px;
   font-size:14px;
   color:#333333;
   text-decoration:none;
   border:1px solid #999999;
   display:inline-block;
   border-radius:5px;
   font-family:Arial, Helvetica, sans-serif;
   font-weight:normal;
   line-height:2.1em;
}




.left{
   float:left;
}


.right{
   float:right;
}


.text-center{
   text-align:center;
}





#footerA{
   width:100%;
   float:left;
   padding-top:10px;
   bottom:0px;
   left:0px;
}


#footerA .footerA-inner{
   background:#3CA6CE;
   width:945px;
   margin:0px auto;
   height:52px;
   padding:5px;
   text-align:center;
   font-size:14px;
   color:#FFFFFF;
   border-radius:5px 5px 0px 0px;
   border-top-left-radius:5px;
   border-top-right-radius:5px;
}


#footer{
   background:#3ca6ce;
   width:100%;
   float:left;
   padding-top:30px;
   padding-bottom:20px;
}


#footer .footer-inner{
   width:980px;
   margin:0px auto;
   overflow: hidden;
}

body.iframe #footer .footer-inner{
   width:740px;
}
#footer .footer-inner .footer-right{
   float:right;
   padding:15px;
}


#footer .footer-copyright{
   float:left;
   margin:35px 0px 5px 0px;
   text-align:center;
   font-size:11px;
   color:#FFFFFF;
}


#footer .footer-patents{
   font-size:14px;
}



#footer .footer-inner h2{
   color:#FFFFFF;
   font-size:14px;
   font-weight:bold;
   margin:0px 0px 20px 0px;
   padding:0px;
   text-transform:uppercase;
   text-shadow:1px 1px 1px #666666;
}


#footer .footer-inner ul{
   width: auto;
   float:left;
   margin-right: 40px;
   padding:0px;
   border:#00FF00;
}
body.iframe #footer .footer-inner ul{
   margin-right: 35px;
}

#footer .footer-inner ul li{
   margin:0px;
   padding:0px;
   list-style-type:none;
}



#footer .footer-inner ul li a{
   color:#FFFFFF;
   width:200px;
   font-size:14px;
   list-style-type:none;
   line-height:2em;
}


#footer .footer-inner ul li a:hover{
   color:#FFFFFF;
   text-shadow:1px 1px 1px #666666;
}

/*********** TODO: add icon for Chrome ********/
#footer .footer-inner ul li.chrm{
   background:url(/images/tmp/chrome-2-icon.png) no-repeat 0px 7px;
   padding-left:23px;
}

#footer .footer-inner ul li.ggl{
   background:url(/images/footersprites.png) no-repeat 0px 6px;
   padding-left:23px;
}

/*********** TODO: add icon for Firefox ********/
#footer .footer-inner ul li.ff{
   background:url(/images/tmp/ff.png) no-repeat 0px 7px;
   padding-left:23px;
}

#footer .footer-inner ul li.wp{
   background:url(/images/footersprites.png) no-repeat 0px -25px;
   padding-left:23px;
}


#footer .footer-inner ul li.jml{
   background:url(/images/footersprites.png) no-repeat 0px -60px;
   padding-left:23px;
}


#footer .footer-inner ul li.fb{
   background:url(/images/footersprites.png) no-repeat 0px -99px;
   padding-left:23px;
   width:180px;
}

#footer .footer-inner ul li.tw{
   background:url(/images/footersprites.png) no-repeat 0px -136px;
   padding-left:23px;
   width:180px;
}


#footer .footer-inner ul li.yt{
   background:url(/images/footersprites.png) no-repeat 0px -173px;
   padding-left:23px;
   width:180px;
}

#footer .footer-inner ul li.vid{
   /* http://static.howstuffworks.com/gif/video-icon-blue-16x16.png */
   background:url(/images/tmp/movie_play.png) no-repeat 0px 5px;
   padding-left:23px;
}

#footer .footer-inner ul li.showoff{
   background:url(/images/tmp/trophy_bronze.png) no-repeat 0px 5px;
   padding-left:23px;
}





h1.breadcrumb{
   background:url(/images/breadcrumbbg.png) no-repeat 0px 0px;
   height:20px;
   width:89%;
   padding:7px;
   margin:0px 0px 20px 0px;
   font-size:16px;
   color:#25a9dc;
   font-weight:normal;
   float:left;
}

h1.breadcrumb span.sel{
   color:#333333;
}



h2.page-title{
   background:url(/images/breadcrumbbg.png) no-repeat 0px 0px;
   height:20px;
   width:100%;
   padding:7px;
   margin:0px 0px 20px 0px;
   font-size:16px;
   color:#333333;
   font-weight:normal;
}

h2.page-title a.small-link{
   font-size:12px;
}


h2.page-title-right{
   background:url(/images/bg-page-title-right.png) no-repeat right 0px;
   height:20px;
   width:96%;
   padding:7px;
   margin:0px 0px 20px 0px;
   font-size:16px;
   color:#333333;
   font-weight:normal;
   text-align:right;
}






.yellow-hl-text{
   background:#FFFF00;
}

.pink-hl-text{
   background:#FF00FF;
}



.text-red{
   color:#FF0000;
}

.text-blue{
   color:#0033CC;
}


.text-lightblue{
   color:#3ea7cf;
}







#features-tiles-container{
   background:url(/images/bg-features-tiles.jpg) no-repeat right 15px;
   height:536px;
   width:910px;
   float:left;
   margin:0px;
   padding:0px;
}


#features-tiles-container ul{
   width:888px;
   float:left;
   margin:0px;
   padding:0px 0px 0px 23px;
   position:relative;
}

#features-tiles-container ul li{
   width:222px;
   height:165px;
   float:left;
   margin:0px;
   padding:10px 0px 5px 0px;
   list-style-type:none;
   font-size:15px;
   text-align:center;
}


#features-tiles-container ul li .features-icons{
   background:url(/images/sprite-features-icons.png) no-repeat;
   background-position:0px 0px;
   height:80px;
   width:85px;
   margin:10px;
   padding:0px;
   text-indent:-9999px;
   display:inline-block;
}


#features-tiles-container ul .features-tab-collect{
   background:url(/images/features-tab.png) no-repeat 0px 0px;
   height:92px;
   width:30px;
   position:absolute;
   top:30px;
   left:-24px;
   text-indent:-9999px;
}


#features-tiles-container ul .features-tab-share{
   background:url(/images/features-tab.png) no-repeat -31px 0px;
   height:82px;
   width:30px;
   position:absolute;
   top:30px;
   left:-24px;
   text-indent:-9999px;
}


#features-tiles-container ul .features-tab-discover{
   background:url(/images/features-tab.png) no-repeat -62px 0px;
   height:102px;
   width:30px;
   position:absolute;
   top:30px;
   left:-24px;
   text-indent:-9999px;
}





#features-tiles-container ul li .features-clp{
   background-position:0px 0px;
}

#features-tiles-container ul li .features-sv{
   background-position:-85px 0px;
}

#features-tiles-container ul li .features-mycol{
   background-position:-170px -480px;
}

#features-tiles-container ul li .features-cmb{
   background-position:-85px -480px;
}


#features-tiles-container ul li .features-twt{
   background-position:0px -85px;
}

#features-tiles-container ul li .features-fbk{
   background-position:-85px -80px;
}

#features-tiles-container ul li .features-eml{
   background-position:-170px -80px;
}


#features-tiles-container ul li .features-shwf{
   background-position:-85px -400px;
}


#features-tiles-container ul li .features-flw{
   background-position:0px -160px;
}

#features-tiles-container ul li .features-intrst{
   background-position:-85px -160px;
}

#features-tiles-container ul li .features-clbrt{
   background-position:-170px -160px;
}

#features-tiles-container ul li .features-get-it{
   background-position: -8px -560px;
}
#features-tiles-container ul li .get-it-now{
   color:#000;
   font-size:20px;
}









/*********** VERTICAL TABS S_LITE WIDGET ***************/

        #rooh-vtab {
            margin: 0px;
            width: 100%;
         float:left;
         position:relative;
         /*padding:0px 0px 10px 0px;*/
        }



        #rooh-vtab > ul > li {
            width: 185px;
            height: 17px;
            list-style-type: none;
            display: block;
            text-align: left;
            margin:0px 0px 3px 0px;
            padding:6px 10px 15px 10px;
            position: relative;
         color:#0084B4;
         font-size:14px;
         cursor:pointer;
         font-weight:normal;
        }

      #rooh-vtab > ul > li:hover{
         background:url(/images/tabarrows.png) no-repeat 0px -43px;
      }

     #rooh-vtab > ul > li.disabled:hover{
         background: transparent;
      }


      #rooh-vtab > ul > li h2{
         font-size:16px; font-weight:bold; color:#177fc6;
         margin:0px; padding:0px;
      }


        #rooh-vtab > ul > li.selc {
            border-right: none;
            z-index: 10;
            background:url(/images/tabarrows.png) no-repeat 0px 0px;
            position: relative;
         color:#FFFFFF;
        }

      #rooh-vtab > ul > li.disabled {
            border-right: none;
            z-index: 10;
            position: relative;
         color:#CCC;
         
        }
 	#rooh-vtab > ul > li.disabled #hbtnchkbox,
 	#rooh-vtab > ul > li.disabled #vbtnchkbox{
 		opacity : 0.3;
 	}
      #rooh-vtab > ul > li.selc h2{
         font-size:16px; font-weight:bold; color:#ff7e00;
         margin:0px; padding:0px;
      }




        #rooh-vtab > ul {
            float: left;
            width: 110px;
            text-align: left;
            display: block;
            margin: auto 0;
            padding: 0;
            position: relative;
            top: 10px;
        }




        #rooh-vtab > div.rooh-vtab-content {
            margin-left: 200px;
            /*border: 1px solid #cde7f9;*/
            min-height: 200px;
            padding: 0px 20px 20px 20px;
            position: relative;
            z-index: 9;
            border-radius: 10px;
         font-size:12px;
        }


      #rooh-vtab > div.rooh-vtab-content .rooh-vtab-content-inner{
            width:380px;
         width:100%;
         float:left;
         margin:0px;
         padding:0px;
        }


      #rooh-vtab > div.rooh-vtab-content .small_text {
            font-size:11px;
         color:#666666;
        }



      #rooh-vtab > div.rooh-vtab-content .rooh-vtab-content-row{
         width:100%;
         margin:0px;
         padding:7px 0;
         float:left;
         line-height:2em;
      }
	  #rooh-vtab .rooh-vtab-content-row.grab_code{
         padding-left:100px;
         margin-top:20px;
      }

      #rooh-vtab > div.rooh-vtab-content .rooh-vtab-content-col1{
         width:45%;
         margin:0px;
         padding:0px 5px 0px 5px;
         float:left;
      }

      #rooh-vtab > div.rooh-vtab-content .rooh-vtab-content-col2{
         width:220px;
         float:left;
         margin:0px;
         padding:0px 5px 0px 5px;
      }

      #rooh-vtab > div.rooh-vtab-content .rooh-vtab-content-col3{
         width:45%;
         float:left;
         margin:0px;
         padding:0px 5px 0px 5px;
      }




      #rooh-vtab > div.rooh-vtab-content input[type="text"],
      #rooh-vtab > div.rooh-vtab-content select,
      #rooh-vtab > div.rooh-vtab-content textarea {
            background-color: #FFF;
            border: 1px solid #CCCCCC;
            padding: 7px;
         color:#666666;
            border-radius: 5px;
         box-shadow:1px 1px 2px #999999 inset;
        }




      #rooh-vtab > div.rooh-vtab-content ul{
         width:630px; float:left; margin:0px; padding:0px;
        }
      #rooh-vtab > div.rooh-vtab-content ul li{
         background:url(/images/aa/flist_bullet.png) no-repeat 0px 8px;
         width:615px; float:left; margin:0px; padding:5px 0px 5px 15px;
         list-style-type:none;
         line-height:17px;
         font-size:14px; color:#666;
        }


      #rooh-vtab > div.rooh-vtab-content h1 {
         font-size:20px; font-weight:normal; color:#ff7e00;
         margin:0px; padding:0px 0px 10px 0px;
         line-height:22px;
        }

      #rooh-vtab > div.rooh-vtab-content h2 {
         font-size:14px; font-weight:bold; color:#333333;
         margin:0px; padding:5px 0px 5px 0px;
        }

      #rooh-vtab > div.rooh-vtab-content p,
      div.hp-panel-container-row p {
         font-size:14px; font-weight:normal;
         display: inline-block; width:220px;
       vertical-align:top;
        }
      #rooh-vtab > #rooh-settings-panel span {
         width:100%;
         font-size:14px;
         font-weight:normal;
         display: inline-block;
         vertical-align:top;
      }

            /* Changes by Fermin on 5/7/12 BEGIN */
            #rooh-vtab > div.rooh-vtab-content div.btnOrToolbar{
            font-size:14px;
            margin-left: 0px; /* 25px; */
            display:inline-block;
            }
            .add-hl{
             float:left;
            margin-top:12px;
            }
            .toolb-button{
            float:left;
            margin-left:10px;
            }
            .to-site{
            float:left;
            margin:12px 0px 0px 10px;
            }
            /* Changes by Fermin on 5/7/12 END */

      .hp-panel-container div.hp-panel-container-row {
         margin-left:38px;
      }
      .hp-panel-container div.hp-panel-container-row input[type="text"] {
         background-color: #FFF;
            border: 1px solid #CCCCCC;
            padding: 7px;
         color:#666666;
         width:280px;
            border-radius: 5px;
         box-shadow:1px 1px 2px #999999 inset;
      }
/*********** VERTICAL TABS S_LITE WIDGET ***************/

















.icon-smiley{
   background:url(/images/smiley.png) no-repeat 0px 0px;
   height:56px;
   width:56px;
   display:inline-block;
   vertical-align:middle;
   text-indent:-9999px;
   margin:5px;
}

.h2_link{
   display: inline;
   vertical-align:baseline;
}

#rooh_home_fblogin{
   overflow:hidden;
   width:152px;
   height:22px;
   border:none;
   float:left;
   margin-top:3px;
}

.required {
   color: #f00 !important;
}
.required input {
   border:1px solid #f00 !important;
   outline:none !important;
}

#roohfb-login{
   margin-top:10px;
   margin-left:15px;
   min-width: 147px;
   min-height: 18px;
}

/* System Message css begin */
div#system_msg {
   position: fixed;
   top: 0px;
   width: 100%;
   z-index: 2147483645;
}

div#system_msg .msg_div{
   /*font-family:Arial, Helvetica, sans-serif;
   background:#f8f190; border:2px solid #ffaa19; border-top:none;
   padding:7px; margin:0px auto;
   font-size:12px; font-weight:normal;
   color:#000000;
   width:150px;*/
   width:100%;
   text-align:center;
   /*-moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;*/
}

div#system_msg .msg_div p{
   font-family:Arial, Helvetica, sans-serif;
   background:#f8f190; border:2px solid #ffaa19; border-top:none;
   padding:12px 10px 10px 10px;
   font-size:12px; font-weight:normal;
   color:#000000;
   text-align:center;
   line-height:30px;
   display:inline;
   border-radius-bottomleft:5px;
   border-radius-bottomright:5px;
   box-shadow:0px 0px 5px #000;
}

div#system_msg .msg_div a{
   text-decoration:none;
   color:##116cad;
}
/* System Message css end */


/* success, error messages */
.success, .error {
border: 1px solid;
margin: 10px 0px;
padding:5px;
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
}
.error {
color: #D8000C;
background-color: #FFBABA;
}
.clear{
clear:both;
height:1px;
}

/*==================== 07-02-2013 to for facebook login button =================*/
/*#header-nav { position:relative; z-index:100; }
.pluginFaviconButtonSmall .pluginFaviconButtonText { font-size: 21px!important; line-height: 44px!important; padding: 10px 23px!important; }*/


.whatIsRoohit {
   border: 1px solid #6ec4e5;
   background-color: #E5F2F7;
   color: #000000;
   min-height: 50px;
   padding: 20px;
   /*
   font-size:16px;
   line-height: 22px;
   */
   margin: 13px;
}