/*** style.css ***/
/** main content, right sidebar, left sidebar **/

/* main content */
.sm-card-hidden {
    background-color: #DFDFDF;
}

.sm-card-container h4, .sm-card h4 {
	margin-bottom: 0px;
}

.sm-welcome-box {
	background-color: #DFDFDF;
	height: 300px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-welcome-box p {
    padding: 0 15px 0 15px;	
    font-size: 12px;
    margin-bottom: 0px;
    line-height: 17px;
    height: 108px;
}

.sm-welcome-box a:link, .sm-welcome-box a:visited , .sm-welcome-box a:active  {
    display: inline-block;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 0 15px;
}

.sm-welcome-box-fix {
	margin-top: 23px;
}

.sm-welcome-box img {
	padding: 15px;
}

input.sm-dollor-bg {
	background: url("../../../docs/admin/images/sm-dollor.png") no-repeat scroll 0 0 #FFFFFF;
	padding-left: 15px;
	width: 90px !important;
}

input.sm-at-symbol-bg {
	background: url("../images/sm-at-symbol.png") no-repeat scroll 0 0 #FFFFFF;
	padding-left: 15px;
}

#sm-accredit-box {
    height: auto !important;
    min-height: 0 !important;
}

.sm-cal-icon {
	margin-left: 5px;
    position: relative;
    top: 3px;
}

#exposeMask {
	background-color: #000000;
}

#profilePicture {
	height: 150px;
	width: 150px;
	background: #DFDFDF;
    display: block;
}

.hasPlaceholder {
	color: #A9A9A9;
}

.sm-accreditation-progress {
    border-bottom: 1px solid #11ADD9;
    color: #444444;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-accreditation-progress li {
    margin-right: 22px;
    padding-bottom: 2px;
    padding-left: 8px;
}

.sm-accreditation-progress img {
	position: relative;
    top: 27px;
}

.sm-long-name {
    overflow: hidden;
}

.sm-not-implemented {
    color: #999999;
    padding-bottom: 150px;
    padding-top: 150px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-no-results {
	background-color: #FFFFFF;
	padding-bottom: 150px;
    padding-top: 150px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-feed-icon {
	background-color: #cccccc;
	width: 70px;
	height: 70px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-feed-content {
	min-height: 88px;
}

.sm-landing-page {
	height:300px;
}

.sm-landing-page ul {
	list-style-type: disc;
	margin: 0 1.5em 1.5em 0;
    padding-left: 3.333em;
}

.sm-listing-card {
	background: #ffffff;
    border: 1px solid #bbbbbb;
    color: #444444;
    letter-spacing: 0.5px;
    padding: 10px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

/* when card is removed via remove button, this class is added */
.sm-removed-item {
	text-align:center;
	padding:10px;
}

.sm-listing-card h4 {
	margin-top: 5px;
}
	
.sm-gradient-box {
	background: #ffffff;
    border: 1px solid #bbbbbb;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 4px;
    height: 92px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-icon-border {
    background-color: #DDDDDD;
    color: transparent;
    display: inline-block;
    height: 150px;
    letter-spacing: 0.5px;
    padding: 4px;
    width: 150px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sm-icon-border-small {
    background-color: #DDDDDD;
    color: transparent;
    display: inline-block;
    height: 50px;
    letter-spacing: 0.5px;
    width: 50px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.sm-non-gradient-box {
	background: #F8F8F8;
    border: 1px solid #bbbbbb;
    color: #444444;
    letter-spacing: 0.5px;
    display: inline-block;
    padding: 4px;
    text-shadow: 1px 1px 0 #F4F4F4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-gradient-box h4, .sm-listing-card h4, .sm-non-gradient-box h4 {
	background: none !important;
    border: 1px !important;
    padding: 0px !important;
}

.sm-gradient-box h1, .sm-listing-card h1, .sm-gray-box h1 {
	margin-top: 5px;
	font-size: 40px !important;
	font-weight: bold;
}

.sm-gradient-box h2, .sm-listing-card h2 {
	margin-left: 6px;	
}

.sm-gradient-box .sm-badge, .sm-listing-card .sm-badge, .sm-non-gradient-box .sm-badge {
    margin-left: 5px;
    margin-top: 4px;
}
.sm-badge, .sm-user-icon {
    background-color: #DDDDDD;
    display: block;
    height: 50px;
    width: 50px;
    color: transparent;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-non-gradient-box .sm-mt {
	margin-top:33px !important;
}

.sm-gradient-box hr, .sm-listing-card hr {
	border-bottom: 0 none;
    border-top: 0 none;
    margin-bottom: 6px;
}

.sm-gray-box {
	background-color: #DFDFDF;
    padding: 23px;
    border: 1px solid #bbbbbb;
    min-height: 143px;
    height: auto !important; /* ie min-height hack */
    height: 143px; /* ie min-height hack */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-small-gray-box {
	background-color: #DFDFDF;
	text-align: center;
}

.sm-add-box {
    background-color: #d5edf8;
    margin-bottom: 5px;
    clear: both;
    display: block;
    padding-bottom: 5px;
}

img.sm-add-box-top {
    margin-bottom: 7px;
}

.sm-gray-box .sm-mt {
	margin-top:4px;
}

.sm-gray-box .fix {
	margin-top: -2px;
}

#profileConnect {
	margin-top: 7px;
}

.sm-place-bid input {
	width: 138px;
}

.sm-place-bid a.button, .sm-place-bid button {
	margin-right: 0px;
	margin-left: 10px;
}

#listingFilterForm input[type="text"], #listingFilterForm #listingFilterForm input[type="password"], #listingFilterForm input.text, #listingFilterForm input.title, #listingFilterForm textarea
#bidFilterForm input[type="text"], #bidFilterForm #bidFilterForm input[type="password"], #bidFilterForm input.text, #bidFilterForm input.title, #bidFilterForm textarea {
	width: 201px;
	padding:5px;
}


/******************* right sidebar ************/
.sm-view-all-details .sm-gradient-box {
    background: none repeat scroll 0 0 #DFDFDF;
    border: 0 none;
    font-size: 10px;
    height: auto;
    margin-top: 10px;
    padding: 3px;
}

.sm-view-all-details .sm-gradient-box h1 {
    font-size: 18px !important;
    margin-top: 0;
}

#sm-sidebar-right .sm-login {
	height: 204px !important;
} 

#sm-getting-started ol {
    font-size: 15px;
    line-height: 25px;
    margin: 5px 5px 5px 0;
    padding-left: 21px;
}

#sm-getting-started .sm-line-through {
	text-decoration: line-through;
}

.sm-most-watched img {
    background-color: #DDDDDD;
    color: transparent;
    height: 50px;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 50px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.sm-most-watched {
    border-top: 1px dotted #BBBBBB;
    padding-top: 5px;
}

.sm-most-watched-last {
    border-top: 1px dotted #ffffff;
    padding-top: 0px;
}

.sm-most-watched .sm-mts {
	margin-top: 3px;
}

.sm-shadow-box {
    border: 1px solid #BBBBBB;
    padding: 10px;
   	min-height:40px;
	height:auto !important;
	height:40px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.sm-shadow-box textarea {
	width: 236px !important;
}

#sm-my-statistics .number {
   	font-size: 33px;
    padding-right: 10px;
    padding-top: 0;
}

#sm-my-statistics .big {
	font-size: 17px;
	margin-bottom: -3px;
	padding-top: 5px;
}

.sm-connections-widget img, .sm-connections-in-common-widget img {
    display: inline-block;
    height: 50px;
    /* padding: 6px; */
    width: 50px;
}

.sm-search-box input {
	width: 238px;
}

.sm-watch-list-widget ul, .sm-holdings-list ul  {
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.sm-most-watched a:link, .sm-most-watched a:visited, .sm-most-watched a:active  {
    font-size: 14px;
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.sm-watch-list-widget li, .sm-holdings-list li {
    border-top: 1px dotted #BBBBBB;
    margin-bottom: 15px;
    padding-top: 5px;
}

li.sm-watch-list-widget-last, li.sm-holdings-list-last{
    border-top: 1px dotted #ffffff;
    padding-top: 0px;
}

.sm-watch-list-widget img, .sm-holdings-list img, .sm-connections-widget img, .sm-connections-in-common-widget img {
    background-color: #DDDDDD;
    clear: left;
    color: transparent;
    float: left;
    height: 50px;
    /* margin-right: 5px; */
    position: relative;
    top: 5px;
    width: 50px;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* left sidebar */
.sm-cancel, .filterClear {
    margin-left: 10px;
    position: relative;
    top: 5px;
}

#leftSide li a:link, #leftSide li a:visited, #leftSide li a:active {
	color: #444444;
    display: block;
    padding: 5px 10px;
    text-shadow: 1px 1px 0 #F4F4F4;
}

#leftSide li a:hover, #leftSide li a.bbq-current, #leftSide .current {
	background: #A5A5A5;
	text-decoration: none;	
}

#leftSide ul {
	 list-style-type: none;
	 background: #cccccc;
	 padding-left: 0px;
	 margin-right: 0px;
}

#leftSide li {
    background: none repeat scroll 0 0 #D9D9D9;
    list-style-type: none;
}

/* user connect form  */
.userConnectForm {
	background: #ffffff;
}

.userConnectForm p {
	left: 5px;
    position: relative;
    top: -5px;
}

.userConnectForm h2 {
	margin:-11px;
	margin-bottom:0px;
	color:#fff;
	background-color:#6D84B4;
	padding:5px 10px;
	border:1px solid #3B5998;
	font-size:20px;
}

.modal-inner textarea {
	width: 387px;
}
	
#purr-container {
	position: fixed;
	bottom: 0px;
	right: 12px;
}

.sm-purr {
	position: relative;
	width: 300px;
}
.sm-purr .close {
	display:none;
}

.sm-add-friend {
	text-align: center;
	height:125px;
}

.sm-add-friend p {
	margin: 0;
}

.sm-add-friend p.name {
	height: 18px;
	width: 130px;
	overflow: hidden;	
}

.sm-add-friend div.sm-invite-pending, .sm-add-friend .sm-quick-invite a.button, .sm-add-friend .sm-quick-invite button, .sm-add-friend div.sm-invite-connected {
	float: none !important;
	width: 100px;
	margin: auto;
}

.sm-invite-logo {
	background:#fff;
	text-align: center;
}

#errorBox {
	text-align:left;
}

/* card hover */
#companyDirectory .sm-card:hover {
	background: #D5EDF8;
}