/* JOURNEY BASE */

.jblock {
	border: 1px solid #dedede;
	padding: 15px;
	font-size: 11px;
	box-shadow: 0 0 2px #D0D0D0;
	cursor: pointer;
	background: #fff;
}

.jblock:hover {
  outline:0;
  border-color:rgba(82,168,236,0.8);
  -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(82,168,236,0.6);
  -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(82,168,236,0.6);
  box-shadow:inset 0 1px 3px rgba(0,0,0,0.1), 0 0 8px rgba(82,168,236,0.6);
}

.jblock, .jblock img.bna {
	width: 185px;
}

.jblock .bnacontainer {
	height: 250px;
	overflow-y: hidden;
}

.jblock .myjourney-thumbs {
	margin-top:5px;
}

.jblock img.thumbnail {
	height: 46px;
	width: 59px;
	margin-right: 2px;
}

#app-body {
	text-align: center;
}

#app-header {
	background: #fafafa;
	padding: 20px 20px;
	border-bottom: 2px solid #dedede;
}

#app-control {
	margin-bottom: 0px;
	padding: 20px;
    display: none;
}

#app-control label {
    margin: 0px 10px;
}

h1 a, h1 a:link, h1 a:visited {
	color: #000;
	font-family: 'Lato';
	font-weight: normal;
}

h1 small {
	font-family: 'Lato';
	font-weight: normal;
}

h1 a:hover {
	color: #5e5e5e;
	text-decoration: none;
}

dd {
	line-height: 18px;
}

#myjourney .primaryColor {
    color: #5a8da3;
}

#myjourney {
    padding-top: 15px;
	border-bottom: 2px solid #dedede;
}


#share-story-intro {
	margin-bottom: 30px;
	border-bottom: 1px solid #d0d0d0;
	padding: 20px 20px 10px 20px;
	color: #a0a0a0;
	background: #fafafa;
}

#share-story-intro p, #share-story-intro p span {
	font-size: 16px !important;
	line-height: 30px !important;
}

#app-footer {
	text-align: center;
	padding: 15px;
}

#app-footer #show_more {
	width: 450px;
}

.form-row {
    display: inline-block !important;
    *display: inline !important;
    float: left;
    margin-left: 5px;
}

#myjourney h1, #myjourney h2, #myjourney h3, #myjourney h4 {
    line-height: 18px;
    margin-bottom: 5px;
}

#myjourney #sidebar-content li {
	list-style-type: square;
	list-style-position: outside;
}

#myjourney textarea {
    resize: none;
    height: 100px;
}

/* SHARING PAGE */
#myjourney #share-mem-info-area{
    padding: 20px;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 0px 5px #d0d0d0;
    -webkit-box-shadow: 0px 0px 5px #d0d0d0;
    -moz-box-shadow: 0px 0px 5px #d0d0d0; 
    background: #fff;
}

#myjourney #share-area h3, #myjourney #new-member-info label, 
#myjourney #myjourney-qa .question,
#myjourney #myjourney-extra-answers .question {
    color: #2d97c3;
    font-size: 20px;
    font-weight: bold;
    background: #fff;
}

#myjourney-extra-answers {
    padding-left: 20px;
    border-left: 5px solid #f0f0f0;
}

#myjourney #new-member-info input {
	padding:10px;
    font-size: 14px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    outline-width: 0px;
    background: #fafafa;
    width: 75%;
}

#myjourney #new-member-info label {
	float: left;
	width: 20%;
	padding: 10px 0;
}

#myjourney #member-info-area #login-response {
	font-weight: bold;
	color: red;
}

#myjourney #share-mem-info-area input.button {
	margin-left: 20%;
}

#myjourney #login-message-area {
	width: 540px;
}

/* END SHARE AREA */

/* DISPLAY JOURNEY AREA */

.box {
    margin: 20px 0px 0px 0px;
}

.shadowbox {
    padding: 15px 20px;
    border: 1px solid #d0d0d0;
    box-shadow: 0px 0px 5px #d0d0d0;
    -webkit-box-shadow: 0px 0px 5px #d0d0d0;
    -moz-box-shadow: 0px 0px 5px #d0d0d0; 
    background: #fff;
}

.shadowbox h3 {
    font-family: "Lato";
    font-weight: 700 !important;
    font-size: 12px !important;
    text-transform: uppercase;
}

.shadowbox h3 small {
    font-size: 10px !important;
}


#before_after {
    cursor: default;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    width: 205px;
}

#photo_inner {
    width: 434px;
    position: relative;
}

#photo_inner img {
    width: 205px;
    float:left;
}

#infobox {
    font-size: 11px;
}

#infobox li:first-child {
    border-top: 0px;
}

.nowrap {
    width: 65px;
    display:inline-table;
    vertical-align: bottom;
}

#infobox li {
    padding: 3px;
    border-top: 1px solid #e0e0e0;
}

.extra-margin {
    margin-top: 80px;
}

#display-member-journey {
}

#avatar-wrap {
    position: absolute;
}

#myjourney #display-member-journey .member-avatar {
    position: relative;
	vertical-align: text-bottom;
	padding: 4px;
	background: #fff;
	border:1px solid #d0d0d0;
	top: -5px;
}

#display-member-journey h2 {
    padding: 10px 10px 0px 20px;
    margin: 0px;
    background: #fafafa;
}

#myjourney-more-photos {
    padding: 5px 20px 5px 140px;
    background: #fafafa;
    text-align: left;
    border-bottom: 1px solid #d0d0d0;
}

#myjourney-more-photos img.thumbnail {
	height: 60px;
	margin-right: 3px;
}

#member-name {
    margin-left: 120px;
}

#myjourney #myjourney-qa dd,
#myjourney #myjourney-extra-answers dd {
	margin-bottom: 15px;
	margin-left: 0;
}

#myjourney #journey-container #myjourney-extra-answers {
	display: none;
}

#myjourney #myjourney-browse-buttons {
	margin-top: 20px;
	padding: 10px;
}

#myjourney #show-more-answers {
	outline: none;
}

#myjourney .fb-like {
	top: -6px;
}

/* END DISPLAY JOURNEY AREA */

.fb-like, .social-button {
    margin-top: 5px;
}

#myjourney #new-journey {
	float: right;
}

#myjourney #cur-journey {
	float: left;
}

#myjourney #cur-journey,
#myjourney #new-journey {
	box-shadow: 0px 0px 5px #d0d0d0;
    -webkit-box-shadow: 0px 0px 5px #d0d0d0;
    -moz-box-shadow: 0px 0px 5px #d0d0d0; 
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    width: 46%;
    padding: 10px;
    cursor: pointer;
}

#myjourney #cur-journey:hover,
#myjourney #new-journey:hover {
    box-shadow: 0px 0px 5px #2d97c3;
    -webkit-box-shadow: 0px 0px 5px #2d97c3;
    -moz-box-shadow: 0px 0px 5px #2d97c3; 
    border:1px solid #2d97c3;
}

#myjourney #cur-journey .journey-choice,
#myjourney #new-journey .journey-choice {
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}

/* COUNTERING BOOTSTRAP FOR STEP 2 LOGIN FORM */

#myjourney #login-or-reg-area p {
	margin-bottom: 5px;
}

#myjourney #login-or-reg-area form {
	margin-bottom: 0;
}

#myjourney #login-or-reg-area input[type="image"] {
	border: none;
	height: auto;
	width: auto;
	padding: auto;
	line-height: auto;
	margin-bottom: 0;
}

#myjourney #login-or-reg-area input[type="text"], 
#myjourney #login-or-reg-area input[type="password"] {
	padding: 2px;
	margin-left: 5px;
}

#htcontainer {
    padding-bottom: 40px;
}

#flot-tooltip {
    background: #000;
    color: #fff;
    padding: 5px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 11px;
}

/* END COUNTER BOOTSTRAP */