* {
	margin:0;
	padding:0;
	outline:0 none;
}
.changeback:hover
{
	background-color:#F8F8F8;
	border-bottom: 1px solid #666666;
}

.alt_msg {
	padding:3px; border:2px solid #fafafa; font-size:13px;
}
.notification_mark_as_read
{
margin:22px 0px 0px 18px;
}
.jewelItemnew
{
background: #ecf0f7;
}
.alt_msg span { color:#F00; font-weight:bold; font-size:14px; }
body {
	color:#333;
	direction:ltr;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	font-size:11px;
	unicode-bidi:embed;
	background-color:#E7EBF2;
	margin:0px;
}
xmp
{
	overflow-wrap: break-word !important;
	white-space: initial !important;
}
h1, h2, h3, h4, h5, h6 {
	text-shadow: 0 1px 0 #FFFFFF;
}
form {
	display:inline
}
img {
	border:0 none;
	text-decoration:none
}
textarea:focus, input:focus {
	outline:none
}
strong {
	color:#333
}
a {
	color:#333;
/*	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;*/
	text-decoration:none;
	outline:none
}
a:hover, .anchor:hover {
	text-decoration:underline
}
.clearfix {
	clear:both;
	visibility:hidden;
	height:0;
	display:block
}
/*-------FB-Bar-----------*/
#FB-Bar {
/*	background:#E22537;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.52);
	min-width: 1000px;
	width: 100%;
	z-index: 1000;*/
}
/*#FB-Frame {
	margin: 0px auto;
	max-width:900px;
	height:38px;
	display:block;
}*/
#FB-Frame {
/*    margin: 0px auto;
    max-width: 900px;
    height: 35px;
    display: block;
    padding-bottom: 5px;
    padding-top: 8px;*/
}
/*-------LOGO-----------*/
#logo {
	float: left;
	height: 38px;
	position: relative;
	width: 160px;
}
#logo a {
	position: absolute;
	top: 7px;
	font-size:22px; font-weight:bold; color:#FFF;
}
#logo a:hover { text-decoration:none; }
/*-------SEARCH-----------*/
#searchNav {
/*	float: left;
	height: 38px;
	margin-left: 28px;
	position: relative;
	width: 330px;*/
}
#searchNav #search {
	position: relative;
	right:0px;
}
.nav-down-arrow {
    border-right: 4px solid transparent;
    border-style: solid;
    border-left: 4px solid transparent;
    border-color: #A0A0A0 transparent transparent;
    border-width: 4px 4px 0px;
    width: 0px;
    height: 0px;
    font-size: 0px;
    line-height: 0;
    z-index:9999;
    margin-left:-15px;
    margin-top:5px;
}
.searchgog
{
	background-color:#FFF;
	color:#555;
	display:block;
	font-family:Helvetica;
	font-size:12px;
	height:24px;
	padding-left:7px;
	padding-right:30px;
	width:80px;
	border:1px solid #0053A6;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	border-radius:3px;
}
#searchNav {
/*	display:block;
	font-family:Helvetica;
	font-size:12px;
	height:24px;
	
	width:350px;
	border:1px solid #0053A6;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	border-radius:3px;
	margin-top:6px;	*/
}
 #searchInput {
/*	background-color: #FFF;
	color: #555;
	display: block;
	font-size: 12px;
	height: 24px;
	padding-left: 6px;
	padding-right: 43px;
	width: 187px;
	border: 0px solid #0053A6;
	font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	float: right;*/
}
#userInput {
   border-right: 1px solid #ccc;
       max-width: 110px;
/* 	background-color:#FFF;
	color:#555;
	display:block;
	font-family:Helvetica;
	font-size:12px;
	height:24px;
	padding-left:7px;
	padding-right:30px;
	width:75px;
	border:0px solid #0053A6;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	border-top-left-radius:3px;
	border-bottom-left-radius:3px;
	float:left;*/
}
#searchButton {
	background-color:#FFF;
	background-image:url("../images/search_icon.png");
	background-position:center top;
	background-repeat:no-repeat;
	border:0 none;
	cursor:pointer;
	display:block;
	font-size:0;
	height:19px;
	position:absolute;
	right:6px;
	top:2px;
	width:22px
}
#searchButton1 {
	background-color:#FFF;
	background-image:url("../images/search_icon.png");
	background-position:center top;
	background-repeat:no-repeat;
	border:0 none;
	cursor:pointer;
	display:block;
	font-size:0;
	height:19px;
	position:absolute;
	right:6px;
	top:5px;
	width:22px
}
#searchNav #search #searchButton:hover {
	background-position:bottom
}
/*-------Login-----------*/
#header-main-right {
	float: right;
	height: 33px;
	position: relative;
}
#header-main-right-nav {
	padding: 4px 6px 4px 4px;
	position: absolute;
	right: 0;
}
#login_form .inputtext {
	background-color: #FFFFFF;
	border-color: #A0A0A0 #B9B9B9 #B9B9B9;
	border-style: solid;
	border-width: 1px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 5px;
	width: 142px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#login_form .inputtext:hover {
	border-color: #A0A0A0 #B9B9B9 #B9B9B9;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}

#login_form table tr td {
	padding: 0 0 0 5px;
}
#login_form table tr td label {
	color: #fff;
	cursor: pointer;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	padding-left: 1px;
	text-align: left;
	vertical-align: middle;
}
#login_form table tr td .cinInputLabel a {
	color: #888;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
#login_form table tr td .cinInputLabel label {
	color: #888;
	cursor: pointer;
	vertical-align: baseline;
}
/*-----------------------*/
#content-main {
	background-color:#FFF;
	box-shadow:0 0 2px rgba(0, 0, 0, 0.1);
	margin:55px auto;
	padding: 25px 0;
	width:900px;
	min-height:600px;
	
	overflow:hidden;
	z-index:9999;
}

#content-area {
	padding-left:25px;
	padding-right:25px;
	text-align:justify;
	font-size: 13px;
	margin-bottom:25px;
	color:#000;
}
#content-area h1 {
	color: #333333;
	font-size: 22px;
	font-weight: 400;
	line-height: 28px;
	margin-bottom:10px;
}
/*-----------------------*/
#footerContainer {
	margin-left:auto;
	margin-right:auto;
	padding:10px 0;
	position:relative;
	width:980px
}
#footerContainer a {
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	color:#111;
}
#footerLeft {
	color: #333333;
	float: left;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	font-weight: 400;
}
#footerRight {
	color: gray;
	float: right;
	font-size: 11px;
	font-weight: 400;
	text-align: right;
	width: 400px;
}
/*-----------------------*/
#sponsored {
	max-width:258px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	list-style:none outside none;
	margin-bottom:4px;
}
#sponsored .img {
	border:1px solid #E9E9E9;
	float:left;
	margin-bottom:2px;
	margin-right:7px;
	max-height:100px;
	text-align:center;
	width:100px;
	min-height: 76px;
	padding-top:10px;
}
#sponsored li {
	border-bottom:1px solid #F2F2F2;
	margin:0 0 10px;
	padding-bottom:10px;
	padding-right:2px;
}
#sponsored li .heading {
	font-weight:bold;
	display:block
}
#sponsored li .heading a {
	font-size:13px;
}
#sponsored li .url {
	font-size:12px;
	color:#555;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	margin-bottom:5px;
	display:block;
}
#sponsored li .url:hover {
	text-decoration:underline;
}
/*---------------------------------------------------------------------------*/










#myConnections {
	list-style:none outside none;
	margin-bottom:4px;
	max-height:254px;
}
.hscroll {
	overflow:hidden;
}
.hscroll:hover {
	overflow-y:scroll;
}
#myConnections img, #userSuggestion img {
	float: left;
}
#myConnections li {
	border-bottom: 1px solid #E9E9E9;
	list-style: none outside none;
	margin-bottom: 7px;
	padding-bottom: 7px;/*	padding-right: 5px;*/
}
#myConnections .heading {
	color: #222222;
	display: block;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	line-height: 16px;
	margin-left: 53px;
	min-height: 51px;
	padding-left: 5px;
	width: 179px;
}
#userSuggestion {
	overflow: hidden;
}
#userSuggestion li {
	border-bottom: 1px solid #E9E9E9;
	list-style: none outside none;
	margin-bottom: 7px;
	padding-bottom: 7px;
	padding-right: 5px;
}
.pView_block {
	text-align:right;
	margin-bottom:8px;
}
.pView_block a {
	text-decoration:none
}
.pView_block img {
	float: left;
	margin: 2px 2px 0 0;
	width: 50px;
}
.inputTextcSearch {
	background:url("../images/find_icon.png") no-repeat scroll right top #FFFFFF;
	border:1px solid #EEE;
	font-size:12px;
	margin-top:-1px;
	padding:2px;
	width:245px;
	margin-bottom: 4px;
}
#pView_block_status {
	color: #333333;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	margin-top: -5px;
	padding-bottom: 3px;
	padding-top: 3px;
}
#userInv {
}
#userInv .noCon, #userSuggestion .noCon, #myConnections .noCon {
	text-align:center;
	padding-bottom:5px
}
#userInv li {
	background-color:#fcfcfc;
	border-bottom:1px solid #f2f2f2;
	margin-bottom:5px;
	margin-top:5px;
	position:relative;
	width:auto
}
#userInv .heading, #userSuggestion .heading {
	color: #222222;
	display: block;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	line-height: 16px;
	margin-left: 53px;
	min-height: 51px;
	padding-left: 5px;
}
#userInv .nm, #userSuggestion .nm, #myConnections .heading a {
	font-weight:700;
	text-decoration:none;
	font-size:13px;
	color:#333;
}
#userInv .nm:hover, #userSuggestion .nm:hover, #myConnections .heading a:hover {
	text-decoration:underline
}
#userInv .heading p, #userSuggestion .heading p, #myConnections .heading p {
	display:block;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:11px;
	padding-bottom:1px;
	color:#222;
}
#userInv .reqDel, #userSuggestion .usDel {
	background-image:url("../images/remove.png");
	background-position:center top;
	cursor:pointer;
	float:right;
	font-weight:700;
	height:11px;
	width:11px;
	margin:3px
}
#userInv .reqDel:hover, #userSuggestion .usDel:hover {
	background-position:center bottom
}
#myConnections li a.photo, #userSuggestion li a.photo, #userInv li a.photo {
	left:0;
	position:absolute
}
#profile-picture {
	display: block;
	float: left;
	text-align: center;
	width: 100%;
	z-index: 12;
	margin-left:1px;
}
#profile-picture-caption {
	background:none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
	bottom:4px;
	display:none;
	font-size:11px;
	left:0;
	position:absolute;
	text-align:center;
	width:180px;
	color:#FFF;
	cursor:pointer;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif
}
#userSuggestion p.invite, #userInv p.invite {
	line-height:11px;
	margin-top:3px
}
#staticFrame {
	color:#111111;
	font-size:13px;
	margin-left:8px;
	margin-right:8px;
	line-height:24px;
}
#staticFrame h1 {
	font-size:13px;
	text-decoration:underline;
	margin:0;
	text-transform:uppercase;
}
#pen1 {
/*	float:left;
	height:auto;
	width:188px;
	padding-right:5px;
	border-right:1px solid #EEE;*/
}
#pen2 {
	/*border:1px solid #EEE;*/
	
	border-top:0;
	float:right;
	height:auto;
	margin-right:2px;

	padding-bottom:10px;
	width:700px;
}
#pen2-left {
	float:left;
	height:auto;
	margin-left:13px;
	width:98%;
}
#pen2-left-wide {
	float:left;
	height:auto;
	margin-left:10px;
	width:772px
}
#pen2-right {
	float:right;
	height:auto;
	width:250px
}
.heading1 {
	background-color:#F2F2F2;
	color:#404040;
	font-size:11px;
	font-weight:700;
	margin-bottom:6px;
	padding:5px 0 4px 8px;
	border-color:#e1e1e1;
	border-style:solid;
	border-width:1px 0 1px 1px;
}
.sideMLinks {
    color: #000;
    width: 180px;
    margin-top: 3px;
    
    position: fixed;
}

.sideMLinks IMG {
	margin-bottom:.25em;
	vertical-align:middle
}
.highlight
{
	background-color:#FF9;
    color:#555;
}
.sideMLinks a {
	border-bottom:1px solid #fafafa;
	display:block;
	font-size:12px;
	height:27px;
	line-height:26px;
	text-decoration:none;
	padding-left:8px;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
	position:relative;
	background-color:#FFF;
	color:#666;
}
.sideMLinks a .aro-right {
	display:inline-block;
	height:15px;
	position:absolute;
	right:12px;
	top:5px;
	vertical-align:text-top;
	width:10px;
}
.sideMLinks .selected {
	background-color:#E7EBF2;
	color:#111;
	margin-right: -1px;
}
.sideMLinks .selectedn {
	color:#111;
}
.sideMLinks .selected i, .sideMLinks .selectedn i {
	background-position:bottom;
	right:13px;
}
.seeMore {
	font-size:11px;
	padding:0 1px 5px;
	text-align:right;
	margin-right:5px;
}
.confirm, .alert {
	display:block;
	background-image:url("../images/wash-white.png");
	border-radius:3px 3px 3px 3px;
	padding:8px;
}
#popup_container {
	color:#444;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	min-width:350px;
	text-align:left;
}
#popup_title {
	background-color:#007AA8;
	color:#FFF;
	display:none;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:14px;
	font-weight:700;
	padding:2px 10px
}
#popup_message {
	background:none repeat scroll 0 0 #F8F8F8;
	padding:15px;
}
#popup_panel {
	background:none repeat scroll 0 0 #F8F8F8;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.1);
	padding:0 15px 15px;
	text-align:left;
}
#popup_container input[type="submit"], #popup_container input[type="button"], #popup_container input[type="reset"] {
	background-color:#007CBA;
	background-image:url("../images/conB.gif");
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	font-family:Lucida Grande, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	line-height:13px;
	padding:4px 8px;
	text-align:center;
	text-decoration:none;
	vertical-align:top;
	white-space:nowrap;
	border:1px solid #006FA9
}
#popup_container input[type="submit"]:active, #popup_container input[type="button"]:active, #popup_container input[type="reset"]:active, .button:active {
	background:none repeat scroll 0 0 #006FAD;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.05)
}
#popup_prompt {
	border:1px solid #B4BBCD;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
	font-size:13px;
	line-height:18px;
	margin-top:5px;
	min-height:60px
}
#popup_message_text {
	font-size:11px
}
.upHed {
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 4px;
	color: #404040;
	margin-bottom:25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.upHedH1 {
	border-bottom: 1px solid #EBEBEB;
	color: #333333;
	font-size: 21px;
	font-weight: normal;
	line-height: 28px;
	margin-bottom: 8px;
	padding-bottom: 3px;
}
.sideInvite {
	width:auto;
	margin:1px 0 0;
	min-height:50px;
	padding-bottom:2px
}
.sideInvite .inputText {
	background:none repeat scroll 0 0 #FFF;
	font-size:12px;
	padding:3px;
	width:165px;
	font-family:Verdana, Geneva, sans-serif;
	border:2px solid #92c7e2
}
.sideInvite .button {
	-moz-transition:all 0.218s ease 0s;
	-moz-user-select:none;
	background-image:linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-o-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-moz-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-webkit-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-ms-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.3, #EDEDED), color-stop(0.83, #FFFFFF));
	border:1px solid #CFCFCF;
	border-radius:16px 16px 16px 16px;
	color:#444444;
	cursor:pointer;
	display:inline-block;
	font-size:12px;
	height:16px;
	line-height:16px;
	margin-top:6px;
	min-width:78px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0 #FFFFFF;
}
.sideInvite .button:hover {
	border:1px solid #AFAFAF;
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.1);
}
#inviteMsg {
	color: #EC6D6D;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	margin-top: 10px;
	margin-bottom:5px;
	display:block;
}
#inviteMsg strong {
	color: #555;
	font-weight:normal;
}
#changePictureMsg {
	display:block;
	font-weight:700;
	color:#ec6d6d
}
#TopMenu .main {
	color:#FFF;
	font-size:12px;
	font-weight:700;
	line-height:33px;
	outline:medium none;
	text-decoration:none;
	padding-left:11px;
	padding-right:11px
}
#TopMenu ul {
	list-style:none
}
#TopMenu ul .list1 {
	float:left;
	width:auto;
}
#TopMenu ul .list1 .list1ul {
	background-color:#FFF;
	display:none;
	margin-left:-1px;
	margin-top:-1px;
	min-width:176px;
	min-height:70px;
	padding:2px;
	position:absolute;
	box-shadow:0 2px 4px rgba(0, 0, 0, 0.2);
	border: 1px solid rgba(100, 100, 100, 0.6);
	border-radius: 0 0 3px 3px;
	z-index:1;
	border-top:1px solid #0053A6;
}
.noCon {
	text-align:center;
	margin-top:9px;
	margin-bottom:9px;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif
}
.active ul {
	display:block !important
}
#TopMenu .active .main {
	background-color:white;
	border-style:none solid;
	border-width:0 1px;
	color:#444;
	display:block;
	position:relative;
	z-index:2;
	margin-left:-1px;
	margin-right:-1px
}
.active ul .sub {
	border:0 none;
	color:#0066CC;
	display:block;
	font-size:12px;
	line-height:25px;
	padding-left:10px;
	text-align:left;
	text-decoration:none;
}
.active ul .sub:hover {
	background-color:#0075b1;
	color:#FFF
}
.home_profile_pic {
    height: 50px;
width: 50px;
    
}
.mid-line {
	border-top:1px solid #F2F2F2;
	font-size:0
}
.single-link-last {
	background-image:none !important
}
#invBtn {
	background-image:url("../images/notification.png");
	background-position:left;
	background-repeat:no-repeat;
	margin-right:3px;
}
#unreadmsgs a {
	padding-left:3px;
}

#unreadmsgs {
	background-image:url("../images/message_notification.png");
	background-position:5px;
	background-repeat:no-repeat;
	margin-right:3px;
	margin-left:3px;
	padding-left:3px;
}

#global_notification a {
	padding-left:3px;
}

#global_notification {
	background-image:url("../images/globe.png");
	background-position:5px;
	background-repeat:no-repeat;
	margin-right:3px;
	margin-left:3px;
	padding-left:3px;	
}

#invBox {
	padding:6px;
	width:244px
}
#invBox #menu_header {
	margin-bottom:5px;
	margin-top:5px
}
#invBox #menu_header #menu_header_l {
	float:left
}
#invBox #menu_header #menu_header_r, #TopMenu {
	float:right
}
#notification_count, #notification_count_msg, #notification_count_global {
	background-color: #FE634A;
	border-radius: 3px 3px 3px 3px;
	color: #FFFFFF;
	font-size: 11px;
	padding: 2px 4px;
	position: relative;
	margin-left:13px;
	margin-top:-10px;
}
#invBox .button, #userSuggestion .button {
	-moz-transition:all 0.218s ease 0s;
	-moz-user-select:none;
	background-image:linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-o-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-moz-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-webkit-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-ms-linear-gradient(bottom, #EDEDED 30%, #FFFFFF 83%);
	background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0.3, #EDEDED), color-stop(0.83, #FFFFFF));
	border:1px solid #999;
	box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
	color:#333;
	cursor:pointer;
	display:inline-block;
	height:20px;
	line-height:19px;
	min-width:77px;
	text-align:center;
	text-decoration:none;
	text-shadow:0 1px 0 #FFFFFF;
	font-weight:700;
	font-family:Arial, Helvetica, sans-serif
}
#invBox .button i, #userSuggestion .button i {
	background-image:url("../images/plus_icon.png");
	background-position:left center;
	background-repeat:no-repeat;
	margin-right:3px;
	padding-left:15px;
}
#invBox .button:active, #userSuggestion .button:active, .sideInvite .button:active {
	background:-moz-linear-gradient(center top, #EDEDED 3%, #FFF 100%) repeat scroll 0 0 transparent;
}
.imga {
	border: 0 none;
	display: block;
	float: left;
	position: relative;
}
.imga:after {
	/*	border: 1px solid rgba(0, 0, 0, 0.1);*/
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.imga img {
	float:left;
}
#pageLike {
    display: block;
    margin: auto;
    text-align: center;
    width: 110px;
}
#pageLike span {
    display: inline-block;
    float: left;
    width: 50px;
}

div.alert-message {
	display: block;
	padding: 10px 10px 10px;
	font-weight: bold;
	font-size: 12px;
	color: white;
	background-color: #2ba6cb;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	position: relative;
}
div.alert-message .box-icon {
	display: block;
	float: left;
	background-image: url('../images/alert.png');
	width: 30px;
	height: 25px;
	margin-top: -2px;
	background-position: -8px -8px;
}
div.alert-message p {
	margin: 0px;
}
div.alert-message.success {
	background-color: #5da423;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.success .box-icon {
	background-position: -48px -8px;
}
div.alert-message.warning {
	background-color: #e3b000;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.warning .box-icon {
	background-position: -88px -8px;
}
div.alert-message.error {
	background-color: #c60f13;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.error .box-icon {
	background-position: -128px -8px;
}
div.alert-message a.close-alert {
	color: #333;
	position: absolute;
	right: 4px;
	top: -1px;
	font-size: 17px;
	opacity: 0.2;
	padding: 4px;
}
div.alert-message a.close-alert:hover, div.alert-box a.close-alert:focus {
	opacity: 0.4;
}
.divbox {
    background: none repeat scroll 0% 0% #FFF;
    border-width: 1px;
    border-style: solid;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-color: #E5E6E9 #DFE0E4 #D0D1D5;
    border-radius: 3px;
    margin:5px;
    padding:10px;
}
.divbox:hover > .overlay
{
	
    position:absolute;
    background-color:#000;
    opacity:0.5;
    border-radius:30px;
}
.divbox .divboximage 
{	
	float:left;
}
.divbox .divboxname
{
	float:left;
}
.divbox .divboxdata
{
	word-wrap: break-word;
}

#wall_container
{
text-align:left;
background-color:#FFFFFF;
padding:10px;
width:550px;
}
#update
{
width:550px;font-size:12px;
}
#content
{
margin-top:10px;
}
textarea
{
border:solid 1px #333;
}

/* status body */

.stbody
{

margin-bottom:10px;

overflow:hidden;
}
.stimg
{
float:left;
height:50px;
width:50px;
border:solid 1px #dedede;
padding:3px;
}
.sttext
{
margin-left:70px;
min-height:50px;
word-wrap:break-word;
overflow:hidden;
padding:5px;
display:block;
font-size:12px;
/* start vikas
width:470px;
*/
}
.sttext1
{
margin-left:70px;
min-height:50px;
word-wrap:break-word;
overflow:hidden;
padding:5px;
display:block;
font-size:12px;
width: 80%;
}
.sttext b
{
color: #3B5998;
}

.sttime
{
font-size:11px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
/*margin-top:5px;*/
}
.stdelete 
{
font-weight:bold;
float:right;
cursor:pointer;
}
#stexpandbox
{
margin-top:10px;
}
#stexpandbox img
{
border:solid 1px #dedede;
padding:3px;
}
/* Comment */
.stcommentbody
{


border-bottom:solid 1px #fff;
background-color:#f2f2f2;
padding:5px;
width:400px;
overflow:auto;
}
.stcommentimg
{
float:left;
height:35px;
width:35px;
border:solid 1px #dedede;
padding:2px;
}
.stcommenttext
{
margin-left:45px;
min-height:40px;
word-wrap:break-word;
overflow:hidden;
padding:3px;
display:block;
font-size:11px;
width:340px;

}
.stcommenttext b
{
color:#006699;
}

.stcommenttime
{
font-size:11px;
color:#999;
font-family:Arial, Helvetica, sans-serif;
margin-top:5px;
}
.stcommentdelete 
{
font-weight:bold;
float:right;
cursor:pointer;
}
.commentupdate
{
background-color:#f2f2f2;
width:400px;
padding:5px;
}
.comment
{
width:330px;
height:35px;
font-size:11px;
}
/* faceb image*/
.small_face
{
width:35px;height:35px
}
.big_face
{
width:50px;height:50px
}
#flashmessage
{
height:15px;
margin-top:10px;
font-size:11px;
color:#333;

}
.quote-container {
  margin-top: 50px;
  position: relative;
}

.note {
  color: #333;
  position: relative;
  width: 150px;
  margin: 0 auto;
  padding: 20px;
  font-family: Satisfy;
  font-size: 14px;
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}

.note .author {
  display: block;
  margin: 40px 0 0 0;
  text-align: right;
}
.yellow {
  background: #eae672;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  transform: rotate(2deg);
}
.pin {
  border-top:1px solid #ccc;position:absolute;margin-left: 363px;
}
.addnotecss
{
	cursor:pointer;float:right;
}  
.expandbox150
{
	min-height:150px;
}     
.list-header-name {
    display: inline;
    font-size: 15px;
    line-height: 18px;
    margin: 0px;
    min-height: 19px;
    min-width: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}
.endetectDownload
{
	top: 52px;
width: 170px;
position: relative;
margin: 0px auto;
}

.online-icon {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	background-color: #5ec25e;
}
.timesheet-table .action-cell {
	display: flex;
	justify-content: space-around;
	padding: 0 10px;
}
.timesheet-table .timelog-table {
	float: left;
	width: 40%;
	margin: 10px 2%;
	color: #808080;
	text-align: center;
}
.timesheet-table .timelog-table.align-center {
	float: none;
	margin: 10px auto;
}
.timesheet-table .idleminutes-table {
	width: 52%;
}
.timesheet-table .expand-data {
	cursor: default;
}
.table.timelog-table > tbody > tr > th, .table.timelog-table > tbody > tr > td {
	background-color: #fbfbfb;
	padding: 3px 10px;
}
.timesheet-table > tbody > tr:nth-child(odd) .timelog-table th,
.timesheet-table > tbody > tr:nth-child(odd) .timelog-table td {
	background-color: #ffffff;
}
.timesheet-table > tbody > tr > td > div:first-child > table > tbody > tr > td {
	padding-top: 0;
	padding-bottom: 0;
}
.timesheet-table > tbody > tr:nth-child(odd) > td > div:first-child > table > tbody > tr > td {
	background-color: #fbfbfb;
}
.timesheet-table td {
	line-height: 30px;
}
.timesheet-user-table td {
	line-height: normal;
}
.timesheet-table .expand-collapse-icon {
	cursor: pointer;
}
.back-link {
	color: #aaa;
}
.back-link:hover {
	color: #000;
}
.date-form .form-group {
	width: 230px;
}
.date-form .form-control.date-text {
	width: 93.5%;
	padding-left: 10px;
}
.date-form .input-group-addon {
/*	padding: 4px 6px;*/
}
.date-form .input-group-addon .glyphicon {
	padding-bottom: 2px;
}
.date-form .input-group-addon:hover {
	background-color: #ddd;
	cursor: pointer;
}
.date-form .btn:active, .date-form .btn:focus {
	outline: none;
}
.date-form .btn-prev .glyphicon, .date-form .btn-next .glyphicon {
	padding-bottom: 2px;
}
.glyphicon-duplicate:before {
	content: "\e224"
}
.no-padding {
	padding: 0 !important;
}
.btn-download {
	padding: 3px 7px !important;
	margin-left: 5px;
}
.btn-download .glyphicon {
	margin-right: 5px;
}
.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
#cat .not_selected .glyphicon-ok {
	display: none;
}
#cat .not_selected.selected .glyphicon-ok {
	display: inline-block;
}
#cat .nav > li > a:focus {
	background-color: inherit;
}
#cat .nav > li > a:hover {
	background-color: #eeeeee;
}
#cat .nav > li > a.selected:focus {
	background-color: #DFDFDF;
}
#cat a img {
	width: 16px;
}
.my-radio input[type="radio"], .my-checkbox input[type="checkbox"] {
	margin: 1px 0 0;
}
.my-modal-title {
	font-size: 18px;
	font-weight: 500;
}
.m-0 { margin: 0; }
.mr-5 { margin-right: 5px; }
.my-chart-container {
	width: 94%;
	margin-left: 13px;
}
.dropdown-menu ul li{
    width: 100%;
}
.collapse.in {
    display: block !important;
}
.fade.in {
    opacity: 1 !important;
}
.modal-backdrop {
    background-color: rgba(0,0,0,0.7) !important;
}