@charset "utf-8";
/* CSS Document */

/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */

/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */

#rooh_content article,
#rooh_content aside,
#rooh_content details,
#rooh_content figcaption,
#rooh_content figure,
#rooh_content footer,
#rooh_content header,
#rooh_contenthgroup,
#rooh_content nav,
#rooh_content section,
#rooh_content summary {
    display: block;
}

/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */

#rooh_content audio,
#rooh_content canvas,
#rooh_content video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */

#rooh_content audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */

[hidden] {
    display: none;
}


/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

#rooh_content html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */

}

/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */

#rooh_content html,
#rooh_content button,
#rooh_content input,
#rooh_content select,
#rooh_content textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE6/7
 */

#rooh_content body {
    margin: 0;
	text-transform:none;
}


/* =============================================================================
   Links
   ========================================================================== */

/*
 * Addresses outline displayed oddly in Chrome
 */

#rooh_content a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */

#rooh_content a:hover,
#rooh_content a:active {
    outline: 0;
}


/* =============================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */

#rooh_content h1 {
    font-size: 2em;
    margin: 0.67em 0;
    color: black;
}

#rooh_content h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

#rooh_content h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

#rooh_content h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

#rooh_content h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

#rooh_content h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */

#rooh_content abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/

#rooh_content b,
#rooh_content strong {
    font-weight: bold;
}

#rooh_content blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in S5, Chrome
 */

#rooh_content dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE6/7/8/9
 */

#rooh_content mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE6/7
 */

#rooh_content p,
#rooh_content pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

#rooh_content pre,
#rooh_content code,
#rooh_content kbd,
#rooh_content samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
	margin: 0px;
padding: 0px;
background:
#FFF;
line-height: none;
border: 0px ;

overflow-x: hidden;
overflow-y: hidden;
}

/*
 * Improves readability of pre-formatted text in all browsers
 */

#rooh_content pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */

/* 1 */

#rooh_content q {
    quotes: none;
}

/* 2 */

#rooh_content q:before,
#rooh_content q:after {
    content: '';
    content: none;
}

#rooh_content small {
    font-size: 75%;
}

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

#rooh_content sub,
#rooh_content sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

#rooh_content sup {
    top: -0.5em;
}

#rooh_content sub {
    bottom: -0.25em;
}


/* =============================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE6/7
 */

#rooh_content dl,
#rooh_content menu,
#rooh_content ol,
#rooh_content ul {
    margin: 1em 0;
}

#rooh_content dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE6/7
 */

#rooh_content menu,
#rooh_content ol,
#rooh_content ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE7
 */

#rooh_content nav ul,
#rooh_content nav ol {
    list-style: none;
    list-style-image: none;
}


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */


 #rooh_content p a:hover {
border-bottom: 0px;
}

#rooh_content img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
    vertical-align: baseline;
    width:auto;
}

/*
 * Corrects overflow displayed oddly in IE9
 */

#rooh_content svg:not(:root) {
    overflow: hidden;
}


/* =============================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */

#rooh_content figure {
    margin: 0;
}


/* =============================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE6/7
 */

#rooh_content form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding
 */

#rooh_content fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */

#rooh_content legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

#rooh_content button,
#rooh_content input,
#rooh_content select,
#rooh_content textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
	-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
padding:0px;
width:auto;
height:auto;
background:#fff;
-moz-border-radius: 0px;
-khtml-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
-khtml-box-sizing: content-box;
box-sizing: content-box;
border:none;
text-shadow:none;
padding:0px !important;



}

/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */

#rooh_content button,
#rooh_content input {
    line-height: normal; /* 1 */
}

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */

#rooh_content button,
#rooh_content input[type="button"],
#rooh_content input[type="reset"],
#rooh_content input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
    *overflow: visible;  /* 3 */
}

/*
 * Re-set default cursor for disabled elements
 */

#rooh_content button[disabled],
#rooh_content input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */

#rooh_content input[type="checkbox"],
#rooh_content input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

#rooh_content input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */

#rooh_content input[type="search"]::-webkit-search-decoration,
#rooh_content input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

#rooh_content button::-moz-focus-inner,
#rooh_content input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */

#rooh_content textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
    -webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: content-box;    /* Firefox, other Gecko */
    box-sizing: content-box;         /* Opera/IE 8+ */
    padding-left:3px !important;
}


/* =============================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells
 */

#rooh_content table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* CSS Document */

/*
#rooh_content 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;
	text-transform: none !important;

}
*/

#rooh_content{
   background: none repeat scroll 0 0 transparent;
   border: 0 none;
   /* font-size: 100%; Commented out by Rohit on 4/23/12 3:45PM was essing up FB */
   margin: 0;
   outline: 0 none;
   padding: 0;
   vertical-align: baseline;
   color: #666666;
   font: 12px Tahoma, Arial, Helvetica, sans-serif;
   line-height: 1.63em;
   overflow-y:auto;
   width: 100%;
   direction: ltr !important;
   font-family: Tahoma, Arial, Helvetica, sans-serif !important;
   display:block !important;
}


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


#rooh_content a{
   color:#63a8c3;
   text-decoration:underline;
   font-size: inherit;
   letter-spacing: 0px;
}

#rooh_content ul{
   list-style-image: none;
}

#rooh-hp-logo{
   background:url(//roohit.com/images/app/roohhplogo.png) no-repeat 0px 0px;
   height:17px;
   width:63px;
   float:left;
   margin:1px 5px 0px 0px;
   padding:0px;
   text-indent:-9999px;
}

#rooh-hp-slider {
   position:fixed;
   top:0px;
   left:0px;
   width:100%;
   min-width:1132px;
   z-index:2147483644;
}

#rooh-hp-panel{
   background:url(//roohit.com/images/app/roohhppanelbg.png) repeat-x 0px 0px;
   width:99%;
   height:23px;
   padding:0% 0.5% 0% 0.5%;
   /*line-height:1.3em;*/
}


#rooh-hp-panel ul{
   float:left;
   margin:0px;
   padding:0px;
   width:94%;
   list-style:none;

}





#rooh-hp-panel ul li{
   float:left;
   margin:0px;
   list-style-type:none;
   /* border-right:1px solid #525252; */
   position:relative;
background:none;
list-style:none;
padding:0px;
   }






#rooh-hp-panel ul li.rooh-settings-menu, #rooh-hp-panel ul li.rooh-user-menu{
   float:right;
}

#rooh-hp-panel ul li.rooh-settings-menu, #rooh-hp-panel ul li.rooh-user-menu img.rooh-user-thumb{
   float:left;
   margin:1px 5px 0px 0px;
   border:1px solid #FFFFFF;
}




#rooh-hp-panel ul li.rooh-roohlette-menu{
   margin-left:30%;
   border:none;
   border-right:none;
   height:21px;
}

#rooh-hp-panel ul li.rooh-settings-menu, #rooh-hp-panel ul li.rooh-user-menu img.rooh-user-thumb{
   float:left;
   text-align:left;
   margin:1px 5px 0px 0px;
   border:1px solid #FFFFFF;
   max-height:16px;
}




#rooh-hp-panel ul li.rooh-settings-menu, #rooh-hp-panel ul li.rooh-user-menu:hover img.rooh-user-thumb{
   border:1px solid #666666;
}



#rooh-hp-panel ul li p{
   float:left;
   padding:0px 10px 0px 10px;
   margin:0px;
   font-size:11px;
   font-weight:bold;
   color:#FFFFFF;
   text-decoration:none;
   list-style-type:none;
   z-index:2;
   position:relative;
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   border:0px;
   text-align:left;
   border-right:1px solid #525252;

   position: relative;
   text-indent: 0em;
   width: auto ;
   line-height: 1.63em;
}


#rooh-hp-panel ul li p a{
   text-decoration:none;
   color:#333333;
   font-weight:normal;
   border:0px;
}


#rooh-hp-panel ul li.rooh-first{
   border-left:1px solid #525252;
   padding:0px;
}


/* Define Seperate css for collected >>STARTS*/
.rooh-first ul{
   width: 205px !important;
}
.rooh-first ul li{
   width: 185px !important;
}
.rooh-first ul li p{
   width: 185px !important;
}
.rooh-Hpgs{
   maxHeight: 300px;
   overflow-y: auto;
   overflow-x: hidden;
   width: 211px;
}
.rooh-Hpgs ul{
   width: 185px !important;
}
.rooh-Hpgs ul li{
   width: 175px !important;
}
.rooh-Hpgs ul li p{
   width: 165px !important;
}
.rooh-no-background{
   background: none repeat scroll 0 0 transparent !important;
}
.rooh-no-background:hover{
   background: none repeat scroll 0 0 transparent !important;
}

/* Define Seperate css for collected >>ENDS*/

#rooh-hp-panel ul li:hover{
   position:relative;
}


#rooh-hp-panel ul li p.rooh-main-menu{
   background:url(//roohit.com/images/app/roohhpdroparrow.png) no-repeat 88% 8px;
   padding:0px 25px 0px 10px;
   height: 20px;
}


#rooh-hp-panel ul li p.rooh-main-menu a{
   color:#FFFFFF;
   font-weight:bold;
}


#rooh-hp-panel ul li p.rooh-main-menu:hover a, #rooh-hp-panel ul li:hover p.rooh-main-menu a{
   color:#00aff1;
}


#rooh-hp-panel ul li:hover p.rooh-main-menu{
   background:url(//roohit.com/images/app/roohhpdroparrow.png) no-repeat 88% -8px #FFF;
   color:#00aff1;
   border-bottom:1px solid #FFFFFF;
}


#rooh-hp-panel ul li p:hover{
   color:#00aff1;
   position:relative;
}





#rooh-hp-panel ul .rooh-menudrop-first-level{
   position:absolute;
   left:-1px;
   top:20px;
   background:#FFF;
   /*width:180px;*/
   padding:10px;
   border:1px solid #acacac;
   -moz-border-radius:0px 0px 5px 5px;
   -webkit-border-radius:0px 0px 5px 5px;
   display:none;
   border-top:none;
   line-height:1.2em;
   -moz-box-shadow:0px 0px 13px #999999;
   -webkit-box-shadow:0px 0px 13px #999999;
   z-index:1;
}



#rooh-hp-panel ul li:hover .rooh-menudrop-first-level{
   display:block;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul{
   background:#f3f3f3;
   border:1px solid #d9d9d9;
   float:left;
   margin:0px;
   padding:1px 10px 1px 10px;
   width:158px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul.rooh-sharedrop-first-level{
   width:180px;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul.rooh-sharedrop-first-level li{
   width:180px;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul.rooh-sharedrop-first-level li p{
   width:170px;
}









#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li{
   background:none;
   color:#333333;
   font-weight:normal;
   width:160px;
   float:left;
   margin:0px;
   padding:5px 0px 5px 0px;
   border:none;
   border-bottom:1px solid #dbdbdb;
   text-align: left;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li.first-level-last{
   border-bottom:none;
}



#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover{
   position:relative;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li p{
   background:none;
   color:#333333;
   font-weight:normal;
   width:150px;
   float:left;
   margin:0px;
   padding:5px 5px 5px 5px;
   border:none;
   text-decoration:none;
   font-size:13px;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li p.drop-second{
   background:url(//roohit.com/images/app/roohhpdroparrowsecond.png) no-repeat 98% 50%;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li p.drop-second:hover{
   background:url(//roohit.com/images/app/roohhpdroparrowsecondhover.png) no-repeat 98% 50% #e3e3e3;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover p.drop-second{
   background:url(//roohit.com/images/app/roohhpdroparrowsecondhover.png) no-repeat 98% 50% #e3e3e3;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li p.drop-second1{
   background:url(//roohit.com/images/app/detailed.png) no-repeat 98% 50%;
   background-position-x: 154px;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li p.drop-second1:hover{
   background:url(//roohit.com/images/app/detailedhover.png) no-repeat 98% 50% #e3e3e3;
   background-position-x: 154px;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li p:hover{
   background: #e3e3e3 ;
}

#rooh-hp-panel ul .rooh-settingsdrop-first-level{
   right:0px;
   left:auto;
}


#rooh-hp-panel ul .rooh-roohlette-first-level{
   left:-35%;
   top:22px;
   border-top:1px solid #acacac;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
}





#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul .rooh-menudrop-second-level-container{
   position:absolute;
   left:150px;
   top:0px;
   width:250px;
   padding:0px 0px 0px 29px;
   display:none;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul .rooh-menudrop-second-level{
   float:left;
   background:#FFF;
   /*width:220px;*/
   padding:10px;
   border:1px solid #acacac;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   -moz-box-shadow:0px 0px 13px #999999;
   -webkit-box-shadow:0px 0px 13px #999999;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level-container{
   display:block;
}




#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level ul{
   width:198px;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level ul li{
   width:200px;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level ul li.second-level-last{
   border:none;
}


#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level ul li p{
   width:190px;
}




#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level-container ul.rooh-friends-second-level{
   width:265px;
   max-height:400px;
   overflow-x:hidden;
   overflow-y:scroll;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level-container ul.rooh-friends-second-level li.separator {
	clear: both;
	float: none;
	width: 100%;
	height: auto;
	position: relative;
	padding:10px 0px;
}

#rooh-hp-panel ul li .rooh-menudrop-first-level ul li .rooh-menudrop-second-level-container ul.rooh-friends-second-level li.separator #SHOW_FRIENDS {
	position: relative;
left: -118px;
top: -13px;
	color: gray;
	background: #F3F3F3;
	font-size: 10px;
	padding: 5px 5px 5px 0px;
	border: none;
	width: auto;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level-container ul.rooh-friends-second-level li.separator span {
	position: absolute;
	right: 20px;
	top: 3px;
	color: gray;
	background: #F3F3F3;
	font-size: 10px;
	text-transform: uppercase;
	padding: 5px;
	border: none;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level-container ul.rooh-friends-second-level li{
   width:50px;
   text-align:center;
   margin:0px 5px 0px 5px;
   line-height:1.2em;
   font-size:10px;
   color:#666666;
   border:none;
}

#rooh-hp-panel ul li:hover .rooh-menudrop-first-level ul li:hover .rooh-menudrop-second-level-container ul.rooh-friends-second-level li img{
   border:1px solid #999999;
}








#rooh-hp-panel .rooh-hp-postonwall{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat 0px 0px;
   background-color:none;
   height:22px;
   width:94px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
}


#rooh-hp-panel .rooh-hp-linkedin{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -95px 0px;
   background-color:none;
   height:25px;
   width:24px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
}


#rooh-hp-panel .rooh-hp-actions{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -120px -25px;
   background-color:none;
   height:16px;
   width:16px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   margin-top:2px;
}


#rooh-hp-panel .rooh-hp-pen-up{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -29px -171px;
   background-color:none;
   height:16px;
   width:16px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   margin-top:2px;
}

#rooh-hp-panel .rooh-hp-pen-down{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -4px -171px;
   background-color:#f00;
   height:16px;
   width:16px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   margin-top:2px;
}




#rooh-hp-panel .rooh-hp-settings{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -95px -26px;
   background-color:none;
   height:18px;
   width:19px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   margin-top:2px;
}


#rooh-hp-panel .rooh-hp-editshiny{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -3px -26px;
   background-color:none;
   height:17px;
   width:17px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   margin:10px 0px 0px 5px;
}


#rooh-hp-panel .rooh-hp-copytoclipboard{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -23px -26px;
   background-color:none;
   height:18px;
   width:18px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   margin:10px 0px 0px 5px;
}


#rooh-hp-panel .rooh-hp-rightmark{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -2px -47px;
   background-color:none;
   height:18px;
   width:18px;
   display:inline-block;
   text-indent:-9999px;
   float:left;
   border:0px;
   margin:0px 2px 0px 0px;
}


#rooh-hp-panel #rooh-hp-roohlette-left-arrow{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -25px -53px;
   background-color:none;
   border:0px;
   height:13px;
   width:10px;
   display:inline-block;
   text-indent:-9999px;
   margin:0px 5px 0px 0px;
   position:relative;
   top:6px;
}



#rooh-hp-panel #rooh-hp-roohlette-right-arrow{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -46px -50px;
   background-color:none;
   height:16px;
   border:0px;
   width:14px;
   display:inline-block;
   text-indent:-9999px;
   position:relative;
   top:3px;
   margin:0px 0px 0px 5px;
}








#rooh-hp-panel .rooh-dd-input-box-container{
   background:#FFFFFF;
   border:1px solid #d3d3d3;
   padding:5px;
   color:#666666;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   -moz-box-shadow:1px 1px 1px #999999 inset;
   float:left;
   width:100%;
   height:20px;
}


#rooh-hp-panel .rooh-dd-input-box-container input[type="text"]{
   border:none;
   color:#666666;
   display:inline-block;
}



#rooh-hp-panel .rooh-dd-input-box-email{
   max-width:120px;
}

#rooh-hp-panel .rooh-dd-input-box-email .rooh-email-field{
   max-width:85px;
}



#rooh-hp-panel .rooh-dd-input-box-email .rooh-email-btn{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -42px -27px;
   height:14px;
   width:22px;
   float:right;
   margin:3px 0px 0px 0px;
   padding:0px; !important
   cursor:pointer;
   border:none;
}





#rooh-hp-panel .rooh-dd-input-box-shinyurl{
   max-width:110px;
}

#rooh-hp-panel .rooh-dd-input-box-shinyurl .rooh-shinyurl-field{
   max-width:55px;
   text-align:left;
}




#rooh-hp-panel .rooh-dd-input-box-addtag{
   max-width:115px;
}

#rooh-hp-panel .rooh-dd-input-box-addtag .rooh-addtag-field{
   max-width:105px;
}






#rooh-hp-panel .rooh-hp-tags{
   color:#999999;
   font-style:italic;
   font-size:11px;
   text-align:left;
}

#rooh-hp-panel .rooh-hp-tags a{
   color:#999999;
   text-decoration: none;
}

#appliedTags > a, #applicableTags  > a {
    line-height: 1em;
	white-space: normal;
	margin-left: 2px;
}
#appliedTags > a:after, #applicableTags  > a:after { content: ' ' }

#rooh-hp-panel .rooh-hp-tags a:hover{
   color:#666666;
   text-decoration:underline;
}









#rooh-hp-small-mob{
   position:absolute;
   left:40%;
   top:40%;
   background:#FFF;
   /* width:115px; */
   height:25px;
   padding:0px;
   border:1px solid #acacac;
   border-radius:5px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   line-height:1.2em;
   box-shadow:0px 0px 25px #000000;
   -moz-box-shadow:0px 0px 25px #000000;
   -webkit-box-shadow:0px 0px 25px #000000;
   z-index:999999;
   width: auto;
}
/* to fix mob width issue on w3schools (issue#272) */
#rooh-hp-small-mob > div{
   width: auto;
}

#rooh-hp-small-mob a.rooh-mob-droparrow{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -60px -69px;
   height:25px;
   width:23px;
   float:right;
   text-indent:-9999px;
   border-left:1px solid #acacac;
}

#rooh-hp-small-mob .rooh-small-mob-actions{
   float:left;
   margin:0px;
   padding:5px;
}


#rooh-hp-small-mob a.rooh-mob-fb{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -4px -3px;
   margin:0px;
   padding:0px;
   display:inline-block;
   height:16px;
   width:16px;
   text-indent:-9999px;
}


#rooh-hp-small-mob a.rooh-mob-tw{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -20px -73px;
   margin:0px;
   padding:0px;
   display:inline-block;
   height:16px;
   width:16px;
   text-indent:-9999px;
}



#rooh-hp-small-mob a.rooh-mob-comment{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -40px -73px;
   margin:0px;
   padding:0px;
   display:inline-block;
   height:16px;
   width:16px;
   text-indent:-9999px;
}


#rooh-hp-small-mob a.rooh-mob-copytoclipboard{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -23px -26px;
   background-color:none;
   height:18px;
   width:18px;
   display:inline-block;
   text-indent:-9999px;
   margin:0px;
}

#rooh-hp-small-mob a.rooh-mob-delete {
   background: url(//roohit.com/images/app/roohhpsprites.png) no-repeat -84px -73px;
   background-color:none;
   height:18px;
   width:14px;
   display:inline-block;
   text-indent:-9999px;
   margin:0px;
}








#rooh-hp-big-mob{
   position:relative;
   top:0px !important;
   left:0px !important;
   background:#FFF;
   padding:0px;
   border: 1px solid #EAEAEA;
   /*border:1px solid #acacac;*/
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   line-height:1.2em;
   box-shadow:0px 0px 13px #999999;
   -moz-box-shadow:0px 0px 13px #999999;
   -webkit-box-shadow:0px 0px 13px #999999;
   z-index:999999;
   display:none;
   zoom:1;
   text-align:left;
}




#rooh-hp-big-mob .rooh-big-mob-hlby{
   background:#eaeaea;
   margin:0px;
   font-size:11px;
   padding:10px;
   color:#666666;
   -moz-border-radius:5px 5px 0px 0px;
   -webkit-border-radius:5px 5px 0px 0px;
   word-wrap: break-word;
   word-break: break-word;
}

#rooh-hp-big-mob .rooh-big-mob-actions{
   margin:0px;
   font-size:11px;
   padding:10px;
   color:#666666;
   overflow:hidden;
}


#rooh-hp-big-mob .rooh-big-mob-actions a {
	float: left;
	margin: 4px 2px;
}

#rooh-hp-big-mob .rooh-big-mob-hlby a{
   color:#666666;
   display:block;
}

#rooh-hp-big-mob .rooh-big-mob-hlby a:hover{
   text-decoration:underline;
}


#rooh-hp-big-mob img.rooh-big-mob-userthumb{
   border:1px solid #a0a0a0;
   display:inline-block;
   vertical-align:middle;
   margin-right:5px;
   height:40px;
}


#rooh-hp-big-mob span.rooh-mob-hltime{
   color:#999999;
   font-style:italic;
   display:block;
}


#rooh-hp-big-mob a.rooh-mob-close-btn{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -97px -61px;
   height:26px;
   width:26px;
   position:absolute;
   top:-15px;
   left:-15px;
   text-indent:-9999px;
}






#rooh-hp-big-mob a.rooh-mob-postonwall{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat 0px 0px;
   width:94px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}

#rooh-hp-big-mob a.rooh-mob-email{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat 0px -98px;
   width:64px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}


#rooh-hp-big-mob a.rooh-mob-tweet{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -65px -98px;
   width:64px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}



#rooh-hp-big-mob a.rooh-mob-linkedin{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -95px 0px;
   width:24px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}



#rooh-hp-big-mob a.rooh-mob-delete{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat 0px -122px;
   width:64px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}

#rooh-hp-big-mob a.rooh-mob-copy{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -66px -122px;
   width:54px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}

#rooh-hp-big-mob a.rooh-mob-search{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat 0px -146px;
   width:64px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}

#rooh-hp-big-mob a.rooh-mob-embed{
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -65px -146px;
   width:64px;
   height:22px;
   display:inline-block;
   text-indent:-9999px;
}












#rooh-hp-comment-panel{
   background:#eaeaea;
   width:220px;
   padding:30px 15px 30px 15px;
   position:fixed;
   right:-300px;
   top:0px;
   height:100%;
   border-left:1px solid #cdcdcd;
   font-weight: normal;
   -moz-box-shadow:0px -5px 5px #666666;
   /* this z-index is 1 less than the HP */
   z-index:2147483643;
   word-wrap: break-word;
}


#rooh-hp-comment-panel a {
	text-decoration: none;
}



#rooh-hp-comment-panel ul{
   width:220px;
   padding:0px 10px 0px 0px;
   margin:0px;
   float:left;
   max-height:78%;
   overflow-x:hidden;
   overflow-y: auto;
   border-bottom:1px solid #cdcdcd;
}

#rooh-hp-comment-panel ul li{
   width:195px;
   padding:5px;
   margin:0px;
   float:left;
   border-bottom:1px solid #cdcdcd;
   list-style-type:none;
}

#rooh-hp-comment-panel ul li.more a {
	text-align: center;
	width: 100%;
	display: inline-block;
}

#rooh-hp-comment-panel ul li .rooh-comment-content{
   width:140px;
   padding:0px 5px 5px 10px;
   margin:0px;
   float:left;
   font-size:11px;
}


#rooh-hp-comment-panel ul li .rooh-comment-content a{
   color:#666666;
}



#rooh-hp-comment-panel .rooh-comment-user-thumb {
   border:1px solid #a0a0a0;
   float: left;
   vertical-align:middle;
   margin-right:5px;
   width:30px;
   height:30px;
}

#rooh-hp-comment-panel .rooh-comment-user-thumb img{
	width:100%;
	height:100%;
}




#rooh-hp-comment-panel .rooh-comment-box{
   float:left;
   width:210px;
   margin:10px 0px 0px 0px;
   padding:10px;
}


#rooh-hp-comment-panel .rooh-comment-box .rooh-comment-content{
   width:150px;
   padding:0px 5px 5px 10px;
   margin:0px;
   float:left;
   font-size:11px;
}



#rooh-hp-comment-panel .rooh-comment-box input[type="text"],
#rooh-hp-comment-panel .rooh-comment-box input[type="password"],
#rooh-hp-comment-panel .rooh-comment-box select,
#rooh-hp-comment-panel .rooh-comment-box textarea{
   border:1px solid #cecece;
   color:#999999;
   font-size:11px;
   padding:5px;
   width:140px;
   height:25px;
   vertical-align:top;
   resize: vertical;
}


#rooh-hp-comment-panel .rooh-comment-box input[type="submit"],
#rooh-hp-comment-panel .rooh-comment-box input[type="reset"],
#rooh-hp-comment-panel .rooh-comment-box input[type="button"]
{
   background:#d7070f;
   border:none;
   width:auto;
   padding:3px !important;
   cursor:pointer;
   color:#FFFFFF;
   font-size:11px;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   float:right;
   margin-top:5px;
}

#del_HL {
   font: normal 12px Arial;
   text-align: left;
   z-index: 2147483645;
   position: absolute;
}

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;
   -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px;
   -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;
   -moz-box-shadow:0px 0px 5px #000;
   -webkit-box-shadow:0px 0px 5px #000;
}

div#system_msg .msg_div a{
   text-decoration:none;
   color:##116cad;
}


/* EMAIL LIGHTBOX CSS BEGIN */

div#rooh_content .pop_top h2{
   font-family:Tahoma, Arial, Helvetica, sans-serif;
   font-weight:bold; font-size:14px; color:#1f69a8;
   margin:0px; padding:5px 0px 5px 0px;
   text-decoration:none;
   border:none;
   text-transform:none;
   font-variant:normal;
   background:none;
   letter-spacing:normal;
   background-color:transparent;
}
div#rooh_content .pop_top h2 b{
   color:#1f69a8;
   background-color:transparent;
}

div#rooh_content .lightbox {
	position: fixed;
	top: 100px;
	left: 50%;
	width: 672px;
	margin-left: -336px;
	display: none;
	z-index: 2147483644;
}

div#rooh_content #login_lightbox > div {
   background-color:white;
   width:650px;
   height:310px;
   margin:0 auto;
   border:1px solid #408Bc3;
   padding:15px;
}

div#rooh_content #eml_pop > div {
   background-color:white;
   width:640px;
   height:310px;
   margin:0 auto;
   border: 1px solid #408BC3;
   float:none;
   padding:15px;
   position:relative;
   text-align: left;
}

div#rooh_content #eml_pop .left_side {
   float:left;
   width:345px;
}

div#rooh_content #eml_pop .left_side td {
   vertical-align:top;
}

div#rooh_content #eml_pop .right_side {
   float:right;
   width:270px;
}

.hv_inputs{
   background: url(//roohit.com/images/app/hv_input.jpg) repeat-x 0px 0px #FFF;
   padding:3px; border:1px solid #c5c5c5;
   -moz-border-radius:5px; -webkit-border-radius:5px;
   font-size:11px; color:#7b7b7b;
}

#eml_pop input.hp_btm_inputs, #eml_pop input[type="text"], #eml_pop input[type="password"],
#login_lightbox input.hp_btm_inputs, #login_lightbox input[type="text"], #login_lightbox input[type="password"]
{
   background: url(//roohit.com/images/app/hp_bottom_inputbg.png) repeat-x 0px 0px #FFF;
   padding:0px 2px 0px 3px; border:1px solid #72acd7;
   -moz-border-radius:5px; -webkit-border-radius:5px;
   font-size:12px;
   color:#00498d;
   font-family:Arial, Helvetica, sans-serif;
   height:18px;
   margin:0px;
}

div#eml_pop textarea {
   border: 1px solid #72ACD7;
   -moz-border-radius:5px;
   -webkit-border-radius:5px;
   font-size:12px;
   color:#00498D;
   font-family: Arial, Helvetica, sans-serif;
}

div#eml_pop *, div#login_lightbox * {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 11px;
   color:#000000;
   text-shadow:none;
}

div#login_lightbox p{
   padding:5px 0px 0px 0px; margin:0px;
   font-size:11px;
   font-family:Arial, Helvetica, sans-serif;
   text-shadow:none;
   top:auto;
   position:static;
   width:auto;
   text-indent:0;
}

#balloon-table { border: 0px solid #000000; text-align: left;}
#top-td { background-image: URL('//roohit.com/images/bg.gif'); vertical-align: top; padding: 0px 0px 0px 0px; height: 32px; text-align: left;}
#bottom-td { background-color: #FFFFFF; vertical-align: middle; text-align: center }
#bb { height: 32px; width: 35px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='//roohit.com/images/b.png'); margin-bottom: -4px; }
#r1 { z-index:2147483646; width: 407px; height: 180px; padding: 5px 5px 5px 5px; border: 1px solid #999999; border-top-width: 0px; background-color: #FFFFFF; text-align: left; vertical-align: middle; }
#simple-table { border: 0px solid #000000; width: 100%;}
#txt { height: 15px; font-size: 15px; color: gray; font-family: Times New Roman;}
#mail_from { /*border: 1px solid #A4A4A4; margin-bottom: 10px;*/ }
#mail_data {
   width: 150px; height: 100px; /*border: 1px solid #A4A4A4; */
   scrollbar-3dlight-color: #CCCCCC;
   scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #AAAAAA;
   scrollbar-highlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-shadow-color: #999999;
}
#populate_mails {
   background-color:white; width:205px; height:70px; overflow: scroll;
   overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical;
   /*border: 1px solid #A4A4A4;*/ scrollbar-3dlight-color: #CCCCCC;
   scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #AAAAAA;
   scrollbar-highlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; scrollbar-shadow-color: #999999;
}
#populate_mails1 {
font-family: arial, verdana, sans-serif;
font-weight: normal; font-size: 9px;
background-color:white;
width:350px; height:70px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical; border: 1px solid #A4A4A4; scrollbar-3dlight-color: #CCCCCC; scrollbar-arrow-color: #000000; scrollbar-darkshadow-color: #000000; scrollbar-face-color: #AAAAAA; scrollbar-highlight-color: #FFFFFF; scrollbar-track-color: #DDDDDD; text-align: left; scrollbar-shadow-color: #999999; margin-bottom: 10px;
}
#friend_mails { background-color:white; width:245px; height:90px; overflow: scroll; overflow-y: scroll; overflow-x: hidden; overflow:-moz-scrollbars-vertical; border: 1px solid #A4A4A4; }
#mbox{background-color:#fff; padding:8px; padding-bottom: 40px; border:2px outset #666;font-family: arial, verdana, sans-serif; font-size: 11pt;}
#mbm{font-family:sans-serif;float:right;padding-bottom:5px;}
#ol{background-image: url('//roohit.com/images/overlay.png');}
.dialog {display:none; background-color: #fff;}
* html #ol{background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="//roohit.com/images/overlay.png", sizingMethod="scale");}

a.cls{
   background:url(//roohit.com/images/app/hp_btm_buttons.png) no-repeat -46px -66px;
   height:15px; width:17px; margin:-1px 0px 0px 5px; padding:0px;
   position:absolute; right:4px;
   z-index:1;
}

#login_lightbox select.hp_btm_inputs{
   background: url(//roohit.com/images/app/hp_bottom_inputbg.png) repeat-x 0px 0px #FFF;
   padding:2px 4px 2px 3px; border:1px solid #72acd7;
   -moz-border-radius:5px; -webkit-border-radius:5px;
   font-size:10px; color:#00498d;
   font-family:Arial, Helvetica, sans-serif;
   height:22px;
   display:inline;
   margin:0px;
}

div#login_lightbox .loginbtn{
   background:url(//roohit.com/images/app/hp_btm_buttons.png) no-repeat 0px -176px;
   height:19px; width:44px; margin:0px;
   cursor:pointer; border:none;
   text-decoration:none;
   -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
   color:#FFFFFF; font-weight:bold;
}

/* EMAIL LIGHTBOX CSS END */



/* FBLOGIN CSS */
#rooh_fblogin{
   overflow:hidden;
   width:165px;
   height:22px;
   color:white;
   border:none;
   margin:0px;
}

#rooh_fblogin:hover{
   color: blue;
}

/* EMAIL ARROW */
#rooh-email-arrow{
   position: absolute;
   top: 12px;
   left: 150px;
   width: 20px;
   height: 20px;
   background-color: transparent;
}

/* TAG DROP DOWN BOX */
#rooh-hp-panel #rooh-tag-menu.rooh-main-menu{
   background: none;
   width: 16px;
   padding: 0px 10px 0px 9px;
}

#rooh-hp-panel li#rooh-tag-container:hover #rooh-tag-menu.rooh-main-menu{
   background:white;
   color:#00aff1;
   border-bottom:1px solid #FFFFFF;
}


/* SELECTED COLOR SQUARE */
#selectedColor{
   width: 7px;
   height: 7px;
   margin-top: 4px;
   display: inline-block;
   border: 1px solid #000000;
   background-color: #FFFF00;
}

#rooh-hp-panel #sel-clr-container.rooh-main-menu{
   background: none;
   padding: 0px 3px 0px 4px;
}

#rooh-hp-panel li.rooh-pen-color:hover #sel-clr-container.rooh-main-menu{
   background:white;
   color:#00aff1;
   border-bottom:1px solid #FFFFFF;
}

#rooh-hp-panel li.rooh-pen-color:hover #selectedColor{
   border: 1px solid #408BC3
}

#rooh-hp-panel li.rooh-pen-color {
   border-right: none;
}

#rooh-hp-panel #rooh-my-hls > p.collection {
	background:  url('//roohit.com/images/app/external_link.gif') no-repeat 95% 50%;
}

#rooh-hp-panel #rooh-my-hls > p.collection:hover{
	background:  url('//roohit.com/images/app/external_link.gif') no-repeat 95% 50%;
	background-color:#e3e3e3;
}

#rooh-hp-panel #rooh-my-hls > p{
	background-color:#e3e3e3;
}

#rooh-hp-panel #user-pg-history li.cur_viewing > p{
	padding-left: 18px;
	background:  url('//roohit.com/images/app/curpage-checkmark.gif') no-repeat 0px 0px;
}

#rooh-hp-panel ul li p.rooh-border {
border-left: 1px solid #525252;
}
/* TWEET ICON ON THE HP TO TWEET ALL HLS*/
#tweetAll {
   background:url(//roohit.com/images/app/roohhpsprites.png) no-repeat -20px -73px;
   margin:3px 0px 10px 15px;
   padding:0px;
   display:inline-block;
   height:16px;
   width:16px;
   text-indent:-9999px;
}


#confirmOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url('ie.png');
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index:2147483646;
}

/*#confirmBox{
	background:url('body_bg.jpg') repeat-x left bottom #e5e5e5;
	background:#FFFFFF;
	width:400px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
	border: 1px solid #999999;

	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	padding:15px;
}
*/



#confirmBox{
	background:#8bcef2;
	width:400px;
	position:fixed;
	left:50%;
	top:50%;
	margin:-130px 0 0 -230px;
	border: 3px solid #FFF;

	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:15px;

	opacity:0.95;
	filter: alpha(opacity=95);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";

	-moz-box-shadow:0px 0px 5px #000;
	-webkit-box-shadow:0px 0px 5px #000;
}

#confirmbox form.register {
  border-left: 1px solid;
}

#confirmBox a.confirmboxclose{
	background:url(//roohit.com/images/hp_toolbar/confirmboxclose.png) no-repeat 0px 0px;
	height:38px;
	width:38px;
	position:absolute;
	top:-20px;
	right:-20px;
	text-indent:-9999px;
}
#confirmBox .confirmboxin{
	background:#FFF;
	width:400px;
	float:left;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:0px;
}



#confirmBox h1{
	background-color:#c6eafd;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	float:left;
	padding:10px 0px;
	margin:0px 0px 10px 0px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
	text-align:center;
	width:100%;
}



#confirmBox .confirmboxtitle{
	background-color:#c6eafd;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	width:320px;
	height:50px;
	float:left;
	padding:20px 0px 0px 80px;
	font-size:24px;
	font-weight:bold;
	color:#000000;
}

#confirmbox .button.emptybtn {
  color: black;
}

#confirmBox ul.points{
	float:left;
	margin:0px;
	padding:10px;
	width:380px;
    list-style: none;
}


#confirmBox ul.points li{
	float:left;
	margin:0px 0px 5px 0px;
	padding:10px 10px 10px 35px;
	width:335px;
	font-size:16px;
	text-align: left;
}

#confirmBox ul.points li.saveshare{
	background:url(//roohit.com/images/hp_toolbar/confirmboxicons.png) no-repeat 0px 10px;
}

#confirmBox ul.points li.access{
	background:url(//roohit.com/images/hp_toolbar/confirmboxicons.png) no-repeat 0px -36px;
}

#confirmBox ul.points li.unlock{
	background:url(//roohit.com/images/hp_toolbar/confirmboxicons.png) no-repeat 0px -80px;
}



#confirmBox .loginfbtitle{
	background-image:url(//roohit.com/images/hp_toolbar/loginfbtitle.png);
	background-repeat:no-repeat;
	background-position:10px 10px;
}

#confirmBox .pagechangetitle{
	background-image:url(//roohit.com/images/hp_toolbar/pagechangetitle.png);
	background-repeat:no-repeat;
	background-position:10px 7px;
}




#confirmBox p{
	font:22px/1 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	/*background:url('header_bg.jpg') repeat-x left bottom #f5f5f5;*/
	padding: 10px 15px;
	color:#000;
}

/*#confirmBox h1{
	letter-spacing:0.3px;
	color:#0088ba;
}
*/

#confirmBox p{
	background:none;
	font-size:13px;
	line-height:1.4;
	padding-top: 18px;
}

#confirmButtons{
	padding:15px 0 25px;
	text-align:center;
}

#confirmBox .button{
	display:inline-block;
	background:url(//roohit.com/images/hp_toolbar/buttons.png) no-repeat;
	color:white;
	position:relative;
	height: 33px;

	font:17px/33px 'Cuprum','Lucida Sans Unicode', 'Lucida Grande', sans-serif;

	margin-right: 15px;
	padding: 0 35px 0 40px;
	text-decoration:none;
	border:none;
}

#confirmBox .button:last-child{	margin-right:0;}

#confirmBox .button span{
	position:absolute;
	top:0;
	right:-5px;
	/*background:url(//roohit.com/images/hp_toolbar/buttons.png) no-repeat;*/
	width:5px;
	height:33px
}

#confirmBox .blue{
	background:url(//roohit.com/images/hp_toolbar/confirmbtnbgblue.png) repeat-x 0px 0px;
	text-shadow:1px 1px 0 #5889a2;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#confirmBox .blue span{	/*		background-position:-195px 0;*/}
#confirmBox .blue:hover{/*		background-position:left bottom;*/}
#confirmBox .blue:hover span{/*	background-position:-195px bottom;*/}

#confirmBox .gray{
	background:url(//roohit.com/images/hp_toolbar/confirmbtnbgblack.png) repeat-x 0px 0px;
	text-shadow:1px 1px 0 #707070;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#confirmBox .gray span{/*			background-position:-395px 0;*/}
#confirmBox .gray:hover{/*		background-position:-200px bottom;*/}
#confirmBox .gray:hover span{/*	background-position:-395px bottom;*/}



#confirmBox .emptybtn{ background:none !important; padding:0px !important;}
#confirmBox .emptybtn span{	background:none !important;}
#confirmBox .emptybtn:hover{background:none !important;}
#confirmBox .emptybtn:hover span{background:none !important;}


#rooh-Hpgs span.shinyurl {
	color: blue;
  word-wrap: break-word;
}

#rooh-Hpgs span.shinyurl:hover {
	text-decoration: underline;
}



/****************CSS for bubble messsage Added by Fermin ***********************/
#bubble-msg{
        display:none;
        background:url('//roohit.com/images/app/bubble_msg.png') no-repeat;
        height:500px;
        width:500px;
        font-family:Tahoma, Arial, Helvetica, sans-serif;
        position: absolute;
        top: 58px;
        left: 35px;
        z-index: 9;
}
#bubble-title{
            position:relative;
            top:76px;
            left:145px;
            font-size:14px;
}
#bubble-subtitle{
            position:relative;
            top:80px;
            left:151px;
            font-size:10px;
            color:#999999;
}
#bubble-subtitle span{
            color:black;
            font-weight:bold;
}

#sub-bubble{
            width:470px;
            height:350px;
            padding:84px 0px 0px 11px;
}
#sub-bubble .left-pngtxt{
            float:left;
            margin-top:15px;
}
#sub-bubble .hr-divider{
            float:left;
}
#bubble-msg ul{
   width:440px;
   float:left;
   margin:0px;
   padding-left:9px;
}
#bubble-msg ul li{
   width:108px;
   height:85px;
   float:left;
   list-style-type:none;
   font-size:11px;
   font-weight:normal;
   text-align:center;
            padding-top:16px;
			margin:0px;
			}
.vr-divider{
   background:url(//roohit.com/images/app/vr_divider.png) no-repeat;
}
.divider-pos-top{
            background-position: 106px 0px;
}
.divider-pos-middle{
            background-position: 106px -30px
}
.divider-pos-bottom{
            background-position: 106px -176px;
}
#bubble-msg ul li .bubble-icons{
   background:url(//roohit.com/images/app/sprite-features-icons.2.png) no-repeat;
   background-size:170px 320px;
   height:40px;
   width:42px;
   padding:0px;
   text-indent:-9999px;
   display:inline-block;
}
#bubble-msg ul li .bubble-clp{
   background-position:0px 0px;
}
#bubble-msg ul li .bubble-sv{
   background-position:-42px 0px;
}
#bubble-msg ul li .bubble-col{
   background-position: -42px -240px;
}
#bubble-msg ul li .bubble-org{
   background-position:-85px -240px;
}
#bubble-msg ul li .bubble-tw{
   background-position: 0px -40px;
}
#bubble-msg ul li .bubble-fb{
   background-position: -43px -40px;
}
#bubble-msg ul li .bubble-eml{
   background-position: -85px -40px;
}
#bubble-msg ul li .bubble-shw{
   background-position: -43px -200px;
}
#bubble-msg ul li .bubble-fol{
   background-position: 0px -80px;
}
#bubble-msg ul li .bubble-int{
   background-position: -42px -80px;
}
#bubble-msg ul li .bubble-fcol{
   background-position: -42px -280px;
}
#bubble-msg ul li .bubble-get-it{
   background-position: -127px -240px ;
}
#get-it-now{
            font-weight:bold;
            color:#d80911;
}
#bubble-footer{
            position:relative;
            color:#46c4f3;
            font-size:14px;
            top:5px;
            left:158px;
            width:200px;
            height:20px;
}

#rooh-hp-triangle {
    background: url(//roohit.com/images/app/dialog.png) no-repeat;
    width: 110px;
    height: 110px;  margin: 0px;
    position: relative;
    top: 0px;
    position: absolute;
    z-index: 9;
	text-align: left;
}

#rooh-hp-triangle:hover #bubble-msg {
    display: block;
}

/* Fix for slider */
#dragbkmk-container {
    background: url(//roohit.com/images/app/dragbkmkcontainerbg.jpg) repeat 0px 0px ;
    padding-top: 20px;
    display: none;
}

.rooh_clear {
    clear:both !important;
    height:1px !important;
}

#roohmaintags{
	border:20px solid #87c2e8 !important;
	border-radius:15px !important;    
    width: 500px !important;
}

#roohmaintags .tagshead{
	text-align:center !important;
	padding:20px !important;
	background: url(//roohit.com/images/app/tagbg.jpg) #BDDEF2 no-repeat 115px 35px !important;
	font-family:Tahoma, Arial, Helvetica, sans-serif !important;	
}
#roohmaintags .tagshead h1 {
    font-size: 25px !important;
    font-weight: bolder !important;
    text-align: inherit;
    border-bottom: 0;
}
#roohmaintags .tagshead sup {
    font-size:12px !important;
    font-weight:normal !important;
    vertical-align:super !important;
}
#roohmaintags .tagssubtext{
    font-size:12px !important;
    font-weight:normal !important;
}
#roohmaintags .tagsbody {
    position:relative !important;
    padding:5px !important;
    min-height:200px !important;
}
#roohmaintags .tagsbody p {
    margin: 10px 0px 5px 0px !important;
    padding:0px !important;
    font-size:14px !important;
}
#roohmaintags .tagsbody .taglist {
	width:235px !important;
	float:left !important;
	color:#666666 !important;
    font-size:16px !important;
    text-align:left;
}
#roohmaintags .tagsbody .addtag {
    position:absolute !important;
    right:20px !important;
    top:50% !important;
    margin-top: -70px !important;
    height: 162px !important;
    text-align: center !important;
    width:200px !important;
}
#roohmaintags .tagsbody .addtag > textarea {
    width:100% !important;
}
#roohmaintags .tagsbody .taglist .roohtags {
    color:#87c2e8 !important;
    font-size:14px !important;
    padding-left:0px !important;
    width:100% !important;
}

#roohmaintags .recenttags > .roohtags {    
    overflow:hidden !important;
}

#roohmaintags .applicabletags > .roohtags {
    height:200px !important;
    overflow:auto !important;    
}

#roohmaintags .tagsbody .taglist .roohtags > a {
    line-height: 1em !important;
    white-space: normal !important;
    margin-left: 2px !important;
    display: inline-block !important;
    font-weight: normal !important;
}
#roohmaintags .blue-btn {
    background:gray !important;
    text-decoration: none !important;    
    padding: 5px 35px 5px 35px !important;
    font-size: 16px !important;
    color: white !important;
    text-decoration: none !important;
    display: inline-block !important;
    border-radius: 5px !important;
    cursor: default;
}
#roohmaintags .blue-btn.enabled {
    background:url("//roohit.com/images/app/redbtnbg.jpg") repeat-x scroll left -32px transparent !important;
   /* background:url(//roohit.com/images/app/bluebg.png) !important;*/
    text-decoration: none !important;
    cursor:pointer;
}
#roohmaintags .blue-btn.enabled:hover {
    background:url(//roohit.com/images/app/redbtnbg.jpg) repeat-x 0px -64px !important;    
}

#roohStuff {
    display: none;
}

.flyer {
    position: absolute !important;
    visibility: visible !important;
    z-index: 1001 !important;
}

/*
::selection {
   background-color:#ffff00;
   color: #000000;
}
::-moz-selection {
   background-color:#ffff00;
   color:#000000;
}
*/


.closeHP{
	color: #CCCCCC;
	cursor: pointer;
	float: right !important;
	width: 16px;
	right: -7px;
}
.closeHP img{
	width: 16px;
}

.roohLetteLFT{
    position: fixed;
    left: 0;
    top: 200px;
    z-index: 99999;
    width:42px;
    height:84px;
    cursor: pointer;
}
.roohLetteRGT{
    position: fixed;
    right: 0;
    top: 200px;
    z-index: 99999;
    width:42px;
    height:84px;
    cursor: pointer;
}
#roohtagsbox{
   color: #000;
}
.roohtagsboxempty{
   color: #E77471 !important;
}
.rooh-hl-confirm-msg{
   margin-left:50px;
   text-align:center;
   height:25px;
   width:100%;
}
.rooh-hl-confirm-msg .first-div{
   float:left;
   vertical-align: top;
}
.rooh-hl-confirm-msg .second-div{
   float:left;
   vertical-align: top;
}
.rooh-hl-confirm-msg iframe{
   float:left;
   border:none;
   overflow:hidden;
   width:47px;
   height:20px;
   margin:0px 5px 0px 5px;
}
.rooh-red-btn {
    background: none repeat scroll 0 0 #D7070F;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    margin-top: 5px;
    padding: 3px 10px;
}
.rooh-red-btn:hover {
    background: none repeat scroll 0 0 #000;
    color: #FFF;
}

.rooh_share span {
   vertical-align: text-top !important;
   bottom: 0px !important;
}

.rooh_share span iframe {
   height: 22px !important;
   width: 55px !important ;
   margin-top: -4px !important;
}
#fbdisplay{
   display:block;
   width:165px;
}
#hp_fb_name_display {
   font: 12px tahoma;
   text-align: center;
   margin-top: 4px;
   color: #00AFF1;
   font-weight: bold;
   line-height: 1.5em;
}
.rooh-hp-user-thumb {
   float: left;
   margin: 1px 5px 0px 0px;
   border: 1px solid #FFFFFF;
   max-height: 16px;
}
#rooh_rtPanelMyTags .appliedTags a{
   border: 1px #EB8787 solid;
   border-radius: 5px;
   padding: 2px;
}
div#widget_nt_box{
	background:url(//roohit.com/plugins/wordpress/4wp/images/widget_nt_box2.png) no-repeat top left;
	height:151px; width:297px;
	padding:19px 15px 0px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; color:#000000;
	line-height:18px;
	position:absolute; bottom:0px; right:0px; z-index:1000000000000;
	text-align:left;
}

div#widget_nt_box{	
	position:fixed;
	overflow: hidden;	
}
div#widget_nt_box .title{
	/*background:url(//roohit.com/plugins/wordpress/4wp/images/nt_alert.png) no-repeat 5px 5px;*/
	width:245px; height:24px; float:left; margin:0px; padding:5px;
	font-size:12px; color:#CC0000; margin:0px 0px 0px 0px; padding:8px 0px 0px 35px;
	font-weight:bold;
}

div#widget_nt_box .row{
	width:277px; height:58px; padding:7px 10px 7px 10px; font-size:11px;
	float:left;
	margin-left: 0px;
	margin-right: 0px;
}

div#widget_nt_box .bottom_text{
	color:#1466A3; font-size:11px;
}
div#widget_nt_box img{
	flaot: right;
	margin: 5px 5px 0px 0px;
	cursor: pointer;
}
.text_center{
	text-align:center; 
}

a.bottomlink1 {
	background:url(//roohit.com/images/logo-53x13.png) no-repeat top left;
	height:21px; width:233px; float:left; margin:0px 0px 0px 2px; padding:0px;
	text-decoration:none; cursor:pointer;
}
a.bottomlink2 {
	background:url(//roohit.com/images/logo-53x13.png)  no-repeat;
	height:21px; width:62px; float:right; margin:0px; padding:0px;
	text-decoration:none; cursor:pointer;
}

.add-rooh-btn{
   text-align: center;
}
.add-rooh-btn a{
    background:gray !important;
    text-decoration: none !important;    
    padding: 5px 35px 5px 35px !important;
    font-size: 16px !important;
    color: white !important;
    text-decoration: none !important;
    display: inline-block !important;
    border-radius: 5px !important;
    cursor: default;
    background:url("//roohit.com/images/app/redbtnbg.jpg") repeat-x scroll left -32px transparent !important;
    text-decoration: none !important;
    cursor:pointer;
    
}
.add-rooh-btn:hover a{
    background:url("//roohit.com/images/app/redbtnbg.jpg") repeat-x 0px 0px !important;   
}
#bTitle{
   width: 233px;
   text-align: center;
   float: left;
}