body {
    padding-top: 60px;
    padding-bottom: 40px;
}
.ui-page {
    background: rgb(249,252,247); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZmNmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY5ZjAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(249,252,247,1) 0%, rgba(245,249,240,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,252,247,1)), color-stop(100%,rgba(245,249,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(249,252,247,1) 0%,rgba(245,249,240,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=0 ); /* IE6-8 */
}
.left-panel {
    color: #ffffff;
    border: 1px solid #000;
    border-right: none;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: #2f4272 !important;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNDI3MiIgc3RvcC1vcGFjaXR5PSIwLjc4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJmNDI3MiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(47,66,114,0.78) 0%, rgba(47,66,114,0.8) 50%, rgba(229,229,229,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,66,114,0.78)), color-stop(50%,rgba(47,66,114,0.8)), color-stop(100%,rgba(229,229,229,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c72f4272', endColorstr='#cce5e5e5',GradientType=0 ); /* IE6-8 */    
}
.main .col-xs-1, .main .col-sm-1, .main .col-md-1, .main .col-lg-1, .main .col-xs-2, .main .col-sm-2, .main .col-md-2, 
.main .col-lg-2, .main .col-xs-3, .main .col-sm-3, .main .col-md-3, .main .col-lg-3, .main .col-xs-4, .main .col-sm-4, 
.main .col-md-4, .main .col-lg-4, .main .col-xs-5, .main .col-sm-5, .main .col-md-5, .main .col-lg-5, .main .col-xs-6, 
.main .col-sm-6, .main .col-md-6, .main .col-lg-6, .main .col-xs-7, .main .col-sm-7, .main .col-md-7, .main .col-lg-7, 
.main .col-xs-8, .main .col-sm-8, .main .col-md-8, .main .col-lg-8, .main .col-xs-9, .main .col-sm-9, .main .col-md-9, 
.main .col-lg-9, .main .col-xs-10, .main .col-sm-10, .main .col-md-10, .main .col-lg-10, .main .col-xs-11, .main .col-sm-11, 
.main .col-md-11, .main .col-lg-11, .main .col-xs-12, .main .col-sm-12, .main .col-md-12, .main .col-lg-12 {
    min-height: 0 !important;
}
.message-new {
    font-weight: normal !important;
}
.navbar {
    z-index: 4;
    max-height: 51px;
    margin-bottom: 0px;
}
.container .blog-row {
    z-index: 4;
    margin-top: 47px;
    border: 1px solid #eee;
    /* overflow-y: auto; */
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #f6f6f6 0%, #f6faf2 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6faf2 100%);
    background: linear-gradient(to bottom, #f6f6f6 0%,#f6faf2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#f6faf2',GradientType=0 );
    border-bottom: 1px solid #cccccc;
}
.navbar-header .navbar-toggle .icon-bar {
    color: #FFFF00;
}
.msg-display-outer {
    position: relative;
    height: 60vh;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    
    margin: 10px 0 10px 0;
}
.msg-display-inner {
    margin-top: 10px;
}
.msg-date {
    display: none;
}

.blog input::-webkit-input-placeholder {
    color: #9197a3 !important;
}
#mceu_14, #mceu_15 {
    border-radius: 5px;
    background: #f6f6f6;
    outline: none;
    border-color: #e0e0e0;
    box-shadow: 0 0 3px #e0e0e0;
    color: #9197a3 !important;
}
#mceu_25 div{
    color: #9197a3 !important; 
}
#mceu_15-body div {
    background: #f6f6f6;
    color: #9197a3 !important; 
}
#mceu_15 button, #mceu_15 .mce-btn-small i {
    color: #9197a3 !important;
}
#mceu_23 {
    border-color: #ddd;
    border-bottom: 0px;
    color: #9197a3 !important;
}
#mceu_24 {
    border-width: 1px 0px 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #f6f6f6; 
    border-color: #ddd;
    color: #9197a3 !important;
}
.blogs-icon {
    width: 16px;
    height: 16px;
    background: url('../img/blogs-icon.png') no-repeat;
    padding-left: 18px;
}
.friends-icon {
    width: 16px;
    height: 16px;
    background: url('../img/friends-icon.png') no-repeat;
    padding-left: 18px;
}
.comment-icon {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
    background: url('../img/comment-icon.png') no-repeat right;
    padding-right: 18px;
}
.comment-submit {
    padding: 2px 8px !important;
    font-size: 12px;
}
.tag-list .btn-group {
    margin: 5px 5px 0 0;    
}
.tag-list .btn-group button {
    font-size: 10px;
}
#infocus .parent-panel {
    background-color: #ffffdb;   
}
#delComment, #focusComment {
    text-align: center;
}
.blog-row {
    z-index: 4;
    margin-top: 47px;
    border:  1px solid #eee;
    /*overflow-y: auto;*/
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#606c88+0,3f4c6b+100;Grey+3D+%232 */
background: #606c88; /* Old browsers */
background: -moz-linear-gradient(top, #606c88 0%, #3f4c6b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #606c88 0%,#3f4c6b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #606c88 0%,#3f4c6b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #cccccc;
}
.blog-column {
    margin: -1px 0 0 0;
}
.blog-view {
    background: #fff;
    border-radius: 5px;
  border-width: 0px;
}
.view-blog-title {
    font: 40px "Times New Roman", Georgia, Serif;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    font-weight: 200;
    line-height: 38px;
    width: 100% !important;
    padding: 60px 20px 25px 20px !important;
    text-align: center;
    color: #525252;
    text-shadow: 0 0 0 #111!important;
}
.view-blog-body {
    font:  15px Arial, 'Helvetica Neue', Helvetica, sans-serif;
    padding: 0 60px 40px 60px !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale;
    color: #525252;
    word-wrap: break-word;
    word-wrap: break-all; 
    text-shadow: 0 0 0 #111 !important;
}
.view-blog-body a {
    font: 15px Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    color: #38c;
    text-shadow: none;
}
.view-blog-body p {    
    line-height: 25px !important;
}
 .view-blog-body ul li {
    font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    line-height: 30px !important;
 }
 .view-blog-body ul li a {
    font: 13px Arial, 'Helvetica Neue', Helvetica, sans-serif !important;
    color: #38c;
    text-shadow: none;
}
.view-blog-body::first-letter{
    font: bold 40px "Times New Roman", Georgia, Serif;
}
.blog {
    z-index: 1;
    position: relative;
    margin-top: 30px;
}
.show-more-blog, .show-less-blog {
    margin-top: 20px;
}
.btn-blog-close, .btn-blog-submit {
    width: 100px !important;
    margin-bottom:  15px;
}
.write-mode, .edit-mode {
    color: #38c;
    margin: 10px 0 20px 0;
}
.dw-fname {
    color: #ffffff;
}
.dw-lname {
    color: #ffffff;
}
.first-last-name {
    color: #ffffff;
    text-shadow: 1px 1px 1px #000, 
               3px 3px 5px blue; 
}
.clear {
    clear: both;
}
.speakForm textarea {
    width: 100%;
    margin: 0 0 10px 0;
    outline: none;
    height: 100px;
}

.ui-body-a, 
.ui-page-theme-a .ui-body-inherit, 
html .ui-bar-a .ui-body-inherit, 
html .ui-body-a .ui-body-inherit, 
html body .ui-group-theme-a .ui-body-inherit, 
html .ui-panel-page-container-a,
.ui-overlay-a, .ui-page-theme-a, 
.ui-page-theme-a .ui-panel-wrapper {
    text-shadow: none;
}
.header-container {
    position:  relative; margin: 50px 0 20px 0;
}
.header-container-user {
    position:  relative; margin: 40px 0 20px 0;
}
.jumbotron {  
    background-repeat: no-repeat;
    height: 455px !important;
    width: 1140px;
    margin: 10px 0 10px 0 !important;
    padding: 0 0 0 0 !important;    
}
.jumbotron .welcome {
    margin: 60px 60px 60px 60px;     
}
.jumbotron .welcome .show-profile-btn {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}
.jumbotron .welcome .profile-picture {
    border: 2px solid #f0ad4e;
    border-radius: 6px;
    background-repeat: no-repeat; 
    padding: 0 0 0 0;

    background: #ffffff; 
    height: 220px;  
    width: 220px;

}
.jumbotron .welcome .profile-info {
    margin: 0 0 0 0;
}
.jumbotron .welcome .profile-info .panel {
    background: url("../img/profile-bg.png");
}
.jumbotron .welcome .profile-info h2 {
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
    font-weight: 800; 
}
.jumbotron .welcome .profile-info:after {
    clear: both;
}
.jumbotron .welcome .profile-header #profileUserName {
    display:  none;
}
.jumbotron .welcome .profile-picture {
    
}
.ui-btn, label.ui-btn {
  font-weight: 700;
  border-width: 1px;
  border-style: solid;
}
.search-profile-image {
    background-size: cover;
    background-repeat: no-repeat; 
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
}
.jumbotron .welcome .profile-bottom {
    margin: 40px 0 0 0;
}
.jumbotron .editActive .ui-input-text {
    font-size: 14px;
    float: left;
}
 .jumbotron .editActive label {
    font-weight: bold;
    font-size: 14px;
    float: left;
    margin: 7px 5px 0 0;
 }
 .container > .navbar-collapse {
    
 }
.navbar-nav .ui-panel-inner {
    padding: 0;
    margin-top: 0;
}

.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited,
.ui-page-theme-a a:visited, html .ui-bar-a a:visited, html .ui-body-a a:visited, html body .ui-group-theme-a a:visited,
.ui-page-theme-a a, html .ui-bar-a a, html .ui-body-a a, html body .ui-group-theme-a a {
    color: #38c;
    font-weight: 400;
    font-size: 12px;    
}
.full-profile {
    
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}
.posted-date {
    font-size: 10px;
    color: #9197a3;    
}

.main-panel {
    margin-bottom: 10px;    
}

.parent-panel {
    margin-top: 0;
    margin-bottom: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;    
}
.child-panel___OLD {
    margin: 0 20px 0 20px;
    padding: 0 40px 0 40px;
    border-radius: 0;
    border-top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,fbfbfb+1,fbfbfb+100 */
    background: rgb(234,234,234); /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */

    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZmJmYmZiIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(left,  rgb(234,234,234) 0%, rgb(251,251,251) 1%, rgb(251,251,251) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(234,234,234)), color-stop(1%,rgb(251,251,251)), color-stop(100%,rgb(251,251,251))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgb(234,234,234) 0%,rgb(251,251,251) 1%,rgb(251,251,251) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgb(234,234,234) 0%,rgb(251,251,251) 1%,rgb(251,251,251) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgb(234,234,234) 0%,rgb(251,251,251) 1%,rgb(251,251,251) 100%); /* IE10+ */
    background: linear-gradient(to right,  rgb(234,234,234) 0%,rgb(251,251,251) 1%,rgb(251,251,251) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#fbfbfb',GradientType=1 ); /* IE6-8 */
}

.child-panel {
    margin: 0 20px 0 20px;
    padding: 0 40px 0 40px;
    border-radius: 0;
    border-top: 0;

    background: #f9f9f9;

}

.main.row.parent:first-child {
    margin-top: 0;
}
.main.row.parent {
    margin-top: 10px;
}

.panel {


}
.like, .comment {
    cursor: pointer;
}
.hide-comment {
    display: none !important;
}
.show-comment {
    display: block !important;
}
.reply-tool {
 
}

/**** TinyMCE ****/

.tox .tox-statusbar {
    background-color: #f9faf7 !important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-color: #f9f9f9 !important;
}
.tox .tox-menubar {
    background-color: #f6f6f6 !important;
}
/**** TinyMCE ****/

.blog-body.ui-input-text.ui-textinput-autogrow 
{
    height: 400px !important;
    overflow-y: auto;
}
.blog .blog-btn {
    margin: 20px 0 20px 0;
}
.ui-popup-container {
    max-width: 800px !important;
}
.ui-popup {
    background: #fff !important;
    border-radius: 5px;
}
.modalHeader {
    color: #ffffff;
    border-right: none;
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJmNDI3MiIgc3RvcC1vcGFjaXR5PSIwLjc4Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzJmNDI3MiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
    background: -moz-linear-gradient(top,  rgba(47,66,114,0.78) 0%, rgba(47,66,114,0.8) 50%, rgba(229,229,229,0.8) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(47,66,114,0.78)), color-stop(50%,rgba(47,66,114,0.8)), color-stop(100%,rgba(229,229,229,0.8))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(47,66,114,0.78) 0%,rgba(47,66,114,0.8) 50%,rgba(229,229,229,0.8) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c72f4272', endColorstr='#cce5e5e5',GradientType=0 ); /* IE6-8 */    
}
#msgForm-popup {
	width: 100%;
}
.load-more {
    margin: 10px 0 0 0;
}
.load-more-btn {
    padding: 4px 12px;
    font-size: 12px;
}
#blogEntries .btn {
    padding: 4px 12px;
    font-size: 12px;
}
#blogList .blog-link {
    background: #f9f9f9 !important;
}
#blogList .blog-link:hover {
    background: #38c !important;
}
#blogList a:nth-child(2) {
    background: #f6f6f6 !important;
}
.blog-delete ul, .blog-edit ul {
    margin: 12px;    
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.ui-popup-screen.in {
    background: #f9f9f9;
}
.blog-delete ul li:first-child, .blog-edit ul li:first-child {
    text-align: center;
    background: #f9f9f9;
    padding: 10px;
}
.ui-controlgroup-controls .btn {    
    padding: 8px 8px 8px 8px;
}
.show-full-profile {
    padding: 8px 8px 8px 8px;
    display: inline-block !important;
}
span.stars, span.stars span {
	display: inline-block;
	background: url(../img/star_rating.png) 0 -16px repeat-x;
	width: 80px;
	height: 16px;
}

.posted-date-text {
    margin-right: 10px;
}
span.stars span {
	background-position: 0 0;
}
.stars-rate-text {
    visibility: hidden;
}
.show-profile-btn,
.show-tools-btn {
    padding: 0 0 10px 0;
}

.navbar-logo{
    background:  #333333 url('../img/orange_pad_small.png') no-repeat;
    background-size: 63px 20px;
    height: 20px;
    width: 63px;
    position: absolute;
    left: 40px;
    margin-top: -2px;
}

.rate {
    color: #38c;  
    display: block;
    margin-left: -40px;
    margin-right: 10px;
}

.rate-star {
    display: inline-block;
    background: url('../img/star_off.png') no-repeat;
    width: 16px;
    height: 16px;
    margin-left: -4px;
}
.rate-star:hover {
    display: inline-block;
    background: url('../img/star_on.png') no-repeat;
    width: 16px;
    height: 16px;
    margin-left: -4px;
}
.login {
	margin: 80px 0 80px 0;
    float: none;
     margin-left: auto;
     margin-right: auto;
}
.login .username-text,
.login .password-text {
	margin: 15px 0 0 0;
	text-align: right;
}
.login-footer {
    text-align: center;
}

.tools-divider {
    border-top: 1px solid #e5e5e5; 
    padding-top: 5px;
    color: #38c;    
    
}
.badge {
    background: #38c;
    padding: 1px 5px;
    font-size: 10px;
}

.bs-example{
	font-family: sans-serif;
	position: relative;
	margin: 100px;
}


.tt-menu,
.gist {
  text-align: left;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 20px;
  padding: 8px 12px;
  font-size: 20px;
  line-height: 20px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
     -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
          box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 20px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
}
#leftpanel3 {
    border: 0px;
}
#leftpanel3 .ui-input-search {
    margin: 10px !important;
}
.profile-message {
    width: 190px;
    word-wrap: break-word;
    margin: 0px !important;
}
.tox-tinymce {
    min-height: 280px !important;
    border-radius: 5px !important;
}
.profile-name-container {
    position: absolute;
    background: #f6f6f6;
    z-index: 2;
    padding: 20px;
    border-radius: 5px;
    margin: 20px;
    border: 1px solid #ccc;
    left: 0px;
    display: none;
    top: 8px;
    box-shadow: 0 0 3px #e0e0e0;
}
#profileNameEdit:after {
    clear: both;
}
.profile-name {
    float: left;
    width: 50% !important;
}
.profile-message-text {
    line-height: 30px;
}
.profile-message-text-full {
    margin: 20px 0 0 0;
    font: 15px bold "Times New Roman", Georgia, Serif;
    padding: 0 30px 30px 30px !important;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;
    color: #333;
    background: #fff;  
    border-radius: 5px; 
    color: #000 !important;
}
.ui-listview>.ui-li-static {
    padding: 0;
}
.ui-listview, .ui-listview>li h2 {
    margin: 0;
}
.ui-listview>li>a.ui-btn {
    background-color: #f6f6f6 !important;
    font-size: 15px;
    text-shadow: none;
}

.ui-listview>li>a.ui-btn:hover,
.ui-listview>li>a.ui-btn:hover span.pending {
    background: #38c !important;
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
}
.ui-page-theme-a .ui-btn.btn-primary {
    color: #ffffff;
    text-shadow: 0 1px 0 #000000;
}
.ui-page-theme-a .ui-btn.btn-primary:hover {
    background-color: #2d6ca2;
}
#connectList {
    overflow-y: auto; 
    height: 85vh !important;
}
#connectList li {
    border: 0px !important;
}
#connectList ul li a{
    background: #f7fbf3 !important;
    color: #333 !important;    
    font-size: 12px;
    font-weight: normal;
    border-radius: 0px !important;
    border: 0px !important;
}
#connectList ul li a:hover {
    background: #38c !important;
}
#connectList .ui-collapsible-content {
    border: 0px;
}

#connectRequestList .list-divider {
    margin: 20px 0 0 0;
    background: #38c;
    color: #fff;
    border-color: #38c;
}
#connectRequestList .connect-request-list {
    color: #31708f;
    background-color: #d9edf7 !important;
    border-color: #bce8f1;
    text-align: left;
    padding: 10px;
}
#connectRequestList .connect-request-list:hover, #connectRequestList .connect-request-list:hover a {
    color: #ffffff;
    background-color: #38c !important;
}
#connectRequestList .connect-request-list a.ui-btn.ui-btn-icon-right.ui-icon-user:hover {
    background: #38c !important;
    color: #ffffff;
    font-weight: normal;
    text-shadow: none;
    border-color: #38c;
}

#connectRequestList .ui-btn-icon-left:after, 
#connectRequestList .ui-btn-icon-right:after, 
#connectRequestList .ui-btn-icon-top:after, 
#connectRequestList .ui-btn-icon-bottom:after, 
#connectRequestList .ui-btn-icon-notext:after {
    background-color: #2f4272 !important;
}
#searchList {
    z-index: 3;
    width: 327px;
    position: absolute;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    border-radius: 5px;
}
#searchList .ui-btn-icon-right:after {
    background-color: #38c !important;
}
.pending {
    color: #38c;
}

.picture-container1,
.picture-container2 
{
	margin: 0 auto;
	overflow: hidden;
	height: 300px;
	position: relative;
	width: 100%;
}
.picture-container1 img,
.picture-container2 img
{
	min-height: 100%;
	min-width: 100%;
}
.controls1-container, .controls3-container {
    width: 100%;
    height: 45px; 
    position: absolute;
}
.controls1 span.glyphicon,
.controls2 span.glyphicon,
.controls3 span.glyphicon {
    font-size: 20px !important;
	color: #2F4272;
}

.controls1 .save,
.controls2 .save,
.controls3 .edit {
	margin: 0 10px 0 10px;
}

.controls1-container:hover .controls1,
.picture-container2:hover .controls2,
.controls3-container:hover .controls3 {
    display: block;
}

.controls1, .controls2, .controls3, .picture-container1 img, .picture-container2 img
{
	position: absolute;
}
.controls1 {
    display: none;
    top: 0;
    padding: 0 5px 0 5px;
    width: 100%;
    background: url("../img/profile-bg.png"); 
    text-align: center;
}
.controls2 {
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;    
    width: 100%;
    display: none;
    background: url("../img/profile-bg.png"); 
    text-align: center;
}        
.controls3 {
    top: 0px;
    border-top-left-radius:  6px;
    border-top-right-radius: 6px;
    left: 0;
    right: 0;   
    display: none;        
    width: 100%;
    text-align: center;
    width: 200px;
    background: url(../img/profile-bg.png); 
}
.editActive {
    z-index: 1;
    width: 100%;
    padding: 0 20px 20px 20px;
    top: 45px;
    position: absolute;
    background: url("../img/profile-bg.png") whitesmoke;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.controls a
{
	text-decoration: none;
	color: white;
	padding:15px;
	display: inline-block;
}

.controls1 a, .controls2 a {
    font-weight: bold;
}
.jumbotron .welcome .profile-picture {
    top: 30px;
    background-repeat: no-repeat;
    float: left; 
    height: 220px;  
    width: 220px;
    background-size: 220px 220px; 
}
.jumbotron .welcome .profile-picture #profileImage {
    display: block;
    height: 220px;  
}
.upload-form {
    margin-top: 90px;
    width: 50%;
}
.jumbotron-menu-mobile, .profileimage-menu-mobile, .profilemessage-menu-mobile,
.jumbotron-submenu-mobile, .profileimage-submenu-mobile, .profilemessage-submenu-mobile  {
    
}
.jumbotron-submenu-mobile, .profileimage-submenu-mobile, .profilemessage-submenu-mobile {
    padding-left: 5px;
    background: #2f4272;
}
.edit-list {
    position: absolute;
    left: 30px;
    display: none;
    margin: 0px;
    width: 200px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.edit-list > div {
    margin:0px !important;
}
.edit-button .ui-collapsible-set .ui-collapsible:not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn {
    background: gold !important;   
    border: 1px solid white;
}
.edit-button .ui-collapsible-set .ui-collapsible.ui-first-child {
    margin-top: 0;
    padding-top: 1px;
}
.edit-button .ui-collapsible-set .ui-collapsible:nth-child(2):not(.ui-collapsible-inset) .ui-collapsible-heading .ui-btn { 
    border-top: none;
    border-bottom: none;
}
.edit-button .ui-btn:focus {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.jumbotron-submenu-mobile>li>a.ui-btn, .profileimage-submenu-mobile>li>a.ui-btn, .profilemessage-submenu-mobil>li>a.ui-btne  {
    background: #fff !important;
}
.ui-flipswitch .ui-btn.ui-flipswitch-on {
    text-indent: -5.5em;
    font-weight: normal;
    color: #313746;
    text-shadow:  0 1px 0 #eee;    
    
    background: linear-gradient(to bottom, rgba(47,66,114,1) 0%,rgba(49,55,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4272', endColorstr='#313746',GradientType=0 );
}
.ui-flipswitch .ui-flipswitch-off {
    text-indent: 0em;
    font-weight: normal;
    color: #313746;
}
/* Custom widths are needed because the length of custom labels differs from
   the length of the standard labels */
   
.ui-flipswitch {
    width: 9em;
    height: 2.05em;
    position: relative;
    left: 15px;
    top: 6px;
    
    background-image: -webkit-linear-gradient(top, #ffe267 0%, #faa61a 100%);
    background-image: linear-gradient(to bottom, #ffe267 0%, #faa61a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe267', endColorstr='#fffaa61a', GradientType=0);
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
}

.ui-flipswitch.ui-flipswitch-active {
    padding-left: 6.93em;
    width: 9em;
    left: 15px;
}
.speak .ui-flipswitch {
    left: 0px;
    margin: -10px 0px 0px 0px;
}
.speak p {
    word-wrap: break-word;
}
#msgForm iframe {
    border: none;
    max-width: 900px;
    max-height: 600px;
    width: 100%;
    height: 85vh;    
    border-radius: 5px;
}
textarea {
    height: auto !important;
}
#publishLi .ui-flipswitch {
    position: initial;
    margin-top: 12px;
}
#alertButton {
    display: none;
}
.msg-display {
    width: 100%;
    height: 400px;
    border: 1px solid #eee;
    overflow-y: scroll;
}
.msg-user {
    color: blue !important;
}
.hide-div {
    
}
#logout {
    
}
/* Tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
  
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }

.navbar > .container .navbar-brand {
    padding-top: 7px;
}
.navbar-inverse .navbar-nav > .active > a {
    background-image: -webkit-linear-gradient(top, #ffe267 0%, #faa61a 100%);
    background-image: linear-gradient(to bottom, #ffe267 0%, #faa61a 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe267', endColorstr='#fffaa61a', GradientType=0);
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
    box-shadow: inset 0 3px 9px rgba(0, 0, 0, 0.25);
    color: #313746;
}.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    color: #ffe267;
}

.btn-success {
    background: #ffe267;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGFkNGUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffe267 0%, #FBA105 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe267), color-stop(100%,#FBA105));
    background: -webkit-linear-gradient(top, #ffe267 0%,#FBA105 100%);
    background: -o-linear-gradient(top, #ffe267 0%,#FBA105 100%);
    background: -ms-linear-gradient(top, #ffe267 0%,#FBA105 100%);
    background: linear-gradient(to bottom, #ffe267 0%,#FBA105 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe267', endColorstr='#FBA105',GradientType=0 );
    color: #313746;
    border-color: #7A82AE;
    background-color: #FBA105;
}
/* END Tooltip */