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;
}
#wrapper .wrapper-inner{
width:980px;
margin:0px auto;
padding:3em 0em;
position:relative;
}
#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;
}
#footer .footer-inner .footer-right{
float:right;
padding:15px;
padding:4px;
}
#footer .footer-copyright{
width:980px;
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;
}
#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;
}
#page-template .left-nav ul{
width:205px;
float:left;
margin:50px 0px 0px 0px;
padding:0px;
}
#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;
}
#page-template .left-nav ul li a:hover{
background:url("http://roohit.com/css/../images/tabarrows.png") no-repeat right -43px;
}
#page-template .left-nav ul li.sel a{
background:url("http://roohit.com/css/../images/tabarrows.png") no-repeat 0px 0px;
color:#FFFFFF;
}
/* 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;
}
#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;
}
Copy-pasted text?
Roohit automatically copies the highlighted text for you.
Proved your argument using the Internet?
Highlight your "proof" ☺ and show it to anyone!
(even non-Roohit users)
" />
Roohit automatically copies the highlighted text for you.
Highlight your "proof" ☺ and show it to anyone!
(even non-Roohit users)
..and found the info you seek scattered across multiple pages? (Just highlight them.)
Roohit collates all the useful snippets, and organizes them by tags. Easily retrieve them - anytime, anywhere.
..to find results you previously found useful.
Use Roohit to build your Collection of "my-useful-info-on-the-web."
Get to the point, show them what's important, so they don't have to struggle with trying to find it on the page!
Roohit automatically creates one - for you - for every page you highlight!
..to save/collate your findings..
Yup, Roohit automatically does it for you.
..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!
..and compared various products/prices/features on multiple websites?
Highlight the things most important to you. Combine and see them ALL together.
Highlight all your matching symptoms and findings.
See them in one place.
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.
Now you can, thanks to Roohit. Fight info overload, and stop wasting time reading all the clutter.
Read Only Others' Highlights
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..
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.