html[xmlns] .clear-fix {
display:block;
}
* html .clear-fix {
height:1%;
}
.clear{clear: both;
font-size: 1px;}
html {
height:100%; /* fix height to 100% for IE */
max-height:100%; /* fix height for other browsers */
}
a{ color: #32394A; font-size:12px; text-decoration:none;font-family:'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;}
search box textarea {
margin : 0;
}
.centerdiv{ margin: 0 0 0 0px;
width: 100%;}
.Detail.button, .Detail.button:visited {
background-color : #5b74a8;
border-color : #29447e #29447e #1a356e;
color : #ffffff;
cursor : pointer;
font-size : 12px;
font-weight : bold;
text-align : center;
width : 33px;
}
.Detail.button:hover {
text-decoration : none;
}
.topLogin{background-color: #F2F2F2; padding:5px}
#LoginForm input{ float:left; width:120px; padding:3px;}
.highlight{ border:solid #F00 1px;}
#respond{
color: #666;
background: #32394A;
font: 12px Verdana, Geneva, sans-serif;
border-image: initial;
margin-top:0px;
}
.comment.button, .comment.button:visited {
background-color : #5b74a8;
border-color : #29447e #29447e #1a356e;
color : #ffffff;
cursor : pointer;
font-size : 12px;
font-weight : bold;
margin-bottom : 3px;
margin-right : 4px;`
text-align : center;
width : 60px;
}
.main_bar {
width:488px;height:30px; margin-top:4px;
}
.urlDiv1{height:30px; margin-top:4px; float:left;}
.imguploadpaneldiv1{padding:10px 10px 10px 5px; margin-left:15px;}
.m-so-q-bas-r{margin-bottom:10px ; margin-right:0px;}
.loginLabel{ font-size:12px;float:left; margin:6px}
.tagAvatar{float:left; margin-right:10px;}
.compose_box {
margin-left: 2%;
margin-right: auto;
margin-top: 1%;
padding: 0;
width: 96%;
}
.compose_box .form-group {
margin-bottom: 5px;
margin-top: 8px;
}
.compose_box br {display:none;}
.gbutton {
/* background: -moz-linear-gradient(top, #3b5998, #32394A);
background: -ms-linear-gradient(top, #3b5998, #32394A);
background: -webkit-linear-gradient(top, #3b5998, #32394A);
border: 1px solid #32394A;
text-shadow: 0 -1px -1px #1f2f52;
color: white;
-webkit-border-radius: 2px;
border-radius: 2px;
cursor:pointer;
font-size: 11px;
font: normal 13px arial,sans-serif;
font-weight: bold;
text-align: center;
height: 27px;
line-height: 27px;
min-width: 54px;
outline: 0;
padding: 0 8px;
display: inline-block;
border-image: initial;*/
background: none repeat scroll 0 0 #5cb85c;
border: 1px solid #4cae4c;
border-radius: 2px;
color: #fff;
cursor: pointer;
display: inline-block;
font: bold 13px/27px arial,sans-serif;
height: 27px;
min-width: 54px;
outline: 0 none;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
}
#wall_textarea {
border: 1px solid #ccc;
margin-top: 5px;
min-height: 59px;
width: 100%;border-radius: 5px;
}
.wallcompose .loadbutton {
margin-bottom: 20px;
}
.commentBox {
background : #EDEFF4;
border-radius: 6px;
/*margin-left : 61px;*/
margin-top : 2px;
padding : 5px;
width : 100%;
}
.mypanel-body {
padding: 0 !important;
}
.postactiondiv{background-color: #fff;border-radius: 7px;
border-bottom: 0px solid #e3e3e3;
color: #32394a;
margin-top: 0;
padding: 0;
text-align: left;
width: 100%;
}
.av {
float: left;
margin-right: 5px;
width: 50px;
margin-left: -10%;
height: 50px;
overflow: hidden;
border-radius: 50%;
}
.name .av a, .name .comav a {
margin: 0 !important;
float: left;
}
.av-cont {
margin: 0 0 15px 0px;
padding: 7px 0 0;
text-overflow: ellipsis;
}
.av-hd {
border: 0 none;
color: #3a95c0;
font-size: 14px;
font-weight: 600;
margin: 0 !important;
unicode-bidi: normal;
}
.av-conta {
padding-top: 0px;
width: auto;
}
.av-un a {
color: #8a8a8a;
text-decoration: none;
}
.av-un a:hover {
color: #5cb85c;
text-decoration: none;
}
.av-un {
color: #8a8a8a;
display: inline-block;
font-size: 13px;
padding-right: 6px;
}
.av-t {
color: #404040;
font-size: 13px;
line-height: 1.4;
min-height: 0;
overflow: hidden;
padding: 0 0 5px;
}
.av-img {
margin-bottom: 10px;
margin-top: 10px;
text-align: center;
}
.av-con {
color: #292f33;
font-size: 14px;
line-height: 1.4em;
margin-left: 10px !important;
}
.av-con a.oembed{
color: #292f33;
font-size: 13px;
line-height: 1.4em;
}
#show_img_upload_div{ width:100%;}
.commentPanel {
background-color: #f9f9f9;
border: 1px solid #eee;
/*margin-left : 61px;*/
margin-top : 0px;
/*padding : 5px 3px 10px 5px;*/
padding:5px; padding-left: 10px; border-radius:7px;
width : 100%;
/*font-size:11px;*/
}
.postedComments {
float : left;
font-size : 11px;
margin-left : 6px;
text-align : justify;
width : 290px;
}
.commentMark {
border : 1px solid #dddddd;border-radius: 5px;
float : left;
font-size : 11px;
margin-left : 0px;
background-color:#fff;overflow: hidden;
width : 89%;
}
.popUpCommentArea {
border : 1px solid #dddddd;
float : left;
font-size : 11px;
margin-left : 5px;
width : 95%;
}
a.c_delete {
color : #32394A;
font-size : 11px;
}
.posttime{color: #777;
font-size: 11px;}
#midbox{ width: 100%; min-height:614px;}
.postdesclabel{ padding:8px; width:96%}
.wallposthead{border-bottom: 0px solid #ccc; margin-bottom:2px; padding-bottom:7px;padding: 0px; }
.friends_area {
border: solid 1px;
border-color: #EDEFF4;
background:#FFF;
/*margin-left : 13px;*/
min-height : 60px;
/*padding-bottom : 10px;
padding-top : 15px;*/
vertical-align : top;
width : 100%;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom:5px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);text-shadow:0 1px 0 #FFFFFF;
}
.top_area {
background : #627aad none repeat scroll 0% 0%;
color : #ffffff;
font-size : 14px;
font-weight : bold;
padding : 6px 6px 6px 12px;
}
.name b {
color : #32394A;
cursor : pointer;
font-size : 12px;
}
.left{
float:left;
}
.wall_arrow{margin-top:2px;float:left}
.name {
color: #333333;
float: left;
font-size: 12px;
margin-left: 10%;
text-align: justify;
width: 88%;
}
#show_img_upload_div b{ font-size:12px}
a.delete {
background : transparent none repeat scroll 0% 0%;
border : 0 none;
color : #333333;
cursor : pointer;
display : none;
float : left;
font-size : 11px;
font-weight : bold;
margin : 0;
outline : medium none;
padding : 5px;
text-decoration : none;
white-space : nowrap;
-moz-background-inline-policy :continuous continuous ;
}
a.delete:hover {
background : #eeeeee none repeat scroll 0% 0%;
border : 1px solid #b1b1b1;
padding : 5px;
opacity:1;
}
.name a, .commentPanel a {
color : #999;
font-size : 12px;
margin : 3px 3px 3px 0;
margin-left: 10px !important;
}
.name h3.av-hd a { margin-left: 0px !important;}
.name .comg a.vpb_link_attribute { margin-left: 0px !important;}
.name em {
color : #333333;
word-wrap: break-word;
font-size : 11px;
font-size: 12px;
font-style : normal;
width : 200px;
}
.name span {
color : #a4a4a4;
font-size : 11px;
}
.label {
width : 10em;
float : left;
}
label.error {
float : none;
color : red;
padding-left : 0.5em;
vertical-align : top;
}
em {
padding-right : 1em;
}
.logout{ display:block; padding:5px;}
#heading
{
font-size:56px;
color:#CC0000;
}
#bio{ overflow:hidden; text-align:left; margin-bottom:9px;}
#bio h4{ margin:0px; padding-bottom:8px; font-size:18px;height: 17px;}
#responding{
padding: 10px 20px;
border: 1px solid #FFD377;
color: #666;
text-align:left;
background: #FFF7CD;
font: 12px Verdana, Geneva, sans-serif;
border-image: initial;
margin-top:10px;
width: 82%;
margin-left: 3px;
}
#responding-success{
padding: 10px 20px;
border: 1px solid #4F8A10;
color: #4F8A10;
text-align:left;
background: #DFF2BF;
font: 12px Verdana, Geneva, sans-serif;
border-image: initial;
/*margin-top:10px;*/
width: 82%;
margin-left: 3px;
}
#header_error_messages{
padding: 10px 10px;
border: 1px solid;
display:none;
margin-top:10px;
position:fixed;
bottom:30%;
color: #D8000C;
text-align:left;
background: #FFBABA;
font: 12px Verdana, Geneva, sans-serif;
border-image: initial;
width: 466px;
overflow:auto;
}
#header_notice_messages{
color: #4F8A10;
background: #DFF2BF;
display:none;
padding: 10px 10px;
border: 1px solid;
margin-top:10px;
position:fixed;
bottom:30%;
text-align:left;
font: 12px Verdana, Geneva, sans-serif;
border-image: initial;
width: 466px;
overflow:auto;
}
.topLogin {
background: #F6F6F6;
border: 1px solid #CDCDCD;
box-shadow: 0 1px 2px #CDCDCD;
border-radius: 2px 2px 2px 2px;
padding: 10px 15px 10px 0;
}
.approvebox{ float:right; border:solid #999 1px; margin-top:18px; padding:3px; margin-right:5px; }
.a-btn:hover,.notify:hover{
background:#fff;
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.buddy{
background: #3D9400;
border: 1px solid #29691D;
color:#FFF;
display:block;
padding:5px;
width:100px;
text-align:center;
margin-left:20px;
margin-top:10px;
}
.wrapperfb{
position:fixed;
/*margin-top: -283px;*/
height: 500px;
padding-top:147px;
width: 491px;
opacity:.5;
display:none
}
.member_list a{ float:left;}
.member_list:hover{ border:solid #666 1px;}
.member_list{ padding:8px; border: 1px solid #CCC; }
.navigation{ display:block; float:left; padding:4px; background:#32394A; color:#FFF; margin:5px;}
.navigation:hover{background:#C00}
#sidebar{
min-height:100%;
text-shadow: 0 -1px -1px #203448;
position: fixed;z-index: 9999;
width: 160px;
height: 100%;
overflow: hidden;
/*top: -12px;*/
background: #1D1D1D;
border-right: 7px solid #FF6201;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
#sidebar img{
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
}
#logoheaderbox{
background:#1D1D1D;top:0px;
/*position: fixed;*/
font-size:25px;
color:#fff;
height:46px;
text-align:left;
width: 160px;
}
.languages{ border:solid #999 1px; padding:4px;}
.wrap{ margin-top:20px;}
.box{border:1px solid #E8E8E8; width:500px; padding:4px 4px 9px 4px; }
.head{
background:url(link.gif) center left no-repeat;
padding-left:20px;
color:#666666;
font-weight:bold;
font-size:11px;
height:17px;
padding-top:2px;
width:250px;
float:left
}
.close{ float:left; width:230px; height:21px;}
.closes:hover{ background:url(closeh.png) center right no-repeat; height:21px;}
.closes{ background:url(closes.png) top right no-repeat; width:24px; height:21px; cursor:pointer;}
#url{
border:solid #CCC 1px; padding:6px;width: 375px; float:left;
font-size:13px;
}
#attach{
font-size:13px;
font-weight:bold;
height:24px;
margin-left:0px;
overflow:hidden;
cursor:pointer;
}
.images{width:100px; height:100px; float:left; margin-right:8px;}
.info{ width:360px; height:200px; float:left;}
.title{ font-size:11px; font-weight:bold; cursor:pointer; }
.url{ font-size:11px; padding:3px;}
.desc{ font-size:12px; margin-top:5px; cursor:pointer; }
.title:hover{ background-color:#FFFF99}
.desc:hover{ background-color:#FFFF99}
#prev{cursor:pointer;}
#next{cursor:pointer;}
.totalimg{ font-size:10px; color:#333333;float:left; margin:5px;}
#ftch_main{width:476px;}
#attach_content{border:1px solid #ccc;margin-top:10px;}
#ftchimgz { width: 91px;height:120px;overflow:hidden;float:left; padding:5px; }
#ftchinformation {width:339px;float:left;min-height:100px;text-align:left; padding:10px;}
#ftchtitle {font-size:14px;display:block;}
.clearfix:after {
clear: both;
content: ".";
display: block;
font-size: 0;
height: 0;
line-height: 0;
visibility: hidden;
}
.dialog_buttons {
background: none repeat scroll 0 0 #F2F2F2;
padding: 8px 10px;
position: relative;
text-align: right;
}
.dialog_content {
border-style: solid;
}
#ftchurlz {font-size:10px;display:block;}
#ftchdesc {font-size:12px;}
#ftchtotalimgs_info{float:left;padding:4px 10px;}
#showthumb{margin-left: 18px; /*margin-bottom:8px;*/}
.showthumb
{
border:solid 1px #dedede;
width:200px;
padding:12px;
}
#ftchurlz:hover{ background-color:#FF9}
.ftchdesc2 {font-size:12px;}
#ftchdesc:hover{ background-color:#FF9}
.ftchtotalimgznavigation{float:left;padding-left:20px}
.ftchtotalimgs_info{float:left;padding:4px 10px;}
.next{ color:#999;float:right;}
#txtarea_tag_user_result_div{ background:#f7f7f7; position:absolute; width:80%; padding:5px; overflow:hidden; z-index:999;}
.each_tag_user{border:solid 1px #dedede; height:62px; cursor:pointer; padding:6px;clear:both; }
.each_tag_user:hover{ }
.each_tag_user:hover a{}
.each_tag_user a:hover{ text-decoration:none; }
.each_tag_user a{ color:#32394A; font-weight:bold; float: left;margin-top: 9px;}
.cmtgshow{ background:#FFF7CD; position:absolute; width:332px; padding:5px; overflow:hidden; z-index:999;margin-left: 120px;}
.attach_content2{margin-top:10px; width:484px;}
.ftchimgz2 {width:115px;overflow:hidden;float:left;}
.ftchinformation2 {width:340px;float:left;text-align:left; padding:0px 0px 0px 10px;}
.ftchtitle2 {font-size:14px;display:block;}
#ftchtitle:hover{ background-color:#FF9}
.ftchurlz2 {font-size:10px;display:block;}
/* popup */
#blanket {
position: fixed;
z-index: 10000; /*ooveeerrrr nine thoussaaaannnd*/
top:0px;
background-color: black;
left:0px;
height:100%;
opacity: 0.85;
width:100%;
}
.likepopup
{
width:100%;display:block;clear:both;height:auto;border-bottom:1px solid #CCC;padding:5px;float:left;
}
#popUpDiv .data{ padding:5px;}
#popUpDiv {
position:absolute;
border: 10px solid #f2f9ee;
color:#333;
background-color:#f2f9ee;
/*padding: 10px;*/
box-shadow:0 0 18px rgba(0,0,0,0.4);
min-width:350px;
/*min-height:370px;*/
z-index: 10000;
top:10%;
}
#popUpDiv div.innerPOP{background: #fff;}
#popUpDiv .popup_loader{padding:20px 0px 20px 160px;}
.collapsed{
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #32394A;
cursor: pointer;
/* font-family: 'Lucida Grande',Tahoma,Verdana,Arial,sans-serif;*/
font-size: 11px;
margin: 0;
padding: 0;
vertical-align: top;
width: 34%;padding:5px;
background:#fff;
padding-bottom:3px; margin-top:5px; font-size:11px
}
.pagingComment{width:276px; float:left;font-size:13px}
.showPpl a{font-size: 11px;}
.postactiondiv a{font-size: 13px; }
.showlikee {
float: left;
margin-right: 10px;
}
.showPpl {
float: left;
margin-right: 10px;
/* width: 475px;
background-color: #EDEFF4;
border-bottom: 1px solid #E3E3E3;
cursor: pointer;
color: #32394A;
text-align: left;
padding: 5px;
margin-top: 2px;
font-size: 11px;
cursor:default*/
/*margin-left: 61px;*/
}
.showPpl .voteicon{ margin-right: 0;margin-top: 0;}
.showPpl span{ font-size:12px; color: #32394A; font-size:12px;}
.poststyle{ word-wrap:break-word;padding-right:0px;color: #333;font-size: 13px;line-height: 1.38; }
.comDiv1{padding-top:5px;}
.pad12{padding:2px;}
.comOnlyPad{padding-top:3px;}
.hides{display:none;}
.voteicon{float:left;margin-right:5px; margin-top:-4px;}
.commenticon{float:left;margin-right:5px;}
a.button-left {
color: #fff;
display: inline-block;
font-size: 12px;
margin: 1px;
padding: 10px 15px;
text-align: left;
font-weight:bold;
width: 160px;
border-bottom: 1px solid #252525;
}
a.active{
color: #D53225;
}
a.button-left span{
float:left;
padding-top:4px;
margin-left:6px;
}
a.button-left:hover {
color:#D53225
}
.dotseparator{ margin-bottom:5px; color:#999}
a.button-facebook {
background-color: #32394A;
background: -moz-linear-gradient(top, #3b5998, #32394A);
background: -ms-linear-gradient(top, #3b5998, #32394A);
background: -webkit-linear-gradient(top, #3b5998, #32394A);
border: 1px solid #32394A;
text-shadow: 0 -1px -1px #1f2f52;
}
a.button-facebook:hover {
background: -moz-linear-gradient(top, #32394a, #32394a);
background: -ms-linear-gradient(top, #32394a, #32394a);
background: -webkit-linear-gradient(top, #32394a, #32394a);
}
.showthumbMulti
{
border:solid 1px #dedede;
width:100px;
height:70px;
margin-left:10px;
float:left;
padding:12px;
}
.showthumbMultiWall
{
border:solid 1px #dedede;
width:100px;
height:70px;
margin-left:2px;
float:left;
padding:12px;
}
.likepopup_a{cursor: pointer;color: #32394A;-moz-outline-style: none;margin-top:8px; height:40px;vertical-align: middle; float:left;font-size:14px; font-weight:bold; margin-left:12px;}
.likepopup_a2{cursor: pointer;color: #32394A;-moz-outline-style: none;float:left}
.topheadpopup_div{ background: #5cb85c;}
.popupheadlabel{ width:80%; float:left; color:#FFF; text-align:left; font-size:15px; font-weight:bold; padding:5px;}
.topheadpopup_a{ float:right;}
.topheadpopup_a{ background:url(img/hides.png) center right no-repeat; display:block; height:18px; width:18px;}
.modal-body .likepopup_a2 { height: 50px; overflow: hidden; border-radius: 50%;}.modal-body .likepopup_a2 img{ min-height:50px;}
.modal-body .likepopup_a { margin-top: 14px;}
.remv-img {
position: absolute;
opacity: 0.4;
cursor: pointer;
}
#profilecover{ height:200px; overflow:hidden;}
#profilepicthumb{ float:left; top:100px}
.profileinfodiv{ overflow:hidden; width:480px; text-align:left; margin-top:9px;}
.profileinfodiv img{ width:12px;}
.profileinfodiv h4{ margin:0px; padding-bottom:8px; font-size:18px}
.profileinfodiv{
float:left;
width: 487px;
padding-right:4px; padding-top:3px;
min-height: 80px;text-shadow:0 1px 0 #FFFFFF;
}
h4{text-shadow: -1px -1px 1px #ccc;}
table#grouptable th{ font-size:14px;}
table#grouptable td{ font-size:13px;}
table#grouptable .grouptable_radio{ width:14px;float:left}
table#grouptable .grouptable_span{ float:left}
#grouptable ul{ list-style-type:none; margin:0px; padding:0px;}
table#grouptable .grouptable_div{ font-size:12px; padding-left:24px; width:326px; color:#666}
table#grouptable .grouptable_input{ color:#999; font-size:12px}
.loaderglobal{ width: 36px;
padding: 33px;display:none; float:left;}
.popupPrev{ position:absolute; left:-40px; top:243px;}
.popupNext{ position:absolute; right:-33px; top:243px;}
#popup_image_box_div img{ max-width:800px; max-height:563px; }
.lb-close, .lb-details{ display:none}
.lb-dataContainer{ background-color:#FFF;padding-bottom: 10px; width:503px}
.postThumb{/*-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3); */float:left; margin-right:9px; width:60px; height:auto;min-height: 50px;}
/*.commentThumb{-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3); float:left; margin-right:9px; width:40px; height:auto;}*/
.commentThumb {
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
float: left;
margin-right: 9px;
width: 40px;
height: auto;
max-height: 40px;
border-radius: 50%;
}
a.flowlight{
width: 100%;
display:block;
height: auto;
margin-left: 15px;
}
/* notifiy*/
.friendThmbs {
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
float: left;
margin:9px 5px;
width: 40px;
height: 40px;
}
.friendboxcover {
border:solid 4px #444;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
z-index: 1;
color:#fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 10px #303030;
box-shadow: 0 0 10px #303030;
}
.friendboxcover a{
font-weight:normal;text-shadow: -1px -1px 1px #000;
color:#fff;
}
.friendboxcover-header {
background-color: #444;
border-bottom: 0;
padding-top: 7px;
padding-bottom: 7px;
}
.friend-wrtap{
margin-left:2px;
max-height:200px;
min-height:100px;
background:#FBFBFB;
overflow: hidden;
}
.a-btn {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
margin-left:8px;
border-radius: 50px;
padding: 8px;
margin-bottom:9px;
min-width:100px;
text-align:center;
float:right;
display: block;
overflow: hidden;
background: white;
background: -webkit-gradient(linear,left top,left bottom,color-stop(rgba(255, 255, 255, 1),0),color-stop(rgba(246, 246, 246, 1),0.74),color-stop(rgba(237, 237, 237, 1),1));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow: 0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
-webkit-transition: box-shadow 0.3s ease-in-out;
}
.notify{
background: white;
padding:4px;
text-align:center;
cursor:pointer;
background: -webkit-gradient(linear,left top,left bottom,color-stop(rgba(255, 255, 255, 1),0),color-stop(rgba(246, 246, 246, 1),0.74),color-stop(rgba(237, 237, 237, 1),1));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.approvebox{ float:right; border:solid #999 1px; margin-top:18px; padding:3px; margin-right:5px; }
.a-btn:hover,.notify:hover{
background:#fff;
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.a-btn-requestsent{
background:#fff;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
margin-left:8px;
cursor:default;
border-radius: 50px;
padding: 8px;
position:relative;
margin-bottom:9px;
min-width:100px;
text-align:center;
float:right;
display: block;
overflow: hidden;
background: white;
background: -webkit-gradient(linear,left top,left bottom,color-stop(rgba(255, 255, 255, 1),0),color-stop(rgba(246, 246, 246, 1),0.74),color-stop(rgba(237, 237, 237, 1),1));
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
background: linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(246, 246, 246, 1) 74%, rgba(237, 237, 237, 1) 100%);
-webkit-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
-moz-box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
box-shadow:0px 0px 9px rgba(0,0,0,0.4), 0px 0px 0px 1px rgba(188,188,188,0.1);
}
.nofriendfound{font-size:11px;color:black;margin-top:6px; }
#bottomSpinner{
border:solid #000 1px;
width:150px; position:fixed;
bottom:30px; padding:8px;
color:#FFF;
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 5px;
margin-left:160px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
background:#000; opacity:0.9;
}
#TopSpinner{
width:65px;
position:fixed;
background:#FFF;
padding:5px;
color:#FFF;
text-align:center;
margin-top:-32px;
border-radius: 4px;
opacity:0.7;
margin-bottom: 5px;
margin-left:-1px;
}
#screenCover {
position: fixed;
z-index: 10000; /*ooveeerrrr nine thoussaaaannnd*/
top:0px;
left:0px;
height:100%;
opacity: 0.85;
width:100%;
}
.postSpinner{
width:467px;
position:absolute;
height:100%;
background-color:#FFF;
background:url(img/ajax-loader.gif) top right no-repeat;
color:#FFF;
text-align:center;
display:none;
margin-top:10px;
border-radius: 4px;
opacity:0.7;
}
/* sidebar popup */
#notification_wrapper {
margin: 0;
padding: 0;text-shadow:0 1px 0 #FFFFFF;
display:none;
background:#F6F6F6;-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
position: absolute;
top: 20px;
width: 300px;
/*z-index: 99999;*/
}
.notification_header h3 {
margin: 10px 0 0 10px;
padding: 0;
color: #32394A;
float: left;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
}
.notification_header h3 a{
text-decoration:underline;
}
.notification_header h3 em{ font-size:10px;}
.notification_sub_cont {
margin: 0;
width: 300px;
padding: 0;
background: #F6F6F6; /*background: #252525;*/
float: left;
border-radius: 2px;
box-shadow: 0 2px 5px #333;
}
.notification_header {
margin: 0;
padding: 0;
background: #F6F6F6;
border: 1px solid #CDCDCD;
box-shadow: 0 1px 2px #CDCDCD;
border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 0 0;
height: 40px;
}
.notification_content {
margin: 0 5px;
/*padding: 0 10px 5px 10px;*/
background: white;
text-shadow:0 1px 0 #FFFFFF;
border-top: 1px solid #E1DFDC;
290px
min-height:40px;
}
.notification_requests_content {
margin: 0 5px;
/*padding: 0 10px 5px 10px;*/
background: white;
text-shadow:0 1px 0 #FFFFFF;
border-top: 1px solid #E1DFDC;
290px
min-height:40px;
}
.notification_content_bottom {
padding: 1px;
border: 1px solid #F6F6F6;
/*
box-shadow: 0 1px 2px
margin: 0 5px 5px 5px;
*/
}
.popup_bottom a{
color: #32394A;
margin: 5px 0 0 0;
}
/* header nav */
#main-header-nav {
padding: 0;
width: 100%;
height: 40px;
background: #F6F6F6;
border-radius: 2px 2px 2px 2px;
position: relative;
z-index: 9;
}
#main-header-nav .sub_nav {
padding: 0;
height: 40px;
float: left;
text-transform: uppercase;
position: relative;
}
#main-header-nav .sub_nav a.anchr {
border-left: 1px solid white;
border-right: 1px solid #DEDBD6;
font-size: 14px;
text-align: center;
line-height: 40px;
float: left;
position: relative;
padding: 0 10px;
}
#main-header-nav .sub_nav a.anchr {
font-size: 14px;
text-align: center;
line-height: 40px;
}
#main-header-nav .sub_nav a.anchr:hover {
color: #D53225;
}
#main-header-nav .sub_nav a.anchr.selected, #main-header-nav .sub_nav a.anchr.active {
background: none repeat scroll 0 0 #fff;
border-bottom: 2px solid #fff;
border-left: 0 solid #d53125;
border-right: 1px solid #dedbd6;
color: white;
}
#main-header-nav a.home {
background:url(img/notific-hover.png) top left no-repeat;
border-radius: 2px;
font-size: 14px;
width:22px;
font-weight: normal;
float: left;
}
/*notify m*/
.load_notifications{ padding:8px; text-align:center}
/* newfriend*/
#friends_container { min-height:600px;padding: 0 10px 20px 15px;
background: white;
border: 1px solid #DEDBD6;
width: 460px
}
#friend_search input.form-field:hover {
background-color: #EEE;
}
#friend_search input.form-field {
min-width:210px;
margin-top:8px;
height: 18px;
padding: 8px 10px;
font-size: 12px;
background-color: #DDD;
color: #666;
border: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-width: 1px;
text-align: left;
-webkit-appearance: none;
}
.friend_m_wrapper {
/*margin: 20px 0 0 0;*/
padding: 0 10px 20px 15px;
/*background: whiteSmoke;*/background: #fff;
border: 1px solid #DEDBD6;
width: 460px;
}
.friend_m_wrapper h3 {
margin: 25px 0 20px 0;
padding: 0;
}
.friendLiwrap {
margin: 1px 0 0 0;
padding: 0;
width: 228px;
position: relative;
}
.float_left {
float: left;
}
.float_right {
float: right !important;
}
.friendSpanimg {
margin: 4px 0 0 4px;
padding: 2px;
background: #fff;
width: 70px;
height: 53px;
float: left;
overflow: hidden;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
border: 1px solid #CDCDCD;
box-shadow: 0 1px 2px #CDCDCD;
border-radius: 2px 2px 2px 2px;
}
.friend_name_anch{ margin-left:8px; float:left;width: 129px; margin-top:16px;}
.friend_name_anch em{ font-size:11px; font-style:normal; color:#999}
a.changebutton{
padding:4px; float:none;
clear:both;
min-width:40px;
max-width:60px;
margin-top:8px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
a.changebutton_friendbox{
padding:5px;
min-width:40px;
cursor:pointer;
max-width:80px;
margin-top:8px;
-webkit-border-radius: 0px;
float:left;
-moz-border-radius: 0px;
border-radius: 0px;
}
.enb {
background: #DA000F;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #DA000F), color-stop(100%, #6E0002));
background-image: -webkit-linear-gradient(top, #DA000F 0%,#6E0002 100%);
background-image: -moz-linear-gradient(top, #DA000F 0%,#6E0002 100%);
background-image: -o-linear-gradient(top, #DA000F 0%,#6E0002 100%);
background-image: linear-gradient(top, #DA000F 0%,#6E0002 100%);
}
.enb {
color: white;
font-size: 11px;
position: relative;
top: -12px;
padding: 1px 3px 2px;
text-indent: 0;
text-shadow: rgba(255, 255, 255, 0.2) 0 -1px 0;
}
.show_notifications{
padding-bottom:8px;
padding-top:8px;
border: 0;
border-top: 1px solid #D2D2D2;
}
.show_requests_notifications{
padding-top:8px;
border: 0;
border-top: 1px solid #D2D2D2;
}
.notify_div{padding-top:3px;font-size:11px;float: left;width: 70%; margin-left:3px; min-height:20px;line-height: 1em;}
.notify_div2{padding:3px;font-size:11px;float: left; width: 78%; margin-left:5px; min-height:20px; padding-top:0px; line-height:19px;}
.notify_img{ display:block; padding:0px; background:#fff; height:50px; overflow:hidden; width: 50px;float: left; border:1px solid #ccc; margin-right:5px; border-radius:50%;}
a.notify_img img {
width: 100%;
min-height: 50px;
}
.notify_time{font-size:11px; margin-right:4px;color:gray;margin-top: 5px;}
.notify_time span{font-size:11px; margin-right:4px;color:gray}
.tooltip{
position:absolute;
width:230px;
background: #F6F6F6;
border: 1px solid #CDCDCD;
box-shadow: 0 1px 2px #CDCDCD;
border-radius: 2px 2px 2px 2px;
color:#32394A;
padding:10px 5px 5px 10px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
text-shadow: 0 1px 0 white;
}
.tooltip-image{
float:left;
margin-right:10px;
margin-bottom:5px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
.tooltip .worktips{
font-weight:11px;
color:#32394A;
}
.markas{ float:right;}
.markasimg{opacity:0.5;}
#responding-temp{
padding: 10px;
border: 1px solid #FFD377;
color:#F00;
background: #FFF7CD;
font: 12px Verdana, Geneva, sans-serif;
border-image: initial;
width: 98.6%;
}
.marked_as_inapp{background:#FFF7CD;}
.inappspan{ color:#F00}
.tooltip_view_posts{
position:absolute;
background: #333;
color:#fff;
padding:5px;
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}
.tooltip_view_posts span{font-size:11px;}
#signUpForm label{ float:left; width:150px;}
#strictalert{
font-size:16px;
font-weight:bold;
color:#ff0000;
}
.submit input {
background: none repeat scroll 0 0 #617798;
border: 0 none;
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
padding: 9px 15px;
width: auto;
}
label {
width: 90%;
}
input, textarea {
/* background: -moz-linear-gradient(center top , #FFFFFF, #EEEEEE 1px, #FFFFFF 25px) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
background: #fff;
border: 1px solid #E5E5E5;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
font: 13px/100% 'Roboto', sans-serif;
outline: 0 none;
padding: 9px;
width: 200px;
}
.com-bck {
border-top: 0 solid #cbcbcb;
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1) inset;
width: auto;
}
.com-bck .mypanel-body .collapsed.showPpl{border-radius: 7px;}
.com-ink {
display: block;
margin-bottom: 0px;
margin-top: 10px;
padding: 0;
position: relative;
}
.comav {
float: left;
margin-right: 5px;
width: 30px;
height: 30px;
overflow: hidden;
border-radius: 50%;
}
.comav img {
min-height: 30px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
display: block;
height: auto;
max-width: 100%;
}
.comg {
border-bottom: 0 solid #d4d4d4;
margin: 0;
min-height: 0;
padding: 0 20px 5px 45px;
vertical-align: top;
}
.comgx {
margin: 0;
}
.comgx br{ display:none; }
.comge {
color: #19932e;
font-size: 13px;
font-weight: bold;
position: relative;
}
.comgq {
color: #717171;
font-size: 12px;
margin: 0;
overflow: hidden;
}
.comgg {
max-height: 73px;
overflow: hidden;
}
.com-un {
color: #acacac;
display: inline-block;
font-size: 12px;
}
.boldy{
color:#19932e;
}
@media only screen and (max-width : 1200px) {
label {
width: 87%;
}
}
@media only screen and (max-width : 992px) {
label {
width: 84%;
}
}
@media only screen and (max-width : 767px) {
label {
width: 89%;
}
}
@media only screen and (max-width : 600px) {
label {
width: 86%;
}
}
@media only screen and (max-width : 450px) {
label {
width: 82%;
}
.commentThumb{
width: 33px;
}
#vpb_load_user_details_main_wrapper{
left:5px !important;
width:305px;
}
#vpb_photo_box{
width:75px;
}
}
.inner-conteiner p {
margin-left: 10px !important;
}
.progress
{
display:none;
position:relative;
width:400px;
border: 1px solid #ddd;
padding: 1px;
border-radius: 3px;
}
.bar
{
background-color: #B4F5B4;
width:0%;
height:20px;
border-radius: 3px;
}
.percent
{
position:absolute;
display:inline-block;
top:3px;
left:48%;
}