#message___Frame {margin-bottom: 3px; width: 100%;}
.editbuttons {display: block; float: left; text-align: center; font: 11px arial; background-color: #999999; color: #ffffff; font-weight:bold; width:22px; border: 1px solid; border-color: #eee; margin-right: 2px; cursor: hand}
.editbuttons:hover {background-color: red}
.edittoggle {display: block; text-align: center; font: 11px arial; background-color: #bbbbbb; color: #ffffff; font-weight:bold; border: 1px solid; border-color: #eee;}
.text2 {color: #777777}
.cats {color: #ffffff}
.header {color: #ffffff}
.top {color: #003366; font-weight: bold}
.toplinks {color: #003366;}
.richtext {clear: both; width:100%; height: 130px; overflow: auto; background-color: #f6f6f6; border: 1px solid; border-color: #eee; padding: 3px; margin-top: 1px; margin-bottom: 3px}
.plaintext {clear: both; width:100%; height: 130px; background-color: #f6f6f6; border: 1px solid; border-color: #eee; padding: 3px; margin-bottom: 2px}
.blogunpublished {margin-bottom: 5px; padding: 2px; background-color: #f6f6f6; color: #990000; font-weight: bold}
.blogunpublished a {color: #ddaa00;}
.bloginput {margin-left: 5px; width: 250px; border: 1px solid; border-color: #999; padding: 2px;}
.blogTitle { margin-bottom: 8px; padding-bottom: 12px; }
.containerTitle { -webkit-border-radius: 5px; border-radius: 5px; padding:8px; background-color: #fafafa; box-shadow:0 0 3px #bbb; border:0; margin-top: 10px; }
.containerToggle {display: block; float: right; border: 0 }
.containerBottomBorder { border-style: solid; border-width: 0 1px 1px 1px; border-color: #eee; }
.commentContainer { border: #eee 1px solid; margin-bottom: 10px;}
.topicProperties { float: left; padding-left: 8px; padding-right: 4px; }
.propertiesLeft {float: left; }
.propertiesRight {float: right; }
.blogPostEdit { border-bottom: 0px; padding-bottom: 4px; }
.categoryTopContainer { padding: 8px 4px 4px 4px; clear:both; border-top: 1px solid #eee;  border-bottom: 1px solid #eee; }
.buttonContainer { border-right: 1px solid #eee;  border-bottom: 1px solid #eee; border-left: 1px solid #eee; }
.blogtopic {clear: both; padding: 30px 0;border-bottom: 1px solid; border-color: #ccc;}
.blogpost {clear: both; padding-top: 10px; padding-bottom: 10px;}
.blogpost h2 {margin: 0px; margin-bottom: 5px; padding: 0px;}
.blogcomment {clear: both; padding-top: 12px; padding-bottom: 12px; border-bottom: 1px solid; border-color: #eee;}
.blogcomment h3 {margin: 0px; margin-bottom: 5px; padding: 0px; font-weight: normal;}
.blogpostcategories, .blogposttags {color: #777; margin-top: 8px; line-height: 130%;}
.blogpostinfo_sep {float: left; padding-right: 5px;}
.blogpostinfo_element {display: block; float: left; padding-right: 5px; font-size:.85em;margin-bottom: 10px;}
.blogtoplinks {float: right; padding-top: 2px;}
#blogtopsep {clear: both; padding-bottom: 10px; border-bottom: 1px solid; border-color: #eee; }
.blogcommentheader {padding-bottom: 0px; margin-top: 15px; border-bottom: 1px solid; border-color: #eee;}
.blogunpublished {margin-bottom: 5px; padding: 2px; background-color: #f6f6f6; color: #990000; font-weight: bold}
.blogselectcontainer {display: inline-block;}
.blogselect {width: 120px;}
.bloghide {display: none;}
.blogtextcenter {text-align: center;}
.blogkeywords {width: 150px;}
.blognavprev {float: left; padding: 10px 10px 10px 0;}
.blognavprev a {text-decoration: none;}
.blognavarchives {float: right; padding: 8px 0 8px 8px;}
.fs_blogcatzero { font-style: italic; color:#777777;}
.blog_strong { font-weight: bold; }

#tagList .ui-state-default, #tagList .ui-widget-content #tagList .ui-state-default {
border: 0;
background: transparent;
font-weight: normal;
color: #555555;
}

#tagList .ui-state-active{
    border:2px solid #ccc;
    font-weight:bold;
}

#container {
    margin:0;
    width: inherit;
    padding-left: 8px;
}

#container .categoryRow {
    padding: 0;
    margin: 0;
    vertical-align:middle;
    display: block;
    float: left;
    clear: both;
}

#container .categoryEdit{
     margin:0 0 4px 3px;
}

.categoryEdit a img{
    opacity:.6;
    padding-bottom:1px;
    padding-right:2px;
}

.categoryEdit a img:hover{
    opacity:1;
}

#container #content {
    text-align: left;
}

#container .checkbox {
    width: 20px;
}

#container .name {
    padding-left: 4px;
}

#container .newCategoryName {
    width: 120px;
    padding-left: 4px;
}

#container .add {
    width:20px;
    display: none;
}


#container .redBackground, #tagListEdit .redBackground {
    background-color: #DC6967;
}

#container .yellowBackground {
    background-color: #FF9;
}

.redBackground {
    background-color: #CC3333;
}

.yellowBackground {
    background-color: #FF9;
}

#show_bl{
    padding:16px;
}

.fsBlog_readmore {
    clear:both;
    display:block;
    margin:1em 0 2em 0;
}
.fsBlog_readmore a,
.fsBlog_readmore a:visited,
.fsBlog_readmore a:visited:hover,
.fsBlog_readmore a:hover {
    color: #fff;
    border-radius: 3px;
    background: #767c87;
    font-size: 14px;
    padding:4px 20px;
    text-decoration: none;
}
.fsBlog_readmore a:hover,
.fsBlog_readmore a:visited:hover{
    background: none repeat scroll 0 0 #646b78;
}

#categoryHdr{
    position:relative;
    padding:10px 4px;
    border-top:1px solid #eee;
    margin-top:10px;
    *width:100%;
}

#categoryEdit{
    position:absolute;
    top:8px;
    right:4px;
}

#categoryEdit a img{
    vertical-align:middle;
    padding-right:2px;
}

.add {
    padding-left: 8px;
    padding-top: 4px;
    display: none;
}

#showInput{
    display:block;
    margin-left:4px;
    clear:both;
}

#updateCategory a img{
    margin-left:10px;
    vertical-align:middle;
    margin-right:4px;
}

#showInput a{
    display:block;
    width:120px;
    background: transparent url("../../images/admin_ui/2.0/plus.png") left center no-repeat;
    padding:6px 0 6px 20px;
    *width:100%;
}

#addCategory{
    margin-left:8px;
    padding:0px 0 6px 20px;
    clear:both;
}

#addCategory a{
    background: transparent url("../../images/admin_ui/2.0/plus.png") left center no-repeat;
    width:20px;
    overflow:hidden;
    display:inline-block;
    text-indent:-60px;
    opacity:.8;
}

#addCategory a:hover{
    opacity:1;
}

#container .edit {
width:20px;
padding-left: 4px;
}

#container .delete {
width:20px;
padding-left: 4px;
}

#container input, #input_newRow {
width: 200px;
}

#show_newcat {
margin: 6px 8px;
width: inherit
}

#show_newcat .addcat {
font-weight: bold;
}

#show_newcat a:hover {
font-weight: bold;
color: #CC0000;
}

#show_newcat a, #show_newcat a:link, #show_newcat a:visited {
font-weight: bold;
}

#saveButtons{
    margin:8px 0;
}

#uploadContainer {
margin:0;
width: inherit;
padding-left: 8px;
}
#uploadContainer main{
    border-top: 0px;
    padding-top: 4px;
}

#uploadContainer input {
    border-top: 0px;
    padding-top: 4px;
    padding-bottom: 4px;
    line-height: 18px
}

#saveButtonPublishLMS, #saveButtonPublish{
    cursor:pointer;
    background-position: 0.5em center;
    border-radius:2px;
    color:#fff !important;
    background-color: #49AFCD;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style:solid;
    border-width:1px;
    margin-right:5px;
    -webkit-text-shadow:0 0 1px #008000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05)
}

#saveButtonPublishLMS:hover, #saveButtonPublish:hover{
    background-color:#3097B5;
}

#saveButtonDraft{
    cursor:pointer;
    background-position: 0.5em center;
    border-radius:2px;
    color:#fff !important;
    background-color: #5BB75B;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style:solid;
    border-width:1px;
    margin-right:5px;
    -webkit-text-shadow:0 0 1px #008000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05)
}

#saveButtonDraft:hover{
    background-color: #55AA55;
}

#saveButtonCancel{
    cursor:pointer;
    background-position: 0.5em center;
    border-radius:2px;
    color:#333 !important;
    background-color: #ddd;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style:solid;
    border-width:1px;
    margin-right:5px;
    -webkit-text-shadow:0 1px 0 #ddd;
    text-shadow: 0 1px 0 #ddd;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05)
}

#saveButtonCancel:hover{
    background-color:#ccc;
}


/* LMS */

div.fsGroupSpaceElementRight {
    padding-right:15px;
}

div.fsGroupSpaceElementHeader,
div.fsGroupSpaceElementContent {
    width: 72%;
    float: left;
}

div.fsGroupSpaceElementHeader,
div.fsGroupSpaceElementContent {
    width: 72%;
    float: left;
    margin-left:15px;
}

div.fsGroupSpaceElementHeader{
    padding-top:1.2em;
}

div.fsGroupSpaceElementRight {
    float: right;
    width: 20%;
    margin-right:10px;
}

div.fsGroupSpaceElementRight h3{
    text-transform:uppercase;
    font-size:1em;
    border-top:1px solid #eee;
    padding-top:1em;
}

div.fsGroupSpaceElementRight h3:first-child{
    border-top:0;
    padding-top:0;
}

div.fsGroupSpaceElementRight .latestLink{
    font-weight:bold;
}

div.fsGroupSpaceElementRight .latestPost .latestSnippet{
    color:#777;
    margin-bottom:1em;
    font-size:.9em
}

div.fsGroupSpaceElementRight .latestPost .latestSnippet p{
    margin:0;
}

div.fsGroupSpaceElementClear {
    clear: both;
}

.fsGroupSpaceDialogInstructions {
    margin-bottom: 10px;
}

a.archiveLink,
a.categoryLink,
a.authorLink,
.fs_blogcatzero,
.blog_strong {
    display: block;
}

a.newPost {
    display:inline-block;
    background-image:url('../../images/admin_ui/2.0/white/plus.png');
    background-repeat:no-repeat;
    background-position:5px 3px;
    border-radius:2px;
    padding:3px 10px 3px 26px;
    color:#fff !important;
    background-color: #5BB75B;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style:solid;
    border-width:1px;
    -webkit-text-shadow:0 0 1px #008000;
    text-shadow:0 0 1px #008000;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05)
}

a.newPost:hover{
    background-color:#53A753;
}

.blogtoplinks {float: left; width:100%; padding-top: 2px;}

a.blogSettings {
    background:url(../../images/admin_ui/2.0/black/gear.png) no-repeat 0 2px;
    text-decoration: none;
    margin-right: 5px;
    margin-left:10px;
    margin-right:20px;
    padding-left:16px;
    float:right;
}

#alert_badge{
    float:right;
}

.propertiesLeft h3{
    margin-bottom:0;
}

div.blogComments,
div.blogGetLink {
    float: right;
}

div.blogGetLink {
    font-size:.85em;
}

div.blogComments{
    background:transparent url(../../images/admin_ui/2.0/white/chat.png) no-repeat 0 2px;
    padding: 2px 0 0 24px;
}

div.blogDateline {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 12px;
    color:#999;
    font-size:.9em;
}

div.blogcomment,
div.blogcommentheader {
    margin-left: 5%;
}

div.blogcommentheader {
    border-bottom: none;
}

div.commentAvatar {
    float: left;
    margin-right: 10px;
}
div.commentAvatar img {
    width: 25px;
    height: 25px;
}

#submitCommentBtn {
    float: right;
    background-position:5px 3px;
    border-radius:2px;
    padding:3px 8px;
    color:#fff !important;
    background-color: #5BB75B;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-style:solid;
    border-width:1px;
    -webkit-text-shadow:0 0 1px #008000;
    text-shadow:0 0 1px #008000;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.125) inset, 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05)
}

.blogcomment .blogpostinfo{
    font-size:.85em;
}

label.clonePickerOption {
    display: block;
}

div.blogpostinfo_element img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

div.fsGroupSpaceElementRight .latestPost .latestSnippet img{
    display:none;
}

.blogpostinfo_element a{
    text-decoration:none;
}

.editBlogBtn{
    display:inline-block;
    text-indent:-120px;
    overflow:hidden;
    width:18px;
    height:16px;
    vertical-align:top;
    margin-left:4px;
    padding:2px 1px;
    border-color: #E7B42D;
    border-style:solid;
    border-width:1px;
    background:#ffdb59 url(../../images/admin_ui/2.0/black/pencil.png) no-repeat 2px 2px;
    border-radius:2px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
}

.editBlogBtn:hover{
    background-color:#f2c943;
}

.deleteBlogBtn{
    display:inline-block;
    text-indent:-120px;
    overflow:hidden;
    width:18px;
    height:16px;
    vertical-align:top;
    margin-left:4px;
    padding:2px;
    border-color: #999;
    border-style:solid;
    border-width:1px;
    background:#ccc url(../../images/admin_ui/2.0/black/trash.png) no-repeat 3px 1px;
    border-radius:2px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
}

.deleteBlogBtn:hover{
    background-color:#bbb;
}

.warnMsg {
    background: none repeat scroll 0 0 #FBF5D9;
    border: 1px solid #FCE9C5;
    border-radius: 4px 4px 4px 4px;
    color: #C09853;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.alertMsg {
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
    border-radius: 4px 4px 4px 4px;
    color: #B94A48;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.successMsg {
    background-color: #DFF0D8;
    border: 1px solid #C4EDB3;
    border-radius: 4px 4px 4px 4px;
    color: #468847;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

.hide, .dialog {
    display: none;
}

.copyBlogBtn {
    background: url("../../images/admin_ui/2.0/black/copy.png") no-repeat scroll 3px 2px #5BB75B;
    border-color: #489548;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 1px 0 0 rgba(255, 255, 255, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    height: 16px;
    margin-left: 4px;
    overflow: hidden;
    padding: 2px;
    text-indent: -120px;
    vertical-align: top;
    width: 18px;
}

.copyBlogBtn:hover {
    background-color: #51A751;
}

#copyBlogPostModal {
    display: hide;
}

.blogInactive {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default !important;
}

.unpublishedComments {
    background-color: #f6f6f6; 
    color: #990000; 
    padding: 0 3px 0 3px
}

h2.blogTopicTitle a {
    text-decoration:none;
}

.blogShareButton {
    float: right;
}

.blogShareButton a{
    text-decoration:none;
}

.blogError {
    background: #F2DEDE;
    border: 1px solid #EED3D7;
    border-radius: 4px 4px 4px 4px;
    color: #B94A48;
    margin: 10px 0;
    padding: 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* Blog Tags */

#tagContainer {
    border-top: 1px solid #eee;
    margin-top: 10px;
    padding: 10px 4px;
}

#tagHeader {
    margin-bottom: 10px;
}

#tagHeader span {
    font-weight: bold;
}

#tagHeader a {
    float: right;
}

#tagHeader img {
    padding-right: 5px;
}

#tagContent, #tagAdd {
    margin-left: 8px;
}

#tagList .ui-button {
    margin-bottom: .3em !important;
}

#tagList .ui-button-text {
    padding: 5px !important;
}

#tagList .ui-state-active span {

}

#tagListEdit {
    display: none;
}

.tagListEditItem {
    display: inline-block;
    word-wrap: nowrap;
    margin-right: 20px;
}

.tagDelete {
    cursor: pointer;
    vertical-align: middle;
    padding: 3px;
}

.tagDeleteDisabled {
    cursor: default !important;
    opacity: .25;
}

#tagAdd, #tagEdit {
    margin-top: 10px
}

#tagAddButton a {
    background: url(../../images/admin_ui/2.0/plus.png) left center no-repeat;
    padding-left: 20px
}

#tagAddInputWrapper {
    display: none;
}

#tagAddInputButtons, #tagAddInputLoading, #tagListEditButtons {
    margin-top: 5px;
}

#tagListEditButtons {
    display: none;
}

#tagAddInputLoading, #tagListEditLoading {
    display: none;
}

#tagAddDone, #tagEditDone {
    background: url(../../images/admin_ui/2.0/check-on.png) left center no-repeat;
    padding-left: 20px;
    margin-right: 20px;
}

#tagAddCancel, #tagEditCancel {
    background: url(../../images/admin_ui/2.0/black/x.png) left center no-repeat;
    padding-left: 16px;
}

.blogpostinfo {
    border-top:1px solid #eee;
    color: #777; 
    margin-top: 8px;
    padding-top:10px;
    line-height: 130%;
    }


/* Blog Banners */

.blogbanner li{
    margin-bottom: .5em;    
}

.blogbanner a{
    text-decoration: none;
}

/* Tag Cloud */

.blogTagCloudSmallest { font-size: .8em; line-height:1; white-space:nowrap;}
.blogTagCloudSmall { font-size: 1em; line-height:1; white-space:nowrap;}
.blogTagCloudMedium { font-size: 1.5em; line-height:1; white-space:nowrap;}
.blogTagCloudLarge { font-size: 2em; line-height:1; white-space:nowrap;}
.blogTagCloudLargest { font-size: 2.5em; line-height:.7em; white-space:nowrap;}


/* Categories */

.fs_categoryCnt {
    float: right;
    font-size: .8em;
    line-height: 1;
    background: #ddd;
    border-radius: 9px;
    padding: 3px 6px;
}

.fs_categoryName {
    display: inline-block;

}
.fs_blogcatzero,.blog_strong,.categoryLink{
    margin-bottom: 0.25em;
}

.blogpostinfo_element:first-child{
    margin-right:1em;
}

.blogComments{
        background: url(../../images/admin_ui/2.0/outline/bubble.png) left center no-repeat;
        padding-left:20px;
        margin-right:1em;
        text-decoration:none;
}

.blogGetLink{
        background: url(../../images/admin_ui/2.0/outline/link.png) left center no-repeat;
        padding-left:20px;
        text-decoration:none;
}

.blogpostinfo_tags{
        font-size:.8em;
        background: url(../../images/admin_ui/2.0/outline/tag.png) left center no-repeat;
        padding-left:20px;
}

/* Respond */

@media only screen
and (max-width : 840px){

    div.fsGroupSpaceElementHeader,
    div.fsGroupSpaceElementContent {
        width: 88%;
        float: none;
        margin-left:8px;
    }

    div.fsGroupSpaceElementRight {
        float: none;
        width: 90%;
        padding:0 18px;
    }

    div.blogComments {
        margin-top:10px;
    }
}