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

body{margin:0; padding:0; /*background-image:url(../images/header-bg.jpg); background-repeat:repeat-x;*/ background-color:#efedee;}
ul {margin:0; padding:0;}
a{text-decoration:none;}
a {text-decoration:none; border:none; transition: all 0.5s ease-in-out 0s;}
a:hover{opacity:0.90; transition: all 0.5s ease-in-out 0s;}

input[type='submit'] ,input[type='button'] {transition: all 0.5s ease-in-out 0s;}
input[type='submit']:hover ,input[type='button']:hover,label:hover {cursor:pointer; opacity:0.85; transition: all 0.2s ease-in-out 0s;}

.opacity0{opacity:0.0; height:0px; width:0px; overflow:hidden;}

.main_div { max-width:1024px; margin:0 auto; width:100%;  clear:both;}
/*--------------------------Header---------------------------*/
.outer_header { width:100%; background-color:#000000;}

.header{padding: 10px 10px 5px 10px;}

.logo{ width:100%; max-width:230px; vertical-align:top; display:inline-block; text-align:center; }
.logo h1{ position:absolute; opacity:0.001; }
#hootfor_logo_img{ height:43px;}
.mobile-menu-icon { display:none;}
.outer_header_search {  width:100%; max-width:470px; display:inline-block; vertical-align:top; padding-top:10px !important;}
.header_search{ width:100%; max-width: 465px; display: inline-block; height: 35px; margin-left: 2px; vertical-align: top; }
.header_search input[type='text'] { width:100%; max-width: 375px; height:32px;}
.header_search_box{height: 31px; width:378px; border:0; border-top-left-radius:3px; border-bottom-left-radius:3px;  border: 1px solid #fff;}
.header_search_btn{height: 32px; color:#5f5f5f; text-align:center; width:90px; font:bold 18px/1.6em Trebuchet MS; display:inline-block; vertical-align:top; float: right; border-top-right-radius:3px; border-bottom-right-radius:3px; background:#42B2DC url("../images/search.png") no-repeat scroll center center;}
.header_search_btn:hover{cursor:pointer; background:#59BCE1 url("../images/search.png") no-repeat scroll center center;}

.outer_header_menu { display:inline-block; vertical-align:top; width:100%; max-width:290px;  height:auto; margin-top:-14px;}

.notification_count {/*border-radius: 50%;*/ padding:0px 4px; margin:-40px 0 0 31px; position: absolute; text-align:center; font:bold 18px Arial; background-color: red; color:white;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.7);
    background-color: #dc0d17;
    background-image: linear-gradient(#fa3c45, #dc0d17);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    background-clip: padding-box;
    font-family: 'Helvetica Neue',Helvetica,sans-serif;
    font-size: 10px;
    line-height: normal;}

.how_it_works{height:auto; color:#FFF; font:normal 16px/2em Trebuchet MS; margin-top:24px; margin-left:25px; text-align:center; width:170px; background-color:#E71577;}
.how_it_works:hover{background-color: #E3076A;}

/****** Start Header Menu**********/
.header-navigation-menu {margin-top:12px;}
.header-navigation-menu ul{font:bold 11px/1.3em Arial;list-style:none;}
.header-navigation-menu li{text-align:center; margin:0px; padding:6px 9px;}
.header-navigation-menu a{float:left; color:#CBC9CA; text-decoration:none;letter-spacing: -0.5px;}

.header-navigation-menu a:hover , .header-navigation-menu a:hover .onclick-menu-content {opacity:1;}

/*****Notification dropdown*****/
.notification-menu {
    position: relative;
    display: inline-block;
}
.notification-menu:before {
}
.notification-menu:focus .notification-menu-content {
    display: block;
}

.notification-menu-content {background-color: #fff; border: 1px solid #d0d0d0; box-shadow: 0 1px 7px #c0c0c0; position: absolute; width: 296px; z-index: 1;  right: -135px;top: 56px; display:none; }/*mza-18*/
.notification-menu-content li {width:100%; max-height:95px; overflow:hidden; border-top:1px solid #D0D0D0; margin:0px; padding:0px; text-align:left;}


.notification-menu-content li:first-child:hover {cursor:auto;}
.notification-menu-content li:first-child .mark_as_noti{ color:#302F2D; font:bold 13px/2.5em Arial; margin-left:10px;}
.notification-menu-content li:first-child .mark_as_read { float:right; font:normal 13px/2.5em Arial; color:#9A9997; margin-right:10px; }
.notification-menu-content li:first-child .mark_as_read:hover {cursor:pointer;}

.notification-menu-content li:last-child{color:#302F2D; font:bold 13px/2.5em Arial; text-align:center;}

.NotiList{}
.NotiList img{vertical-align:top; display:inline-block; margin:7px; height:65px;}
.NotiList div{vertical-align:top; display:inline-block; margin-top:7px; font:normal 12px verdana; font-weight:500; color:#9A9997; width:200px; overflow:hidden; }
.NotiList div .black{font:normal 14px verdana; color:#4F4F4F;}
/*.notification-menu:focus {pointer-events: none;}
.notification-menu:focus .notification-menu-content {opacity: 1; visibility: visible; pointer-events: auto;}
.notification-menu-content {background-color: #fff; border: 1px solid #d0d0d0; box-shadow: -4px 5px 2px #d9d9d9; opacity: 0; position: fixed; right: 165px; top: 77px; visibility: hidden; width: 296px; z-index: 1;}
/******End Header Menu**********/

/*------------------------Header End-------------------------*/

/*--------------Wrapper--------------*/
.outer_wrapper {width:100%; background-color:#E6E6E6; min-height:492px; float:left;}

.wrapper{height:auto; background-color: #fff; padding: 10px 1px 10px 10px; }
.wrapper h1{color:#999; text-align:center; margin:0px; padding:0px; font:bold 22px Arial, sans-serif;}

.left_arrow{ margin: 84px 0 0 135px; position: absolute; z-index: 100;}
.right_arrow {position: absolute; z-index: 100; margin: -222px 0 0 -35px;}
/*******************/
/* start POST page style*/
.profile_box_pic {background-color:#f7f7f7; border: 1px solid #d0d1d5; padding:7px 7px 1.6px; color:#656160;}
.profile_box_pic img{ /*border:1px solid #E7EBEE;*/}
.profile_box_pic h2{font:bold 30px Arial;}
.profile_box_pic h3{font:normal 18px Arial;}
.profile_box_pic p{font:normal 10px Arial;}

.front_login_panel{}
/*.front_login_panel .btn-signin{ color:#FFF; font:bold 12px Arial; background-color:#21A5D6; opacity:0.85; border:0px; padding:4px 14px;}
.front_login_panel .btn-signin:hover{ opacity:1;}*/
.front_login_panel .checkbox {font: normal 10px/1.6em Arial; color: #585858;}
.front_login_panel .checkbox a{color: #1383BF; font-size:11px;}
.front_login_panel .checkbox a:hover{text-decoration:underline;}
.front_login_panel .other_acc_sing{font:normal 15px Verdana;}
.other_account_logo { margin-top:16px;}
.other_account_logo img { margin-top:5px; width:140px; height:30px;}
.front_login_panel .other_account_logo img:hover { opacity:0.70;}
.front_bottom_panel { width:99%; max-width:1024px; display: inline-block; vertical-align:top; border-radius:5px; margin-top:15px; background-color: #f7f7f7; border: 1px solid #d0d1d5; text-align: center;   margin-left: -1px;}
.bottom_cont { width:100%; max-width:320px; text-align:center; display:inline-block; vertical-align:top; padding-top:10px; padding-bottom:10px;}
 .bottom_cont p{ width:100%; max-width:280px; font:normal 14px Arial; color:#656160;}
.front_login_panel .singup_outer {border:8px solid #E8E6E7; padding: 55px; }
.front_login_panel .singup_outer:hover .singup_arrow{padding-left:12px; }
.front_login_panel .singup_outer:hover{opacity:0.9;}

.singup_text{color:#6A6967; text-align:right; display:inline-block; padding-top: 20px;}
.singup_text .newuser_text {font:bold 15px Arial; margin-bottom: -15px;}
.singup_text .signup_text {font:bold 35px calibri;}
.singup_text .here_text {font:normal 23px calibri; margin-top: -10px;}

.singup_outer .free_text {font:normal 12px Arial; color:#8E8E8E; }
.singup_arrow{ display:inline-block; vertical-align:top; font-size:100px; color:#72A44F; transition:all 0.30s ease-in-out;}

/*
.post-container{height:160px; padding:10px; margin-bottom:12px; width:460px; border:solid 1px #E1E1E1; float:left;}
*/
.outer-post-container{ width:100%; max-width:470px; border:solid 1px #d0d1d5; margin-bottom: 10px;}
.outer-width { width:103%; border-left:none; border-right:none;}/*mza-18*/
.image-container{ background-color:#F7F7F7; padding:7px; text-align:center;}
.image-container img { max-width:440px; max-width: 100%; }
.image-container iframe {width:425px !important; height:260px !important;}
.post-container{ padding:8px 8px 0px 8px; background-color:#ffffff;}

.new-post{min-height:190px; display:none; padding:10px; width:100%; max-width:449px; border:solid 1px #E1E1E1; background-color:#F6F5F5; float:left; margin:0px 0px 8px 0;}/*mza-18*/
.post-title{ width:100%; max-width:428px; height:25px; border:solid 1px #E1E1E1; padding-left:10px;}/*mza-18*/
/*.post-title::first-letter{ color:#741416;}*/
.post-box{height:100px; width:100%; max-width:428px; resize:none; padding:5px; border:solid 1px #E1E1E1; margin-top:6px;}/*mza-18*/
.brows_option { float:right; margin-top:8px; padding:6px;}
.brows_option img{ margin:0px 15px;}

#PostImageUploaded{ width:75px; border:1px solid rgba(0, 0, 0, 0.1); margin-top:10px; display:none; }
#VideoLink { width:230px; height:50px;display:none; }

.post-btn{height:auto; float:right; margin-top:8px; background:#459826; padding:7px; border:0; color:#FFF; font:normal 14px Arial;}
.post-btn:hover{opacity:0.85;}

.outer-post-container .user_name{color:#999999; text-align:left; padding:4px 10px; border-bottom:1px solid #EDEDED; font:bold 11px Arial; background-color:#F7F7F7;}/*mza-23-08*/
.outer-post-container .user_name i {  margin:0 7px; font-size:14px; cursor:pointer;}/*add mza 23-08*/
.outer-post-container .user_name i:hover { color:#4F4F4F;}
.outer-post-container .post_date_time {font:normal 10px Arial; color:#A1A1A1;}
.outer-post-container .post_date_time i { color:#C1C1C1; font-size:7px; margin-top:-3px;}/*add mza 23-08*/
.post-type{color:#2C87A2; font:bold 17px/1.5em Arial;}
.post-head, .post-head a{font:bold 13px Arial; color:#303030;}
.post-head a:hover{ text-decoration:underline; opacity:0.80; }
.post-text{ color:#656565; font: normal 13px/1.3em  Arial; padding-top:0px; width:100%;  max-width:375px;  padding: 12px 0; min-height:50px; }
/*mza 12-09-15*/
.media_icon ul li { width:100%; max-width:20px; display:inline-block; vertical-align:top; margin:0; padding:0;}
.media_icon ul ul img { width:15px; position:absolute; margin:-15px 0 0 60px;}
.media_icon ul ul { width:75px; background:#FFFFFF; border:1px solid #DEDEDE; box-shadow: 0 0 2px #DEDEDE; margin:10px 0 0 -60px; padding:7px; position:absolute; visibility:hidden; -webkit-transition:all 0.60s ease-out; transition:all 0.60s ease-out; z-index:60;}
.media_icon ul ul i { font-size:20px !important;}
.media_icon ul ul a { color:#4C4C4C;}
.media_icon ul ul li:nth-child(2) a:hover i{ color:#15399C !important; }
.media_icon ul ul li:nth-child(3) a:hover i{ color:#FA0000 !important; }
.media_icon ul ul li:nth-child(4) a:hover i{ color:#55ACEE !important; }
.media_icon ul li:hover ul { visibility:visible;} 
/*mza 12-10-15
.zoom {  cursor: pointer; }
img.zoom { border-radius: 100%;}
.gh {font-size: 24px; float: right;margin-top: 24px; }*/
/**Rating**/
.div_rating { width:100%; max-width:356px; background-color:#F7F7F7; float:left; padding:12px;}

.outer_hoot {font:normal 11px Arial; color:#B9B8B8; vertical-align: top; text-align:center; display:inline-block; padding-right:23px;}
.outer_hoot ul{ float:left; margin:0px 1px 0px 0px; padding:0px; display:inline; width:50px;}
.rating,.no_rating { width:50px; margin-left:-2px; background-image:url(../images/downbuttonbg.jpg); text-align:center; display:inline-block; height:20px; border-top:5px solid; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius:1px; font:bold 11px/1.7em arial; color:#818181; }
.rating:hover {background-image:url(../images/downbuttonbg1.jpg);}

.rating2 { width:70px;}
.score {padding:13px 12px 12px 12px; margin-top:-6px; width:65px; text-align:center; display:inline-block; border-left:1px solid #EDEDED; background-color:#F7F7F7; color:#393737; font:bold 13px Arial; }
.score .scor_n{ font:normal 18px Arial; color:#000000;}

.first { border-color:#398209; margin-left:0px; }
.second { border-color:#F1CC02; }
.third { border-color:#E10000; }
.fourth { border-color:#F0EEEE; background-image:none !important; font-size:13px; border:none !important;}
.fift {border-color:#FFAD21;}
.six {border-color:#51BCEE;}
/******/
/**Comment**/
.show_comment_box {background-position: left top; background-repeat: no-repeat;    border-bottom: 1px solid #e1e1e1; height: 50px; padding: 5px; width:100%; max-width: 458px;}/*mza-18*/

.show_comment_box .comment_text{ color:#737373; float:left; font:normal 11px/1.4em Arial; width:100%; max-width:420px; height:48px; padding:0px 0px 0px 25px;}/*mza-18*/
.show_comment_box .user_name{text-align:left; padding-left:25px; margin-top:-14px; color:#8C8C8C; font:bold 11px/1em Arial; float:left; background:none !important; border:none !important; }
.show_comment_box .user-image img{border:1px solid #E7E7E7; padding:3px; border-radius:3px; float:left;}

.other_comment{text-align:center; font:bold 11px/3em Arial; color:#8C8C8C; border-bottom:1px solid #E1E1E1; border-top:1px solid #e1e1e1;}
.other_comment:after{content:'\25bc';}
.other_comment:hover{cursor:pointer; opacity:0.80}


/*:lang(it)*/
<!--.uparrow { margin-left:50px; margin-top:0.8px; }-->
/*#comment_home_uparrow{ height:10px; width:18px; z-index:100; margin-top:5px;}*/
.reply_comment_div { height:auto; width:100%; max-width:454px; padding:8px; background-color:#EFEFEF; }/*mza-18*/

.comment_area_box {height:30px; margin-top:0px; width:100%; max-width:435px; font:normal 11px/1.4em Arial; resize:none; padding:3px 7px; border:solid 1px #E1E1E1;}

.commentbox_shadow_U{box-shadow:inset 0 0 4px -2px #34E80D;}
.commentbox_shadow_M{box-shadow:inset 0 0 4px -2px #F0CD02;}
.commentbox_shadow_D{box-shadow:inset 0 0 4px -2px #E00000;}

.char_limit{ margin-top:-13px;  float:right; height:auto; width:82px; font:normal 10px/1em Arial;text-align:center;}

.comment_btn{ float:right;  text-align:center; font:normal 12px Arial; padding:2px 0px; width:65px;  background-color:#398209; color:#FFF; border:0px;}
.comment_btn1{background-color:#398209;}
.comment_btn2{background-color:#DFB300;}
.comment_btn3{ background-color:#E10000;}

/*end POST page style*/


/*------------------------Home Page------------------------*/
/* Left Panel */
.left-panel{ width:100%; max-width:230px; vertical-align:top; display:inline-block;}

.compose-hoot{float:left; height:auto; width:236px; background-color:#F6F4F5; border:solid 1px #E7E5E6; margin-top:0px; font:bold 15px/5.5em Arial; color:#5A5859; text-align:center;}
.compose-hoot:hover{background-color:#888888; color:#FFF;}
.compose-hoot-arrow{background-image:url(../images/leftarrow.jpg); background-repeat:no-repeat; margin:-48px 0 0 237px; display:none; height:15px; width:8px; float:left;}

.search-hoot{height:auto; width:236px; float:left; margin-top:8px;}
.search-box{background-color:#fff; border:1px solid #d0d1d5; padding:0px 5px 5px 5px ; height:auto; width:226px; float:left;}
.search-hoot-box{height:22px; width:195px; border:solid 1px #E1E1E1; border-right:hidden; outline:none; font:normal 12px Arial; text-indent:6px; float:left;}
.search-hoot-btn{height:23px; width:24px; background-color:#FFF; float:left; border:solid 1px #E1E1E1; border-left:hidden; text-align:center; padding-top:1px;}
.search-head{font:bold 12px/2em Arial; color:#777576;}

.group-hooter-list{background-color:#F6F4F5; height:auto; min-height:70px; width:222px; padding:7px; float:left;  border:solid 1px #E7E5E6; margin-top:7px;}
.group-hooter-list-text{font:normal 12px Arial;  margin-left:6px;}
.group-hooter-list-text a{color:#777576;}
.group-hooter-list-text a:hover{opacity:0.80;}
.group-hooter-list li{display:inline-block; list-style:none; margin:5px 0 0 -2px;}
.group-hooter-list li:first-child{margin:5px 0 0 0;}
.hootcat_head {margin-bottom:5px; padding-bottom:5px; font-weight:bold;}
/*mza css for Custom view left pannel*/
.hoot_cat{background-color:#F6F5F5; font: normal 12px Arial; color:#777576; height:135px; width:216px; margin-top:8px; padding:10px; float:left; border:solid 1px #E7E5E6;}
.hoot_cat_filter{height:auto; width:auto; }
.hoot_cat_filter ul, .hoot_cat_sort ul { width:100%; margin:-25px 0 0 0; padding:0;}
.hoot_cat_filter li, .hoot_cat_sort li { width:auto; display:inline-block; vertical-align:top; margin:0 -1px 0 0px; padding:0; cursor:pointer;}
.hoot_cat_filter input[type='radio'], .hoot_cat_sort input[type='radio']{ visibility:hidden;}
.cls_filter {background-color: #FFF;
  padding: 5px 0 5px;
  border-bottom:4px solid #ddd;
  border-right:1px solid #c1c1c1;
  float: left;
  font-weight: 400;
  width: 100%;
  font-size: 13px;
  color: #333;
  text-align: center;
  cursor: pointer;
  display:inline-block;}
.hoot_cat_filter input[type='radio']:checked + .cls_filter, .hoot_cat_sort input[type='radio']:checked + .cls_filter{ border-bottom:4px solid #888888;}
/*mza css Emd Custom view left pannel*/






.hoot_cat_sel{width:216px; border:solid 1px #E7E5E6; height:23px; -moz-appearance:none; -webkit-appearance:none; appearance:none; text-indent:1px; text-overflow:""; background-image:url(../images/ud_arrow.PNG); background-repeat:no-repeat; background-position:196px center; font:normal 12px Arial; color:#757575; cursor:pointer;}
.hoot_cat_sort{height:auto; margin-top:4px;}
/*mza-19-08 for mobile lset pannel*/
#search-options-toggle{display:none;}
.search-options-toggle{  background:transparent url(../images/menu1.png) no-repeat center center; position:absolute; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; top:2px; left:-2px; border-radius:0px; font-size:17px; width:20px; height:21.4px; cursor:pointer; display:none; padding:11px 10px 10px; z-index:2000;}
/*mza-21---- right pannel*/
#search-toggle-right{display:none;}
.search-toggle-right{  background:rgba( 0,0,0,0.7) url(../images/menu1.png) no-repeat scroll center center; position:absolute; -webkit-transition:all 0.60s ease-in-out; transition:all 0.60s ease-in-out; top:48px; right:8px; border-radius:0px; font-size:17px; width:13px; height:11.4px; cursor:pointer; display:none; padding:11px 10px 10px; z-index:2000;}
.search-options-toggle span{height:3px; background:#fff; width:100%; float:left; margin:2px 0; border-radius:2px;}
/*End mza-19-08*/
/*.find-friends{height:54px; padding:10px; width:216px; float:left; border:solid 1px #E7E5E6; margin-top:8px; background-color:#F6F4F5;}
.find-friends-box{height:22px; width:180px; border:solid 1px #E1E1E1; margin-top:6px; text-indent:6px;}
*/
.import-hooter{float:left; height:auto; width:236px; margin-top:6px; padding:5px;}
.import-hoot-text{font:normal 13px Trebuchet MS; color:#777576;}
.import-hooter li{list-style:none; display:inline-block; margin-top:10px;}


.invite-friends{height:150px; width:236px; float:left;}
.invite-friends-box1{height:22px; width:226px; border:solid 1px #E1E1E1; margin-top:10px;}
.invite-friends-box2{height:22px; width:120px; float:left; border:solid 1px #E1E1E1; margin-top:10px;}
.find-friends-btn{width:100px; background-color:#7C7B7B; margin:10px 0 0 5px; font:bold 11.5px/2.3em Arial; color:#FFFFFF; text-align:center; float:left; cursor:pointer;}
.find-friends-btn:hover{background-color:#505050;}
/* Left Panel End */


/* Mid Container */
.mid-panel{height:auto; width:100%; max-width:470px; padding:0px 10px; vertical-align:top; display:inline-block; }

.user-image,.profile-image{float:right;}
.user-image img, .o_user_image img{ border:1px solid #E7E7E7; padding:3px; border-radius:50px;}/*mza-23-08*/

/*.profile-image div{display:block;  transition:all 0.30s ease-in-out; font-weight:bold; overflow:hidden; line-height:54px; text-align:center; color:#F6F4F5; background:rgba(0,0,0,0.43); height:64px; width:50px; position:absolute; z-index:1;  font:normal 11px/1em Arial; margin-top:5px;}*/
/*.profile-image:hover div{height:50px; padding-top:5px;}*/
.profile-image div span { font:bold 22px Arial;}

/* Mid Container End */

/******* Profile Container Start *******/

/* Profile Container Header Start */
.profile_container{height:auto; width:100%; max-width:470px; border:solid 1px #E1E1E1; margin-top:0px; float:left;}
.profile_container_header{height:119px; width:100%; max-width:449px; float:left; background-color:#F6F5F5; padding:10px; border-bottom:solid 1px #E1E1E1;}
.profile_container .user_image{float:right; border:solid 1px #EFE7E7; background-color:#FFFFFF; height:57px; width:57px; padding:3px; border-radius:2px;}
.profile_container .user_status{float:left; min-height:58px; width:100%; max-width:360px; font:normal 14px Arial; color:#9D9D9D; margin:5px 5px 0 0;}/*mza-18*/
.profile_container .user_name{/*float:left;*/ font:bold 14px Arial; margin:2px 0 0 2px; color:#4F4E4E;}
.profile_container_menu{height:auto; width:100%; max-width:400px; float:left; margin:23px 0 0 3px; font:normal 12px Arial; color:#9D9D9D;}/*mza-18*/
.profile_container_menu a{color:#9D9D9D;}
.profile_container_menu li{display:inline-block; list-style:none; padding:7px 18px; cursor:pointer;}
.profile_container_menu li:hover,.selected_profile_container_menu{background-image:url(../images/profile_menu_bg.PNG); border-top-left-radius:3px; border-top-right-radius:3px;
box-shadow: 0px -3px 4px 0px #A8A1A1;
-webkit-box-shadow: 0px -3px 4px 0px #A8A1A1;
-moz-box-shadow: 0px -3px 4px 0px #A8A1A1;
-o-box-shadow: 0px -3px 4px 0px #A8A1A1;}
/* Profile Container Header End */
/* Profile Container Wrapper Start */
.profile_container_wrapper{height:auto; width:100%; max-width:470px; float:left;}/*mza*/
/***profile***/
.profile_container_wrapper li{ color: #9D9D9D; font:normal 14px Arial; list-style:none; padding-left:20px; padding-top:20px;}

.message_container{height:auto; float:left;}
.spacer{float:left; height:20px; }
.message_date{width:100px; font:bold 11px/2em Arial; background-color:#F6F5F5; text-align:center; margin-top:20px; float:left; border:solid 1px #EFE7E7; color:#949494;}
.message_outer{height:auto;  float:left; padding:10px;}
.message_time{float:right; font:normal 10px Arial; color:#9D9D9D;}
.message_container .user_name{font:bold 12px Arial; margin:0 0 0 0; color:#4F4E4E; float:left; color:#3399FF;}
.message_text{float:left; height:auto; width:415px; font:normal 12px Arial; color:#9D9D9D; margin-top:5px;}
.message_text:hover{background-color:#F4F4F4;}
.msg_reply_container{float:left; height:auto; width:100%; max-width:449px; padding:10px; background-color:#F6F5F5; border-top:solid 1px #EFE7E7;}
.msg_reply_box{height:80px; width:100%; max-width:432px; resize:none; padding:5px; border:solid 1px #E1E1E1;}/*mza-18*/
.msg_reply_btn{width:100px; font:bold 14px/2em Arial; color:#FFFFFF; border:none; background-color:#21A5D6; padding:5px 0px; text-align:center; float:right; margin-top:10px;}

/* Profile Container Wrapper End */

/****** Profile Container End *******/

/* Right Panel */
.right-panel{display:inline-block; vertical-align:top; width:100%; max-width:290px;}

.user-info{height:auto; float:left; width:100%; max-width:286px; background-color:#F6F4F5; margin-top:0px; border:solid 1px #E7E5E6; padding:5px 5px 4px 5px;}
.user-status{color:#8C8A8B; font:normal 12px Arial; float:left; height:auto; width:200px;}
.mytagline {border:0px;background: transparent; font:normal 10px Verdana; color:#545454; width:210px; height:50px; resize: none;}
.user-name{font:bold 12px/1.3em Arial; }

.right_inbox{height:400px; width:296px; float:left; border:solid 1px #E7E5E6; margin-top:8px;}
.inbox_head{background-color:#F6F4F5; height:auto; width:286px; font:normal 12px/2em Arial; padding:5px; color:#8C8A8B;}
.inbox_search{height:32px; width:260px; background-color:#F6F4F5; margin-top:2px; float:left; padding:10px 18px;}
.inbox_search_btn{height:23px; width:24px; background-color:#FFF; float:left; border:solid 1px #E1E1E1; border-left:hidden; text-align:center; padding-top:1px;}
.inbox_search_box{height:22px; width:225px; border:solid 1px #E1E1E1; border-right:hidden; outline:none;  font:normal 12px Arial; padding-left:5px; float:left;}

.sender_list_box { border-bottom:solid 1px #E7E5E6; height:40px; padding:6px 10px; width:276px; margin-top:2px; float:left; color: #8C8A8B;}
.sender_list_box:hover {background-color:#7B7B7B; color:#FFFFFF !important;}
.sender_list_box .sender_name{font: bold 13px/1em Arial;}
.sender_list_box .sending_date {font:normal 10px Arial; float:right;}
.sender_list_box .sender_text_msg{font:normal 12px Arial;}
/* Right Panle End */
/**Start Registration page style**/
/*-----------------------Registration Page--------------------------- */
.registration { padding:5px 10px 60px 0;}
.registration h1 { padding:15px 0;}
.registration_outer { border:1px solid #E5E5E5; padding:0 0 20px 0; max-width:1015px; width:100%; padding-top:20px; background:#FFFFFF; color:#1E1E1E;
}
.registration_outer div { height:auto; width:100%; max-width:445px; display:inline-block; vertical-align:top;}
.left_reg_ul { margin-left:30px; padding-bottom:30px; border-right:1px solid #E5E5E5; display:inline-block;}
.registration_outer li { list-style-type:none; font-family:Calibri; color:#333; font-weight:bold; margin-top:15px;}
.form_data { margin-top:8px; font:bold 12px Arial; color:#464646;}
.email { margin-top:0px;}
.txtemail { border:1px solid #D7D7D7; height:32px; width:100%; max-width:325px; padding-left:5px; margin-top:5px;}
.txtemail:focus{border:solid 1px #8AC5FF;}

.txtpassword { border:1px solid #D7D7D7; height:32px; width:100%; max-width:325px; padding-left:5px; margin-top:5px;}
.txtpassword:focus{border:solid 1px #8AC5FF;}

.txtfullname { border:1px solid #D7D7D7; height:32px; width:100%; max-width:325px; padding-left:5px; margin-top:5px;}
.txtfullname:focus{border:solid 1px #8AC5FF;}
.image { height:25px; width:280px;}
.image_font { font-size:12px; color:#666; margin-top:-25px; margin-left:10px;}
.signupbtn { height:35px; width:188px; border:1px solid #79B464; background-color:#79B464;}
.signupbtn:hover { background-color:#609C4B;}
.right_reg_ul { height:auto; width:450px; display:inline-block; vertical-align:top; margin-left:76px; margin-top:0px;}
.form2_data { margin-top:15px;}
.form2_data_logo { text-align:center; float:left;}
.txtName { border:1px solid #D7D7D7; height:32px; width:100%; max-width:250px; padding-left:5px; margin-top:5px;}
.txtName:focus{border:solid 1px #8AC5FF;}

.txtlocation { border:1px solid #D7D7D7; height:32px; width:100%; max-width:77px; padding-left:5px; margin-top:5px;}
.txtlocation:focus{border:solid 1px #8AC5FF;}

.dropdown { height:32px; margin-top:5px; border:1px solid #D7D7D7;}
#container { margin-top:20px; padding-bottom:30px; text-align:left;}
.second_registration { margin-left:20px;}
.third_registration { margin-left:20px;}
.mask_radio { margin-top:35px;}
.mask { margin-top:15px; height:auto; width:auto;}

#selected_item li { height:75px; width:82px; background-color:#EEE;}
.selected_image { margin-left:10px; margin-top:18px;}

.change_photo {display:inline-block; width:280px; padding:0px; margin:0px;}
.change_photo h2{border: 1px solid #DFDFDF; color:#66757F; font:bold 17px Arial; width:240px; margin-top:20px; text-align:center;}
.change_photo p{color: #ABAAAA; font:normal 15px/1.1em  Calibri;  }
.content_image { height:30px; width:220px;}
.change_photo_image { height:32px;width:110px;}
.signupbtn {font:bold 16px arial;color:#FFF;}
.show_valid_msg, .error {color:#F00; font:normal 12px Arial; margin-top:10px; height:auto; width:auto;}
/**thankyou**/
/****/
/**end registration page style**/
/*  ----------------------------------login page----------------------------------------  */
.login-outer { padding:0 0 60px 0;}
.login_container { width:100%; max-width:830px; height:260px; background-color:#FFF; margin:54px auto 0; clear:both; padding:16px 0px 80px 35px ;  border:1px solid #C1C1C1; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius:7px;}
.vertical_line{height:324px; width:auto; float:left;}
.login_block_cont{display:inline-block; width:100%; max-width:375px; vertical-align:top; padding-left:35px; float:left; margin-top:60px;}
.login_block_cont:first-child{ border-left:none; padding-left:0px;}
.login_block_cont img {display:inline-block; margin:4px; width:125px; /*border:1px solid #C9C9C9;*/}
.login_block_cont img:hover {opacity:0.75;}
.loader_image{border:none !important;}
.login_container h1{ text-align:left; color:#000;}
.secondbtn{float:right; margin-right:27px; margin-top:3px; height:30px; width:90px; background-color:#21A5D6; opacity:0.95; font:bold 12px arial; color:#FFF; border:0px; text-align:center; border-radius:1.5px; }
.secondbtn:hover{opacity:1;}
.secondbtn2{background-color:#4C8D20;}
.secondbtn3{float:right; margin-right:60px; padding:10px; width:90px; background-color:#21A5D6; opacity:0.95; font:bold 12px arial; color:#FFF; border:0px; text-align:center; border-radius:1.5px; text-decoration:none; }
.secondbtn3:hover{opacity:1; color:#FFFFFF; text-decoration:none;}

.new_to_hoot{height:auto; width:auto; float:left; margin-top:20px; font:normal 14px arial; color: #515151;}
.login_container a { text-decoration:none;}
.texbox_login_page{ width:100%; max-width:350px; height:32px; float:none; margin-top:15px; border:solid 1px #EFE7E7; padding:0 5px;}
.texbox_login_page:focus{border:solid 1px #8AC5FF; outline:none;}
.checkbox_login_container{height:auto; width:350px; float:left; margin-top:5px;}
.checkbox { width:100%; max-width:180px; display:inline-block; vertical-align:middle;}
.checkbox b { font:normal 10px arial; color: #515151;}
.mza-checkbox { display:inline-block !important}/*mza*/

.username-texb {height:31px; margin-bottom:8px; padding-left:5px; width:100%; max-width:290px; border: 1px solid #bababa;}
.joinfree{ font: 20px Verdana; padding-bottom: 5px;}
/**/
.outer_footer { width:100%; background-color:#4F4E4E;  bottom:0px;left:0px;right:0px;}
.footer,.footer a{ color:#D7D7D7; font:normal 11px/5em Arial; text-align:center; }
.forgatepass { width:100%; max-width:500px; margin:0 auto; border:1px solid #ccc; border-radius:4px;}
/*mza 13-10-15*/
.forgatepass input[type='text'] { height:30px; width:78%; border:1px solid #CFCFCF; padding-left:5px; margin-top:3px;}
.forgateinner { padding:15px 25px 25px 25px; }
.forgatepass h1 { margin:0; padding:0 0 5px 0;	color: #1e2d4c;    font-size: 14px;
	border-bottom:1px solid #ccc;	text-align:left;}
.forgatepass p { color:#666666; font-size:13px;}
.border-none { border:none;}
.forgatefooter { border-bottom-left-radius: 3px;    border-bottom-right-radius: 3px;
    line-height: 16px;    padding: 8px 10px;	background:#F2F2F2;	color:#BEC6D9;}
/* end mza 13-10-15*/

/******* Settings Start ********/

.settings_container{height:auto; width:100%; max-width:470px; float:left; border:solid 1px #E1E1E1; margin-top:0px;}/*mza-18*/
.settings_header{height:50px; width:100%; max-width:470px; float:left; background-color:#F6F4F5; border-bottom:solid 1px #E1E1E1;}/*mza-18*/
.settings_menu{height:auto; width:auto; float:left; margin:22px 0 0 30px; font:normal 12px Arial; color:#858585;}
.settings_menu a{ color:#858585;}
.settings_menu li{display:inline-block; list-style:none; padding:7px 18px; cursor:pointer;}
.settings_menu li:hover,.selected_settings_menu{background-image:url(../images/profile_menu_bg.PNG); border-top-left-radius:3px; border-top-right-radius:3px; box-shadow: 0px -3px 4px 0px #A8A1A1; -webkit-box-shadow: 0px -3px 4px 0px #A8A1A1; -moz-box-shadow: 0px -3px 4px 0px #A8A1A1; -o-box-shadow: 0px -3px 4px 0px #A8A1A1;}
.settings_wrapper{ width:100%; max-width:449px; height:auto; float:left; padding:10px;}
.settings_container .user_image{border:solid 1px #EFE7E7; background-color:#FFFFFF; height:57px; width:57px; padding:3px; border-radius:2px;}
.settings_container .user_image img{height:57px; width:57px;}
.settings_wrapper ul{float:left; height:auto; width:auto; margin:24px 0 0 0;}
.settings_wrapper ul:last-child{margin:24px 0 24px 0; list-style:circle;}
.settings_wrapper li{list-style:none; display:inline-block; vertical-align:top;  }
.settings_wrapper li:first-child{width:100px; color:#858585; vertical-align:top; font:normal 14px Arial;}
.change_profile_pic{float:left;}
.settings_container .user_name{font:normal 14px Arial; color:#858585;}
.settings_container .input_box{height:22px; width:224px; border:solid 1px #E1E1E1; text-indent:4px;}
.settings_container .input_box1{height:22px; width:106px; text-indent:4px; border:solid 1px #E1E1E1;}
.settings_container .input_box1:last-child{margin-left:7px;}
.settings_container .textarea_box{height:70px; width:224px; resize:none; border:solid 1px #E1E1E1;}

/******* Settings End ********/

/******* Invitation List Start ********/
.invitation_container{min-height:560px; height:auto; width:100%; max-width:470px; float:left; border:solid 1px #E1E1E1; margin-top:0px;}/*mza-18*/
.invitation_header{height:auto; width:100%; max-width:470px; float:left; background-color:#F6F4F5; border-bottom:solid 1px #E1E1E1;}/*mza-18*/
.invitation_header_text{font:normal 18px/2.6em Arial; color:#5A5456; margin-left:20px;}
.invitation_profile_container{height:auto; width:100%;  max-width:444px; float:left; padding:10px;}
.invitation_profile_container .user_image{border:solid 1px #EFE7E7; float:left; background-color:#FFFFFF; height:57px; width:57px; padding:3px; border-radius:2px; margin:10px 0 0 10px;}
.invitation_profile_info{height:auto; width:auto; margin:10px 0 0 10px; float:left;}
.invitation_profile_info li{list-style:none; font:normal 14px Arial; color:#898586;}
.invitation_profile_info li:first-child{font:normal 15px Arial; color:#504A4C;;}
.invitation_profile_info li:last-child{font:normal 11px Arial; color:#C5C0BF;}
.invitation_btn{ padding:1px 18px; height:auto; background-color:#0692E1; color:#FFFFFF; font:normal 13px/2em Arial; float:right; margin:50px 0 0 0; text-align:center; cursor:pointer;}
.invitation_btn a{color:#FFFFFF; }
.invitation_btn:hover{background-color:#048AD6;}
.deny_btn{height:auto; width:70px; background-color:#0692E1; color:#FFFFFF; font:bold 13px/2em Arial; float:right; margin:50px 5px 0 0; text-align:center; cursor:pointer;}
.deny_btn a{color:#FFFFFF; }
.deny_btn:hover{background-color:#048AD6;}
.invitation_hr{ width:100%; max-width:430px; height:10px; border-bottom:solid 1px #E1E1E1; float:left; margin-left:8px;}
	
.notfound_people{font:normal 15px/2em Arial; background:url("../images/msg_error.png") no-repeat scroll 12px 8px rgba(0, 0, 0, 0);padding-left: 35px;}

.notfound_people .invite_person{}
.notfound_people .invite_person .invite_btn{background-color:#0DC143; color:#fff; width:60px; text-align:center; border-radius:2px; font:normal 11px/2.5em Arial;}

.notfound_people .invite_person .invite_btn:hover{opacity:0.85;}

/******* Invitation List End ********/
/******* Search My Hooter List Start ********/
.sercmyhooter {float:left; list-style:none; margin:10px; width:200px;}
.sercmyhooter .show_name_contr {font: bold 12px/1em Arial; color: #8C8A8B;}

/******* Search My Hooter List End ********/


/* muneer - 30-Apr-2014 */
.find-friends{height:54px; padding:10px; width:226px; padding:0px 5px 5px 5px ; float:left; border:solid 1px #E7E5E6; margin-top:8px; background-color:#F6F4F5;}
.find-friends-box{height:22px; width:195px; border:solid 1px #E1E1E1; border-right:hidden; outline:none; font:normal 12px Arial; text-indent:6px; float:left;}

/* muneer - 30-Apr-2014 */
/* karim ** 1/5/14 ** */
#custom_error {color:#94080A; font:normal 10px Arial;}
.hr_line {}
.notif_link {list-style:none; padding:5px; cursor:pointer; color:#767070; border-top:1px solid #E9E9E9; font:normal 12px Arial;}
.notif_link:hover {opacity:0.75;}


/* style for hoot page */
.tophead_hootpage { background-color:#243B52; color:#FBFBFB; font:bold 14px Verdana; padding:5px;}
.hootlist_hootpage { border-bottom:1px solid #EAEAEA; padding:10px; transition:all 0.2s ease-in-out;}
/*.hootlist_hootpage:hover{ margin-left:5px; transition:all 0.2s ease-in-out;}*/
.hootlist_hootpage h1{ color:#006699; font:bold 14px Arial; margin:0px 0px 5px 0px; text-align:left;}
.hootlist_hootpage .contant_hootpage{font:normal 14px/1.7em Arial; color:#656565;}

.hootlist_hootpage p {font:normal 11px Arial; color:#b1b1b1;}
.hootlist_hootpage .red_score {color:#A14BB8; font-weight:bold;}

/*.hootlist_hootpage .up_score {color:#398209;}
.hootlist_hootpage .mum_score {color:#F1CC02;}
.hootlist_hootpage .down_score {color:#E10000;}*/

/*~~~~~~~~~~~~~~~~~~~~~~ Terms page~~~~~~~~~~~~~~hoot_cat_filter
~~~~~~~~~~~~~~~~~~*/
.terms-outer, .privacy-outer { padding:25px 15px;}
.terms-outer p, .privacy-outer p { font:normal 13px/2em Trebuchet MS; color:#222222; }