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:20px;
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;
}
#page-template{
width:960px;
float:left;
margin:0px;
padding:10px;
}
#page-template .left-nav{
width:205px;
float:left;
margin:0px;
padding:0px;
}
body.iframe #page-template .left-nav{
width: 180px
}
#page-template .left-nav ul{
width:205px;
float:left;
margin:50px 0px 0px 0px;
padding:0px;
}
body.iframe #page-template .left-nav ul{
width:180px;
}
#page-template .left-nav ul li{
width:205px;
float:left;
margin:0px;
padding:0px;
list-style-type:none;
}
#page-template .left-nav ul li a{
width:175px;
height:23px;
float:left;
margin:0px 0px 5px 0px;
padding:5px 20px 10px 10px;
font-size:14px;
font-weight:normal;
text-align:right;
color:#333333;
text-decoration:none;
}
body.iframe #page-template .left-nav ul li a{
width:150px;
}
#page-template .left-nav ul li a:hover{
background:url("http://roohit.com/css/../images/tabarrows.png") no-repeat right -43px;
}
body.iframe #page-template .left-nav ul li a:hover{
background:url("http://roohit.com/css/../images/tabarrows.png") no-repeat right -25px -43px;
}
#page-template .left-nav ul li.sel a{
background:url("http://roohit.com/css/../images/tabarrows.png") no-repeat 0px 0px;
color:#FFFFFF;
}
body.iframe #page-template .left-nav ul li.sel a{
background:url("http://roohit.com/css/../images/tabarrows.png") no-repeat -25px 0px;
}
/* BEGIN: Added for open left nav */
#page-template .open-nav ul li.sel a{
background-image:none;
text-decoration:none;
background-color: #FFFFFF;
color:black;
float:right;
width:161px;
box-shadow:-7px 3px 10px #b4b4b4;
}
#page-template .open-nav ul li a:hover{
background-image:none;
text-decoration:underline;
}
#page-template .open-nav ul li.sel a:hover{
text-decoration:none;
cursor: default;
}
/* END: Added for open left nav */
#page-template .right-container{
width:730px;
float:right;
margin:0px;
padding:0px;
line-height:1.8em;
}
body.iframe #page-template .right-container{
width: 550px;
float:left;
margin-left:10px;
}
#page-template .right-container-row{
width:730px;
float:right;
margin:0px 0px 20px 0px;
padding:0px;
/* What are we using line-height for? -- Rohit 7/18/12
line-height:2.5em;
*/
}
#page-template .right-container hr{
border:none;
border-bottom:1px dotted #cccccc;
margin:15px 0px 15px 0px;
}
.page-name{
background:url("http://roohit.com/css/../images/breadcrumbbg.png") no-repeat 0px 0px;
height:21px;
width:100%;
padding:6px 7px 7px 7px;
margin:0px 0px 20px 0px;
font-size:16px;
/* color:#25a9dc; */ /* RC 06/13/12 */
font-weight:normal;
float:left;
}
#page-template .right-container h3{
font-size:16px;
font-weight:normal;
color:#333333;
margin:0px 0px 10px 0px;
padding:0px;
}
#page-template .right-container p{
text-align:justify;
font-size:13px;
font-weight:normal;
color:#666666;
padding:10px;
}
#peoples-container{
width:730px;
float:left;
margin:0px;
padding:0px;
}
#peoples-container .peoples-row{
width:730px;
float:left;
margin:0px;
padding:10px 0px 10px 0px;
}
#peoples-container hr{
border:none;
border-bottom:1px dotted #666666;
float:left;
width:100%;
}
#peoples-container .photo-container{
background:url("http://roohit.com/css/../images/bg-people.png") no-repeat 0px 0px;
height:115px;
width:115px;
float:left;
margin:0px;
padding:17px 18px 18px 18px;
}
#peoples-container .photo-details{
width:550px;
float:right;
margin:0px;
padding:10px;
}
#peoples-container .photo-details h2{
padding:0;
margin:0px 0px 5px 0px;
font-size:20px;
color:#25a9dc;
font-weight:normal;
}
#peoples-container .photo-details h3{
padding:0;
margin:0px 0px 5px 0px;
font-size:14px;
color:#333333;
font-weight:normal;
}
#peoples-container .photo-details p{
padding:0;
}
#biz-concept-container{
width:730px;
float:left;
margin:0px;
padding:0px;
background-color: #FFFFFF;
}
.biz-concept-row{
background:url(/images/business-solutions/bg-biz-concept-row.jpg) no-repeat 0px 0px;
width:690px;
float:left;
margin:0px 0px 20px 0px;
padding:20px;
text-align: left;
}
.biz-concept-thumb{
width:250px;
float:left;
margin:0px 20px 0px 0px;
padding:20px;
}
.biz-concept-thumb-alt{
float:right;
}
/*added by Fermin 06/01/12 START*/
.biz-concept-thumb .benefits-sprite{
background:url(/images/business-solutions/biz-benefits-sprite.png) no-repeat;
box-shadow:5px 5px 5px #999999;
vertical-align:middle;
}
.biz-concept-thumb .benefits-sprite-ws{
background-position:0px 0px;
width:260px;
height: 260px;
}
.biz-concept-thumb .benefits-sprite-fb{
background-position:0px -270px;
width:299px;
height: 185px;
}
.biz-concept-thumb .benefits-sprite-tw{
background-position:0px -562px;
width:251px;
height: 150px;
border-radius:19px;
}
.biz-concept-thumb .benefits-sprite-disp{
background-position:0px -724px;
width:235px;
height: 218px;
border-radius:13px 13px 0px 0px;
}
.discover-alt {
margin:0px -34px 0px 0px;
}
.biz-concept-thumb .benefits-sprite-discov{
background-position:-2px -953px;
width:308px;
height: 176px;
}
/*added by Fermin END*/
.biz-concept-content{
width:330px;
float:right;
/* margin:0px 0px 0px 0px; */
padding:20px;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.biz-concept-content-alt{
float:left;
}
.privacy-ol{
margin-left:17px;
padding:0px; `
}
.bold-font{
font-weight:bold;
}
.normal-font{
font-weight:normal;
}
a.back-to-top{
background: url(/images/back-to-top.png) no-repeat 5px 5px;
float: right;
margin: -33px 30px 0px 0px;
padding: 0px;
text-decoration: none;
position: relative;
width: 132px;
height: 29px;
}
a.shifted-anchor{
position:relative;
top:-75px;
margin:0px;
padding:0px;
float:left;
}
#page-template .right-container-row {
width: 730px;
float: right;
margin: 0px 0px 20px 0px;
padding: 0px;
}
.emphasize-box {
border: 1px solid #6EC4E5;
background-color: #E5F2F7;
min-height: 100px;
padding: 20px;
/* font-size: 16px; */
}
table#myTable {
margin: 10px 0 0;
}
table.tablesorter {
margin: 10px 0 15px;
text-align: left;
width: 100%;
}
table.tablesorter thead tr .header {
background-image: url("/images/bg.gif");
background-position: right center;
background-repeat: no-repeat;
cursor: pointer;
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8DBDD8;
}
table.tablesorter thead tr .headerSortDown {
background-image: url("/images/desc.gif");
}
table.tablesorter thead tr .headerSortUp {
background-image: url("/images/asc.gif");
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
background-color: #E6EEEE;
border: 1px solid #FFFFFF;
font-size: 8pt;
padding: 4px;
}
Inherited fromtable#table#myTable.tablesorter
table.tablesorter {
font-family: arial;
font-size: 8pt;
text-align: left;
}
.right-container .icon-box {
padding:0;
margin:0 0 0 -5px;
list-style-type: none;
overflow: hidden;
}
.right-container .icon-box li {
width: 205px; /* Undid change made by Rehmat to show the why-you-need on home page */
height: 210px;
overflow: hidden;
float:left;
background: #f4f4f4;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.17);
padding: 15px;
text-align: center;
margin: 0 0 6px 6px;
-webkit-transition:all 0.14s ease 0s;
-moz-transition:all 0.14s ease 0s;
-o-transition:all 0.14s ease 0s;
}
.right-container .icon-box li:hover{
z-index:99;
color: #ffffff;
background-color: #3ca6ce ;
}
.icon-box .icon {
display: block;
margin:0 auto 40px auto;
}
.icon-box .desc {
margin: 0 auto;
display:none;
width:210px; /* Undid change made by Rehmat to show the why-you-need on home page */
height:170px;
}
.desc .icon-txt{
font-size:16px!important;
padding:0px!important;
color:white!important;
}
.right-container .icon-box h2 {
text-transform: uppercase;
font-size: 16px;
/* line-height: 20px; */
font-weight: normal;
/* margin:50px auto; */
}
div.leader {
text-transform: uppercase;
font-size: 16px;
line-height: 20px;
font-weight: normal;
}
.why-you-need-sprite{
background:url(/images/why-you-need-roohit/why-you-need-sprite.png);
height:100px;
width:100px;
}
.y-copy-paste{
background-position:0px 0px;
}
.icon1:hover .y-copy-paste {
display:none;
}
.icon1:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-argue{
background-position:-100px 0px;
}
.icon2:hover .y-argue{
display:none;
}
.icon2:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-scattered{
background-position:-200px 0px;
}
.icon3:hover .y-scattered{
display:none;
}
.icon3:hover .desc{
display:table-cell;
vertical-align:middle;}
.y-redo-search{
background-position: 0px -100px;
}
.icon4:hover .y-redo-search{
display:none;
}
.icon4:hover .desc{
display:table-cell;
vertical-align:middle;}
.y-shown{
background-position:-100px -100px;
}
.icon5:hover .y-shown {
display:none;
}
.icon5:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-tinyurl{
background-position: -200px -100px;
}
.icon6:hover .y-tinyurl{
display:none;
}
.icon6:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-multi-pages{
background-position: 0px -200px;
}
.icon7:hover .y-multi-pages{
display:none;
}
.icon7:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-recv-mail{
background-position: -100px -200px;
}
.icon8:hover .y-recv-mail{
display:none;
}
.icon8:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-research{
background-position: -200px -200px;
}
.icon9:hover .y-research{
display:none;
}
.icon9:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-health{
background-position: 0px -300px;
}
.icon10:hover .y-health{
display:none;
}
.icon10:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-tweet{
background-position: -100px -300px;
}
.icon11:hover .y-tweet{
display:none;
}
.icon11:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-fb{
background-position: -200px -300px;
}
.icon12:hover .y-fb{
display:none;
}
.icon12:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-others-useful{
background-position: 0px -400px ;
}
.icon13:hover .y-others-useful{
display:none;
}
.icon13:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-assignment{
background-position: -100px -400px;
}
.icon14:hover .y-assignment{
display:none;
}
.icon14:hover .desc{
display:table-cell;
vertical-align:middle;
}
.y-no-jot{
background-position: -200px -400px;
}
.icon15:hover .y-no-jot{
display:none;
}
.icon15:hover .desc{
display:table-cell;
vertical-align:middle;
}
.icon15 {
background:#dfdfdf !important ;
/* border: 1px solid #000000; */
}
.icon15:hover {
background:#3ca6ce !important ;
}
Searched online?
..and found the info you seek scattered across multiple pages? (Just highlight them.)
Roohit auto-saves the useful snippets & organizes them by tags. Easily retrieve them - anytime, anywhere.
Bought something online?
..and compared various products/prices/features on multiple websites?
Highlight the things most important to you. Combine and see them ALL together.
Researched a health issue?
Highlight your matching symptoms and possible causes.
See them in one place.
Created a tinyURL?
Roohit automatically creates one - for you - for every page you highlight!
Share the page: "with your highlights."
Wanted to Tweet part of a web-page?
Automatically tweet your highlights with a tinyURL to "your highlighted page."
(Even auto-compresses the text to 140 characters).
Shared a webpage on Facebook?
Now share it with "your highlights" and a thumbnail-picture of the highlighted page.
Received a link in your email?
..and struggled to find what they want you to see on that page.. a real friend would Rooh (means soul) it.
Give them the gift of Roohit – and make your life easier!
Copy-pasted text?
Roohit automatically copies the highlighted text for you.
Copied parts of many pages?
..to save/collate your findings..
Yup, Roohit automatically does it for you.
Proved your argument using the Internet?
Highlight your "proof" ☺ and show it to anyone!
(even non-Roohit users)
asked someone to "check this out"?
Get to the point, show them what's important, so they don't have to struggle with trying to find it on the page!
Worked on a Group assignment?
How much simpler life would have been if you could have highlighted & collaborated back then?
Share the benefits of this wonderful, free service with your friends..
Repeated a Search?
..to find results you previously found useful.
Use Roohit to build your Collection of "my-useful-info-on-the-web."
Wanted to see what people-you-trust found useful?
Now you can, thanks to Roohit. Fight info overload, and stop wasting time reading all the clutter.
Read Only Others' Highlights
Researched anything online?
Think about the last time you were looking for a job, a new home, a car, or anything else..
Just Rooh it after every search.
©2014, Roohit Inc. Hilight™ Protected by patents numbered 7,844,891, 7,966,623, 8,156,178, 8,352,573 and 8,661,031. Additional patents pending.
roohJQ(document).ready(function(){
// Initialize Slides
roohJQ('#home-banner-container').slides({
generatePagination: true,
play: 5000,
pause: 2500,
hoverPause: true,
});
});
::selection {background-color:#FFFF00 !important;color: #000000 !important;}::-moz-selection {background-color:#FFFF00 !important;color:#000000 !important;}
System Message
Collect, Share & Discover cool highlights.
(In the 25 most popular apps. on Google Toolbar)
Clips
Clips Highlight
Save
Saves Page
Collection
to My Collection
Organize
Organize/Combine sub-sets
Twitter
Tweet Highlights
Facebook
Post highlights
to your Wall
Email
Email Highlights
Show-off
Show-off Highlights
Follow
Follow users, sites..
Interests
of your Interests
Collaborate
Collaborate with Friends' Highlights
Get It Now
Get It Now!
Fast... Free... Web-based...
★Rooh.it Drag button to Bookmarks Bar to get your own Highlighter
Without installing anything
Go ahead and mouse over the gray buttonGo ahead and mouse over the gray button
Command + Shift + B to show Bookmarks Bar.
Hide for today
I already have it
Rooh it
COLLECTED
My Collection
Saved page
Page History
Revisions of this Page
Live PageJust Highlighted (saved copy)
SHARE
rooh.it/
Edit Shiny Url
Copy to Clipboard
twitter
Linked In
Tell a Friend
DISCOVER
My Friends´ Highlights
Show highlights on this page byConnect With
Everyone´s Highlights
TAG
Tagged by me as:
Add tag
Suggested Tags:
highlightroohittest
Recent Tags:
Choose Pen Color
.clr_box{
width:10px; height:10px; float:left; margin:2px; border:1px solid #408bc3;
}
Pen Up
Left Arrow
roohlette
Right Arrow
Intro to Toolbar
Help (FAQ)
Settings
Logout
facebook
twitter
Comment
Copy
Delete
down
X
Graci Williamsroohit.com2 seconds ago
Email
Post on wall
Tweet
Linked In
Delete
Copy
Search
Embed
Applied tags
More
E-Mail Highlights
Send:
Highlighted Page
Highlights
Link
To:
Subject:
From:
Comments:
Private
Quickly see the page I have highlighted for you at
Email URL
(use your local contact list)
Username:*
@ GmailHotmailYahoo!AbvAOLApropoAtlasAussiemailAzetBigstringBordermailCanoeCare2ClevergoDoramailEviteFastMail5FmFreemailGawabGMX.netGrafittiHushmailInbox.comIndiaIndiaTimesInetInteriaKataMailKidsLiberoLinkedInLycosMail2WorldMail.comMail.inMail.ruMetaMSNMynet.comNetaddressNz11O2OperaMailPlaxoPochtaPopstarmailRamblerRediffSapo.ptTechemailTerraUk2VirgilioWallaWeb.deWp.ptXingYandexYouTubeZapakmailBadooBeboBookcrossingBrazencareeristCyworldEonsFacesFamivaFdcareerFlickrFlingrFlixsterFriendfeedFriendsterHi5HyvesKincafeKonnectsKoolroLast.fmLivejournalLoventoMeinvzMevioMotortopiaMultiplyMycatspaceMydogspaceMySpaceNetLogNingOrkutPerfspotPlazesPlurkSkyrockTaggedTwitterVimeoVkontakteXangaXuqaPassword:*
No passwords are EVER stored/seen by our servers
I agree to the terms.
It seems there is already an account in existence on this computer. If you are the sole user of this computer it would be wise to merge your accounts.If you want to merge this new () account with your existing account you need to verify that you are indeed the owner of the existing acount. Please establish your identity. This is a ONE-TIME VERIFICATION.Existing Username:
Password:
Merge Don't Merge
Add Tags ?
to easily locate your highlights later
Recent Tags :
Suggested Tags :
Untagged highlights are periodically deleted
Save Tags
smileyDone
Paste this code into your site where you’d like your tile to appear:
Copied
Follow this Domain
#fancybox-content{
/*padding:0px 20px 0px 20px !important; */}
#fancybox-outer{
/*background-color:#fff !important;*/
}
Your instant web highlighter++
Collect, Share & Discover cool highlights.
close" />
..and found the info you seek scattered across multiple pages? (Just highlight them.)
Roohit auto-saves the useful snippets & organizes them by tags. Easily retrieve them - anytime, anywhere.
..and compared various products/prices/features on multiple websites?
Highlight the things most important to you. Combine and see them ALL together.
Highlight your matching symptoms and possible causes.
See them in one place.
Roohit automatically creates one - for you - for every page you highlight!
Share the page: "with your highlights."
Automatically tweet your highlights with a tinyURL to "your highlighted page."
(Even auto-compresses the text to 140 characters).
Now share it with "your highlights" and a thumbnail-picture of the highlighted page.
..and struggled to find what they want you to see on that page.. a real friend would Rooh (means soul) it.
Give them the gift of Roohit – and make your life easier!
Roohit automatically copies the highlighted text for you.
..to save/collate your findings..
Yup, Roohit automatically does it for you.
Highlight your "proof" ☺ and show it to anyone!
(even non-Roohit users)
Get to the point, show them what's important, so they don't have to struggle with trying to find it on the page!
How much simpler life would have been if you could have highlighted & collaborated back then?
Share the benefits of this wonderful, free service with your friends..
..to find results you previously found useful.
Use Roohit to build your Collection of "my-useful-info-on-the-web."
Now you can, thanks to Roohit. Fight info overload, and stop wasting time reading all the clutter.
Read Only Others' Highlights
Think about the last time you were looking for a job, a new home, a car, or anything else..
Just Rooh it after every search.