Current Path : /var/www/html/
Upload File :
Current File : /var/www/html/healthkafe_inner.css

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0;  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

.clear { clear: both; font-size: 0; height: 0; line-height: 0;}

img{ border:none; outline:none; display:block;}

input:focus, textarea:focus, button:focus {text-decoration: none; }
input, textarea, button{ border:none; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
h1,h2,h3,h4,h5,h6{ font-weight:normal;}

a{ text-decoration:none; color:#333; display:block;}
/*a:hover{text-decoration:underline;}*/
p{ line-height:1.5em; text-align:justify;}
ul, ol{ list-style: none;}

body{  color:#333333; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;  background-color: #d9d9d9; background-image: url(../images/overlay-blur.png), url(../images/capetown1.jpg); background-repeat: repeat, no-repeat; background-size: auto, cover; background-attachment: fixed; background-position: center center, center center;}

textarea{resize:none; font-family:Arial, Helvetica, sans-serif;  font-size:12px; font-weight:normal; }


/*-- header css start */
 header { background: #333333;  width: 100%;padding: 5px 0;}
.kafe_headerinn {  color: #FFFFFF; margin: 0 auto; width: 1024px;}
.hdleft{ float:left; width:410px;}
.gotohome{ float:left; color:#858585; margin: 10px 0 0 20px;}
.gotohome i{background:url(../images/kefe_sprite_inner.png) no-repeat -13px -48px; width:15px; height:15px; float:left; margin-right:8px; }
.gotohome:hover{text-decoration: none; color: #03A3DE}

.kafe_hdrit {   float: right;  padding-top: 6px;  width: auto; padding-left:5px}
.kafe_username { float: right; padding-bottom: 0px; font-size:14px;}


.tophd{ width:auto; float:right;padding-top: 4px;}
.kafe_mobaps{ float:left; padding-right:8px;  background:url(../images/innerli.png) no-repeat right; }
.kafe_mobaps a{ display:block; float:left; padding:2px 5px;}
.kafe_mobaps a.android{ float:left; background:url(../images/kefe_sprite.png) no-repeat 7px -2px; width:27px; height:24px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_mobaps a.appl{float:left; background:url(../images/kefe_sprite.png) no-repeat -31px -2px; width:25px; height:24px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.kafe_mobaps a.android:hover{ float:left;  background:url(../images/kefe_sprite.png) no-repeat 7px -31px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_mobaps a.appl:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -31px -31px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}


.kafe_socll{float:left; padding-left:8px;   }
.kafe_socll a{ display:block; float:left; padding:2px 5px;}
.kafe_socll a.fb{ float:left; display:block; background:url(../images/kefe_sprite.png) no-repeat 7px -61px; width:25px; height:24px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_socll a.in{float:left; background:url(../images/kefe_sprite.png) no-repeat -30px -61px; width:25px; height:24px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_socll a.tw{float:left; background:url(../images/kefe_sprite.png) no-repeat -65px -61px; width:25px; height:24px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.kafe_socll a.fb:hover{ float:left; background:url(../images/kefe_sprite.png) no-repeat 7px -89px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_socll a.in:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -30px -89px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_socll a.tw:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -65px -89px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}


/*.hd_bottom{ background:url(../images/hdbg1.png) repeat-x; height:48px; margin-bottom:18px;}*/
.hd_bottom{  background:#FFFFFF; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); height:41px; margin-bottom:18px;}
.hd_botinner{ width: 1024px; margin:0 auto;}
/*-- inner_tab1 --*/
.inner_tab1{float:left;text-align: center;list-style: none;position: relative;margin: 0;padding: 0; font-size:16px;}

.inner_tab1 li {  background: #fff;display: inline-block; color:#000; transition:all 0.2s; -webkit-transition:all 0.2s;}
.inner_tab1 li a{ color:#000; text-decoration:none; padding: 10px 23px 10px;}
.inner_tab1 li a:hover{ color:#FFF; text-decoration:none;}
.inner_tab1 li.inner_selected1 {background: #03a3de;border-bottom-color: transparent; color:#fff;}
.inner_tab1 li.inner_selected1 a {color:#fff; text-decoration:none;}
.inner_tab1 li:hover {color: #fff; cursor: pointer; background: #03a3de;}
.inner_tab1 li:hover a {color: #fff;}
/*-- inner_tab1 end--*/

.kafeinput2 { float:right;}
.kafeinput2 input { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DFDFDF; border-radius: 4px 0 0 4px; -webkit- border-radius: 4px 0 0 4px; -moz- border-radius: 4px 0 0 4px; float: left; margin-top: 9px; padding: 4px;  width: 186px;}

.kafeinput2 .kafe_searchbtn2 { position:relative; background: url("../images/kefe_sprite_inner.png") no-repeat scroll 0 -74px; float: left; height: 28px;
    margin-top: 8px; width: 80px;}
.meaafe{ width:20px; height:12px; background:url(../images/messad.png) no-repeat; float:left; margin: 8px 15px 9px 9px;}
.stting{ width:18px; height:18px; background:url(../images/setting.png) no-repeat; float:left; margin: 4px 1px 7px 3px; }

/*-- header css end */


/*-- your interests css start */
.yourintersts{ background:#FFF; width:992px; margin: 18px auto 16px; padding: 13px 16px;  box-shadow: 0 0 2px 0px #7f7f7f; -webkit-box-shadow: 0 0 2px 0px #7f7f7f; -moz-box-shadow: 0 0 2px 0px #7f7f7f; position:relative; height:50px;}
.youinterstul{ float:left;}
.youinterstul li{ float:left; margin-right: 10px;}
.youinterstul li a{ color:#333}
.youinterstul li a:hover{text-decoration: none;}
.youinterstul li:last-child a{ margin:0px;} 
.slider .flex-prev{left: -1px}
.slider .flex-next{right: -30px}
.slider_sport .flex-prev{left: -1px}
.slider_sport .flex-next{right: -30px}
.youiconall_moni{background:url(../images/kefe_sprite_inner.png) no-repeat; display: block; height: 31px;  width: 36px; margin: 0 auto 0px; }

.youiconall{background:url(../images/kefe_sprite_inner.png) no-repeat; display: block; height: 31px;  width: 36px; margin: 0 auto 10px; }
.youicon{ background-position:-9px -113px;  }
.youicon1{ background-position:-44px -113px;  }
.youicon2{ background-position:-86px -113px;  }
.youicon3{ background-position:-131px -113px;  }
.youicon4{ background-position:-176px -113px;  }
.youicon5{ background-position:-9px -113px;  }
.youicon6{ background-position:-219px -113px;  }
.youicon7{  background-position: -256px -113px;  }
.yourtxt{ text-align:center; display:block;}
.oneline, .yourtxt{overflow: hidden; white-space:nowrap;  text-overflow : ellipsis; width: 100%; }

.yourinrit{ float:left; width:110px; margin-top:5px;  min-height: 56px;  padding: 10px;  background: #F4F4F4; position: relative;  top: -18px;  left: -16px;}
.youtctt{ float:right; font-size:16px; margin-bottom:5px;     margin-top: 9px;}
.addmoretxt{ float:right; font-size:13px; color:#03a3de;}
.addmoretxt a{color:#03a3de;}
.addmoretxt dd, .addPlusIcon{ float:left;  width:15px; height:13px; margin-top:3px; display:block; background:url(../images/kefe_sprite_inner.png) no-repeat -85px -83px;}
.addmoretxt .dd{ float:right;margin-left: 8px; width:15px; height:13px; margin-top:6px; display:block; background:url(../images/tog.png) no-repeat;}

.flex-prev, .flex-next{width: 26px; height: 26px; position: absolute; text-indent: -9999px; overflow: hidden; border-radius: 50%; top: 50%; margin-top: -10px; background: rgba(198,198,198, 0.6); transition:all 0.1s; -moz-transition:all 0.1s;  -webkit-transition:all 0.1s;}
.flex-prev{left: -40px;}
.flex-next{right: -40px;}
.flex-next:after, .flex-prev:after{content: ""; border-width: 5px; border-style: solid; border-color: transparent; position: absolute; top:8px; left: 2px;}
.flex-next:hover, .flex-prev:hover{background: rgba(3,163,222, 0.7); transform:scale(1.2); -webkit-transform:scale(1.2);}
.flex-next:after{border-left: 10px solid #fff; left: 9px}
.flex-prev:after{border-right: 10px solid #fff; }
.kafe_featured .flex-next{right: -25px }
.flex-disabled{display: none;}


.kafe_detail{ width:1022px; margin:0 auto; position:relative;  clear: both;}
.kafe_le_panal{ width:235px;  float:left; min-height:467px; background:#FFF; box-shadow: 0 0 2px 0px #7f7f7f; -webkit-box-shadow: 0 0 2px 0px #7f7f7f; -moz-box-shadow: 0 0 2px 0px #7f7f7f; }
.kafe_le_panal a{position:relative; text-align: center;}
#floatbar{ position:absolute; left:0; top:0px;}
#floatbar_home{ /*position:absolute; left:0; top:0px;*/}
.ovver{ position:absolute; bottom:0px; opacity:0; text-align:center; color:#FFF; font-size:12px; width:100%; left:0px; background:url(../images/ov.png) repeat; line-height:1.8em;}
.kafe_le_panal a:hover .ovver{ opacity:1;}

.homeaddnew{margin: 0 auto 4px;  width: 207px;}
.dasbo{ background:#03A3DE;  color: #FFFFFF; font-weight: bold; padding: 5px 8px; margin-bottom: 5px; }
.dasbo a{ color:#FFF;}
.folow{ background:#03A3DE;  color: #FFFFFF; font-weight: bold; padding: 5px 8px;}
.folow a{ color:#FFF;}
.kafe_le_panal img{ width:236px; height:207px; }
.kafe_drdetail{ padding:14px 10px; line-height:1.9em; }
.kafe_drdetail h4{ text-align:center; font-size:18px; color:#000; padding-bottom:4px;}
.kafe_drdetail a{ color:#333;}
.kafe_newmess{  line-height: 1.7em; background:url(../images/mess.png) repeat-x; border-radius:4px; text-align:center; width:202px; margin:0 auto; border:1px solid #c6c1c1; margin-bottom:10px; overflow:auto; padding:3px;}
.kafe_newmess dd{ background:url(../images/kefe_sprite_inner.png) no-repeat -48px -159px; width:21px; height:12px; margin: 5px 5px 0 30px; float:left;}
.kafe_newmess span{ float:left; }
.kafe_newmess2{ line-height: 1.8em; text-align:center; width:202px; margin:0 auto; margin-bottom:10px; overflow:auto; padding:3px; background: #03A3DE; color:#fff;}
.kafe_newmess2 dl{ background: url("../images/kefe_sprite_inner.png") no-repeat -77px -156px;float: left; height: 18px;margin: 3px 5px 0 30px; width: 21px;}
.kafe_newmess2 a{ color:#fff;}
.kafe_newmess2 span{float:left; }
.kafe_newmess2.active{background: #FF900C}

.detailritall{   margin-left: 253px;}
.kafe_detailrit{  width:100%; padding:0px 0px 28px 0px;  display: none;}
.userActivitesWrapper{ background:#FFFFFF;}
.kafe_activi{  padding-bottom: 12px;}
.kafe_activi strong, .tabs5 li.selected5, .tabs6 li.selected6, .tabs7 li.selected7, .tabs5 li:hover, .tabs6 li:hover, .tabs7 li:hover, .kafe_activiaddac:hover, .kafe_activiaddac {  color:#fff;  padding: 5px 12px;   border-radius: 14px;  background:rgba(255, 255, 255, 0.2);  text-shadow: 0 1px 0 #000000;}
.tabs5 li, .tabs6 li, .tabs7 li,  .actDesUrs strong { font-size: 13px; padding: 5px 12px;   margin-right: 20px;  border-radius: 14px;  background:rgba(0, 0, 0, 0.2);  text-shadow: 0 1px 0 #000000; color: #ccc; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.kafe_activi strong{float: left; font-size: 13px}
 .kafe_activiaddac{ color: #fff}
.actArrow{color: #03A3DE; display: none; }
.createBtnAct{float: left;  border-right: 1px solid #BEBEBE;  margin-right: 10px; padding-right: 10px;}
.createBtnAct a{color:#03a3de; }
.activi_inter .addmoretxt {float: left;}
.activi_inter .addmoretxt a, .activi_inter .createBtnAct a {color: #fff}


.add_icon{ float:left; border-left:1px solid #bebebe;}
.add_icon a{ float:left; margin-right:10px;}

.kafe_activiaddac a:hover{color: #fff; text-decoration: none;}
.kafe_activiaddac{ float:right; margin-right: 0px; }
.kafe_activiaddac:hover .undow{ background-position:-130px -160px  }
.kafe_activiaddac:hover .add{background-position:-153px -160px}
.kafe_activiaddac:hover .mins{background-position:-175px -160px}
.kafe_activiaddac:hover .plus{background-position:-111px -161px}

.add_icon .undow{background:url(../images/kefe_sprite_inner.png) no-repeat -103px -82px; width:15px; height:15px; }
.add_icon .add{background:url(../images/kefe_sprite_inner.png) no-repeat -126px -82px; width:15px; height:15px;}
.add_icon .mins{background:url(../images/kefe_sprite_inner.png) no-repeat -148px -82px; width:15px; height:15px; margin-right: 0px;}
.ongo{ padding:10px 15px;}
.ongo strong{ float:left; margin-right:15px; width: 73px;}
.ongoname{  background-color: #666666; color: #FFFFFF; float: left; font-weight: bold; padding: 4px 4px 4px 15px; position: relative;
    width: 58%; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.ongoname:after{ background:url(../images/kefe_sprite_inner.png) no-repeat -96px -53px; bottom: 0px;  content: "";  height: 16px;  left: 15px;
    margin: 0 0 0 -20px; position: absolute; width: 14px;}    
.yourtxyb{ padding: 25px 0 0;}
.yourtxyb p{ font-size:18px; color:#a4a4a4; text-align:center;}



.current_like{ float:right; }
.current_like a{ display:inline; color: #333333;}
.current_like a:hover{ text-decoration:underline;}
.kafe_likeresicon { background: url("../images/kefe_sprite.png") no-repeat scroll -379px -173px rgba(0, 0, 0, 0);
    float: left; margin-right: 15px; padding-left: 23px;}

.kafe_likeresicon1{  float: left;  }
.kafe_likeresicon1 dd{background: url("../images/kefe_sprite_inner.png") no-repeat scroll -26px -155px; width:14px; height:14px; float:left;}
.kafe_likeresicon1 > a { float: left;color:#333333;}    
.kafe_likeresicon a{ float:left; color:#333333;}
.color{ background:#f6f6f6;}
.activi_inter{ display:block; float: left; width: 100%;}
.activities{ margin-bottom: 12px; padding: 10px 0px;    border-bottom: 1px solid #CCCCCC;}
.topno{ margin-top:11px !important;}
.acti2{ width:auto !important;}
.actibor{ margin-left:10px; padding-left: 10px;}
.arr1{background: url("../images/kefe_sprite_inner.png") no-repeat scroll -111px -54px; height:12px; width:12px; display:block; margin: 4px 0 0 7px; float:right;}
.fafe_seeall {display: block;  margin-bottom: 24px;  overflow: auto;}
.fafe_seeall li { background: #fff; color: #000; float: left;margin-right: 24px; margin-bottom: 24px; height: 214px; width: 240px;  }
.fafe_seeall li:last-child{ margin-right:0px;}
.kafe_seetop {background:#edecec; padding: 16px 12px 10px;}
.licontent p{ color: #333333; line-height: 1.7em; padding: 12px 9px;}
.currentimg1{ float:left;margin-right: 25px;}
.currentimg1 img{ width:95px; height:95px; border-radius:50%;}
.currentimgtt img {width:75px; height:75px; border-radius:50%;background-color:#FFFFFF; padding: 10px; }
.yourevnts{ margin-left:65px; float:left; color:#818181; font-size:15px; cursor:pointer;}
.fafe_see_evets li, .fafe_seeall li, .userActivitesWrapper, .fafe_see_evets li, .kafe_sports_clubs li{box-shadow: 0 0 2px 0px #333; -webkit-box-shadow: 0 0 2px 0px #333; -moz-box-shadow: 0 0 2px 0px #333;}
.sliderWrapper li:nth-child(3n+3){margin-right: 0px;}
.leftSideBar{float: left; width: 235px;}
#userActLeftSide{margin-top: 10px;  background: #FFFFFF; box-shadow: 0 0 2px 0 #7F7F7F;}


/*-- tab 5 css--*/

.tabs5{float:left;text-align: center;list-style: none;position: relative;margin: 0;padding: 0;}

.tabs5 li {  font-weight:bold;display: inline-block; }

.tabs5 li:hover {cursor: pointer;}
/*-- tab 5 end--*/

/*-- tab 6 --*/
.tabs6{float:left;text-align: center;list-style: none;position: relative;margin: 0;padding: 0; }

.tabs6 li  {   font-weight:bold;display: inline-block;}

.tabs6 li:hover {cursor: pointer; }

/*-- tab 6 end--*/


/*-- tab 7 --*/
.cur{ cursor:pointer;}
.tabs7{float:left;text-align: center;list-style: none;position: relative;margin: 0;padding: 0;}

.tabs7 li  {  font-weight:bold;display: inline-block;  }

.tabs7 li:hover {xcursor: pointer; }
/*-- tab 7 end--*/

/*** Added On 24 March ****/
/*-- tabmess --*/
.tabsmess{ color: #0088CC;  float: left; list-style: none outside none;  margin: 10px 0 0;  padding: 0;  position: relative;  text-align: center;}
.tabsmess li  { cursor:pointer; padding: 0 16px 0px 0;display: inline-block;  font-size: 16px;color: #333;}

.tabsmess li.selectedmess {color: #9A9A9A;}
.tabsmess li:hover {xcursor: pointer; }
.tabsmess li.selectedmess a{ color:#9A9A9A;}
/*-- tabmess end--*/

/*** End***/



/*-- tool tip--*/
 .hover {  position:relative; }

.tooltip { top:-10px;background-color:black; color:white; border-radius:5px; opacity:0;  position:absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.hover:hover .tooltip { /* display tooltip on hover */
    opacity:1;} 
    
 
.hover2 {  position:relative;  }
.qu{ float:right; margin-left:8px; padding-top:2px; cursor:pointer;}

.tooltip2 { top:-131px; left:-148px;background-color:#FFF; padding-top: 12px; color:white; border-radius:5px; opacity:0;  position:absolute; width:325px;
 height:102px;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
  box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F;
}
.tooltip2:before{ width:20px; height:14px; position:absolute; left:147px; bottom:-13px; background:url(../images/tooltip.png) no-repeat; content:"";}
.tooltip2 p{ line-height:1.8em; text-align:center; font-size:12px; color:#4b4b4b; font-weight:normal;}
.tooltip2 span{ color:#03a3de;}

.hover2:hover .tooltip2 { /* display tooltip on hover */
    opacity:1;} 
 
 
 
 .hover3 {  position:relative; }

.tooltip3 { top:-10px;background-color:black; color:white; border-radius:5px; opacity:1;  position:absolute;
  -webkit-transition: opacity 0.5s;
  -moz-transition: opacity 0.5s;
  -ms-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  transition: opacity 0.5s;
}

.hover3:hover .tooltip3 { /* display tooltip on hover */
    opacity:1;} 
 
 

 
/*-- tool tip--*/

.transition, .posttt a, .posttt input{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}

/*-- new tool tip --*/
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:60px; margin-left:-160px;
    width:240px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; 
    border:2px solid #FFF;  color:#EEE;
    background:#000 url(src/css-tooltip-gradient-bg.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;}
    

.fafe_see_evets {}
.fafe_see_evets li { background: none repeat scroll 0 0 #fff; float: left; font-size:13px;  margin-right: 24px; margin-bottom:24px; height: 282px; width: 240px; }
/*.fafe_see_evets li:last-child{ margin-right:0px; margin-bottom:24px !important;}*/
.fafe_see_evets li a { color: #333; }
.kafe_seetoprr_moni { padding:9px 10px; height: 44px; overflow:hidden; font-weight:bold; line-height:1.7em; display:block!important }
.kafe_seetoprr { padding:9px 10px; height: 44px; overflow:hidden; font-weight:bold; line-height:1.7em; }
.kafe_eveimg {overflow: auto;}
.kafe_eveimg img { float: left; }


.fafe_see_evets2 {}
.fafe_see_evets2 li { background: none repeat scroll 0 0 #fff; float: left; font-size:13px;  margin-right: 20px; margin-bottom:50px; height: 282px; width: 240px; }
/*.fafe_see_evets li:last-child{ margin-right:0px; margin-bottom:24px !important;}*/
.fafe_see_evets2 li a { color: #333; }
.kafe_seetoprr2 { padding:9px 10px; overflow:hidden; font-weight:bold; line-height:1.7em; width:230px;}
.kafe_eveimg {overflow: auto;}
.kafe_eveimg img { float: left; }
.sliderWrapper2 li:nth-child(4n+4){margin-right: 0px;}


.kafe_aroundyu {height: 41px;  overflow: hidden;  padding-bottom: 10px; position:relative; width:100% !important;}
.bxslider {height: 41px;  overflow: hidden;  transform: translate3d(-0px, 0px, 0px) !important;  padding-bottom: 10px; position:relative; width:100% !important;}
div#events_around{bottom: -7px; position: relative;}
.kafe_aroundyu a{  float:left; display: inline-block; padding: 5px 10px;}
#events_around_slider { height: 41px !important; width: 240px !important;}
.prev_envaro{ text-indent: -9999px; background:url(../images/smleft.png) no-repeat; cursor: pointer;  display: block;  height: 17px;  width: 17px;    margin: 0;  position: absolute;  left: 247px; top: 1107px;z-index: 9999;}
.next_envaro { text-indent: -9999px; background:url(../images/smrit.png) no-repeat; cursor: pointer; display: block; float: left;height: 17px;  width: 17px; margin: 0; position: absolute; right: 523px; top: 1107px; z-index: 99999;}
.kafe_aroundyu img { float: left !important; width:37px !important; height:37px !important;}
.homim img{ width:240px; height:108px;}
.homim2 img{ width:240px; height:140px;}

.desti{background: url("../images/kefe_sprite.png") no-repeat scroll -145px -85px; height:19px; width:15px; display:block; float:left; margin-bottom:12px; margin-right:10px;}
.desti2{background: url("../images/kefe_sprite.png") no-repeat scroll -144px -186px; height:15px; width:15px; display:block; float:left;margin-right:10px;}
.events_datetimg{  padding: 12px 14px 0px; }
.kafe_evnadd{ font-size:12px;  line-height: 1em; overflow:hidden; color: #888;  font-family: cursive;}
.linehe{ line-height:2.3em;height: 62px;}
.kafe_evnadd a{ color:#333;}
.kafe_evnadd p{ height: 23px;  overflow: hidden;}
.kafe_evnadd span{ height: 23px;  overflow: hidden; display:block; margin-top:6px;}
.kafe_evnaddpaddmew{ padding: 14px 12px 7px !important;}

.evnotherevnt.evnotherevntup img {
     margin: 0 12px !important;
    width: 250px;
}
.wt{background: url("../images/kefe_sprite.png") no-repeat scroll -145px -86px rgba(0, 0, 0, 0); margin-right:10px;
    float: left;   height: 18px;   width: 15px;}
.wtrout{  background: url("../images/kefe_sprite.png") no-repeat scroll -143px -177px rgba(0, 0, 0, 0);
    float: left;  height: 25px;  margin-right: 11px;  width: 15px;}
    
.kafe_findtop img{ float:left; width:53px; height:52px;}
.eventtxt{ float: right;line-height: 1.7em; padding: 6px;   width: 166px; height: 39px; overflow:hidden;}
.eventouter{ padding: 25px 15px;font-size: 12px;}
.eventouter p{ margin-bottom:10px;}
.dest3{ background: url("../images/kefe_sprite.png") no-repeat scroll -144px -184px; height:16px; width:15px; display:block; float:left; }
.finico{ margin-right:13px;}
.desti4{ background: url("../images/kefe_sprite.png") no-repeat scroll -162px -184px; height:15px; width:19px; display:block; float:left;margin-right:10px;}
.kafe_finderimg{ margin-top:15px;  height: 41px;}
.kafe_finderimg img{ float:left; margin-right:10px; border:1px solid #8c8c8c; width:27px; height:28px;}
.evby{ float:left; height: 35px;  overflow: hidden; width: 80%;}
.evby i{ color:#a1a1a1; margin-bottom:2px; display:block;}
.fin_requests li{height:280px; margin-bottom:24px !important;}

.kafe_sports_clubs { }
.kafe_sports_clubs li { position:relative; height: 260px; width: 240px;float: left; margin-right: 24px; margin-bottom:24px; text-align: center; background:#FFF;}
.kafe_sports_clubs li img{ width:240px; height:148px;}
.flo{ position:absolute; top:10px; right:0px; padding:1px 8px; background:#03a3de; color:#FFF; font-weight:bold;}
.flo a{ color:#fff !important;} 
.kafe_sports_clubs li:last-child{  margin-bottom:24px !important;}
.kafe_sports_clubs li a { font-size: 13px; color:#333;}
.events_padd{ line-height: 1.8em; padding: 12px 10px 10px;}
.events_padd p{ font-size: 12px; height: 17px;  margin: 0 auto;  overflow: hidden;  text-align: center; width: 150px;}
.kafe_sports_clubslast { margin: 0 0 24px !important;}

.fafe_postul {}
.fafe_postul li { background:#FFF; float: left; margin-right: 24px; margin-bottom:24px;  width: 240px; height:167px; box-shadow: 0 0 2px 0px #7f7f7f; -webkit-box-shadow: 0 0 2px 0px #7f7f7f; -moz-box-shadow: 0 0 2px 0px #7f7f7f;}
.fafe_postul li:last-child { margin:0px; margin-bottom:24px !important;}
.fafe_postul li a {}
.fafe_postul li img {   float: left; width:74px; height:69px;}
.kafe_postresv {width: 154px; float:right; font-size:13px;  padding: 10px 0;}
.kafe_postresv i{ float:left; width:100%;}
.kafe_postresv a{ color:#333;}
.kafe_postresv span {background:#f5a211; color: #FFFFFF; display: block; float: left;  margin-top: 6px;
padding: 3px 14px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
 .kafe_posttxt { float: left;  font-size: 13px; margin: 5px 0; padding: 14px 12px; height: 49px; overflow:hidden;width: 216px;}
  .sliderWrapper{position: relative;}
 .sliderWrapper .flex-direction-nav{display: none;}
/*.li_lastchil{ margin:0px !important; margin-bottom:24px !important;}*/
/*-- your interests css end */

/*-- sports-overall css start */
.sportsborstop { background:#FFFFFF; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;  margin: 18px auto 16px;  width: 1024px;}

.yoursportsul{}
.yoursportsul li{ float:left; margin: 0 28px;}
.yoursportsul li a{ color:#333;}
.yoursports{ float:left;margin: 12px 36px; font-size:14px;}
.yourrating{float:left;font-size:30px;}

.livematch{margin-bottom: 24px; background:#FFF; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;  padding: 30px 15px 0; position:relative;}
.hedroup_a{ cursor:pointer; position:relative;}
.hedroup{ display:none; width:140px; height:185px; overflow:hidden; border:1px solid #ddd;  position:absolute; right:4px; top:57px; z-index:9999; 
background:#FFF;  box-shadow: 0 0 8px 0 #666;}

.sportsborstop .yoursportsul{ padding: 10px; display: block; width: calc(44% - 20px ); -webkit-width: calc(50% - 20px ); float: left;}
.sportsborstop .yoursportsul li{padding:0px 0px  10px 0px; margin: 0px; display: block; width: 50%; position: relative;}
.sportsborstop .yoursportsul:first-child{background: #EFEFEF;}
.sportsborstop .yoursportsul li .yoursports{margin: 0px; font-size:inherit; }
.sportsborstop .yoursportsul li .yourrating{font-weight: bold; font-size:14px; margin-left: 10px; position: absolute;}
.sportsborstop .yoursportsul li:last-child   .yourrating{line-height: 30px; font-weight: normal; border-radius: 50%; width: 30px; height: 30px; text-align: center; color: #fff; background: #666;  top: -5px;}
.yoursportsul{}

/* Login Button Text */
#loginButton span { font-size:13px;  display:block;  background:url(../images/tog.png) no-repeat 74px 5px; font-weight:bold;width: 90px;}

#loginButton:hover {}
/* Login Box */
#loginBox { position:absolute; top:64px;  right:0;  display:none; z-index:29;}

/* If the Login Button has been clicked */    
#loginButton.active span {background:url(../images/togup.png) no-repeat  74px 5px;}


.hedroup_ul{}
.hedroup_ul li{ margin-bottom:0px; padding:4px; border-bottom:1px solid #ddd;}
.hedroup_ul li:last-child{ border:none;}
.hedroup_ul li a{ color:#333; padding: 2px 5px;}
.kafe_add_new_hd {  color: #FFFFFF; overflow:auto; border-bottom: 1px solid #EEEEEE;  margin-bottom: 0px;}
.tabs8 { color: #0088CC; float: left;list-style: none outside none; margin: 0; padding: 0;position: relative; text-align: center;}
.tabs8 li.selected8 {  color: #333;}
.tabs8 li { color: #9a9a9a; display: inline-block;  padding: 0 16px 10px 0; font-size:16px;}
.tabs8 a{ color:#333;}
.tabs8 li.selected8 a{ color:#9A9A9A;}
.fafe_sporul {}
.fafe_sporul li { float: left;margin-right:8px;  height: 187px;  position: relative; width: 160px; margin-bottom: 16px;}
.fafe_sporul li.firtselect:after { background: url("../images/kefe_sprite_inner.png") no-repeat -65px -50px;
    bottom: -22px;  content: "";  height: 16px;  left: 89px;  margin: 0 0 0 -20px;  position: absolute;  width: 18px;}
.liveactive{ border-bottom:7px solid #03a3de;}
.fafe_sporul li:last-child{ margin:0px;}
.fafe_sporul li a { color: #000000; }
.kafe_seetop_sport {  margin-bottom: 0px;}
.kafe_seetop_sport img{ width:159px; height:148px;}
.kafe_soprts_top {bottom: 64px; position: absolute; right: 1px;}
.kafe_soprts_top img{ width:54px; height:47px;}
.kafe_sporttxt { color: #333; padding: 13px;text-align: center; font-size:11px;}
.messsection_moni{ float:left; width:725px; background:#FFF; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;  }
.messsection{  background: none repeat scroll 0 0 #FFFFFF;  float: right;  width: 599px; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;  }
.messsections{  background: none repeat scroll 0 0 #FFFFFF;  float: right;  width: 725px; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;  }

.meleft{float:left; width:705px;}
.spto{ margin-top:1px !important;}

.kafe_activities_rit { float: right; width: 275px;}
.kafe_acti_hd { padding: 0;}
.kafe_acti_hd h5 { background: #03a3de; color: #FFFFFF; font-size: 16px; padding: 12px;  text-align: left;}
.kafe_acti_cont { background: #fff; margin: 0 0 12px;  box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.kafe_acti_cont_moni { background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 2px 0 #7F7F7F;
    
    width: 275px;
}
.kafe_acti_cont_moni img { float: left; height: 60px;  width: 60px;}
.kafe_acti_cont img { float: left; height: 60px;  width: 60px;}
.kafe_acti_txt {  color: #999;  padding-top: 8px;  margin-left: 70px; font-style: italic;}
.kafe_acti_txt a{display: inline-block;}
.kafe_acti_txt_moni {  color: #999;  font-style: italic;}
.kafe_acti_txt_moni a{ background: none repeat scroll 0 0 #03A3DE;
      color: #FFFFFF !important;
    float: left;
    font-weight: bold;
    margin:5px !important;
    padding: 5px ;
    text-align: center;
    width: 255px; border-radius:7px}
.kafe_evente_txt {  color: #333333;  float: right; margin-right: 21px; padding-top: 8px;  width: aauto;}
.kafe_acti_txtbtm { color: #333333;line-height: 1.7em; padding: 8px 13px 30px;  text-align: justify; word-wrap: break-word;}
.kafe_acti_txtbtm a{ float:right;}
.kafe_acti_txt,kafe_evente_txt p{ padding-bottom:2px;}
.kafe_acti_txt,kafe_evente_txt b{ line-height:1.5em;}
.actUsrNm{font-weight: bold; margin-right: 5px; font-style: normal;}
.actEvntName{font-style: normal;}
.actUsrPic{float: left; }
.comment-dtls .date-time, .comment-dtls .thumbs-up{font-style: italic; font-size: 11px;}
.comment-txt{padding: 3px 0px 10px 0px;}
.kafe_conpaddd{padding:10px 22px 0; clear:both; }
.kafe_conpadd{padding: 20px 22px 0; clear:both; }
.kafe_conpadd_moni{padding:0px 0px 20px 22px; clear:both; }
.kafe_sports_hdtop { border-bottom: 1px solid #EEEEEE;  margin: 0 auto; overflow: auto;  padding-top: 32px;  width: 90%;}
.tabs4 {  float: left;list-style:none; margin: 0; padding: 0; position: relative; text-align: center; font-size:16px;}

.tabs4 li.selected4 { color:#333;}
.tabs4 li {color:#333;display: inline-block; padding: 0 16px 10px 0;  color: #9A9A9A;}

.commentbox{ border:1px solid #e2e2e2;margin-bottom:8px;  }
.commentbox textarea:focus{background: none}
.commentbox textarea{ border: medium none;  border-radius: 0; min-height: 48px;  float: none;  padding: 4px;  width: calc(100% - 8px ); -webkit-width: calc(100% - 8px ); resize:none; font-family: arial; margin-top: 0px; }
.cominn{  margin-bottom: 25px; padding: 6px 0 0 10px;}
.commicon{ background:#fafafa; height:30px;}
.commrit{ float:right; width:60px; margin-top: 10px;}
.messiocn1{ float:left; background: url("../images/kefe_sprite_inner.png") no-repeat -172px -84px; width:20px; height:20px; margin-right:8px;}
.messiocn2{ float:left; background: url("../images/kefe_sprite_inner.png") no-repeat -200px -81px; width:20px; height:20px;}
.commritnee { float: right;  margin-right: 10px;padding-top: 6px;}
.posttt{ background:#333;  color:#FFF; float:left;margin-right: 0px;}
.posttt input { background:#333; color:#fff; padding:2px 12px;}
.posttt a{ color:#fff; padding:2px 12px;}
.posttt a, .posttt input{ }
.posttt a:hover, .posttt input:hover{background: #201f1f }
.posttt a:active, .posttt input:active{box-shadow: inset 2px 4px 4px rgba(0,0,0, 1); -webkit-box-shadow: inset 2px 4px 4px rgba(0,0,0, 1); }
.post-list { list-style: none outside none;  margin: 0;  padding: 0; }
.post { list-style: none outside none;  margin: 0 0 -1px;}
.poster, .post-info, .thumbs-up {  display: block;  float: left;  margin: 0;}
/*.poster {  margin: 0px;  border:1px solid #dfdddd; margin: 0 0 0 19px;}*/
.poster {  margin: 0px;width:90px; left:-50px;top: 0;}
.poster img{ width:47px; height:47px;}  
.post-info {  min-height: 50px;  padding: 0;  width: 591px; float:right;}
.post-details { padding: 0 0 7px 35px;}
.bg-blue {    padding: 8px;}
.post-txt {  margin-bottom: 10px; word-wrap: break-word; padding:0px; text-align:justify; line-height:1.5em;}
.thumbs-up {  color: #666666;  display: block;  float: left; margin-right: 16px; clear:both; }
.thumbs-up a{ display:inline-block; color: #999; vertical-align: middle;}
.thumbs-up:hover, .thumbs-up:hover a{ color: #333;}
.thumbs-up:hover .icon-thumbs-up, .thumbs-up:hover .icon-thumbs-down{  opacity:1}
.pull-right {  float: right;}
.icon-thumbs-up { background: url("../images/kefe_sprite.png") no-repeat scroll -382px -172px ; margin-right:3px; display: block; height: 15px; width: 19px; float:left;  opacity: 0.3}
.icon-thumbs-down { background:url(../../images/unlike.png) no-repeat ; margin-right:3px; display: block; height: 15px; width: 19px; float:left; opacity: 0.3}
.icon-watch{ background: url("../images/kefe_sprite.png") no-repeat scroll -145px -89px ; display: block; height: 15px; width: 19px; float:left;}
.comment-wrap { list-style: none outside none;  margin: 0;  padding:20px 0 0;  word-wrap: break-word;}
.comment-wrap li.comment { margin: 0 0 15px; position: relative;}
.comment-txtbottom{ margin-bottom:8px; border: 1px solid #B6B6B6; min-height: 20px; padding: 2px; width:100%; background:#FFF; position:relative; }
.commenter-pic {  display: block;  float: left; border:1px solid #dfdddd;}
.poster img{ width:39px; height:39px; border:1px solid #dfdddd;} 
.date-time {  color: #999;  float: left;}
.comment-wrap .comment-dtls { display: block;  float: right;  margin: 0;  padding: 0 0 0 7px;  width:503px; text-align:justify; line-height:1.5em;}
.pull-right a {  float: left; }
.chorem{ width:65px;}
.chorem a:last-child{ margin-right:0px;}
.kafe_fb1 { background: url("../images/kefe_sprite_inner.png") no-repeat scroll -4px -179px;  height: 15px;  width: 15px; margin-right: 4px;}
.kafe_tw1 { background: url("../images/kefe_sprite_inner.png") no-repeat scroll -27px -179px;  height: 15px;  width: 15px; margin-right: 4px;}
.kafe_g1 { background: url("../images/kefe_sprite_inner.png") no-repeat scroll -50px -179px ;  height: 15px;  width: 15px;}

.kafe_fb1:hover{ background-position:-4px -200px;}
.kafe_tw1:hover{ background-position:-27px -200px;}
.kafe_g1:hover{ background-position:-50px -200px;}
.messsection .posttt{margin-right: 10px;}

.coarr{ background:url(../images/likearrro.png) no-repeat right; padding-right: 17px;}
.textararea{background: #efefef;   /*padding: 20px 0 20px 106px;*/padding:20px 0 20px 12px;}
.comment-txtbottom textarea{  padding:0px 60px 0px  0px;  width:calc(100% - 60px); -webkit- width:calc(100% - 60px); height:19px;  border: medium none;  border-radius: 0;  float: none; resize:none; font-family: arial; line-height: 21px;}
.comment-txtbottom textarea:focus{background: none}
.commiconnewenv{position: absolute; right: 2px; bottom: 2px;}
.commiconnewenv input:focus{}
.commiconnew{ float: right; position: absolute; right: 6px;  top: 31px;}
.kaffecommimg{ background:#efefef;  overflow: auto; }
.kaffecommimg span{ float:left; margin-right:10px; position:relative; margin-bottom:10px;}
.commcut{ position:absolute; right:4px; top:5px;}
.commcut2{ position:absolute; right:4px; top:5px;}
.commentdtlscomm{ float:left; padding: 0 0 0 7px;   width: 521px;}
.commenter-name{ font-weight:bold; padding-bottom:2px;}
.blogsc img{ float:left;}
.blogtxtrit{ float:right; width:76%; line-height:1.7em; position:relative;}
.blogtxtrit strong{ }
.blourl{ padding-bottom:8px;}
.blourl a{}
.blogtxtrit p{ text-align:justify;}
.commcutblocut{ position: absolute; right: 4px;  top: 5px;}
 #sidebar2 { width: 190px; position: fixed; left: 50%; top: 90px; margin: 0 0 0 110px; }
.sticky {    position: fixed;  width: 100%; left: 0;  top: 0; z-index: 100;  border-top: 0;  }  
.sticky2 {    border-top: 0 none;  left: 161px;  position: fixed;  top: 30px; width: 992px;  z-index: 100;}  

.sporcon2 { float: right;}
.sporcon2 input{ padding:0px;  padding: 2px 12px;}



/*-- sports-overall css end */


/*-- Your Past Reviews css start */

.yourhd{ padding-bottom:15px; display:block; color:#333; font-size:18px;}

.kafemidd_list_pastrevi { background: none repeat scroll 0 0 #FFFFFF;  margin:15px 0; position: relative;}
.kafemidd_list_pastrevi_child{ margin-top:0px;}
.kafemidd_listimg_pastrevi { border: 1px solid #DDDDDD;  float: left; overflow: hidden;}
.kafemidd_listxt_pastrevi {  float: left; line-height: 1.4em; margin-left: 15px;  margin-top: 8px;  width: 595px; min-height: 137px;}
.ritborder{ border-top: 1px solid #C2C2C2; border-bottom: 1px solid #C2C2C2; border-right: 1px solid #C2C2C2; float:right;}
.namehd{ font-weight:bold; font-size:16px; padding-bottom:4px; margin-top:4px;}
.resaddress{ color: #999999;  display: block;  float: left;  margin-right: 10px;  padding-bottom: 3px;  padding-top: 6px;}
.kafe_reviewrat_pastrevipoint {  background:#88C300;  border-radius: 0 0 50px 50px; padding: 8px 20px; position: absolute;  right: 10px;
    top: 0; padding-bottom: 20px;}
.kafe_reviewrat_pastrevipoint a {  color: #fff; font-size: 29px; text-decoration:none;}
.kafe_reviewrat {   background: url("../images/likeratinginner.png") no-repeat scroll;   height: 31px;  padding-top: 6px;
    position: absolute;  right: 10px; text-align: center;  top: 0;   width: 58px;}
.kafe_reviewrat:hover{ background: url("../images/likerhover.png") no-repeat scroll;}
.ratingfonts {  color: #FFFFFF;  font-size: 21px;}
.kafe_proadd_pastrevi{display: block;   width: 574px; }
.kafe_proadd_pastrevi p{ line-height:1.6em; text-align:justify;}
.kafe_listinicon_review { float:left;}
.kafe_listinicon_review li{ display:inline-block;}
.kafe_listinicon_review li a{ margin-right:6px;}
.kafe_review{}
.review_likearat{ display:block; color:#999; padding-top:5px;}
.review_likearat i{ float:left; margin-right:10px; }
.reviborder{ background: url("../images/likearrro.png") no-repeat right;  width: 68px;}

/*-- Your Past Reviews css end */


/*-- fintness sports  css start */

.fitnessul{}
.fitnessul li{ width:240px; margin-right:23px; margin-bottom:23px;height: 308px;}
.fitnessul_padd {   line-height: 1.8em; padding: 12px 10px 20px;}
.fitnessul_padd strong{ font-size:14px;}
.fitnessul_padd p {  font-size: 12px; text-align:center;}
.fitness_pl{ margin-top:5px; }
.fitness_pl p{ text-align:left;}
.dest_fitnessicon { background: url("../images/kefe_sprite.png") no-repeat scroll -144px -184px rgba(0, 0, 0, 0);
    display: block;  float: left;  height: 16px; margin-left: 26px; margin-right:6px;   width: 15px;}
.totalrevi{ padding:12px 15px; background:#f5f5f5;}
.totalnumber{float:left; width: 41px; height: 40px; line-height: 2.8em; background:#a0a0a0; color:#FFF; text-align:center; border-radius:50%;
 -moz-border-radius:50%; -webkit-border-radius:50%; -o-border-radius:50%;  font-size:14px;}
.totalnumber:hover{ background: #090;}
.toleft{ float:left; color:#a0a0a0;}
.totatxt{ float:left; margin-left:12px;}
.marrit{ margin-right:19px; width: 45%;}
/*-- fintness sports  css end *




/*-- events  css start */
.eventleftsec{ float:left; width:725px;}
.messpaddtop{ margin: 22px auto 0 53px !important;
    position: relative;
    width: 600px;}
	

.messpaddtoppp {
    margin: 22px auto 0 25px !important;
    position: relative;
    width: 675px;
}
	
.kafe_desc_top {  float: left;
    overflow: auto;
    padding: 20px 25px 20px;
    width: 95%;
	
	
}
.read_more {
    float: right !important;
    margin: 0;
    width: auto;
}
.read_more a{
    padding:5px 15px!important;
    width: auto;font-size:14px!important; text-decoration:none;background:#FF900C!important; color:#fff!important;
}
.read_more a:hover{
    font-size:14px!important;
}

.activities2{background: #03A3DE;
    color: #FFFFFF;
    float: right !important;
    margin: 0;
    padding:8px 20px;
    width: auto;font-size:14px!important; border:2px solid #007BB6; margin-top:9px;
}
.call_us{ left: -20px;
    position: absolute;
    top: 41px;
	font-size:10px;}

.call_us > p {
    text-align: left;
}

.call_us {
    font-size: 12px;
    left: -55px;
    position: absolute;
    top:28px;
}
.social_icon{ width:auto; float:left;margin-left:23px; position:relative;}
.social_icon ul{ width:auto; float:left; }

.social_icon a {
    float: left;
}

.social_icon ul:last-child {
    width: 60px;
	margin:8px 0px 0px 40px;
}

.about_the_group{ width:254pxpx; height:auto; padding:12px; float:left; background:#f5f5f5;}

.about_the_group span {
    float: left;
    height: 35px;
    margin-right: 5px;
    width: auto;
	font-weight:bold;
}

.about_the_group > p {
    float: left;
	text-align:left;
	line-height: 30px;
	font-size: 13px;
}
.t-box {
    background: none repeat scroll 0 0 #03A3DE;
    margin: 15px 0;
    
}
.t-box a{ color:#fff;font-family: Arial; background:url(../images/open.png) right no-repeat;
    font-size: 16px;cursor: pointer;padding: 12px;}
	.associate {
    
    color: #FFFFFF;
    float: left;
    padding:0px;
    width: 275px;
}


.associate > img {
    height: auto!important;
    margin-top: 12px;
    width: auto!important;
}
.associate p{ text-align:center; font-size:14px; float:left; color:#fff; background:#CECECE; }
.social_icon ul li{ width:auto; float:left;margin:0px 2px  0px 0px; }
.social_icon ul li.facebook{ width:18px; height:18px; float:left;background:url(../images/social_icon.png) left -6px top 20px; transition:.5s;}
.social_icon ul li.facebook:hover{ background:url(../images/social_icon.png) left -6px top -2px; width:18px; height:18px; transition:.5s;}
.social_icon ul li.twitter{ background:url(../images/social_icon.png) left 42px top 19px; width:18px; height:18px;transition:.5s;}
.social_icon ul li.twitter:hover{ background:url(../images/social_icon.png) left 42px top -2px; width:18px; height:18px;transition:.5s;}
.social_icon ul li.google_plus { background:url(../images/social_icon.png) left 20px top 20px; width:18px; height:18px;transition:.5s;}
.social_icon ul li.google_plus:hover{ background:url(../images/social_icon.png) left 20px top -2px; width:18px; height:18px;transition:.5s;}
.action_you{ width:100%; height:200px!important; background:#fff;}
.action_you ul{ width:100%; margin:0px; padding:0px;}
.action_you ul li{ width:93%; margin:0px; padding:10px;}



.book{width:auto;float:left; }
.book a{width:auto; padding:5px 10px; float:left; font-size:12px; background:#ff900c; color:#fff;text-decoration:none;}
.book a:hover{color:#fff;}
.hide {
    float: left;
}
.banner{ width:679px; left:300px; float:left;margin-left: 1px;}
.middle_container{ width:350px; float:left; margin:20px 0px 10px 0;border:1px solid #bfbfbf; border-top:none!important; background:#fff;}
.middle_container h2{ font-family:Arial; font-size:15px; background:#03A3DE; color:#fff; margin:0px; padding:10px; width:331px;  }
.middle_container ul{ width:auto; float:left; margin:0px; padding:9px;}
.middle_container ul li{ width:auto; float:left; margin:0; padding:6px 0 10px 40px; list-style:none;font-size: 11px;}

.middle_container:last-child {float: right!important;}
.transport{ background:url(../images/transport.jpg) left top no-repeat;}
.food{ background:url(../images/food.jpg) left top no-repeat;}
.stay{ background:url(../images/stay.jpg) left top no-repeat;}
.rafting{ background:url(../images/rafting.jpg) left top no-repeat;}
.reach_there{ width:100%;}
.itenerary{ width:100%; float:left;}
.itenerary p{
    clear: both;
    float: left;
	width:680px;
  
 }
 .itenerary_details{background: none repeat scroll 0 0 #fff;
    border: 2px solid #03A3DE;
    clear: both;
    float: left;
    padding: 20px;
	width:681px;
	min-height:145px!important;
 }
.itenerary h2{ font-family: Arial; float:left; color:#FFFFFF; width:705px; margin-top:10px;
    font-size: 16px;
    padding: 10px;
	background:#03A3DE;}
.rch{ float:right; width:auto;font-family:Arial; font-size:15px; color:#fff; padding-right:20px; font-weight:bold; }
.mid_container{width:auto;}

.right_section > img:first-child {
    border: 2px solid #03A3DE;
}

.active p {line-height: 20px; padding:5px 0px;}
.read_mor{float: right;
    text-align: right;
    width: 100%;}
.read_mor a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #03A3DE !important;
    font-size: 14px !important;
    text-decoration: underline !important;}
.read_mor a:hover{ color:#000;}
.kafe_desc_top a {  background: #eaeaea; color: #333; float: left; font-size:13px;  margin-right:12px; padding: 3px 9px; font-style:italic;}
.kafe_desc_top span {   float: left; font-size: 18px;}
.evnedit{ float:right;}
.evnedit a{ padding:3px 18px; color:#FFF; background:#ff900c; font-style:normal !important; font-weight:bold; margin-right:0px;}
.kafe_evnttab {border-bottom: 5px solid #03a3de; position: relative; color: #FFFFFF;  margin-bottom: 0px; }
.kafe_evnttabs {border-bottom: 5px solid #03a3de; position: relative; color: #FFFFFF;  margin-bottom: 0px; padding:0px 20px; }

.tabs8_event { color: #333; float: left;list-style: none outside none; margin: 0; padding: 0;position: relative; text-align: center;}
.tabs8_event li.selected8_event { width:50px; text-align:center; color: #fff; background:#333; position:relative; cursor:pointer; }
.tabs8_event li { color: #333; width:50px; display: inline-block; padding: 10px 37px; font-size:18px; text-align:center; cursor:pointer;}

.selected8_event:after {
    background: url("../images/kefe_sprite_inner.png") no-repeat scroll -132px -56px;
    bottom: -21px;  content: ""; height: 16px;  left:57px;  position: absolute; width: 12px;}


.eventlylist {  float: left;  margin-left: 30px;}
.eventlylist li {  float: left; font-size:12px; padding: 0 4px 10px 0 !important;}
.eventlylist li a { color: #333333; margin-right: 21px;}


.evbackcolor{ background:#f5f5f5; padding: 14px 33px; line-height: 1.8em; margin-top:15px;}
.evbackcolorrr{ background:#f5f5f5;  padding: 14px!important;  margin-bottom: 20px; line-height: 1.8em; }

.kafe_all_detail strong {
    text-align: right;
}
.tileft{ float:left;width: 370px;}
.tileft2{ float:left;width: 250px;}
.kafe_all_detail {  display: block; margin-bottom: 8px;}
.kafe_all_detail strong { float: left; margin-right: 10px;   text-align:left; color:#333;width: auto !important;}
.kafe_all_detail p{  float: left; color:#333;}

.evnfont{font-size:13px; }
.tileft2 strong {  width: 137px; text-align:right;}
.evn_location{ display:block;}
.evn_location strong{ float:left;  width:100px;}
.evn_location strong dd{ float:left; background: url("../images/kefe_sprite.png") no-repeat scroll -147px -185px; width:15px; height:18px;}
.evnlo{ }
.evadd{ width:400px;  float:left;  margin: 10px 0;}
.evaddsec{ float:left; padding:5px 7px; background:#f0f0f0; margin-right: 27px;margin-bottom: 10px;}
.evnadd2{ float:left; padding-top:4px;}
.ev_pic{}
.ev_pic h5{ float:left; font-size:13px; font-weight:bold; margin-bottom:12px;}
.kafescli{ width:100%;}
#j-slider2{ width:100% !important; }
.kafescli h5{ float:left; font-size:13px; font-weight:bold; margin-bottom:12px; float:left;} 
.arrrit{ float:right;}
.kafe_accepimg {  float: left; width:100%;  }
.kafe_accepimg li { float: left; margin-right:10px;}
.kafe_all_detail_evn{ margin-top:26px;}
.kafe_all_detail_evnnn{ margin-top:26px;}
.kafe_all_detail_evn strong {  float: left; width: 100px;  }
.kafe_all_detail_evn span { float:right;  width: 558px; font-weight:bold;}
.kafe_sporboar {  float: left; margin-left: 100px; margin-top: 5px;  padding: 2px; font-size:11px; line-height:1.7em; width: 450px;}
.evnpeop{ width:650px; overflow:hidden;}
.hidd{width:540px;height: 42px; overflow:hidden;}
.evnpeop{ margin:28px 0;}
.peopleevtn li{margin-right: 7px;}
.ev li{margin-right: 4px !important;}
.plus{ margin:4px 0 0 10px; float:left;}
.plus img{ margin:0 auto;}
.evnyet{ margin-bottom:66px;}
.comhd{ padding-bottom:8px; margin-top: 16px; border-bottom:1px solid #ddd; margin-bottom:8px; font-size:16px;}
.evnbtn{ background:#a0a0a0; padding:6px 10px;  color:#FFF; font-size:14px;}
.evnbtn a{ color:#FFF;}
.evnbtn dd{ background: url("../images/kefe_sprite_inner.png") no-repeat scroll -106px -159px rgba(0, 0, 0, 0);
    float: left;  height: 12px;  margin: 2px 5px 0 30px;  width: 21px;}
.ms{ background: url("../images/kefe_sprite_inner.png") no-repeat scroll -11px -239px rgba(0, 0, 0, 0);
    float: left;  height: 12px;  margin: 4px 5px 0 12px;  width: 21px;}
	
.evp{ margin:0 !important;} 
.evnimg img{ height:86px; width:94px;}
.evntxtpa{ line-height:1.8em;  margin-top: 3px;  }
.evntxtpa a{ display:inline; color:#333;}
.pabtm{ margin:0px; box-shadow:none !important; }
.coloevn{ background:#f7f7f7 !important;}
.evn_creat{  padding:22px 28px; background:#FFF; }
.ritbos{ box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.evncreat h5 {  color: #FFFFFF; font-size: 14px; height:27px; line-height:2em; text-align: center;background:#03a3de; border-radius:5px; -moz-border-radius:5px;
-webkit-border-radius:5px;}
.evncreat a {  color: #FFFFFF;}
.evncolor{ color:#7b7b7b;}
.evncreat { padding: 4px 0;}

.color1 h5{background:#ff900c;}
.color2 h5{background:#757575;}

.totalrevievn {  background:#F5F5F5; padding: 20px 18px; }
.totalrevievnnn {  background:#F5F5F5; padding: 20px 17px; }
.marritevn {  margin-left: 1px;   margin-right: 1px;  color: #A0A0A0;  float: left;}

.totalnumberevn { width:54px; height:54px;   background: none repeat scroll 0 0 #A0A0A0; border-radius: 50%;  color: #FFFFFF; 
 float: left; font-size: 24px;  text-align: center; line-height:2.4em;}
.marritevn:hover .totalnumberevn{ color:#FFF; background:#03A3DE;}
.totalnumberevn:hover{ background:#03A3DE; color:#fff;}
.totatxtenv {   float: left;  margin-left: 9px; padding-top: 11px;}
.paddtop{ padding-top:18px;}
.mmr{ margin-right:0px;}
.evnotherevntup{ padding:8px 0 !important;}

.evnotherevnt {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 100%;
    padding: 8px 17px;
    width: 275px;
}
.evnotherevnt li{  background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: auto;
    margin: 5px 0 5px; width: 275px;}
.evnotherevnt img{ width:296px ;height:163px; margin-right: 4px;}
.evnotherevnt img:last-child{ margin:0;}
.evnfont1{font-weight:bold; padding: 10px 12px;  height: 20px;}
.evnfont1 a{ color:#333;}
.events_datetimg1{ padding: 14px 18px; line-height:1.7em;}
.events_datetimg2{  padding: 0px 14px 0px; }
.kafe_eveimg img{width:45px !important; height:47px; !important; margin:0;}
.kafe_conpadddetail{padding: 0 29px 25px;}
.kafe_conpadddetail strong{ font-size:18px; margin-bottom:18px; font-weight:normal; display: block;}
.kafe_conpadddetail p{ padding:12px 0;}
#events_info1{ margin-top:20px;}
#slider1_container {
    height: 380px !important;
    margin-bottom: 20px;
    width: 100% !important;
}
.jssort05 {
    display: none;
}
/*--events  css end */


/*-- other-event page css start --*/
.kotherimg{ float:left; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.kotehrit{ float:right; position:relative;   width: 765px; background:#FFF; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F;
 -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.kotherdeleft{ float:left; width:420px;}
.otheadd_locat{ display:block;  padding: 15px 30px; position:relative;}
.othereditdetal{  padding: 5px 22px; background:#03a3de;  position:absolute; bottom:0px; right:0;}
.othereditdetal:hover{ background:#ff900c;}
.othereditdetal a{ color:#FFF; float:left; line-height: 1.7em; font-size:14px;}
.edticn{background: url("../images/kefe_sprite_inner.png") no-repeat -156px -53px;  display: block;  float: left;  height: 16px;  margin-top: 3px;
    width: 15px; margin-right:8px;}
    
.kotherdeleft strong{ display: block; font-size: 18px;  margin-bottom: 13px;}
.kafe_othereevent{margin-bottom: 40px;}
.kafe_othereevent li { display: inline-block;  margin: 6px 10px 0 0;  padding: 0;  width: 100%;}
.kafe_other_evnt {   margin: 4px 5px;}

.kafe_addresss{ background: url("../images/kefe_sprite.png") no-repeat scroll -172px -148px; float: left; height: 18px; margin-right: 10px; width: 16px;}
.kafe_phone_otherevnt { background: url("../images/kefe_sprite.png") no-repeat scroll -170px -85px rgba(0, 0, 0, 0);
    float: left;  height: 18px;  margin-right: 10px;   width: 16px;}
.othewwebserv{ background: url("../images/kefe_sprite.png") no-repeat scroll -172px -119px rgba(0, 0, 0, 0);
    float: left;  height: 18px;  margin-right: 10px;  width: 16px;}
.othemail{ display:block; float:left; line-height:1.6em;}   

.kafe_locationall{ width:274px; float:left;}
.otherlocationm{ float:left;}   
.otherlocationm strong{ display: block; font-size: 18px; margin-bottom:4px;}

.kafe_gene {  padding: 15px 0 0;}
.othergenarla{ border-bottom: 1px solid #bababa; position:relative;  }

.kafe_gene strong { float:left;   color: #333333; display: block;  font-size: 15px; font-weight:bold; height: 29px;
    line-height: 1.8em;  margin-bottom: 6px;}
.othereditge{ float:right; padding-top: 12px;}
.othereditge a{color:#03a3de;}
.kafe_gene p{ padding-top:10px; font-size:13px;}
.gallerypadd {  margin-bottom: 35px; }
.kafe_genephoto {   width: 100% !important;}

.prev{ background: url("../images/arrows.png") no-repeat;  cursor: pointer; display: block; float: left;  height: 27px;
    margin: 0;  position: absolute;  right: 20px;  top: 13px;  width: 16px;  z-index: 10;}
.next{ background: url("../images/arrows.png") no-repeat scroll -13px 0 ;  cursor: pointer;  display: block; float: left; height: 27px; margin: 0;
    position: absolute;  right: 0;  top: 13px; width: 20px; z-index: 10;}

.prev2 { background: url("../images/arrows.png") no-repeat;  cursor: pointer; display: block; float: left;  height: 27px;
    margin: 0;  position: absolute;  right: 20px;  top: 0px;  width: 16px;  z-index: 10;}   

.next2{ background: url("../images/arrows.png") no-repeat scroll -13px 0 ;  cursor: pointer;  display: block; float: left; height: 27px; margin: 0;
    position: absolute;  right: 0;  top: 0px; width: 20px; z-index: 10;}


.prevother{ background: url("../images/arrows.png") no-repeat;  cursor: pointer; display: block; float: left;  height: 27px;
    margin: 0;  position: absolute; right: 113px; top: -43px;  width: 16px;  z-index: 10;}
.nextother{ background: url("../images/arrows.png") no-repeat scroll -13px 0 ;  cursor: pointer;  display: block; float: left; height: 27px; margin: 0;
    position: absolute;  right: 91px;  top: -43px; width: 20px; z-index: 10;}


#vlightbox1 { width: 100%; margin-top: 15px; position:relative;}

.kafe_photogalley {}
.kafe_photogalley li { box-shadow: 0 0 1px 1px #EEEEEE;  float: left;  margin-right:4.6px;}
.kafe_photogalley li:last-child{ margin:0;}
.kafephoto {  background:#FFFFFF; box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F;
    height: 101px;  overflow: hidden;  padding: 3px;  transition: all 300ms linear 0s;  width: 136px;}

.tabs8_other_event { color: #333; float: left;list-style: none outside none; margin: 0; padding: 0;position: relative; text-align: center;}
.tabs8_other_event li.selected8_other_event { width:50px; text-align:center; color: #333; background:#fff; position:relative; cursor:pointer; }
.tabs8_other_event li { color: #5f5f5f; width:50px; display: inline-block; padding: 8px 37px; font-size:18px; text-align:center; cursor:pointer;
border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0;}

.selected8_other_event:after {
    background: url("../images/kefe_sprite_inner.png") no-repeat scroll -132px -56px;
    bottom: -21px;  content: ""; height: 16px;  left:57px;  position: absolute; width: 12px;}

.tabs8_other_event_page{  margin-top: 23px;  /*width: 667px;*/}



.creafont{ font-size:15px; background: #03A3DE;  float: right;  padding: 4px 26px; margin-top:8px;}
.creafont a{ color:#FFF;}
.otherintp{}
.evndate{ float:left; position:relative;}
.evndate p{ font-size:18px; clear:both; margin-top:24px;}
.evleft{ float:left; line-height: 1.8em;}
.evnlive{ float:left; position:relative; margin-left:14px; background:#03A3DE;padding:3px 24px; color:#fff; font-size:11px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.evnlive:before {background: url("../images/kefe_sprite_inner.png") no-repeat -181px -17px; content: ""; height:10px; left:-6px; top:6px;
    position: absolute; width: 10px;}

.evnmake{  background:#03A3DE;  float: right; font-size: 14px; padding:5px 20px;color:#fff;}
.evnmake a{ color:#FFF; float:left; }
.envcrick{ margin-top:15px;}
.envaddact{ margin: 12px 0 0 40px;  float:left; font-size:14px; background:#ff900c; padding:1px 9px; }
.envaddact a{ color:#FFF; float:left;  margin-top: 4px;}
.addplus{ font-size:20px; float:left; color:#FFF; margin:0px 5px 0 5px;}

.evnchang{ margin-top:28px;}
.evnchnginn{background: #ff900c; color: #FFFFFF;  float: left; font-size: 12px; margin-left: 14px; padding: 3px 10px;}
.evnnoof{ margin-top:23px; float:left;}
.envmaxaa{ float:left; margin-right:46px;}
.locat{ margin-top:24px;}
.evnotherul{  margin: 58px 0 33px;}
.evnotherul li{margin-right: 8px;}
.evnactioon{}
.evnactioon li{ float:left; margin-right:8px;}
.evnactioon li:last-child{ margin:0px;}

.evnmargin{ margin-right:10px;}
.evnactioullist{ margin-bottom:20px;}
.addeventpic{ background:#ff900c; padding: 3px 24px; float:left;}
.evnactioullist a{ color:#FFF; font-size:14px;}
.evnlivebottom { background:#03A3DE; border-radius: 3px; color: #FFFFFF; float: left; font-size: 11px;  margin-right: 16px; padding: 3px 24px; position: relative;
}

.evnlivebottom:before { background: url("../images/kefe_sprite_inner.png") no-repeat -111px -55px ;  content: "";
    height: 10px;  right: -10px; position: absolute;  top:8px; width: 10px;}
.evnlivebottom a{ font-size:14px; color:#FFF;}

.evn_desi{ width:295px; float:right; background:#FFF;box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.evnrequet{background:#ededed;  padding:15px 10px 25px 15px;}
.env_desihd{ }
.env_desihd strong{ float:left; font-size:18px; font-weight:normal;}
.env_desihd .fulldes{ float:right;}
.fulldes dd{background: url("../images/kefe_sprite_inner.png") no-repeat -179px -54px ; width:20px; height:15px; margin-top: 3px; float:left;}
.evn_desi span{ float: left;  font-size: 14px;  font-style: italic;  margin-left: 10px;  margin-top: 12px;}
.evn_desi span a{ color:#333;}
.evnrequet2{background:#fff;  padding:15px 10px 25px 15px;}
.evnrequet2 ul{}
.evnrequet2 ul li{  margin: 8.5px 0; overflow:auto; clear:both; }

.evncircle { width:43px; height:43px;   background: none repeat scroll 0 0 #A0A0A0; border-radius: 50%;  color: #FFFFFF; 
 float: left; font-size: 24px;  text-align: center; line-height:1.8em;}
.evnrequet2 ul li:hover .evncircle{ color:#fff; background:#090;}

/*-- other-event page css end --*/


/*-- your-board css start --*/

.kafe_yourleft{ display:block; float:left; width: 705px;}
.kafe_youmesssec{ float:left; margin-top:15px;width: 703px;  background:#FFFFFF;  box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.kafe_messyotop{  margin: 0 auto;
    overflow: auto;
    padding: 0;
    width: 100%;}
.kafe_sports_hdtoplast {border-bottom: 1px solid #E2E2E2;  margin-bottom: 16px;  overflow: auto;}
.mesll{ margin:0;}
.thernow{ text-align:center; padding:14px 12px 0; font-size:15px; font-weight:bold;color: #9A9A9A;}
.top{ margin-top:22px;}
.kafe_yumespadd{padding: 20px 22px 0;}
.kafe_yur_tabtop{ border-bottom: 1px solid #E2E2E2; margin-bottom: 16px; overflow:auto;}

.tabs4_yurbor {  float: left;list-style:none; margin: 0; padding: 0; position: relative; text-align: center; font-size:16px;}

.tabs4_yurbor li.selected4_yourbor { color:#333;}
.tabs4_yurbor li {color:#333;display: inline-block; padding: 0 16px 10px 0;  color: #9A9A9A;}

.kafe_connection { background: #03A3DE; color: #FFFFFF;  padding: 12px;  text-align: left;}
.kafe_connection h1 { color: #FFFFFF;  float: left;  font-size: 16px;}
.kafe_connection a { color: #FFFFFF; }
.kafe_co_ul { margin: 13px;  padding: 0; overflow:auto; }
.kafe_co_ul li { float: left;   margin: 0 9px 0 0; height:145px; position:relative;}
.kafe_co_ul li:last-child { margin:0px;}
.kafe_co_ul li .you_span { margin: 8px 0; text-align: center;  width: 81px;}
.youconnul{ background:#FFF;  box-shadow: 0 0 2px 0 #7F7F7F; -moz- box-shadow: 0 0 2px 0 #7F7F7F; -webkit- box-shadow: 0 0 2px 0 #7F7F7F;}
.kafe_conn_search{background:#efefef; padding:7px 10px;}
.kafe_conn_search input{ background:none;width: 243px;}
.yoursearcicon{background: url("../images/kefe_sprite_inner.png") no-repeat -196px -53px ; width:20px; height:20px; float:right; text-indent:-9999999px; cursor:pointer;}
.yoursearcicon:hover{background: url("../images/kefe_sprite_inner.png") no-repeat -213px -53px ;
-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.you_profilpic{ margin-top:22px; overflow:auto;}
.you_fro_picul li{ margin: 0 11px 0 0;} 
.arryour{  background: url("../images/kefe_sprite.png") no-repeat scroll -172px -12px; display: block;  float: right;   height: 12px;margin: 4px 0 0 7px;
    width: 12px;}
    
/*---popup styles 4 here ----- */
.QTPopup4 {  position: absolute;  width: 142%;}

.popupGrayBg4 {position:fixed; width:100%; height:100%; background:black; z-index:1001; left:0; top:0; opacity:.5;
     box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
/*.QTPopupCntnr4 {position:fixed; z-index:1200;  left:45%; top:70%; margin-left:-244px; margin-top:-276px;}*/

.QTPopupCntnr4 {  left: 73%; position: relative;  top: -180px;  width: 129%;  z-index: 1200;}

.kafe_youppad{ padding: 12px 20px; max-height:308px; overflow:auto;}
/*---popup styles 4 ends here ----- */

/*---popup styles 5 here ----- */
.QTPopup5 {  position: absolute;  width: 142%;}
.popupGrayBg5 {position:fixed; width:100%; height:100%; background:black; z-index:1001; left:0; top:0; opacity:.5;
    box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.QTPopupCntnr5 {  left: 73%; position: relative;  top: -180px;  width: 129%;  z-index: 1200;}

.kafe_youppad{ padding: 12px 20px;}
/*---popup styles 5 ends here ----- */

/*---popup styles 6 here ----- */
.QTPopup6 {  position: absolute;  width: 142%;}
.popupGrayBg6 {position:fixed; width:100%; height:100%; background:black; z-index:1001; left:0; top:0; opacity:.5; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.QTPopupCntnr6 {  left: 73%; position: relative;  top: -180px;  width: 129%;  z-index: 1200;}

.kafe_youppad{ padding: 12px 20px;}
/*---popup styles 6 ends here ----- */



/*-- see all css start */
.kaf_p_hd{ border-bottom:1px solid #ddd; padding:20px 15px 10px;  position:relative;}
.kaf_p_hd h1{ float:left; color:#000;}
.pallhd {  padding: 20px 15px 10px;  position: relative; background: #EDECEC;  margin-bottom: 10px; box-shadow: 0 0 2px rgba(0,0,0, 1)}
.pallhd h1{ font-size: 14px;  padding-top: 5px; }
.kafe_youbora_search{ float:right; margin-right: 32px;}
.kafe_youbora_search input{ background:none; width:300px; float:left;}
.closeBtn4, .closeBtn5, .closeBtn6{ background: url("../images/kefe_sprite_inner.png") no-repeat scroll -239px -55px; width:12px; height:13px;
 position:absolute !important; right: 19px;
    top: 22px; cursor:pointer; z-index:999999;}
.yoursearciconpop { background: url("../images/kefe_sprite_inner.png") no-repeat -258px -53px; cursor: pointer;  float: right; height: 20px;  
text-indent:-6666666px;
    width: 20px;}
.yoursearciconpop:hover .closeBtn5:hover .closeBtn6:hover{ background-position:-280px -53px;}

.frnd-list {  list-style: none outside none; float:left;  margin: 0;  padding: 0;}
.frnd-list li {  display: block; float: left;   margin: 3px 20px 3px 3px;}
.frnd-list li:last-child{ margin: 3px 0px 3px 3px;}
.frnd-list li a {  color: #454545; text-shadow: none !important;}
.kafecheckbonew a{ background:none !important; color: #000099;  float: left; margin-left: 0px !important; padding:0px !important; }
.kafe_ace_reje input {  float: left; width:20px;}
.frnd-list li img.frnd {   float: left;}
.frnd-list li img { margin:0px; width:50px; height:47px;}
.frnd-list li .info-txt {  display: block; float: left;  padding: 0px 0 0 7px;  width: 107px; line-height:1.6em;}
.frnd-list li .info-txt span{ margin:0 !important;}
.frnd-list li .info-txt .name { color: #333333; display: block; font-weight:bold; }
.frnd-list li .info-txt .location { color: #333; display: block;}
.kafe_ace_reje{ float:left;}
.kafe_peoplelist{ width:300px; margin:0 auto; background:#FFF; padding:8px; overflow:auto;}
.pepch{ display:block !important;}
/*-- see all css end */
/*-- your-board css end --*/

/*-- search event  css start --*/

.kafe_search_page{height: 87px; overflow:hidden; background:#fff; box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F;}
.kafe_searchtxt{  float: left;  left: 146px; height: 55px; overflow:hidden; line-height: 2.9em;  margin: 0 auto;  position: relative;  text-align: center;  top: 15px;}
.kafe_searchtxt strong{ font-size:18px;}
.kafe_searchtxt p{ font-size:14px; text-align:center;}
.kafe_creata{ float:right; background:#03a3de;  padding: 19px 88px; }
.kafe_creata a{color:#FFF; text-align:center;}
.kafe_creata strong{ font-size:24px; font-weight:normal;}
.kafe_creata p{ font-size:14px; text-align:center;}

/*-- search event right div css start --*/
.searchmiddle{ padding-top:33px;}
.kafe_resultrit{float:right;  width:780px;}
.kafe_resultrit h6{ float:left; font-size:18px; color:#3f3f3f;  font-weight:bold;}
.kafe_result{ margin: 15px 0; background:#fff;box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F; height: 177px; overflow:hidden;}
.kafe_searchul{}
.kafe_searchul li{}
.kafe_searchul li .resulimg{ float:left;}
.kafe_searchul li .resulrit{ float:right; width:74%;}
.kafe_searchul li .resulrit .srulinner{ float:left; width:430px; padding:10px;}
.kafe_searchul li .resulrit .srulinner a{ color:#333;}
.srulinner strong{display: block;  font-size: 14px;  margin-bottom: 12px;}
.sehd{ height:18px; width: 425px; overflow:hidden;}
.serlocational{ float:left; width:254px; line-height: 1.7em;}
.searchloto{ width:170px !important;}
.weh2{ width:175px !important;}
.wher{ font-size:12px; float:left;width: 254px; height: 21px;   overflow: hidden;}
.wher b{ float:left; }
.wher p{ float:left;  padding-top: 2px;}
.kafe_tag{ float:left; margin-top: 12px;width: 430px;}
.kafe_tag b{ float:left;padding: 4px 4px 0 0;}
.kafe_tag .tagadd{ float:left; background:#e5e5e5; padding:3px 13px; margin-right:6px;}
.kafe_publicimg { float: left;  margin: 16px 0 0; width: 350px; height:31px; overflow:hidden;}
.kafe_publicimg li { float: left;}
.kafe_publicimg li a{}
.seacpeoadd{ float: left;  padding: 25px 0 0 11px;}
.seacpeoadd a{ color:#333;}
.seacpeoadd a{ color:#333;}

.kafe_searchul li .resulrit .srulinnerrit{ float:left; height: 177px; width:126px; background:#f6f6f6; position:relative;}
.searc_creaon{ float:left;  margin-bottom: 12px; height: 44px;}
.searc_creaon a{ display:inline;}
.searc_creaon img{ float:left; margin-right: 4px; width:45px; height:44px;}
.creon{ float:left; width:75px; padding-top: 4px; height: 39px; overflow: hidden;}
.creon span{ float:left;}
.creon b{ float:left;}
.search_circle{ margin-left: 10px;}
.search_circle li{ float:left; margin:0px 5px 5px 5px; width:45px !important; height:45px;}
.prev_searcup {  cursor: pointer; display: block;  left: 61px;  margin: 0; position: absolute;   top: 156px;  width: 12px;  height: 9px;  z-index: 9999;}
#searchup{ position:relative; width: 126px !important;  height: 177px !important;}


/*-- search event right div css end --*/

/*-- search event left css start --*/

.search_leftdiv{ width:220px; float:left;}
.search_leftdiv h6 { color: #3F3F3F;  margin-bottom: 15px;  float: left;  font-size: 18px;  font-weight: bold;}
.search_inner{ background:#FFF;  box-shadow: 0 0 2px 0 #7F7F7F; -moz- box-shadow: 0 0 2px 0 #7F7F7F; -webkit- box-shadow: 0 0 2px 0 #7F7F7F;}
.searhdtop{ font-size:14px; font-weight:bold; padding: 10px 0 10px 14px; }
.kafesearchbar {}
.kafesearchbar input { background:  #FFFFFF; margin-top:0px; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; float: left;  padding: 5px; width:153px;}
.kafesearchbar .kafe_addicon{ text-align:center; background:#ff900c; float: left; padding:6px 15px;color:#FFF; font-size:14px; font-weight:bold;}

#accordion h3{ padding: 8px 0 8px 14px;   border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF;font-weight: bold;}
.ui-state-default .ui-icon {
    background-image: url("../images/plus1.png"); background-position:right; height: 19px;  width: 21px; display:block; float:right;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../images/minus.png");   background-position:right; display:block;float:right; height: 19px;  width: 21px;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../images/plus1.png);  height: 19px;  width: 21px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../images/minus.png);
}
.ui-widget-header .ui-icon {
    background-image: url(../images/minus.png);
}
.ui-state-default .ui-icon {
    background-image: url(../images/plus1.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
    background-image: url(../images/plus1.png);
}
.ui-state-active .ui-icon {
    background-image: url(../images/minus.png);
}
.ui-state-highlight .ui-icon {background-image: url(../images/plus1.png);}

.bet{ padding:10px 0 10px 13px;}
.searchchibox{}
.searchchibox li{  /*border-bottom: 1px solid #dedede;*/  height: 28px;  float: left; margin-bottom: 1px; width: 100%;}
.seradh_sectorad{ margin:4px 0;}
.searsadd{ display: block;  padding: 3px 9px;}
.searsadd p{ float:left;}
.searsadd .cuti{ float:right; cursor:pointer; width:15px; height:15px; background: url("../images/kefe_sprite_inner.png") no-repeat -330px -55px;}
.kafe_searcdatepiall{ margin-top:5px; min-height: 162px;}
.kafe_searcdatepiall p{padding: 8px 0 8px 21px;}
.kafesdate {}
.kafesdate input {margin-top:0px; background:  #FFFFFF; border-top: 1px solid #DFDFDF; border-bottom: 1px solid #DFDFDF; float: left;  padding: 5px 5px 5px 18px; width: 156px;}
.kafesdate .kafe_addicon_date{ text-align:center;  background: url("../images/kefe_sprite_inner.png") no-repeat 0px -257px; width:41px; height:28px; float: left; }

/*-- search event right css end --*/

/*--Search for css start */
.sef{  font-size:18px; font-weight:bold; color:#3f3f3f;padding:22px 0 0 11px;}
.short_detail_rit{ display:block; }
.innnerpadd{ padding-top:8px;}
.panel-title { display:block; border-bottom: 1px solid #DFDFDF; height:36px;  border-top: 1px solid #DFDFDF;font-size:14px; font-weight:bold; padding:5px 5px; color:#3f3f3f; background:url(../images/plus1.png) no-repeat right 7px; cursor:pointer; line-height: 2.6em;  padding: 0 0 0 11px; }
.panel-title_raj { display:block; border-bottom: 1px solid #DFDFDF; height:36px;  border-top: 1px solid #DFDFDF;font-size:14px; font-weight:bold; padding:5px 5px; color:#3f3f3f; background:url(../images/minus.png) no-repeat right 7px; cursor:pointer; line-height: 2.6em;  padding: 0 0 0 11px; }
.cj-tab-content { margin:0px 0px 10px 0px; border:0px;  background:rgba(0,0,0,0.04) !important; }
.detail-product{  padding:0px; background:#FFF ; }
.detail-product p { margin:0px !important; }
.accordion-header-selected  .panel-title { height:36px; background:url(../images/minus.png) no-repeat right 7px; color:#3f3f3f; font-size:14px; font-weight:bold; }
.curtomize { float:left; }
.short_name{ display:block;}
.short_name strong{ font-size:28px;  display:block; padding:0px 0px 10px 0px; }
.short_name img{ display:block; float:left;}
.short_name a{ text-decoration:none; color:#333;}
.by_name{ display:block; margin-top:10px;}
.by_name a{ text-decoration:none; color:#F00; font-size:20px;}
.by_name a:hover{ text-decoration:underline; color:#2c2c2c; font-size:20px;}
.by_name span{ display:block; float:left; margin-right:5px; font-size:20px;}
.detail-product p{ display:block; padding:5px 0px 5px 0px;}

/*--Search for css end */





/*--- check box css --*/
#accordion{ margin-top:4px;}
.ckbox{ width: 25px;    height: 25px;}
.custom-checkbox{    position: relative;    display: inline-block;}
.custom-checkbox > .box{  position: relative;  display: block;  width: 35px;  height: 28px;  background-color: #FFF; padding: 0px;
    margin: 0px; background:url(../images/unactive.png) no-repeat;}
.custom-checkbox > .box > .tick{  position: absolute;  left: 0px;  top: 0px;  width: 35px;  height: 28px; display: none;
     background:url(../images/checkactive.png) no-repeat;}
.custom-checkbox > input:checked + .box > .tick{  display: block;}
.custom-checkbox > input{  position: absolute;  outline: none;  left: 0;  top: 0;  padding: 0;  width: 35px; height: 28px; border: none; margin: 0;
    opacity: 0;  z-index: 1;}
.chon{ float:left; margin-right: 16px;}
.checktxtx{ float:left; padding-top:7px;}
/*--- check box css end --*/


/*-- search event  css end --*/

/*-- creat event  css start --*/
.hdall{ display:block;  padding: 12px 0 31px;}
.hdall h2{ font-size:18px; color:#3b3b3b; float:left;}
.hdall p{font-size:16px; float:left; }
.kafeadventure{ float:left; padding: 16px 0 16px 33px;  width: 266px; background:#FFF;  box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F;}
.kafeadventurecre2{ float:left;padding: 16px 0 16px 22px;    width: 266px !important;background:#FFF;  box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F;}

.kafeadventure h3{ font-size:14px;font-weight: bold;}
.kafe_creatul{ margin:10px 0;}
.kafe_creatul li{ margin:8px 0; float:left; width:100%;}
.kafe_creatul li b{ float:left; margin-right:7px;padding-top: 2px;}
.kafe_creatul p{  float:left;}
.kafe_editdetail{ padding: 5px 25px; background:#ff900c; color:#FFF; float:left;margin: 9px 0 15px;}
.kafe_editdetail a{ color:#FFF;}
.creapadd{ padding:6px 0 15px;}
.kafe_crat_criing { margin-left:10px;}
.kafe_crat_criing li {  float: left; margin-bottom: 14px;}
.kafe_crat_criing li a {  color: #333333;  margin-right: 40px;}
.kafe_crat_criing li:last-child a{ margin:0;}
.lafe_creicon { background-position: -5px -112px;}
.lafe_creicon2 {background-position: -36px -113px;}



.kafe_cretpeople{ float:right;  background:#FFF;width: 702px;  box-shadow: 0 0 2px 0 #7F7F7F; -moz- box-shadow: 0 0 2px 0 #7F7F7F;  font-weight: box-shadow: 0 0 2px 0 #7F7F7F;}
.kafe_cretpeople2{ float:right; padding:0px 30px 28px 32px;  background:#FFF;width: 653px;  box-shadow: 0 0 2px 0 #7F7F7F; -moz- box-shadow: 0 0 2px 0 #7F7F7F;  font-weight: box-shadow: 0 0 2px 0 #7F7F7F;}
.border{ float:left;}
.bropad{ padding:0 !important; margin:0 !important;}

.kafe_cretpeople table td{ text-align:right; vertical-align:top;}
.kafe_cretpeople table tr{ margin-bottom:23px; display:block;}
.kafe_p{ display:block;}
.kafe_prithd{ float: left;   margin-right: 34px;  text-align: right;   }
.kafe_pep{ width:127px;}
.kafe_pep2{ width:102px;} 
.kafe_prithd strong{ font-size:13px;  text-align: right;  }
.kafe_prithd span{ float:right; font-size:11px; color:#bcbcbc; clear:both;}
.kafe_prit{ float:left;}

.kafe_creatpep{}
.kafe_creatpep li{ margin-right: 10px; float:left;position:relative;}
.kafe_creatpep li img{ }
.kafe_creatpep li .credel{ position:absolute; opacity:0; right: -5px; top: -3px; background:url(../images/del.png) no-repeat; width:13px; height:12px;}
.kafe_creatpep li a:hover .credel{ opacity:1;}
.kafe_invitepep{ clear: both; color: #999999;  float: left;  font-style: italic;   padding-top: 3px;    }
.kafe_noofsee{ margin:34px 0;}
.kafe_creinpu{ float:left;  margin-right: 45px;}
.kafe_creinpu input{ border: 1px solid #E8E6E6;  float: left;  padding:5px 2px 5px 6px;   width: 109px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) inset; -moz- box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) inset; -webkit- box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) inset;}
.kafe_craatpeoplist { margin: 28px 0;}
.kafe_craatpeoplist h5{ font-size:13px; font-weight:bold; padding-bottom:15px;}
.kafetesarea{ border:1px solid #999; width:548px; height:150px;}    

.kafe_publicev{ margin-bottom:10px;}
.kafe_leftnew{ float:left;margin-top: 6px; width: 145px;}
.kafe_leftnew strong{ float:left; }
.kafe_leftnew input{ float:right; border:1px solid #666; width:20px;}
.kafe_publicev .kafe_cretmessa{ float:right;  width:482px; position:relative; background:#e2e2e2; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.kafe_publicev .kafe_cretmessa p{ padding: 8px;   width: 455px;}
.kafe_publicev .kafe_cretmessa .kafearrocre{ background: url("../images/kefe_sprite.png") no-repeat scroll -343px -119px;  height: 18px;  left: -10px; position: absolute;
    top: 14px;  width: 24px;}   
.kafe_creatsub{ float: left;    margin-left: 26.2%;}
.kafe_creatsub a{width: 125px; color:#fff; font-size:24px; padding:5px 20px; text-align:center; background:#ff900c; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}  

/*-- creat event  css end --*/

/*-- creat event part 2  css start --*/


.kafe_pritname {  float: left;}
.kafe_pritname input{   border: 1px solid #E8E6E6; border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) inset;
    float: left;  padding: 5px 2px 5px 6px;width: 475px;}
.kafe_creanapadd{ margin-bottom:10px;}
.kafa_addin a{ float:left; background:#FF900C; font-weight:bold;  border-radius:2px;  color: #FFFFFF;  font-size: 13px;  padding: 5px 20px;  text-align: center;}
.kafe_pritname p{ float:left; font-size:11px; color:#d5d5d5; padding-top:4px;}
.loadd{ float:left; margin-bottom: 8px;  }
.loadd input{ float:left; width: 292px; border-radius: 4px 0 0 4px;height: 14px; }
.loadd a{ float:left; background:#FF900C; font-weight:bold;  border-radius: 0px 4px 4px 0;   color: #FFFFFF;  font-size: 13px;  padding: 5px 20px;  text-align: center;}
.addmewloc { float:left; margin-right: 5px; margin-bottom: 5px;}
.addmewloc label{ float:left; background:#eaeaea; color:#000; border-radius:0px; width:140px;height: 25px; line-height: 2em;padding-left: 11px; text-align:left;}
.addmewloc a{ float:left; background:url(../images/forcut.png) no-repeat; width:29px; height:25px;}
.crewidth1{ width:205px !important;}
.crewidth{width:122px !important;}
.kafe_date_set {  float: right;   position:relative;}
.kafe_from, .kafe_to {  float: left;   margin: 7px 18px 0 10px;}
.sepadd{margin: 1px 0 0 !important;}
.kafe_from select{ float: left;   margin-right: 10px;  width: 88px;}
.kafe_date_set input { position:relative;  float: left;  margin-right: 4px; width: 158px; color:#333; }
.kafe_date_set .caln{  background: url("../images/kefe_sprite.png") no-repeat -338px -142px; display: block;   height: 20px; position: absolute;right: 224px;
    top: 4px;  width: 22px; cursor:pointer; }

.kafe_date_set .caln2{  background: url("../images/kefe_sprite.png") no-repeat -339px -142px; display: block;   height: 20px; position: absolute; right: 10px;
    top: 4px;  width: 20px; cursor:pointer; }
.kafetablepadd{ padding:28px 20px;} 
.daticn{ cursor: pointer;  display: block;  height: 18px;  position: absolute;  right: 10px;  top: 7px;  width: 20px; }
.daticn_new{ cursor: pointer;  display: block;  height: 18px;  position: absolute;  right: 18px;  top: 28px;  width: 20px; }
.customedate_span{ float:left; font-size:13px; color:#bcbcbc; }

.kafe_date_set dd{ float: left;  padding: 7px;} 
.craetnow{ margin-left: 48.8%}
@media screen and (-webkit-min-device-pixel-ratio:0) {

.craetnow{ margin-left:94.8%}
.kafe_cretpeople2{ padding-top:30px;}
}

.kafeeventul{}
.kafeeventul li{margin: 25px 0;   overflow: auto;}
.kafeeventul li .evntoch{ float:left; margin-right: 10px;}
.kafeeventul li .kafe_evenentit{ float:left; width: 229px;}
.kafeeventul li .kafe_evenentit strong{ float:left; font-size:13px;}
.kafeeventul li .kafe_evenentit i{ color:#999; float:left; padding-top: 4px;}
/*-- creat event part 2  end --*/


/*-- creat finder start --*/
.kafe_formdetail { margin: 5px 0 20px;}
.kafe_formdetail strong{ float:left; font-size:13px; margin-bottom: 12px;}
.kafetablepaddfind { padding: 28px 20px; overflow:auto;}
.kafe_formdetail span {   float: left;  width: 145px;}
.kafe_pritname p { color: #D5D5D5;  float: left;  font-size: 11px; padding-top: 4px;}
.kafe_formdetail input, textarea, select {  border: 1px solid #bcbcbc;  padding: 4px;  width: 590px;  clear: both; float:left; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.kafe_pritname_finder {  float: left; margin-left: 29px; width: 561px;}
.loaddfinder {  float: left; margin-bottom: 8px;}

.loaddfinder input { border-radius: 4px 0 0 4px  !important;  float: left  !important;  height: 16px  !important; border-right: 0 none;  width: 448px !important;}

.loaddfinder a {  background: none repeat scroll 0 0 #FF900C;  border-radius: 0 4px 4px 0;  color: #FFFFFF;
    float: left;  font-size: 13px;  font-weight: bold;  padding: 5px 20px;   text-align: center;}

.addmewlofinder {
    float: left;  
    margin-right: 5px;
}

.addmewlofinder a { background: url("../images/forcut.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;  height: 25px;  width: 29px;}

.addmewlofinder input {
    background: none repeat scroll 0 0 #EAEAEA;
    border-radius: 0;
    color: #000000;
    float: left;
    height: 17px;
    padding: 3px 10px;
    width: 130px;
}

.kafe_creatsubfinder{float: left; margin:0; }
.kafe_creatsubfinder a { background:#FF900C;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #FFFFFF;  
font-size: 24px;  padding: 9px 20px;  text-align: center;}

/*-- creat finder  end --*/



/*--  popup-Search users css start --*/ 

.search_pop{ background:#FFFFFF; width:615px; margin:0 auto;}
.popupsearch{background:#FFFFFF; width: 603px; margin:0 auto;  box-shadow: 0 0 10px 0 #7F7F7F; -moz- box-shadow:none;}
.searcuserinvit{}
.searcuserinvit li{ color: #454545; overflow:auto;  background:#f5f5f5; }
.searcuserinvit li:nth-child(even){ background:#fff; }
.searcuserinvit li img{ float:left; margin-right:8px; height: 47px; width: 50px;}
.info-txt{ float:left; padding-top:16px;}
.searcuserinvit li a{ color: #333333; display: block;font-weight: bold;}
.serit{ float:right; padding-top: 11px;}
.serit button { background: #fed9ab;  color: #666;
    cursor: pointer;  float: left;  font-size:11px;  padding: 4px 10px;}
.serit .button { background:#838383;  color: #fff; 
    cursor: pointer;  float: left;  margin: 0 0px; padding: 4px 10px;}

.seco{ background:#e2e2e2 !important;}  
.seco2{background:#03a3de !important;}      
.searchpopupadd{ background:#f5f5f5; height:42px;}
.searchpopupadd a{ background: #FF900C;  color: #FFFFFF;  float: right;  font-size: 14px;  padding: 5px 30px; margin: 10px;}
.userinvit{ margin-top:10px; margin-bottom:10px;}
.userinvit li{padding: 0 11px; height: 38px; background:none;}
.userinvit img{ height: 38px !important; width:38px !important;}
.userinvit1 li{  height: 38px; }
.userinvit1 li img{padding: 0 0px; height: 38px !important; width:38px !important;}
.popupsearchch {  background: none repeat scroll 0 0 #FFFFFF; box-shadow: 0 0 10px 0 #7F7F7F;
    margin: 0 auto;  width: 500px;}
    
/*--- check box css --*/
.info-txtpop{ float:left; padding-top:12px;}

.seritpop{  float: right; padding:4px;}
.custom-checkboxpop{    position: relative;    display: inline-block;}
.custom-checkboxpop > .boxpop{  position: relative;  display: block;  width: 31px; height: 29px;  background-color: #FFF; padding: 0px;
    margin: 0px; background:url(../images/unactive.png) no-repeat;}
.custom-checkboxpop > .boxpop > .tickpop{  position: absolute;  left: 0px;  top: 0px;  width: 31px; height: 29px; display: none;
     background:url(../images/checkactive.png) no-repeat;}
.custom-checkboxpop > input:checked + .boxpop > .tickpop{  display: block;}
.custom-checkboxpop > input{  position: absolute;  outline: none;  left: 0;  top: 0;  padding: 0;  width: 31px; height: 29px; border: none; margin: 0;
    opacity: 0;  z-index: 1;}
.chonpop{ float:left; margin-right: 0px;}
.checktxtx{ float:left; padding-top:7px;}
.seracseclect{ background:#03a3de !important;}
.seracseclect a{ color:#FFF !important;}
/*--- check box css end --*/


/*--- check box css --*/


.custom-checkboxpop1{    position: relative;    display: inline-block;}
.custom-checkboxpop1 > .boxpop1{  position: relative;  display: block;  width:23px; height: 23px;  background-color: #FFF; padding: 0px;
    margin: 0px; background:url(../images/unactivesm.png) no-repeat;}
.custom-checkboxpop1 > .boxpop1 > .tickpop1{  position: absolute;  left: 0px;  top: 0px;  width: 23px; height: 23px; display: none;
     background:url(../images/checkactivesm.png) no-repeat;}
.custom-checkboxpop1 > input:checked + .boxpop1 > .tickpop1{  display: block;}

.custom-checkboxpop1 > input{  position: absolute;  outline: none;  left: 0;  top: 0;  padding: 0;  width: 23px; height: 23px; border: none; margin: 0;
    opacity: 0;  z-index: 1;}
.chonpop1{ float:left; margin-right: 0px;}
.checktxtx1{ float:left; padding-top:7px;}
.seracseclect1{ background:#03a3de !important;}
.seracseclect1 a{ color:#FFF !important;}
/*--- check box css end --*/




.addinterst{ width:380px;}
.kafe_youbora_searchinter {  float: right;  margin-right: 22px;}

.addinter{ padding-top:10px; margin-bottom:10px;  max-height: 300px; overflow: auto;}
.addinter li{  height: 30px;  padding: 0 11px; background:none;}
.addinter li img{padding: 0 0px; height: 29px !important; width:31px !important; margin-bottom:1px;}
.info_txtpopadd {   float: left;  padding-top: 7px;}
.seritpopadd{ padding:0; float:right;}
.chrit{ float:right;}

.kafe_rmo{ float:left; }
.kafe_rmo img{ margin-right:4px !important; width:28px !important; height:29px !important;}
.remove{ float:left;} 
.remove a{ color:#d4d3d3 !important; padding: 8px 8px 0 0;}
/*--  popup-Search users css end --*/ 


/*-- home page popup css start --*/ 
.hop{ width:430px; margin:0 auto; padding-bottom: 11px; background:#FFF; box-shadow: 0 0 10px 0 #7F7F7F; -moz- box-shadow: 0 0 10px 0 #7F7F7F; position:relative;}
/*.hop:before{background: url("../images/kefe_sprite.png") no-repeat scroll -289px -154px;
    content: "";  height: 18px;  position: absolute; left: -14px;  top: 150px;  width: 18px;}*/
.en1{  border-bottom:1px solid #f0f0f0;  margin-bottom: 5px;  padding: 5px 12px;}
.en1:last-child{ border-bottom:none;}
.inim{ width:47px; height:46px; float:left;}
.inim img{ width:47px; height:46px; float:left;}

.et{ float:left; margin-left:10px;width: 84%;}
.et h4{ font-size:11px; font-weight: bold;} 
.evin{  margin-top:8px;}
.evin img{ margin-right:4px; width:26px; height:25px; float:left;} 
.tt{ float:left; color:#bfbfbf;}
.tt h6{ font-size:11px;}
.tt p{ font-size:11px; line-height:normal;}
.acce{ float:right;}
.accep{ float:left;}
.accep a{ color:#03a3de; margin: 0 6px; background:url(../images/pl.png) no-repeat right;    padding: 0 10px; font-size: 11px;  font-weight: bold;}
.rej{float:left;}
.rej a{ color:#6e6e6e; font-size: 11px;  font-weight: bold;}





.kafe_findre{}
.kafefr li {height: 35px;    padding: 8px 12px; border-bottom:1px solid #efefef;}
.kafefr li img{ width:35px; height:34px;  margin-right: 12px; float:left;}
.kafefr li a {  color: #333333;  display: block;  font-weight: bold;}
.fint{float: left;   line-height: 1.4em;}
.fint strong{ font-size:12px; font-weight:bold; color: #333;display: block; }
.fint span{ font-size:11px;  color: #cecece; }
.copad{ padding-top:6px;}
.co{ float:left;}
.co a{ color: #03A3DE !important; background: url("../images/pl.png") no-repeat scroll right center;   
    font-size: 11px !important; font-weight: bold !important; margin: 0 6px !important;  padding: 0 10px !important; }
    
.co2 a{ color: #6E6E6E !important; font-size: 11px;}




.kafefrjo li { border-bottom: 1px solid #EFEFEF; overflow:auto;    padding: 8px 12px;}

.kafefrjo li a {  color: #333333;  font-weight: bold;}


.fintjo {  float: left;  line-height: 1.4em;}
.fintjo strong {  padding-bottom: 10px;color: #333333;  display: block;  font-size: 12px;  font-weight: bold;}
.jores{ padding:2px; margin-right: 11px;color:#FFF; background:#03a3de;display: block;  float: left;  padding: 1px 8px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; position:relative;}
.jores:after{ width:12px; height:12px;  background: url("../images/kefe_sprite.png") no-repeat -269px -187px; content:""; position: absolute;
    right: -11px;   top: 7px;  } 
.fintjo p{ float:left; font-size:12px; font-weight:normal;}


/*-- home page popup css end --*/ 



/*-- footer css start */
footer {background: url("../images/footerbg.png") repeat-x; height: 234px; margin-top:106px;}
    
.footerinn { margin: 0 auto; padding: 18px 15px 0; width: 1024px;}
.kafe_footerfirs {  background: url("../images/footerrit.png") repeat-y scroll right center rgba(0, 0, 0, 0); float: left; margin-right: 10px; width: 162px;}
.kafe_footerfirs ul {}
.kafe_footerfirs ul li a { color: #FFFFFF; display: inline-block; padding: 6px 0; 
 -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.kafe_footerfirs ul li a:hover{ color: #00AFF0; padding: 6px 0 6px 10px;
 -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
    
.kafe_footertxt { background: url("../images/footerrit.png") repeat-y scroll right center rgba(0, 0, 0, 0); float: left; padding-right: 20px;width: 596px;}
.kafe_footertxt p {  color: #FFFFFF;}

.kafe_footer_socilicon { float: right; width: 224px;}
.kafe_footer_mobaps { margin-bottom: 14px; overflow: auto;  padding-right: 8px;}
.kafe_footer_mobaps h6{ padding:7px; color:#FFF; font-size:16px; }
.kafe_footer_mobaps a {  display: block;  float: left;  padding: 2px 5px;}
.kafe_footer_mobaps a.android{ float:left; background:url(../images/kefe_sprite.png) no-repeat 7px -2px; width:27px; height:24px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_mobaps a.appl{float:left; background:url(../images/kefe_sprite.png) no-repeat -31px -2px; width:25px; height:24px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_mobaps a.windo{float:left; background:url(../images/kefe_sprite.png) no-repeat -65px -2px; width:25px; height:24px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_mobaps a.wis{float:left; background:url(../images/kefe_sprite.png) no-repeat -100px -2px; width:25px; height:24px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}

.kafe_footer_mobaps a.android:hover{ float:left;  background:url(../images/kefe_sprite.png) no-repeat 7px -31px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_mobaps a.appl:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -31px -31px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.kafe_footer_mobaps a.windo:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -65px -31px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.kafe_footer_mobaps a.wis:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -100px -31px; }

.kafe_footer_socll{ float:left;}
.kafe_footer_socll h6{color: #FFFFFF; font-size: 16px;  padding: 7px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_socll a{ display:block; float:left; padding:2px 5px;}
.kafe_footer_socll a.fb{ float:left; display:block; background:url(../images/kefe_sprite.png) no-repeat 7px -61px; width:27px; height:25px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_socll a.in{float:left; background:url(../images/kefe_sprite.png) no-repeat -30px -61px; width:25px; height:24px;}
.kafe_footer_socll a.tw{float:left; background:url(../images/kefe_sprite.png) no-repeat -65px -61px; width:25px; height:24px;}

.kafe_footer_socll a.fb:hover{ float:left; background:url(../images/kefe_sprite.png) no-repeat 7px -89px; -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;}
.kafe_footer_socll a.in:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -30px -89px;
   -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.kafe_footer_socll a.tw:hover{float:left; background:url(../images/kefe_sprite.png) no-repeat -65px -89px;-webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear; }
.kafe_copyit { color: #E6E8E8; margin-top:3px; text-align: center; ine-height: 2.7em;}

/*-- footer css end */
 /*---popup styles 14 here ----- */
.popupGrayBg014 {position:fixed; width:100%; height:100%; background:black; z-index:1001; left:0; top:0; opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
    .QTPopupCntnr014 {width:auto; position:fixed; z-index:1200; background:none; left:50%; height:400px; top:50%; margin-left:-244px; margin-top:-276px;}
    .gpBdrLeftTop014 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) left top no-repeat;float:left;}
    .gpBdrRightTop014 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) right top no-repeat;float:right;}
    .gpBdrTop014 {height:3px;   background:#a9b6e1; border-top:3px solid #3b4f91;margin-left:6px;margin-right:6px;  }
    .gpBdrLeft014{border-left:3px solid #3b4f91;    background:#fff;}
    .gpBdrRight014 {        border-right:3px solid #3b4f91;     background:#fff; min-height:200px;position:relative; padding:10px;}
    .gpBdrLeftBottom014 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) left bottom no-repeat;float:left;}
    .gpBdrRightBottom014 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) right bottom no-repeat;float:right;}
    .gpBdrBottom11 {height:3px; background:#fff;    border-bottom:3px solid #3b4f91;    margin-left:6px;margin-right:6px;       }
    .gpBdrRight014 .caption {   background:#a9b6e1; line-height:38px;   padding-left:10px;font-family:Arial, Helvetica, sans-serif; font-size:15px;     font-weight:bold;       color:#3b4f91;      }
    .closeBtn014 {background:red;width:31px; height:31px;position:absolute; right:-15px; top:-15px; background:url(../images/grn_pp_cls_btn_normal.png) no-repeat;  
        }
    .gpBdrRight014.closeBtn014:hover {  background:url(../images/grn_pp_cls_btn_over.png) no-repeat;}       
    .gpBdrRight014.content {    padding:25px;   font-weight:normal; }

/*---popup styles 14 ends here ----- */
.credel_r {
       float: right;
       position: relative;
       right: -7px;
       top: -63px;
       background: url(../images/del.png) no-repeat;
       width: 13px;
       height: 12px;
}
/*---popup styles 16 here ----- */
.popupGrayBg16 {position:fixed; width:100%; height:100%; background:gray; z-index:100001; left:0; top:0; opacity:.5;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
    .QTPopupCntnr16 {width:auto; position:fixed; z-index:1200; background:gray; left:50%; top:50%; margin-left:-244px; height:400px; max-height:450px; margin-top:-225px;}
    .gpBdrLeftTop16 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) left top no-repeat;float:left;}
    .gpBdrRightTop16 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) right top no-repeat;float:right;}
    .gpBdrTop16 {height:3px;    background:#a9b6e1; border-top:3px solid #3b4f91;margin-left:6px;margin-right:6px;  }
    .gpBdrLeft16{border-left:3px solid #3b4f91; background:#fff;}
    .gpBdrRight16 {     border-right:3px solid #3b4f91;     background:#fff;        min-height:400px;position:relative; padding:10px;}
    .gpBdrLeftBottom16 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) left bottom no-repeat;float:left;}
    .gpBdrRightBottom16 {width:6px;height:6px;background:url(../images/greenPopupBdr.png) right bottom no-repeat;float:right;}
    .gpBdrBottom16 {height:3px; background:#fff;    border-bottom:3px solid #3b4f91;    margin-left:6px;margin-right:6px;       }
    .gpBdrRight16 .caption {    background:#a9b6e1; line-height:38px;   padding-left:10px;font-family:Arial, Helvetica, sans-serif; font-size:15px;     font-weight:bold;       color:#3b4f91;      }
    .closeBtn16 {background:red;width:31px; height:31px;position:absolute;  right:-15px;    top:-15px;  background:url(../images/grn_pp_cls_btn_normal.png) no-repeat;      
        }
    .gpBdrRight16.closeBtn16:hover {    background:url(../images/grn_pp_cls_btn_over.png) no-repeat;}       
    .gpBdrRight16.content { padding:25px;   font-weight:normal; }

/*---popup styles 16 ends here ----- */

/*For tooltip target element that has set class="tooltip" */
.tooltipfist {text-decoration: none; outline: none; position:relative; }

/*For tooltip box*/
#mcTooltip 
{
     left: -82px;
     top: -46px;
    line-height:16px;     background-color:#3333; color:#FFF; 
    padding:2px 12px;
    font-size: 12px;  
    border-radius:2px; /*Rounded corners. N/A for IE 8 and below.*/
    box-shadow: 0 1px 2px #666; /*Drop shadow. N/A for IE 8 and below.*/
}

div#mcttCo em, div#mcttCo b{ position:absolute; left:10px; bottom:10px;}


/*The settings below should remain unchanged*/
div#mcTooltipWrapper {position:absolute;visibility:hidden;overflow:visible;z-index:9999999999; left:0;}
div#mcTooltip {float:left; position:relative;overflow:hidden;   background:#333 !important;}
div.mcTooltipInner { float:left;position:relative;width:auto;height:auto; }
div#mcttCo {  width: 0; 
   height: 0;
   border-top: 10px solid pink;
   border-left: 10px solid transparent; 
   border-right: 10px solid transparent; 
}



/*--- User Invitations css start ---*/


.pp {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 10px 0 rgba(0,0,0, 0.5);
    margin: 0 auto;
    width:636px;
}

.pp1 {
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 15px 10px;
    position: relative;  margin:0 auto;
}

.pp1 h1 {
    color: #000000;
     font-size:16px; font-weight:bold;
}
.pp1 p{ font-size:12px; text-align:left; color:#bfbfbf;}

.ppin{  margin: 0 auto;  padding: 15px 12px;  overflow: auto; max-height: 300px;}
.adv{ width:203px; float:left;}
.adv h1{ font-size:14px; font-weight:bold; padding-bottom:10px;}

.inortxt{ float:left;  clear: both; margin-bottom: 7px;  }
.seritpopadd1 { }
.seritpopadd1 label{ float:left;  margin: 4px 0 0 12px;} 
.advlasrt {   float: left;   width: 134px;}
.advlasrt h1 {font-size: 14px; font-weight: bold;  padding-bottom: 10px;}
.ppser{ background: #F5F5F5; padding: 10px; display:inline-block; width: calc(100% - 20px); -webkit-width: calc(100% - 20px)}
.ppser a {  background:#FF900C;  color: #FFFFFF;  float: left; font-size: 14px;  padding: 5px 30px;}
.skip{display: none; }
.skip a{background:#999; color: #FFFFFF;  float: left; font-size: 14px;  margin: 10px; padding: 5px 30px;}
.rit{ float:right;}

/*--- User Invitations css end ---*/

/*-- Edit Detail css start--*/
.Eddetp{ background:#FFFFFF; box-shadow: 0 0 10px 0 #7F7F7F;  margin: 0 auto; width:594px;}
.editpad { padding: 14px 0px;}
.fm{padding: 4px 13px 0 0;}
.edin{  float: right;  position: relative;}
.edin input { color: #333333; float: left;  margin-right: 4px;  position: relative;  width: 158px;}

.time_kafe{ position:relative;}
.time_kafe input {  color: #333333; float: left;  margin-right: 4px; position: relative;  width: 209px; border: 1px solid #E8E6E6;
    border-radius: 4px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) inset; float: left; padding: 5px 2px 5px 6px;}
.editpad tr{ height:46px !important;}
.daticnevn { cursor: pointer; display: block; height: 18px; position: absolute; right: 316px;  top: 7px; width: 20px;}
.rit21 {  float: right; width: 224px !important;}
/*-- Edit Detail css end--*/


/*--- select your location css start ---*/

.mapinn{ position:relative;}
.mpin{ position:absolute; bottom: 147px; left: 21%;}
.mpin input{ float:left; width:300px; background:#FFF; box-shadow: 0 0 5px 0 #7F7F7F; height: 36px; padding-left:10px;}
.mpin button{ background:url(../images/poin.png) no-repeat; width:58px; height:39px; cursor:pointer;}

/*--- select your location css end ---*/


/*--- Choose your Interest zones css start ---*/

.ppouter {
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 15px 10px;
    position: relative;  margin:0 auto;
}

.pp2 {
   
    position: relative;  margin:0 auto; float:left; margin-left:20px;
}

.pp2 h1 {
    color: #000000; float:left;
     font-size:16px; font-weight:bold;
}
.pp2 p{ font-size:12px; float:left; clear:both;text-align:left; color:#bfbfbf;}

.avantu{ float:left; background:#03a3de; color:#FFF; font-size:13px; padding:0px 12px; position:relative; height:40px; line-height: 2.7em;  }
.avantu:after{ width:10px; height:11px; content:""; background:url(../images/parr.png) no-repeat; position:absolute; right: -9px;   top: 7px;}

.imul{ width:636px !important; margin-left:3px;}
.imul li{ float:left; margin:12px 8px 10px 9px;  position: relative; width: 110px; height:145px;}
.imul li span{display: block;font-size:13px; padding: 10px 0;}
.imul li a{ display:inline; float:left; clear:both;}
.imul li img{ width:109px; height:109px;}
.chee{ position:absolute; left:0px; opacity:0; bottom:0px;}
.chee img{ width:39px !important; height:35px !important;}
.imul li:hover .chee{ opacity:1;}
.imarrow{ width:34px; height:34px; background:url(../images/aroow.png) no-repeat; float:right; position: absolute; right:0; top:40%;}
.imgpadd{ margin: 0 auto;  width: 690px; position:relative;}

/*--- input css --*/
.chooinnadd{ position:relative;}
.searchchooes {  float: right;  position: absolute;  right: 0;  top: -1px;}

.searchchooes input[type="text"] {
    width:0px;  height: 36px;  margin-right:48px;  padding: 0 0 0 0px;  color:#BFBFBF;  font-weight:300;
    font-size:18px; background:#EDEDED;  border: medium none;
     -webkit-transition:width 0.5s ease-in-out;
       -moz-transition:width 0.5s ease-in-out;
            transition:width 0.5s ease-in-out;   
}
 
.searchchooes input[type="text"]:focus,
.searchchooes input[type="text"]:active {    width:480px; }
.searchchooes label {cursor: pointer;  display: block;
    font-size: 0; height: 16px;  padding: 0;  position: absolute;
    right:30px;  top: 10px;  width: 16px;}

.chcut{ margin-top:10px;}

/*--- input css end --*/

/*--- Choose your Interest zones css end ---*/


/*--- add your activity css start ---*/
.addac{}
.addac table tr{ height:38px;}
.radioadd{ width:528px; float:left;}
.kafe_addnee {  float: left;  margin-right: 19px;  text-align: right;}
.goon{ float:left; width:110px;}
.goon input[type="radio"]{ float:left; margin: 0 8px 0 0;}
.btnad{ float:left;}
.btnad button{ padding:4px 23px; color:#FFF; background:#03a3de; cursor: pointer;}
.goon span{ float:left;}
.radioadd input[type="text"]{border: 1px solid #E8E6E6; border-radius: 4px;  box-shadow: 0 0 10px rgba(0, 0, 0, 0.06) inset;   float: left;   padding: 5px 2px 5px 6px;    width:337px;} 
.googleap{ float:left; padding: 6px 0 0 11px;}
.addbewbtb{float: right; width: 107px;}
.addbewbtb a{ background: #FF900C;  color: #FFFFFF;  float: left; font-size: 14px;  margin-top: 10px;  padding: 5px 30px;}

/*--- add your activity css end ---*/


/*--- acorddingt css --*/

.demo {
width: 200px;
height: 400px;
margin: 40px auto 0;
}
.menu > li {
line-height: 50px;
border-bottom: 1px solid #3d3d3d;
box-shadow: 0 1px 0 #888;
} 
.menu > li:first-child {
border-top: 1px solid #3d3d3d;
box-shadow: 0 1px 0 #888,0 1px 0 #888 inset;
}
.menu a {
position: relative;
outline: 0;
display: block;
text-align: left;
color: #e5e5e5;
font-size: 18px;
text-shadow: 0 1px 1px #171717;
padding: 0 40px;
}
.menu a:hover {
text-decoration: none;
}
.menu > li > a:before,
.menu > li > a:after {
font-family: 'LigatureSymbols';
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-font-feature-settings: 'liga' 1, 'dlig' 1;
-moz-font-feature-settings: 'liga=1, dlig=1';
-ms-font-feature-settings: 'liga' 1, 'dlig' 1;
font-feature-settings: 'liga' 1, 'dlig' 1;
font-size: 26px;
}
.menu > li > a:before {
position: absolute;
left: 10px;
color: #e5e5e5;
text-shadow: inherit -1px 0 #fff,0 -2px 0 #1a1a1a,0 1px 2px #1a1a1a;
}
.menu > li > a:after {
position: absolute;
right: 10px;
color: #292929;
text-shadow: -1px 0 0 #050505,1px 0 0 #868686;
}
.menu > li:nth-child(1) > a:before{
content:'friend';
}
.menu > li:nth-child(2) > a:before{
content:'video';
}
.menu > li:nth-child(3) > a:before{
content:'paint';
}
.menu > li:nth-child(4) > a:before{
content:'android';
}
.menu > li > a:after{
content:'plus';
}
.menu ul {
line-height: 30px;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .5s linear;
-moz-transition: max-height .5s linear;
transition: max-height .5s linear;
}
.menu ul a {
color: #000;
text-shadow: 0 1px 1px #848484;
font-size: 12px;
}
.menu ul a:hover {
color: #ccc;
text-shadow: 0 1px 0 #252525;
}
.menu li:target > a:after {
content: 'minus';
}
.menu li:target ul {
max-height: 200px;
border-top: 1px solid #3d3d3d;
box-shadow: 0 1px 0 #888 inset;
}

/* vikas on 06 05 2014*/

.walltoken {
    border-bottom: 1px solid #ddd;
    margin-bottom: 16px;
    margin-left: 1px;
    padding-bottom: 10px ; 
}
.frnd {
    height: 39px;
    width: 39px;
}

.kafemesscolor{ background:#FFF;position: relative;}
.kafe_postimg img{height: 116px;  padding-bottom: 5px;  width: 161px;}
.kafe_postimg img:first-child{height: auto;  padding-bottom: 5px;  width:270px;}

/******Added On 11-03-2014 ****/
/*--- message css --*/
.livematchmessages{ background:#FFFFFF; box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F; 
 margin-bottom: 24px; padding: 14px 15px 0;}
.kafemessages{ margin: 0 auto;    padding: 5px 0 24px;  width: 1024px;}
.kafemessages h1 { color: #333333; font-size: 18px;}
.kafe_messagesinput{float: right;  position:relative;padding-bottom: 8px;}
.kafe_messagesinput input{background:#eaeaea; float: left; width: 250px; height: 21px;  padding: 4px 0 4px 8px;}
.kafe_messsearicn{background: url("../images/kefe_sprite_inner.png") no-repeat scroll -258px -53px rgba(0, 0, 0, 0);
    cursor: pointer;  float: right;  height: 20px;  text-indent: -6666670px;   width: 20px; position:absolute; right:4px; top:6px; color:#b9b9b9;}
.kafe_mess_hd {  border-bottom: 1px solid #EEEEEE; color: #FFFFFF;}

.kafe_mess{}
.fafe_messul{}
.fafe_messul li.firtselect:after { 
    background: url("../images/messelect.png") no-repeat;
    bottom:-16px;   content: "";  height: 24px;  left:-1px;  position: absolute; width:139px; z-index:9999999; overflow:visible !important;}

.fafe_messul li { float: left; height: 167px; padding-top: 12px; margin-right: 5.5px;  position: relative;  width: 158.667px;}
.fafe_messul li:last-child{ margin-right:0px;}
.liveactivemes {}
.kafe_backli{ background:#ffede6;}
.kafe_mesimgbox { margin-bottom: 10px;}
.kafe_mesimgbox img{ width:136px inherit120px;}
.kafe_mess_txt {  color: #333333;  font-size: 12px;  padding: 0px;  text-align: center; height: 18px;    overflow: hidden;}

.prev_messagew{cursor: pointer;  display: block;   height:40px;    position: absolute;   left: -9px;  top:129px;  width: 36px;  z-index: 9999;}
.next_messagew{ cursor: pointer;  display: block;  float: left;  height:40px;  margin: 0;  position: absolute;  right:-23px;  top:129px;  width:40px; z-index: 99999;}
    
.kafemessdiv{ margin:0 auto; width:855px;}
.kafemessone{ margin-bottom:10px;}
.kafemessone img{ float:left; margin-right:25px;}
.kafe_meddconten{ float:left; border:none; padding: 8px 13px 10px; background:#FFF; width:368px; position:relative; line-height:1.6em; }   
.kafe_meddconten:before{ background:url(../images/meare.png) no-repeat; width:18px; height:19px; position:absolute; left: -18px; top:7px; content:"";}

.kafemessonerit{ margin-bottom:10px;width: 816px;}
.kafemessonerit img{ float:right; margin-left:25px;}
.kafemessonetxt{ float:right; border:none; padding: 8px 13px 8px; background:#03a3de; color:#FFF; width:348px; position:relative; line-height:1.6em;  word-wrap: break-word;}    
.kafemessonetxt:before{ background:url(../images/merit.png) no-repeat; width:18px; height:19px; position:absolute; right: -18px; top:7px; content:"";}
.kafemesdat{ font-size:11px; color:#bfbfbf;}
.kafemessonetxt .kafemesdat {color: rgba(255,255,255, 0.5)}
.messby{ float:right; background:#FFF;border:none; width:445px; padding:0px;} 
.messby img{float: right;  height: 47px; margin-left: 11px;  width: 46px;}
.messname{ float:right;padding-top: 12px; }
.messby span{ float:right;}
.messby strong{ font-size:18px; font-weight:normal; text-align:right}
.messinput{ margin-top: 10px;  padding: 12px 12px 20px;}
.messinput input{ float:left; width:344px; padding:4px 0 4px 8px; border:1px solid #ddd; height:20px;}
.messinput a{ float:left; background:#ff900c; color:#fff; padding:7px 16px; font-size:14px;}
.messinput a:hover{ text-decoration:none;}
.mesul{}
.mesul li{ padding-bottom:0 !important;margin-right: 40px;}
.compo{ float:right; background:#03a3de; height:31px;  width:122px;}
.compo a{ color:#FFF; font-size:14px; background:url(../images/mes.png) no-repeat 11px 8px; line-height: 2.1em;text-align: center;}
.compo a:hover{ text-decoration:none;} 
.compo li{ position:relative;}
.compo li ul{ display:block;} 
.compo li ul {  display: none;}
.compo li ul li { float: none; white-space: nowrap;}

.compo li:hover ul { display: block; left: -250px; padding: 10px 0 0 !important; position: absolute; top: 30px;  z-index: 999;}
.mebox{ background:#FFF; width:352px; height:165px;  box-shadow: 0 0 10px 0 #7F7F7F;padding: 10px; position:relative; margin-top:8px;}
.mebox:before{ width:10px; height:9px; background:url(../images/ar.png) no-repeat; position:absolute; top:-18px; left:309px; content:"";}
.mebox img{ float:right; width:32px; height:26px;}
.mebox p{ float:right; padding-right: 10px;  padding-top: 5px; }
.mebox b{ display:inline-block;}
.mebox textarea{  height:63px; border-radius:6px; margin: 11px 0 0;  width: 344px; resize:none; font-family: arial}
.mebox a {background: #FF900C; color: #FFFFFF; float: right; font-size: 14px; padding:0px 16px; margin:8px 0;}
.mebox a:hover {background: #03a3de;}
/** Adde for new msg box on 25 March 14**/

.evnbtn a{ color:#FFF; font-size:14px;  text-align: center;}
.evnbtn a:hover{ text-decoration:none;} 
.evnbtn li{ position:relative;}
.evnbtn li ul{ display:block;} 
.evnbtn li ul {  display: none;}
.evnbtn li ul li { float: none; white-space: nowrap;}
.evnbtn li:hover ul { display: block; left: -250px; padding: 10px 0 0 !important; position: absolute; top: 30px;  z-index: 999;}
.msg_container{
	float:left;
	margin:2px 0px 4px 65px;
	}
.msg_btn a{ text-align: center;}
.msg_btn a:hover{ text-decoration:none;} 
.msg_btn li{ position:relative;}
.msg_btn li ul{ display:block;} 
.msg_btn li ul {  display: none;}
.msg_btn li ul li { float: none; white-space: nowrap;}
.msg_btn li:hover ul { display: block; left: -250px; padding: 10px 0 0 !important; position: absolute; top: 20px;  z-index: 999;}

.kafe_le_panal .msg_container{margin: 5px 14px 4px; float: inherit;}
.kafe_le_panal .msg_btn a{}
.kafe_le_panal .msg_btn li:hover ul{   bottom: 1px;    left: -9px;      padding: 0 0 27px  !important;  top: auto;}
.kafe_le_panal .msg_btn .mebox:before{content: "";   top: auto;  bottom: -9px; left: 16px; }
/**** End****/

/*--- message css end --*/


/*--- new css add from 11 march --*/
.slider{ float:left; width:809px  !important; position:relative;  padding-left: 25px;}
.prevhome{position:absolute; left:2px; display:block; top: 33px; cursor:pointer; background:url(../images/prev.jpg) no-repeat; text-indent:-99999px; width:19px; height:19px;}
.nexthome{ position:absolute; right: 125px;   top: 33px; cursor:pointer; background:url(../images/next.jpg) no-repeat; text-indent:-99999px; width:19px; height:19px;}
.slider li{} 

.kafe_postimg{ margin-bottom:10px; }
.kafe_postimg ul li img{ float:left; margin:3px;   height: 136px; width: 189px;}
.kafe_postimg ul li:last-child{ margin-right:0px !important;}
.imlastchi{ margin-right:0px !important;}
.first-img img{ height:auto !important; width: 580px !important;}

.activitiepost img{ height: 132px !important;  width: 269px !important;}
.activitiepost h5{ font-size:14px; margin-bottom:10px;}

.sport-123 .kafe_postimg{ margin-bottom:10px; }
.sport-123 .kafe_postimg ul li img{ float:left; margin:3px;   height: 136px; width: 244px !important;}
.sport-123 .kafe_postimg ul li:last-child{ margin-right:0px !important;}
.sport-123 .imlastchi{ margin-right:0px !important;}
.sport-123 .first-img img{ height:auto !important; width: 269px !important;}
.sport-123 .kafe_postimg ul li + li{ display:none;}

.slider_sport{}
.slider_sport .flex-prev{left: -28px; margin-top: -30px;}
.slider_sport .flex-next{  right: -30px; margin-top: -30px;}

/*-- css add 13 march --*/

.otherevenall{ width:auto; float:left; width: 667px; background:#FFF;  box-shadow: 0 0 2px 0 #7F7F7F; -webkit-box-shadow: 0 0 2px 0 #7F7F7F; -moz-box-shadow: 0 0 2px 0 #7F7F7F;  padding: 15px 18px;}
.costinput input[type="text"]{ background-color:#ddd; padding: 3px 10px; width: 76px;}

/*-- popup css start from 16 march --*/

.fulldescription{ background:#FFFFFF;  box-shadow: 0 0 10px 0 #7F7F7F; -webkit-box-shadow: 0 0 10px 0 #7F7F7F; -moz-box-shadow: 0 0 10px 0 #7F7F7F;  margin: 0 auto;  width:690px;
} 

.addacdescr{ padding: 10px 15px 10px;}
.addacdescr p{ padding:5px 0;}
.editdescrbtn { background:#03A3DE;  float: left;  padding: 5px 22px;  }
.editdescrbtn a{  color: #FFFFFF;  float: left;  font-size: 14px;  line-height: 1.7em; background:none; margin:0; padding:0;}
.editp p{ padding:10px 12px;}
.edrbtn {  float: right;}
.edrbtn a { background:#FF900C;  color: #FFFFFF;  float: left; font-size: 14px;  margin: 10px 11px;padding: 5px 20px;}

.confirmations{background:#FFFFFF;  color: #333333;  box-shadow: 0 0 10px 0 #7F7F7F; -webkit-box-shadow: 0 0 10px 0 #7F7F7F; -moz-box-shadow: 0 0 10px 0 #7F7F7F;  
margin: 0 auto;  width:460px;
} 
.confir_txt{ line-height: 1.8em; padding: 35px 20px 35px 50px; font-size:18px;}
.confiredit{ float:right; }
.confiredit a{background: #FF900C; margin-right:10px;  color: #FFFFFF; display: inline-block; float: left; font-size: 14px;  margin-top: 10px; padding: 5px 30px;}
.editconfican { float:left}
.editconfican a{ background:#999999; color: #FFFFFF; display: inline-block; float: left; font-size: 14px;  margin-top: 10px; padding: 5px 30px;}
/********** Adedd on 24 March 14**************/
.kafe_search_activity {  background:#FFFFFF; box-shadow: 0 0 2px 0 #7F7F7F;  height: 87px; width:1022px; margin:0 auto;   overflow: hidden;}
.activitiessearch { border-bottom:none;  margin-bottom: 2px;  margin-top: 0px;}
.searchd h6{ margin-bottom:0;}
.kafe_searchtxtsear {  text-align: center;padding-top: 15px; line-height:2.6em; }
.kafe_searchtxtsear strong {   font-size: 18px;}
.kafe_searchtxtsear p{ font-size: 14px; text-align: center;}
.eve_circle{ margin:0 auto; width:50%;}

.searchotherevt li{font-size: 13px; background:#FFF; margin-bottom:18px;    margin-right: 24px;  width: 295px; box-shadow: 0 0 2px 0 #7F7F7F;}
.eventtxtseac { float: left; margin-left:10px;width: 140px;}
.eventtxtseac a{ color:#000;}
.eventoutersee {  padding: 25px 15px 20px;}
.finderrequtxt{ background:#f7f7f7; font-size:18px; height: 80px; line-height: 4.3em; padding: 0 30px;}
.evnhe{ margin:0 auto; height:35px; display:block;}
.evnlo {   float: left;}
.indivi{background: #03A3DE;  color: #FFFFFF;  font-size: 13px;  height: 28px;  line-height: 2em;  text-align: center; padding:0 28px;}
.wid{ width:130px !important;}
.evadd1 {  margin: 10px 0;}
.evpad{ margin-right:10px;}
.searchicon{ float:left; margin-right:7px;}
.evtxt{ float:left;}
.requse{ float:left; margin-left: 5px;}
.eventxtpadd{ padding-bottom:25px;}
.sectone{ padding-bottom:15px;}
.activity_time{float:right; margin-top:4px; font-size: 11px;  font-style: italic; color: #999}
/*** Load Button ****/
.seemore {
    background: none repeat scroll 0 0 #FFAF4B;
    border: 1px solid #FF920A;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    color: #FFFFFF;
	width:80px;
	height:24px;
	margin-top:9px;
	padding:8px 0px 0px 6px;
}


#speech-bubble {background:#ff4f0a; color:#FFF;
    border-radius: 4px; font-size:12px;   
    position: absolute;     top: -12px;   padding: 1px 7px;}
#speech-bubble:before {
  width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 9px 51px 2px; position: absolute;    top: 13px;
border-color: #ff4f0a transparent transparent transparent; content:"";
}

#speech-bubble2 {background:#ff4f0a; color:#FFF; 
    border-radius: 4px; font-size:12px;   
    position: absolute;     top: -12px;   padding: 1px 7px;}
#speech-bubble2:before {
  width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 9px 51px 2px; position: absolute;    top: 13px;
border-color: #ff4f0a transparent transparent transparent; content:"";
}
.li_lastchil_raj{
	float: left;
    margin: 0 9px 0 0 !important;
    position: relative;
}

.kafe_conpaddd .postDelete,.comment-wrap li.comment .closePreview1{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.kafe_conpaddd .postDelete{top: 25px; right: -20px; opacity: 0; visibility: hidden;}
.kafe_conpaddd:hover .postDelete{right: 20px;  opacity: 1; visibility: visible;}


.kafe_conpadd .postDelete,.comment-wrap li.comment .closePreview1{transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s;}
.kafe_conpadd .postDelete{top: 25px; right: -20px; opacity: 0; visibility: hidden;}
.kafe_conpadd:hover .postDelete{right: 20px;  opacity: 1; visibility: visible;}
.comment-wrap li.comment .closePreview1{ right: -20px; opacity: 0; visibility: hidden;}
.comment-wrap li.comment:hover .closePreview1{ right: 0px; opacity: 1; visibility: visible;}
.kafetablepadd .kafe_pep strong{text-shadow:none !important; color: #333 !important;}
.kafetablepadd .gm-style div{display: none !important;}
.kafe_date_set dd{ float: left;  padding: 7px;} 
#map-canvas{background: none !important}
#map-canvas input{width: calc(100% - 10px) !important; -webkit-width: calc(100% - 10px) !important;}
.pac-container{z-index: 9999 !important}
.btnad a[href="#addSegment2"]{margin-top: 10px;}
.kafemessdiv{overflow:hidden; ; max-height: 700px; position: relative;}
#messageBoardSlider{position: relative;}

.messrating {   background: none repeat scroll 0 0 #FF4F0A;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 8px;
    font-style: normal;
    height: 11px;
    left: 20px;
    line-height: 11px !important;
    padding: 1px;
    position: absolute;
    text-align: center;
    top: 2px;
    width: 11px;}

.actDesUrs{ font-size: 12px; width: 100%; display: inline-block; padding: 10px 0px 0px 0px;;}
.actDesUrs strong{background: #666666; color: #FFFFFF; font-size: 12px; margin-right: 0; padding: 3px 9px;   width: 63px; display: inline-block; float:left; text-align:center;}
.actDesUrs span{float:left;  width: 54px;   margin-top: 3px;text-align: center;  font-size: 11px;  color: #999999; font-style: italic;}
.actDesUrs strong:last-child{float:right}
.adblkBar{margin-top: 6px;}
.addrsIcon{background:url(../images/kefe_sprite.png) no-repeat  -172px -147px; display: inline-block;vertical-align: middle;  height: 15px; margin-right: 5px; width: 15px;}
.wantJointBar{background: #f4f4f4; padding: 5px 10px; overflow: hidden;}
.wantJointBar i {float: left; margin-top: 5px; color: #666 }
.wantJointBar .dasbo {float: right; margin: 0px; font-weight: normal; font-size: 11px; border-radius: 5px;}
.userActLeftCurnt{background:#EDECEC; padding: 10px 10px; font-weight: bold;}
#userActLeftSide li{border-top:9px solid #EDECEC}
#userActLeftSide li:first-child{border-top:0px solid #EDECEC}
.addNewActivities{background: #EDECEC ; color: #03A3DE; display: block; text-align: right; padding: 10px;}
.addNewActivities .addPlusIcon{display: inline-block; vertical-align: middle; margin-top: 0px; float: inherit;}
.notiUserPic{float: left;}
.notiDetails{margin-left: 40px;}
.notiDetails a{display: inline-block;}
.notidateWrp{ margin-top: 6px;}
.notidateWrp .notiDates{font-style: italic; color: #666; font-size: 11px; }
.lftSideAddBar{text-align: center;}
.usrProp{font-size: 11px; color: #888; font-style: italic;}
#auro_refresh_div .dasbo:hover, #following_users:hover{ background: #FF900C;};
/***** Added By Raj*******/
.sl1{}
.userPicScroll {display: inline-block;  float: left;}
 .userPicScroll img{ float:left;  width:70px; height:70px; border-radius: 50%;}
 .kafe_home a{ display: inline-block;  width: 37px; padding: 10px 6px; }
.ritsli{ line-height: 1.5em; margin-left:  90px;}
.ritsli .urseName{  float: left;  font-size: 14px;  width: 100%; font-weight: bold; text-decoration: none;}
.ritsli span{ font-size:12px; float:left; width: 100%; color:#b8b7b7;}
.ritsli .followLink{ padding:1px 14px; color:#fff; float:left; background:#03a3de; border-radius:3px; -webkit-border-radius:3px; margin-top:4px;}
.segmentIcons{opacity: 0.8; width:32px; height:32px;}
.newelementhieght{ height:auto !important;}
.imgnew_hieght{ height:170px !important;}
.shered_date {height: 21px;  overflow: hidden;  padding-bottom: 0px; position:relative; width:100% !important;}

.usrProp a {
    background: #E6E6E6;
    border-radius: 5px;
    padding: 14px 0px;
    margin: 5px;
    width: 91px;
	font-style: normal;
}
.usrProp a:hover {
    background: #03A3DE; color:#fff!important;
}
.kafe_newmess2 {
     background:#FFFFFF !important;
    border: 1px solid #CCCCCC !important;
    border-radius: 5px;
    float: left;
    height: 30px;
    margin: 25px 0 6px 16px;
    overflow: hidden;
    width: 30px;
}
.notification_img{ background:url(../../img/img1.png) left 3px top 4px no-repeat !important;}
.event_invitation{ background:url(../../img/img4.png) left 5px top 3px  no-repeat !important;}
.joining_request{ background:url(../../img/img2.png) left 5px top 4px no-repeat!important;}
.new_followers   { background:url(../../img/img3.png) left 4px top 3px no-repeat!important;}
.image_holder{ background:url(../../img/arrow.png)top 10px center no-repeat!important; position: absolute;}
.about_details { float:left; width:92%; margin:30px 0; height:auto; margin:15x 0px; padding:10px;}
.about_details  h2{ border-bottom: 1px solid; text-align:center;
    color: #03A3DE;
    font-size: 15px;
    padding: 4px 0; font-weight:bold;}

.about_details > p {
    margin: 5px 0;
    padding:0px 5px;
}

.social_cont {
    float: left;
    margin: 10px 0;
    width: 100%; background:#EDECEC; padding:5px 0px;
}

.social_cont > img {
    float: left;
    height: auto;
    margin: 0 10px;
    width: 50px;
}

.social_cont > p {
    float: left;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
    width: 165px !important;
}


.sliderWrapper3 ul {
    margin: 0;
    padding: 10px;
    width: 100%;
}

.sliderWrapper3 ul li{
    
    float: left;
    height: auto;
    margin: 10px;
    padding: 10px 41px;
    text-align: center;
    width: 150px;
}

.sliderWrapper3 li:nth-child(4n+4) {margin:10px 0px;}
.sliderWrapper3 img {
    border-radius: 150px;
    height: 150px;
    width: 150px;
}

.sliderWrapper3 ul li h3 {
    background: none repeat scroll 0 0 #03A3DE;
    border-radius: 5px;
    color: #FFFFFF!important;
    font-size: 17px;
    margin:15px 0 5px 0;
    
}
.sliderWrapper3 ul li h3 a{color: #FFFFFF!important;padding: 10px 0;border-radius: 5px;}
.sliderWrapper3 ul li h3 a:hover{ background:#000;color: #FFFFFF!important;}

.sliderWrapper3 p {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

.social_list{width:100%; float:left;    margin:20px 0 35px 0;}
.social_list ul{ width:100%; float:left; margin:0px; padding:0px }
.social_list li{ width:162px; float:left; list-style:none; margin:0px 10px 0px 0px;}
.social_list li:nth-child(6n+6){ margin:0px;}
.social_list img {
     height: 100px;
    width: 161px;
}
.social_list ul li h3 {
    
    color: #FFFFFF !important;
    font-size: 15px;
    text-align: center;
    
}
.social_list ul li h3 a{color: #03A3DE!important;padding:4px 0 0 0;}
.social_list ul li h3 a:hover{ }

.social_list p {
    font-size: 12px;
    font-weight: bold;
    text-align: center; padding: 3px 0;
}

.social_list div {
    background: none repeat scroll 0 0 #fff;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
}

.activ {
    background: none repeat scroll 0 0 #03A3DE !important; color:#fff!important;
}
.success.first-img > img {
    float: left;
    height: auto;
    padding: 0 !important;
    width: 549px !important;
}
.success.first-img {
    padding: 0 !important;
}
.follow_us{ width:auto; height:auto;}
.follow{   background: none repeat fixed 0 0 #03A3DE;
    color: #FFFFFF;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    height: auto;
    margin: 0 0 10px 5px;
    padding: 5px 10px;
    width: 182px; border-radius: 5px;}
	
.follow a{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #FFFFFF;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    margin: 0;
    padding: 0;
    width: auto;}
	
.follow > span {
    font-weight: normal;
}

.follow:last-child {
    margin-bottom: 0;
}

.newpannel_serchhss {
    background: none repeat scroll 0 0 #03A3DE;
    float: left;
    padding:10px 15px;
    width: 97%; color:#fff;border-radius: 5px;
}
.newpannel_serchh {
    background: none repeat scroll 0 0 #333333;
    float: left;
    padding: 15px;
    width: 97%; color:#fff;border-radius: 5px;
}
.newpannel_serchh select {
    margin: 0 !important;
    padding: 5px;
    width: 132px !important;
}
.controls {
    height: 12px !important;
    padding: 8px; width: 190px !important;
}
.newpannel_serchh input {
    border-radius: 3px;
    height: 18px !important;
    padding: 5px;
}
.btn.btn-yellow {
    margin-top: 3px;
}
.bookimg {
    height: 34px;
	padding-left:183px;
    position: relative;
    top: -105px;
	margin-bottom:-34px;
    width: 64px;
}
.first-img_event > img {
    float: left;
    height: 300px !important;
    padding: 0 !important;
    width: 549px !important;
}
.share_event_ttl {
font-weight:bold;	
	}
.share_event_des{ font-size:12px;
width:100% !important;}


,