.my-inbox-count {

}

.dashboardSidebarBtn {
	cursor: pointer;
	width: 100%;
	margin-bottom: 3px;

}


.ca_panel {
	background-color: #fff;
	margin-bottom: 20px;
	border-top: 8px solid #ddd;
	padding: 10px;
	border-radius: 0;
}

.pagination {
	border-color: #eee;
	border-style: solid none;
	border-width: 1px 0;
	margin: -0.5em 0 0.5em;
}
.profileSectionHeader {
	display: block;
	margin: 0px 8px 8px 0px;
	padding: 3px 6px 2px 6px;
	vertical-align: middle;
	font-family: 'Arial';
	font-size: 16px;
	border-bottom: 1px #AAAAAA solid;
	color: #333;
	text-transform:uppercase;
}

.coverImage {
	width:  100vw;
	position:  relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	margin-bottom: 15px;
	min-height: 333px;
	background-repeat:  no-repeat;
	background-size:  cover;
	background-position:  center;
}

#viewConnectionsLink:hover {
	text-decoration: none;
}

.searchIcon {
	float: right;
}

#findConnectionsBtn {
	background-color: #335a8f;
	float: left;
	padding-bottom: 0;
	padding-top: 0;
	border-radius: 10px;
}

#findConnectionsBtn a {
	color: #fff;
}

#findConnectionsBtn a {
	text-decoration: none;
}

.rightErrorBtn {
	color: #fff;
	padding-right: 7px;
	font-size: 12px;
}

#admin th {
	text-align: left;
}

.userBreadCrumbs {
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 4px;
}

.addbutton {
	background-color: #eee;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	color: #555;
	cursor: pointer;
	display: block;
	font-size: small;
	margin-top: -4px;
	padding: 2px 0.5em;
}

.editProfile #user_container { 
	width: 99%;  /* this will create a container 80% of the browser width */
	background: Transparent;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.editProfile #header { 
	background: #DDDDDD; 
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.editProfile #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}

div.HoverBorder {
	border: 3px solid #FFF;
}
div.HoverBorder:hover {
	border: 3px solid #FFA100;
	cursor: pointer;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#saveChanges {
	float: right;
	text-align: right;
}

.createAccount {
	clear: both;
	margin-top: 20px;
}

.createAccount #user_container { 
	/*margin: 20px auto 20px auto; /* the auto margins (in conjunction with a width) center the page */
	/*text-align: left; /* this overrides the text-align: center on the body element. */
} 
.createAccount #header { 
	background: #DDDDDD; 
	padding: 0 10px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
.createAccount #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.createAccount #user_main_content { 
	/*margin: 20px 50px 0 50px; /* the right margin can be given in percentages or pixels. It creates the space down the right side of the page. */
} 

.wizardSteps {
	width: 100%;
}
.wizardSteps ul {
	line-height: 30pt;
	font-size: 80%;
}
.wizardSteps li {
	display:inline;
	margin: 10px 10px 20px 10px;
	padding:10px;
	background-color: #fff;
}
.wizardSteps li.complete {
	background-color: #fff;
}
.wizardSteps li.active {
	background-color: #fff;
	font-weight: bold;
}
.connectionImg {
	cursor: pointer;
}
.user_button_connection1 {
	background-color: #f3efe0;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	color: #007e91;
	cursor: pointer;
	display: inline-block;
	padding: 0.5em;
}
.user_button_connection1:hover {
	color: #800080;
	text-decoration: underline;
}
.user_button_connection2 {
	background-color: #ffc;
	border-color: #ff0;
	border-style: solid;
	border-width: 1px;
	display: inline-block;
	padding: 0.5em;
}
.userDirectory .user_button_connection1 {
	padding: 2px 4px;
}
.userDirectory .user_button_connection2 {
	padding: 2px 4px;
}

/*------------ User Profile - privacy settings ----------------------*/
.privacySettings {
	width: 96%;

}
.privacySettings th {
	font-size: 9pt;
	text-align: left;

}
.privacySettings td {
	font-size: 8pt;
	text-align: left;
}
.user_profile_tooltip {
	background-color: #000;
	color: #fff;
	display: none;
	font-size: 10px;
	font-weight: bold;
	margin-left: -10px;
	padding: 3px;
	position: absolute;
}
.user_profile_image:hover .user_profile_tooltip {
	display: block;
}

.genericForm {
	font-size: 9pt;
	width: 96% !important ; 
}

.genericForm th {
	text-align: left;
}

.genericFormHeader {
	background-color: #B0C4DE;
	border: 0px solid white;
}
.genericFormHeader h3 {
	font-size: 10pt;
}
.membership_cart_header {
	background-color: #b2e5ff;
	border-color: #06c;
	border-style: solid;
	border-width: 1px;
	padding: 0.5em;
}
#membership_addons {
	font-size: 11px;
	width: 100%;
}
#membership_addons img {
	vertical-align: -3px;
}
#membership_addons tbody td {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 0.5em 0;
}
.membership_addons_addchild {
	text-align: right;
}
.membership_summary {
	background-color: #fff;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0;
	margin-bottom: 1em;
	width: 100%;
}
.membership_summary td, .membership_summary th {
	background-image: url('/images/dots.gif');
	background-position: 0 16px;
	background-repeat: repeat-x;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px;
	font-size: 8pt;
	padding: 4px 0;
	vertical-align: top;
}
.membership_summary td {
	text-align: right;
}
.membership_summary th {
	font-weight: normal;
	text-align: left;
}
.membership_summary span {
	background-color: #fff;
	padding: 0 4px;
}
.membership_summary ins {
	font-weight: bold;
	text-decoration: none;
}
.membership_subtotal td, .membership_subtotal th {
	background-color: #999;
	background-image: url('/images/whitedots.gif');
	color: #fff;
	font-weight: bold;
}
.membership_subtotal span {
	background-color: #999;
}
.membership_total td, .membership_total th {
	background-color: #3f8cb2;
	background-image: url('/images/whitedots.gif');
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}
.membership_total span {
	background-color: #3f8cb2;
}
.membership_types {
	width: 100%;
}
.membership_types td {
	padding: 4px;
}
.membership_separator {
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px;
}
.membership_header {
	margin: 1em 0 0;
}
.membership_add_container {
	float: left;
	margin: 15px 0;
	width: 100%;
}
.membership_add_container h1, .membership_options h1, #membership_new h1 {
	border-style: none;
	border-width: 0;
	color: #369;
	font-size: 16px;
	text-decoration: none;
}
.membership_add_friends {
	background-color: #f7fffe;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	float: left;
	height: 140px;
	padding: 15px 10px;
	width: 460px;
}
#membership_friend_container {
	border-color: #eee;
	border-style: solid;
	border-width: 1px;
	font-size: 12px;
	height: 95px;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 5px;
	width: 450px;
}
#membership_friend_container label {
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	height: 42px;
	padding: 3px;
	width: 155px;
}
#membership_friend_container label:hover {
	background-image: url('/images/highlighted.gif');
}
#membership_friend_container label.friend_selected {
	background-image: url('/images/selected.gif');
}
#membership_friend_container input {
	cursor: default;
	float: left;
}
#membership_friend_container img {
	float: left;
	margin: 0 5px;
	width: 30px;
}
.membership_add_new {
	background-color: #f7fffe;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	float: left;
	height: 140px;
	margin-left: 15px;
	padding: 15px 10px;
	width: 295px;
}
.membership_options {
	background-color: #f7fffe;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	clear: left;
	padding: 15px 10px;
	width: 792px;
}
#membership_table {
	border-color: #eee;
	border-style: solid;
	border-width: 1px 0 0;
	font-size: 8pt;
	width: 100%;
}
#membership_table img {
	cursor: pointer;
}
#membership_table td {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 1px;
}
.membership_new {
	height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 600px;
}
#membership_new {
	background-color: #f7fffe;
	border-color: #ddd;
	border-style: solid;
	border-width: 1px;
	display: none;
	margin: auto;
	padding: 2em;
	position: absolute;
	top: 100px;
	z-index: 1000;
}
#membership_users {
	width: 100%;
}
#membership_users label {
	cursor: pointer;
	display: block;
}
#membership_users td {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 1px;
}
#membership_users thead td {
	font-size: 85%;
	font-weight: bold;
}
#membership_users tbody tr:hover {
	background-color: #369;
	color: #eee;
}
.user_report_results {
	margin: 40px;
	text-align: center;

}
.user_report_table {
	border-color: #eee;
	border-style: solid;
	border-width: 1px 1px 0 0;
	font-size: x-small;
	margin-right: 1em;
}

.user_report_table th {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 1px 1px;
	padding: 2px;
}

.user_report_table td {
	border-color: #eee;
	border-style: solid;
	border-width: 0 0 1px 1px;
	padding: 2px;
}

.user_report_table th {
	background-color: #eee;
	text-align: left;
}
.user_config_header {
	border: 1px solid #ccc; 
	background-color: #EFEFEF;
	color:#3B43AE;
	display:block;
	font-family:'Arial';
	font-size:11px;
	padding:6px 6px 6px;
	vertical-align:middle;
	margin: 0px;
	font-weight: bold;
}
#user_request_dialog {
	background-color: #fff;
	border-color: #999;
	border-style: solid;
	border-width: 1px;
	font-size: x-small;
	position: absolute;
	width: 375px;
}
#user_request_dialog table {
	width: 100%;
}
#user_request_dialog td {
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px;
	padding: 4px;
}
#user_membership_types {
	background-color: #fff;
	border-color: #48f;
	border-style: solid;
	border-width: 1px;
	display: none;
	overflow: hidden;
	padding: 1em;
	position: absolute;
	width: 400px;
	z-index: 1000;
}
#user_membership_types button {
	font-size: x-small;
}
#dashboard_sidebar2 .quick_poll_container {
	border-style: none;
	border-width: 0;
	padding: 5px;
	width: 200px;
}
#user_sidebar2 .quick_poll_container {
	border-style: none;
	border-width: 0;
	padding: 5px;
	width: 185px;
}
.disabled_field {
	background-color: #eee;
}
@media print {
.print_hide {
	display: none;
}
}
.user_ProfilePicture {
	clear:right;
	float:left;
	min-height:250px;

	padding:15px 10px 10px 10px;
	width:70%;
	font-size:12px;
}

input[type="submit"], input[type="button"], input[type="reset"] {
	padding: 5px 20px;
    background: #ccc;
    color: black;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
	font-size:13px;
}
input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover {
	background: #666;
    color: white;
}